update user

Author: jeremyhann

src/components/Apps/AppCard.vue

@@ -197,6 +197,9 @@ export default {
     },
   },
   computed: {
+    user() {
+      return this.$store.state.user;
+    },
     tooltipLabel() {
       if (this.isContainerApp) {
         return this.$t("Import to CasaOS");
@@ -274,7 +277,7 @@ export default {
     },
 
     showActionButton() {
-      return this.canBeControlled && !this.isUninstalling && !this.isRebuilding;
+      return this.canBeControlled && !this.isUninstalling && !this.isRebuilding && this.user.is_admin;
     },
 
     isSystemApp() {

src/components/Apps/AppSection.vue

@@ -8,8 +8,8 @@
         :label="$t('DragIconsToSort')"
         :title="$t('Apps')"
       ></app-section-title-tip>
-
       <b-dropdown
+        v-if="user.is_admin"
         ref="cdro"
         animation="fade1"
         aria-role="menu"
@@ -38,7 +38,7 @@
     <transition name="fade">
       <draggable
         v-model="appList"
-        :draggable="draggable"
+        :draggable="user.is_admin && draggable"
         class="grid grid-cols-2 gap-4 sm:grid-cols-3 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 app-list contextmenu-canvas"
         tag="div"
         v-bind="dragOptions"
@@ -204,6 +204,9 @@ export default {
     showDragTip() {
       return this.draggable === ".handle";
     },
+    user() {
+      return this.$store.state.user;
+    },
   },
   async created() {
     db = await openDB("casaos", "1", {
@@ -215,7 +218,7 @@ export default {
     });
     this.getNewAppIdsFromCustomStorage();
     this.getTipsStateFromCustomStorage();
-
+    this.getUserInfo();
     this.isLoading = true;
     this.draggable = this.isMobile() ? "" : ".handle";
 
@@ -324,6 +327,15 @@ export default {
           this.gpuAppList = [];
         });
     },
+    /**
+     * @description: Get user info
+     * @return {*} void
+     */
+    getUserInfo() {
+      this.$api.users.getUserInfo().then((res) => {
+        this.$store.commit("SET_USER", res.data.data);
+      });
+    },
 
     /**
      * @description: Fetch the list of installed apps

src/store/mutations.ts

@@ -23,7 +23,10 @@ const mutations: MutationTree<State> = {
 	},
 
 	SET_USER(state, user: User) {
-		state.user = user;
+		state.user = {
+      ...user,
+      is_admin: user.role === 'admin' ? true : false,
+    };
 	},
 
 	SET_INIT_KEY(state, key: string) {

src/store/state.ts

@@ -8,6 +8,7 @@ export interface User {
 	role: string;
 	updated_at: string;
 	username: string;
+	is_admin?: boolean;
 }
 
 export interface State {