Amin/XRoomDashboardFront
1
0
Fork 0
mirror of https://github.com/Dadechin/XRoomDashboardFront.git synced 2025-07-04 17:24:35 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

added header component and redesign index dashboard

Browse Source
This commit is contained in:
mi1468 2025-05-11 15:35:31 +03:30
parent 058a10fdc9
commit 796535af75
4 changed files with 22 additions and 65 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
xroom-dashboard/src/pages/dashboard/ChangeAvatar.vue
View File

@ -4,20 +4,8 @@
<div class="dashboard-page">
<div class="content">
<!-- Header -->
<div class="header-row">
<div class="right-actions">
<button class="subscription-button">
<img src="https://c.animaapp.com/m9nvumalUMfQbN/img/frame-6.svg" class="button-icon" />
خرید اشتراک
</button>
</div>
<div class="user-info">
<span class="user-name">{{ userData.user.first_name }} {{ userData.user.last_name }}</span>
<div class="avatar-box">
<img class="avatar-icon" src="https://c.animaapp.com/m9nvumalUMfQbN/img/frame.svg" />
</div>
</div>
</div>
<AppHeader pageTitle="انتخاب آواتار" />
<div class="page-title"> آواتار خود را انتخاب کنید</div>
@ -93,11 +81,13 @@
import SidebarMenu from '@/components/SidebarMenu.vue'
import axios from '@/axios';
import { ref } from 'vue';
import AppHeader from '@/components/Header.vue';
export default {
name: 'ChangeAvatar',
components: {
SidebarMenu
SidebarMenu,
AppHeader,
},
data() {
return {

25
xroom-dashboard/src/pages/dashboard/EditProfile.vue
View File

@ -5,23 +5,9 @@
<div class="content">
<!-- Header -->
<div class="header-row">
<div class="right-actions">
<button class="subscription-button">
<img src="https://c.animaapp.com/m9nvumalUMfQbN/img/frame-6.svg" class="button-icon" />
خرید اشتراک
</button>
</div>
<div class="user-info">
<span class="user-name">{{ userData.user.first_name }} {{ userData.user.last_name }}</span>
<div class="avatar-box">
<img class="avatar-icon" src="https://c.animaapp.com/m9nvumalUMfQbN/img/frame.svg" />
</div>
</div>
</div>
<div class="page-title">ویرایش پروفایل</div>
<AppHeader pageTitle="ویرایش پروفایل" />
<!-- Two-Column Form Layout -->
<div class="profile-edit-container">
@ -37,7 +23,7 @@
<img :src="userAvatarUrl" class="avatar-image" />
<div class="avatar-actions">
<router-link to="/dashboard/ChangeAvatar">تغییر آواتار </router-link>
<router-link to="/dashboard/readyPlayer">تغییر آواتار </router-link>
</div>
</div>
@ -116,11 +102,14 @@
<script>
import SidebarMenu from '@/components/SidebarMenu.vue'
import axios from '@/axios';
import AppHeader from '@/components/Header.vue';
export default {
name: 'EditProfile',
components: {
SidebarMenu
SidebarMenu,
AppHeader,
},
data() {
return {

22
xroom-dashboard/src/pages/dashboard/files.vue
View File

@ -4,25 +4,10 @@
<div class="dashboard-page">
<div class="content">
<!-- Top Header -->
<div class="header-row">
<div class="right-actions">
<button class="subscription-button">
<img src="https://c.animaapp.com/m9nvumalUMfQbN/img/frame-6.svg" class="button-icon" />
خرید اشتراک
</button>
</div>
<AppHeader pageTitle="فایل ها" />
<div class="user-info">
<span class="user-name">{{ userData.user.first_name }} {{ userData.user.last_name }}</span>
<div class="avatar-box">
<img class="avatar-icon" src="https://c.animaapp.com/m9nvumalUMfQbN/img/frame.svg" />
</div>
</div>
</div>
<!-- Page Title -->
<div class="page-title">فایل ها</div>
<!-- Description -->
<div class="section-description">
<div class="section-title">مدیریت فایل ها</div>
@ -275,6 +260,7 @@ import axios from 'axios';
import { VideoPlayer } from '@videojs-player/vue';
import 'video.js/dist/video-js.css';
import AppHeader from '@/components/Header.vue';
export default {
name: 'DashboardPage',
@ -282,6 +268,8 @@ export default {
SidebarMenu,
VuePdfEmbed,
VideoPlayer,
AppHeader,
},
data() {
return {

20
xroom-dashboard/src/pages/dashboard/readyPlayer.vue
View File

@ -4,20 +4,8 @@
<div class="dashboard-page">
<div class="content">
<!-- Header -->
<div class="header-row">
<div class="right-actions">
<button class="subscription-button">
<img src="https://c.animaapp.com/m9nvumalUMfQbN/img/frame-6.svg" class="button-icon" />
خرید اشتراک
</button>
</div>
<div class="user-info">
<span class="user-name">{{ userData.user.first_name }} {{ userData.user.last_name }}</span>
<div class="avatar-box">
<img class="avatar-icon" src="https://c.animaapp.com/m9nvumalUMfQbN/img/frame.svg" />
</div>
</div>
</div>
<AppHeader pageTitle="انتخاب آواتار" />
<div class="page-title">ساخت آواتار جدید</div>
@ -37,11 +25,13 @@
<script>
import SidebarMenu from '@/components/SidebarMenu.vue'
import axios from '@/axios';
import AppHeader from '@/components/Header.vue';
export default {
name: 'ChangeAvatar',
components: {
SidebarMenu
SidebarMenu,
AppHeader,
},
data() {
return {