feat: warning for folders public links

- only for folders with RW permissions
- modal or div, based on if it was created or updated
- alert message defined in config store by language
- check if message exists before showing

Author: rodcoffani

packages/web-app-files/src/components/SideBar/Shares/FileLinks.vue

@@ -128,12 +128,15 @@ export default defineComponent({
       return canShare({ space: unref(space), resource: unref(resource) })
     })
 
+    const language = useGettext()
+
     const sharesStore = useSharesStore()
     const { updateLink, deleteLink } = sharesStore
     const { linkShares } = storeToRefs(sharesStore)
 
     const configStore = useConfigStore()
     const { options: configOptions } = storeToRefs(configStore)
+    const alertRwFolders = configStore.options.alertRwFolders
 
     const { actions: createLinkActions } = useFileActionsCreateLink()
     const createLinkAction = computed<FileAction>(() =>
@@ -225,8 +228,23 @@ export default defineComponent({
           resource: unref(resource),
           linkShare,
           options
+        }).then(() => {
+          showMessage({ title: $gettext('Link was updated successfully') })
         })
-        showMessage({ title: $gettext('Link was updated successfully') })
+        if (options.type === 'edit' && unref(resource).isFolder && alertRwFolders) {
+          if (!document.getElementById('files-file-link-warning')) {
+            const warningMessage = document.createElement('div')
+            warningMessage.className = 'oc-mb-m oc-p-s oc-background-secondary oc-rounded'
+            warningMessage.id = 'files-file-link-warning'
+            warningMessage.innerHTML = $gettext(
+              alertRwFolders[language.current] ?? alertRwFolders[Object.keys(alertRwFolders)[0]]
+            )
+            document.getElementById('files-links-list').parentElement.prepend(warningMessage)
+            setTimeout(() => {
+              warningMessage.remove()
+            }, 10000)
+          }
+        }
       } catch (e) {
         console.error(e)
         showErrorMessage({
@@ -376,4 +394,9 @@ export default defineComponent({
     margin-top: var(--oc-space-medium);
   }
 }
+#files-file-link-warning {
+  color: var(--oc-color-swatch-danger-default);
+  text-align: center;
+  border: solid 1px var(--oc-color-swatch-danger-muted);
+}
 </style>

packages/web-pkg/src/components/CreateLinkModal.vue

@@ -74,7 +74,7 @@
         appearance="filled"
         variation="primary"
         :disabled="confirmButtonDisabled"
-        @click="$emit('confirm')"
+        @click="$emit('confirm', { isRW: selectedType === 'edit', isFolder })"
         >{{ confirmButtonText }}
       </oc-button>
       <oc-button
@@ -99,7 +99,13 @@
             <oc-button
               class="oc-modal-body-actions-confirm-password action-menu-item"
               appearance="raw"
-              @click="$emit('confirm', { copyPassword: true })"
+              @click="
+                $emit('confirm', {
+                  copyPassword: true,
+                  isRW: selectedType === 'edit',
+                  isFolder
+                })
+              "
               >{{ $gettext('Copy link and password') }}
             </oc-button>
           </li>
@@ -347,6 +353,7 @@ export default defineComponent({
       setAdvancedMode,
       onExpiryDateChanged,
       confirmButtonDisabled,
+      isFolder,
       DateTime,
       sharingPublicExpireDateMaxRWFolders,
 

packages/web-pkg/src/composables/actions/files/useFileActionsCreateLink.ts

@@ -11,7 +11,8 @@ import {
   useModals,
   useUserStore,
   useCapabilityStore,
-  useSharesStore
+  useSharesStore,
+  useConfigStore
 } from '../../piniaStores'
 import { useClipboard } from '../../clipboard'
 import { useClientService } from '../../clientService'
@@ -32,6 +33,7 @@ export const useFileActionsCreateLink = ({
   const { addLink } = useSharesStore()
   const { dispatchModal } = useModals()
   const { copyToClipboard } = useClipboard()
+  const configStore = useConfigStore()
 
   const proceedResult = async ({
     result,
@@ -40,7 +42,7 @@ export const useFileActionsCreateLink = ({
   }: {
     result: PromiseSettledResult<LinkShare>[]
     password?: string
-    options?: { copyPassword?: boolean }
+    options?: { isRW?: boolean; isFolder?: boolean; copyPassword?: boolean }
   }) => {
     const succeeded = result.filter(
       (val): val is PromiseFulfilledResult<LinkShare> => val.status === 'fulfilled'
@@ -70,6 +72,20 @@ export const useFileActionsCreateLink = ({
         }
       }
 
+      const language = useGettext()
+      const alertRwFolders = configStore.options.alertRwFolders
+
+      if (options.isRW && options.isFolder && alertRwFolders) {
+        dispatchModal({
+          variation: 'warning',
+          title: 'Default expiration date',
+          message: $gettext(
+            alertRwFolders[language.current] ?? alertRwFolders[Object.keys(alertRwFolders)[0]]
+          ),
+          confirmText: 'Got it'
+        })
+      }
+
       showMessage({
         title: $ngettext(successMessage, 'Links have been created successfully.', succeeded.length)
       })

packages/web-pkg/src/composables/piniaStores/config/config.ts

@@ -37,7 +37,11 @@ const defaultOptions = {
   runningOnEos: false,
   tokenStorageLocal: true,
   userListRequiresFilter: false,
-  hideLogo: false
+  hideLogo: false,
+  alertRwFolders: {
+    en: '',
+    fr: ''
+  }
 } satisfies Partial<OptionsConfig>
 
 export const useConfigStore = defineStore('config', () => {

packages/web-pkg/src/composables/piniaStores/config/types.ts

@@ -126,7 +126,13 @@ const OptionsConfigSchema = z.object({
   hideAppSwitcher: z.boolean().optional(),
   hideAccountMenu: z.boolean().optional(),
   hideNavigation: z.boolean().optional(),
-  defaultLanguage: z.string().optional()
+  defaultLanguage: z.string().optional(),
+  alertRwFolders: z
+    .object({
+      en: z.string().optional(),
+      fr: z.string().optional()
+    })
+    .optional()
 })
 
 export type OptionsConfig = z.infer<typeof OptionsConfigSchema>