feat : role And permission

packages/chicken/lib/presentation/pages/role/view.dart

@@ -1,6 +1,6 @@
-import 'dart:ui';
-
 import 'package:flutter/material.dart';
+import 'package:rasadyar_chicken/data/common/fa_user_role.dart';
+import 'package:rasadyar_chicken/presentation/widget/base_page/view.dart';
 import 'package:rasadyar_core/core.dart';
 
 import 'logic.dart';
@@ -10,7 +10,42 @@ class RolePage extends GetView<RoleLogic> {
 
   @override
   Widget build(BuildContext context) {
-    return Scaffold(
+    return BasePage(
+      hasSearch: true,
+      hasBack: false,
+      isBase: true,
+      routes: ['انتخاب نقش'],
+      widgets: [
+        ObxValue((data) {
+          return Expanded(
+            child: GridView.builder(
+              physics: BouncingScrollPhysics(),
+              gridDelegate: SliverGridDelegateWithFixedCrossAxisCount(
+                crossAxisCount: 3,
+                mainAxisSpacing: 12.h,
+                crossAxisSpacing: 12.w,
+                childAspectRatio: 2,
+              ),
+              itemCount: data.length,
+              hitTestBehavior: HitTestBehavior.opaque,
+              itemBuilder: (BuildContext context, int index) {
+                Map role = getFaUserRoleWithOnTap(data[index]);
+                return roleCard(
+                  title: role.keys.first,
+                  onTap: () async {
+                    String route = role.values.first;
+                    await controller.gService.saveSelectedRole(route);
+                    Get.offAllNamed(route);
+                  },
+                );
+              },
+            ),
+          );
+        }, controller.roles),
+      ],
+    );
+
+    /* return Scaffold(
       body: Stack(
         alignment: Alignment.center,
         children: [
@@ -32,33 +67,37 @@ class RolePage extends GetView<RoleLogic> {
                     'انتخاب نقش',
                     style: AppFonts.yekan20Bold.copyWith(color: AppColor.textColor),
                   ),
-                  Expanded(
-                    child: GridView.builder(
-                      physics: BouncingScrollPhysics(),
-                      gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
-                        maxCrossAxisExtent: 250,
-                        mainAxisSpacing: 12,
-                        crossAxisSpacing: 12,
-                        childAspectRatio: 1.5,
+                  ObxValue((data) {
+                    return Expanded(
+                      child: GridView.builder(
+                        physics: BouncingScrollPhysics(),
+                        gridDelegate: SliverGridDelegateWithMaxCrossAxisExtent(
+                          maxCrossAxisExtent: 250,
+                          mainAxisSpacing: 12,
+                          crossAxisSpacing: 12,
+                          childAspectRatio: 1.5,
+                        ),
+                        itemCount: data.length,
+                        hitTestBehavior: HitTestBehavior.opaque,
+                        itemBuilder: (BuildContext context, int index) {
+                          return roleCard(title: getFaUserRole(data[index]), onTap: () {});
+                        },
                       ),
-                      itemCount: 3,
-                      hitTestBehavior: HitTestBehavior.opaque,
-                      itemBuilder: (BuildContext context, int index) {
-                        return roleCard(title:  index == 0 ? 'نasdsadasdقش $index' : "wlsp", onTap: null);
-                      },
-                    ),
-                  ),
+                    );
+                  }, controller.roles),
                 ],
               ),
             ),
           ),
         ],
       ),
-    );
+    );*/
   }
 
   Widget roleCard({required String title, Function()? onTap}) {
     return Container(
+      width: 128.w,
+      height: 48.h,
       margin: EdgeInsets.all(8.w),
       decoration: BoxDecoration(
         borderRadius: BorderRadius.circular(8.r),
@@ -67,7 +106,7 @@ class RolePage extends GetView<RoleLogic> {
       child: InkWell(
         onTap: onTap,
         child: Center(
-          child: Text(title, style: AppFonts.yekan16Bold.copyWith(color: AppColor.blueNormal)),
+          child: Text(title, style: AppFonts.yekan12Bold.copyWith(color: AppColor.blueNormal)),
         ),
       ),
     );