Disable uploads, project creation and moving when read only (#3744)

specklesystems · Dec 23, 2024 · baea53e · baea53e
1 parent 218de0e
commit baea53e
Show file tree

Hide file tree

Showing 21 changed files with 172 additions and 115 deletions.
diff --git a/packages/frontend-2/components/project/CardImportFileArea.vue b/packages/frontend-2/components/project/CardImportFileArea.vue
@@ -2,7 +2,7 @@
   <FormFileUploadZone
     ref="uploadZone"
     v-slot="{ isDraggingFiles }"
-    :disabled="isUploading"
+    :disabled="isUploading || disabled"
     :size-limit="maxSizeInBytes"
     :accept="accept"
     class="flex items-center h-full"
@@ -64,6 +64,7 @@ import {
 const props = defineProps<{
   projectId: string
   modelName?: string
+  disabled?: boolean
 }>()
 
 const {

diff --git a/packages/frontend-2/components/project/PendingFileImportStatus.vue b/packages/frontend-2/components/project/PendingFileImportStatus.vue
@@ -1,5 +1,7 @@
 <template>
-  <div class="text-foreground-2 text-sm flex flex-col items-center space-y-1">
+  <div
+    class="text-foreground-2 text-body-xs flex flex-col items-center justify-center space-y-1"
+  >
     <template
       v-if="
         [

diff --git a/packages/frontend-2/components/project/model-page/Versions.vue b/packages/frontend-2/components/project/model-page/Versions.vue
@@ -60,6 +60,7 @@
         ref="importArea"
         :project-id="project.id"
         :model-name="project.model.name"
+        :disabled="project.workspace?.readOnly"
         class="h-full w-full"
       />
     </div>
@@ -140,6 +141,10 @@ graphql(`
     }
     ...ProjectModelPageVersionsPagination
     ...ProjectsModelPageEmbed_Project
+    workspace {
+      id
+      readOnly
+    }
   }
 `)
 

diff --git a/packages/frontend-2/components/project/page/models/Card.vue b/packages/frontend-2/components/project/page/models/Card.vue
@@ -88,6 +88,7 @@
             :project-id="projectId"
             :model-name="model.name"
             class="w-full h-full"
+            :disabled="project?.workspace?.readOnly"
           />
         </div>
       </div>
@@ -140,6 +141,10 @@ graphql(`
     role
     visibility
     ...ProjectPageModelsActions_Project
+    workspace {
+      id
+      readOnly
+    }
   }
 `)
 

diff --git a/packages/frontend-2/components/project/page/models/CardView.vue b/packages/frontend-2/components/project/page/models/CardView.vue
@@ -23,7 +23,11 @@
         @clear-search="() => $emit('clear-search')"
       />
       <div v-else>
-        <ProjectCardImportFileArea :project-id="projectId" class="h-36 col-span-4" />
+        <ProjectCardImportFileArea
+          :disabled="project?.workspace?.readOnly"
+          :project-id="projectId"
+          class="h-36 col-span-4"
+        />
       </div>
     </template>
     <InfiniteLoading

diff --git a/packages/frontend-2/components/project/page/models/Header.vue b/packages/frontend-2/components/project/page/models/Header.vue
@@ -16,7 +16,9 @@
           </FormButton>
           <FormButton
             v-if="canContribute"
+            v-tippy="project?.workspace?.readOnly ? 'Workspace is read-only' : ''"
             class="grow inline-flex sm:grow-0 lg:hidden"
+            :disabled="project?.workspace?.readOnly"
             @click="showNewDialog = true"
           >
             New model
@@ -75,7 +77,9 @@
           </FormButton>
           <FormButton
             v-if="canContribute"
+            v-tippy="project?.workspace?.readOnly ? 'Workspace is read-only' : ''"
             class="hidden lg:inline-flex shrink-0"
+            :disabled="project?.workspace?.readOnly"
             @click="showNewDialog = true"
           >
             New model
@@ -122,6 +126,10 @@ graphql(`
         ...FormUsersSelectItem
       }
     }
+    workspace {
+      id
+      readOnly
+    }
   }
 `)
 

diff --git a/packages/frontend-2/components/project/page/models/ListView.vue b/packages/frontend-2/components/project/page/models/ListView.vue
@@ -26,7 +26,11 @@
         @clear-search="$emit('clear-search')"
       />
       <div v-else>
-        <ProjectCardImportFileArea :project-id="projectId" class="h-36 col-span-4" />
+        <ProjectCardImportFileArea
+          :project-id="projectId"
+          :disabled="project?.workspace?.readOnly"
+          class="h-36 col-span-4"
+        />
       </div>
     </template>
     <InfiniteLoading

diff --git a/packages/frontend-2/components/project/page/models/StructureItem.vue b/packages/frontend-2/components/project/page/models/StructureItem.vue
@@ -51,6 +51,7 @@
           ref="importArea"
           :project-id="project.id"
           :model-name="item.fullName"
+          :disabled="project?.workspace?.readOnly"
           class="hidden"
         />
         <div
@@ -70,6 +71,7 @@
             v-else
             :project-id="project.id"
             :model-name="item.fullName"
+            :disabled="project?.workspace?.readOnly"
             class="h-full w-full"
           />
         </div>
@@ -247,6 +249,10 @@ enum StructureItemType {
 graphql(`
   fragment ProjectPageModelsStructureItem_Project on Project {
     id
+    workspace {
+      id
+      readOnly
+    }
     ...ProjectPageModelsActions_Project
   }
 `)

diff --git a/packages/frontend-2/components/projects/ProjectDashboardCard.vue b/packages/frontend-2/components/projects/ProjectDashboardCard.vue
@@ -77,6 +77,7 @@
         <ProjectCardImportFileArea
           v-if="hasNoModels"
           :project-id="project.id"
+          :disabled="project?.workspace?.readOnly"
           class="h-28 col-span-4"
         />
       </div>

diff --git a/packages/frontend-2/components/projects/WorkspaceSelect.vue b/packages/frontend-2/components/projects/WorkspaceSelect.vue
@@ -13,7 +13,6 @@
     clearable
     :disabled-item-predicate="disabledItemPredicate"
     :help="help"
-    :disabled-item-tooltip="disabledItemTooltip"
   >
     <template #nothing-selected>
       {{ items && items.length > 0 ? 'Select workspace' : 'No workspaces' }}
@@ -31,7 +30,7 @@
       </div>
     </template>
     <template #option="{ item }">
-      <div class="flex items-center gap-x-2">
+      <div v-tippy="tooltipText(item)" class="flex items-center gap-x-2">
         <WorkspaceAvatar :logo="item.logo" :name="item.name" size="2xs" />
         <span class="truncate text-foreground">{{ item.name }}</span>
       </div>
@@ -51,6 +50,8 @@ graphql(`
     role
     name
     logo
+    readOnly
+    slug
   }
 `)
 
@@ -94,6 +95,12 @@ const { selectedValue } =
 
 const disabledItemPredicate = (item: ProjectsWorkspaceSelect_WorkspaceFragment) =>
   props.disabledRoles
-    ? props.disabledRoles.includes(item.role as WorkspaceRoles)
+    ? props.disabledRoles.includes(item.role as WorkspaceRoles) || item.readOnly
     : false
+const tooltipText = (item: ProjectsWorkspaceSelect_WorkspaceFragment) =>
+  item.readOnly
+    ? 'Workspace is read-only'
+    : props.disabledRoles?.includes(item.role as WorkspaceRoles)
+    ? props.disabledItemTooltip
+    : ''
 </script>
diff --git a/packages/frontend-2/components/settings/shared/projects/index.vue b/packages/frontend-2/components/settings/shared/projects/index.vue
@@ -12,7 +12,9 @@
           v-on="on"
         />
       </div>
-      <FormButton @click="openNewProject = true">Create</FormButton>
+      <FormButton :disabled="disableCreate" @click="openNewProject = true">
+        Create
+      </FormButton>
     </div>
 
     <LayoutTable
@@ -144,6 +146,7 @@ graphql(`
 defineProps<{
   projects?: SettingsSharedProjects_ProjectFragment[]
   workspaceId?: string
+  disableCreate?: boolean
 }>()
 
 const emit = defineEmits<{

diff --git a/packages/frontend-2/components/settings/workspaces/Projects.vue b/packages/frontend-2/components/settings/workspaces/Projects.vue
@@ -9,6 +9,7 @@
         v-model:search="search"
         :projects="projects"
         :workspace-id="workspaceId"
+        :disable-create="result?.workspace.readOnly"
         @close="$emit('close')"
       />
       <InfiniteLoading

diff --git a/packages/frontend-2/components/workspace/ProjectList.vue b/packages/frontend-2/components/workspace/ProjectList.vue
@@ -55,8 +55,9 @@
         </span>
         <WorkspaceHeaderAddProjectMenu
           v-if="!isWorkspaceGuest"
-          :is-workspace-admin="isWorkspaceAdmin"
           button-copy="Add your first project"
+          :is-workspace-admin="isWorkspaceAdmin"
+          :disabled="workspace?.readOnly"
           @new-project="openNewProject = true"
           @move-project="showMoveProjectsDialog = true"
         />
@@ -128,6 +129,7 @@ graphql(`
       completed
       state
     }
+    readOnly
   }
 `)
 

diff --git a/packages/frontend-2/components/workspace/header/AddProjectMenu.vue b/packages/frontend-2/components/workspace/header/AddProjectMenu.vue
@@ -10,6 +10,7 @@
     <FormButton
       color="outline"
       :class="hideTextOnMobile ? 'hidden md:block' : ''"
+      :disabled="disabled"
       @click="showMenu = !showMenu"
     >
       <div class="flex items-center gap-1">
@@ -48,6 +49,7 @@ const props = defineProps<{
   hideTextOnMobile?: boolean
   isWorkspaceAdmin: boolean
   buttonCopy?: string
+  disabled?: boolean
 }>()
 
 const menuId = useId()

diff --git a/packages/frontend-2/components/workspace/header/Header.vue b/packages/frontend-2/components/workspace/header/Header.vue
@@ -46,6 +46,7 @@
           v-if="!isWorkspaceGuest"
           :is-workspace-admin="isWorkspaceAdmin"
           hide-text-on-mobile
+          :disabled="workspaceInfo.readOnly"
           @new-project="$emit('show-new-project-dialog')"
           @move-project="$emit('show-move-projects-dialog')"
         />
@@ -95,6 +96,7 @@ graphql(`
     ...WorkspaceBase_Workspace
     ...WorkspaceTeam_Workspace
     ...BillingAlert_Workspace
+    readOnly
   }
 `)