Configuring access rights in the CRM Super Admin

apps/web/src/views/adm/AdmUsersView.vue

@@ -1,8 +1,18 @@
 <script setup lang="ts">
 import { onMounted, ref } from 'vue';
 import axios from 'axios';
-import type { PlatformUserDto, UserRole } from '@mento/shared';
-import { USER_ROLE_LABELS, USER_ROLES } from '@mento/shared';
+import type {
+  ApplyBillingPlanRequest,
+  BillingPlanCode,
+  PlatformUserDto,
+  UserRole,
+} from '@mento/shared';
+import {
+  BILLING_PLAN_CODES,
+  BILLING_PLAN_LABELS,
+  USER_ROLE_LABELS,
+  USER_ROLES,
+} from '@mento/shared';
 import { platformApi } from '@/lib/platform-api';
 import { formatJalaliNumeric, toFaDigits } from '@/lib/jalali';
 
@@ -121,6 +131,25 @@ async function setMembershipRole(userId: string, membershipId: string, role: Use
   }
 }
 
+async function applyPlan(userId: string, planCode: BillingPlanCode) {
+  busyId.value = `plan-${userId}-${planCode}`;
+  error.value = '';
+  success.value = '';
+  try {
+    const body: ApplyBillingPlanRequest = { planCode };
+    const { data } = await platformApi.post<PlatformUserDto>(
+      `/platform/users/${userId}/billing/apply-plan`,
+      body,
+    );
+    items.value = items.value.map((row) => (row.id === userId ? data : row));
+    success.value = `پلن «${BILLING_PLAN_LABELS[planCode]}» اعمال شد`;
+  } catch (e) {
+    error.value = apiError(e, 'اعمال پلن ناموفق بود');
+  } finally {
+    busyId.value = '';
+  }
+}
+
 onMounted(() => {
   void load();
 });
@@ -201,6 +230,29 @@ onMounted(() => {
         </form>
 
         <div v-if="openId === user.id" class="detail">
+          <div class="billing">
+            <strong>اشتراک</strong>
+            <p v-if="user.billing" class="muted">
+              {{ BILLING_PLAN_LABELS[user.billing.planCode] }}
+              · {{ user.billing.status }}
+              · {{ toFaDigits(user.billing.daysRemaining) }} روز
+              · سقف محیط {{ toFaDigits(user.billing.maxOrganizations) }}
+            </p>
+            <p v-else class="muted">هنوز اشتراک ثبت نشده — با اعمال پلن ساخته می‌شود.</p>
+            <div class="plan-row">
+              <button
+                v-for="code in BILLING_PLAN_CODES.filter((c) => c !== 'custom')"
+                :key="code"
+                class="btn btn-ghost"
+                type="button"
+                :disabled="busyId === `plan-${user.id}-${code}`"
+                @click="applyPlan(user.id, code)"
+              >
+                {{ BILLING_PLAN_LABELS[code] }}
+              </button>
+            </div>
+          </div>
+
           <p v-if="!user.memberships.length" class="muted">عضو هیچ محیطی نیست.</p>
           <ul v-else>
             <li v-for="mem in user.memberships" :key="mem.membershipId">
@@ -412,6 +464,22 @@ onMounted(() => {
   font-size: 0.8rem;
 }
 
+.billing {
+  margin-bottom: 0.85rem;
+  padding: 0.75rem;
+  border-radius: 12px;
+  background: #f8fafc;
+  border: 1px solid var(--line);
+  display: grid;
+  gap: 0.45rem;
+}
+
+.plan-row {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.4rem;
+}
+
 .member-actions {
   display: flex;
   gap: 0.45rem;