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

added team page

Browse Source
This commit is contained in:
mi1468 2025-05-12 17:28:04 +03:30
parent e52b2d6f92
commit 857fa68231
2 changed files with 134 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
xroom-dashboard/src/components/SidebarMenu.vue
View File

@ -59,7 +59,7 @@
<div class="text-wrapper">فایل ها</div> <div class="text-wrapper">فایل ها</div>
</router-link> </router-link>
<router-link to="/team" class="nav-button" :class="{ active: isActive('/team') }"> <router-link to="/dashboard/teams" class="nav-button" :class="{ active: isActive('/team') }">
<img class="img" src="https://c.animaapp.com/m9nvumalUMfQbN/img/property-1-team.svg" /> <img class="img" src="https://c.animaapp.com/m9nvumalUMfQbN/img/property-1-team.svg" />
<div class="text-wrapper">تیم</div> <div class="text-wrapper">تیم</div>
</router-link> </router-link>

135
xroom-dashboard/src/pages/dashboard/team.vue
View File

@ -87,8 +87,50 @@
<div v-if="activeTab === 'membership'" class="tab-content"> <div v-if="activeTab === 'membership'" class="tab-content">
<div class="card">اطلاعات عضویت ۱</div> <div class="access-container">
<div class="card">اطلاعات عضویت ۲</div> <!-- Title Section -->
<div class="access-header">
<div class="header-text">
<h3>فعال‌سازی دسترسی XRoom</h3>
<p>دسترسی کامل به امکانات XRoom بدون واترمارک</p>
</div>
<img src="https://cdn-icons-png.flaticon.com/512/1828/1828489.png" alt="Lock Icon" class="lock-icon" />
</div>
<!-- Subscription Button -->
<button class="primary-button">
👆 انتخاب طرح اشتراکی
</button>
<!-- Info Cards -->
<div class="info-cards">
<!-- Billing Info -->
<div class="info-card">
<h4>جزئیات صورتحساب</h4>
<p>
اصفهان، خیابان وحید، نبش خیابان حسین آباد، مجتمع عسگری ۳، واحد ۳<br />
۸۱۷۵۹۴۹۹۹۱<br />
شماره تماس: ۰۹۳۷۹۸۹۸۶۲۳<br />
ایمیل: aminimperator@gmail.com
</p>
<button class="secondary-button">ویرایش جزئیات صورتحساب</button>
</div>
<!-- Membership Info -->
<div class="info-card">
<h4>عضویت ها</h4>
<p>هنوز مجوزی فعال نیست. کاربران شما نمی‌توانند از XRoom با واترمارک استفاده کنند.</p>
<button class="secondary-button">مدیریت عضویت ها</button>
</div>
<!-- Payment Method -->
<div class="info-card">
<h4>روش پرداخت</h4>
<p>هیچ روش پرداختی برای صورتحساب مرتبط نیست.</p>
</div>
</div>
</div>
</div> </div>
<div v-if="activeTab === 'details'" class="tab-content"> <div v-if="activeTab === 'details'" class="tab-content">
@ -1429,5 +1471,94 @@ submitNewUser() {
} }
/* dialog */ /* dialog */
/* tab 2 */
.access-container {
direction: rtl;
font-family: IRANSansXFaNum, sans-serif;
padding: 20px;
background-color: #f9f9fb;
}
.access-header {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 24px;
}
.header-text h3 {
font-size: 20px;
font-weight: 700;
color: #1a202c;
margin-bottom: 6px;
}
.header-text p {
color: #4a5568;
font-size: 14px;
}
.lock-icon {
width: 40px;
height: 40px;
}
.primary-button {
background-color: #3a57e8;
color: white;
border: none;
padding: 12px 24px;
font-size: 14px;
border-radius: 10px;
margin-bottom: 30px;
cursor: pointer;
}
.info-cards {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.info-card {
background: white;
border-radius: 16px;
padding: 20px;
width: 100%;
max-width: 300px;
box-shadow: 0 2px 8px rgba(0,0,0,0.05);
display: flex;
flex-direction: column;
justify-content: space-between;
}
.info-card h4 {
font-size: 16px;
font-weight: 600;
margin-bottom: 12px;
}
.info-card p {
font-size: 14px;
color: #4a5568;
margin-bottom: 16px;
line-height: 1.7;
}
.secondary-button {
background-color: #3a57e8;
color: white;
border: none;
padding: 10px 16px;
font-size: 13px;
border-radius: 8px;
cursor: pointer;
}
/* tab 2 */
</style> </style>