@live-change/access-control-frontend 0.9.131 → 0.9.133

package/front/locales/en.json

@@ -1,4 +1,43 @@
 {
+  "access": {
+    "notAuthorized": "Not authorized",
+    "insufficientPrivileges": "You do not have sufficient privileges to use this feature of this object.",
+    "accessRequests": "Access Requests",
+    "accessInvitations": "Access Invitations",
+    "authorized": "Authorized",
+    "accessRequestSaved": "Access request saved",
+    "accessRequestDeleted": "Access Request Deleted",
+    "accessRequestAccepted": "Access Request accepted",
+    "confirmDeleteAccessRequest": "Do you want to delete user \"{name}\" access request?",
+    "accessInviteSaved": "Access invite saved",
+    "invitationDeleted": "Invitation Deleted",
+    "confirmDeleteInvitation": "Do you want to delete invitation for \"{name}\"?",
+    "accessSaved": "Access saved",
+    "accessRevoked": "Access Revoked",
+    "confirmRevokeAccess": "Do you want to revoke access for \"{name}\"?",
+    "publicAccessSaved": "Public access saved"
+  },
+  "invite": {
+    "inviteUserWithEmail": "Invite user with email",
+    "inviteWithEmail": "Invite with email",
+    "singleUser": "Single user",
+    "multipleUsers": "Multiple users",
+    "emailAddress": "Email address",
+    "emailAddressesMultiple": "Email addresses (newline or comma separated)",
+    "roles": "Roles",
+    "messageOptional": "Message ( optional )",
+    "inviteEmail": "Invite email",
+    "inviteEmails": "Invite emails",
+    "invitationSent": "Invitation sent!",
+    "invitationsWereSent": "Invitations were sent!",
+    "invitationWillBeSent": "Invitation will be sent!",
+    "inviteMultipleEmails": "Invite {count} emails",
+    "inviteSingleEmail": "Invite {email}"
+  },
+  "common": {
+    "rejected": "Rejected",
+    "rejectedDetail": "You have rejected"
+  },
   "notifications": {
     "types": {
       "accessControl_Invitation": {

package/front/locales/pl.json

@@ -0,0 +1,36 @@
+{
+  "access": {
+    "notAuthorized": "Brak autoryzacji",
+    "insufficientPrivileges": "Nie masz wystarczających uprawnień do korzystania z tej funkcji tego obiektu.",
+    "accessRequests": "Prośby o dostęp",
+    "accessInvitations": "Zaproszenia dostępu",
+    "authorized": "Autoryzowani",
+    "accessRequestSaved": "Prośba o dostęp zapisana",
+    "accessRequestDeleted": "Prośba o dostęp usunięta",
+    "accessRequestAccepted": "Prośba o dostęp zaakceptowana",
+    "confirmDeleteAccessRequest": "Czy chcesz usunąć prośbę o dostęp użytkownika \"{name}\"?",
+    "accessInviteSaved": "Zaproszenie dostępu zapisane",
+    "publicAccessSaved": "Dostęp publiczny zapisany"
+  },
+  "invite": {
+    "inviteUserWithEmail": "Zaproś użytkownika przez email",
+    "inviteWithEmail": "Zaproś przez email",
+    "singleUser": "Jeden użytkownik",
+    "multipleUsers": "Wielu użytkowników",
+    "emailAddress": "Adres email",
+    "emailAddressesMultiple": "Adresy email (oddzielone nową linią lub przecinkiem)",
+    "roles": "Role",
+    "messageOptional": "Wiadomość (opcjonalna)",
+    "inviteEmail": "Zaproś email",
+    "inviteEmails": "Zaproś emaile",
+    "invitationSent": "Zaproszenie wysłane!",
+    "invitationsWereSent": "Zaproszenia zostały wysłane!",
+    "invitationWillBeSent": "Zaproszenie zostanie wysłane!",
+    "inviteMultipleEmails": "Zaproś {count} emaili",
+    "inviteSingleEmail": "Zaproś {email}"
+  },
+  "common": {
+    "rejected": "Odrzucone",
+    "rejectedDetail": "Odrzuciłeś"
+  }
+}

package/front/src/components/InsufficientAccess.vue

@@ -2,15 +2,17 @@
   <div class="flex items-start p-6 bg-pink-100 rounded-border border border-pink-300 mb-6">
     <i class="pi pi-times-circle text-pink-900 text-2xl mr-4" />
     <div class="mr-4">
-      <div class="text-pink-900 font-medium text-xl mb-4 leading-none">Not authorized</div>
+      <div class="text-pink-900 font-medium text-xl mb-4 leading-none">{{ t('access.notAuthorized') }}</div>
       <p class="m-0 p-0 text-pink-700">
-        You do not have sufficient privileges to use this feature of this object.
+        {{ t('access.insufficientPrivileges') }}
       </p>
     </div>
   </div>
 </template>
 
 <script setup>
+  import { useI18n } from 'vue-i18n'
+  const { t } = useI18n()
 </script>
 
 <style scoped>

package/front/src/configuration/AccessControl.vue

@@ -3,7 +3,7 @@
     <div v-if="myRoles.length > 0">
 
       <div class="text-center">
-        <Button label="Invite with email" icon="pi pi-envelope" class="p-button mb-6"
+        <Button :label="t('invite.inviteWithEmail')" icon="pi pi-envelope" class="p-button mb-6"
                 @click="inviteDialog = true" :disabled="!canInvite"  />
       </div>
 
@@ -114,6 +114,8 @@
   })
 
   import { computed, watch, ref, onMounted } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  const { t } = useI18n()
 
   const isMounted = ref(false)
   onMounted(() => isMounted.value = true)

package/front/src/configuration/AccessInvitations.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="synchronizedAccessInvitations.length > 0" class="mb-6">
-    <div class="text-surface-900 dark:text-surface-0 font-medium text-xl mb-2">Access Invitations</div>
+    <div class="text-surface-900 dark:text-surface-0 font-medium text-xl mb-2">{{ t('access.accessInvitations') }}</div>
     <div v-for="access of synchronizedAccessInvitations" :key="access.to"
          class="flex flex-row flex-wrap items-center">
       <div class="col-span-12 md:col-span-6 py-1">
@@ -44,6 +44,8 @@
   import { synchronized, synchronizedList } from "@live-change/vue3-components"
 
   import { computed, watch, ref, onMounted } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  const { t } = useI18n()
 
   const { object, objectType, availableRoles, multiRole, disabled } = defineProps({
     object: {
@@ -94,7 +96,7 @@
     identifiers: { object, objectType },
     objectIdentifiers: ({ to, sessionOrUser, sessionOrUserType }) =>
         ({ accessInvitation: to, sessionOrUser, sessionOrUserType, object, objectType }),
-    onSave: () => toast.add({ severity: 'info', summary: 'Access invite saved', life: 1500 }),
+    onSave: () => toast.add({ severity: 'info', summary: t('access.accessInviteSaved'), life: 1500 }),
     recursive: true
   })
   const synchronizedAccessInvitations = synchronizedAccessInvitationsList.value

package/front/src/configuration/AccessList.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="synchronizedAccesses.length > 0" class="mb-6">
-    <div class="text-surface-900 dark:text-surface-0 font-medium text-xl mb-2">Authorized</div>
+    <div class="text-surface-900 dark:text-surface-0 font-medium text-xl mb-2">{{ t('access.authorized') }}</div>
     <div v-for="access of synchronizedAccesses" :key="access.to"
          class="flex flex-row flex-wrap items-center">
       <div class="col-span-12 md:col-span-6 py-1">
@@ -47,6 +47,8 @@
   import { synchronized, synchronizedList } from "@live-change/vue3-components"
 
   import { computed, watch, ref, onMounted } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  const { t } = useI18n()
 
   const { object, objectType, availableRoles, multiRole, disabled } = defineProps({
     object: {
@@ -97,7 +99,7 @@
     identifiers: { object, objectType },
     objectIdentifiers: ({ to, sessionOrUser, sessionOrUserType }) =>
         ({ access: to, sessionOrUser, sessionOrUserType, object, objectType }),
-    onSave: () => toast.add({ severity: 'info', summary: 'Access saved', life: 1500 }),
+    onSave: () => toast.add({ severity: 'info', summary: t('access.accessSaved'), life: 1500 }),
     recursive: true
   })
   const synchronizedAccesses = synchronizedAccessesList.value

package/front/src/configuration/AccessRequests.vue

@@ -1,6 +1,6 @@
 <template>
   <div v-if="synchronizedAccessRequests.length > 0" class="mb-6">
-    <div class="text-surface-900 dark:text-surface-0 font-medium text-xl mb-2">Access Requests</div>
+    <div class="text-surface-900 dark:text-surface-0 font-medium text-xl mb-2">{{ t('access.accessRequests') }}</div>
     <div v-for="access of synchronizedAccessRequests" :key="access.to"
          class="flex flex-row flex-wrap items-center">
       <div class="col-span-12 md:col-span-6 py-1">
@@ -51,6 +51,8 @@
   import { synchronized, synchronizedList } from "@live-change/vue3-components"
 
   import { computed, watch, ref, onMounted } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  const { t } = useI18n()
 
   const { object, objectType, availableRoles, multiRole, disabled } = defineProps({
     object: {
@@ -106,7 +108,7 @@
     identifiers: { object, objectType },
     objectIdentifiers: ({ to, sessionOrUser, sessionOrUserType }) =>
         ({ accessRequest: to, sessionOrUser, sessionOrUserType, object, objectType }),
-    onSave: () => toast.add({ severity: 'info', summary: 'Access request saved', life: 1500 }),
+    onSave: () => toast.add({ severity: 'info', summary: t('access.accessRequestSaved'), life: 1500 }),
     recursive: true
   })
   const synchronizedAccessRequests = synchronizedAccessRequestsList.value
@@ -115,16 +117,16 @@
     console.log("DELETE ACCESS REQUEST", accessRequest)
     confirm.require({
       target: event.currentTarget,
-      message: `Do you want to delete user "${accessRequest.identification.name}" access request?`,
+      message: t('access.confirmDeleteAccessRequest', { name: accessRequest.identification.name }),
       icon: 'pi pi-info-circle',
       acceptClass: 'p-button-danger',
       accept: async () => {
         await synchronizedAccessRequestsList.delete(accessRequest)
         //accessRequest.delete()
-        toast.add({ severity:'info', summary: 'Access Request Deleted', life: 1500 })
+        toast.add({ severity:'info', summary: t('access.accessRequestDeleted'), life: 1500 })
       },
       reject: () => {
-        toast.add({ severity:'error', summary: 'Rejected', detail: 'You have rejected', life: 3000 })
+        toast.add({ severity:'error', summary: t('common.rejected'), detail: t('common.rejectedDetail'), life: 3000 })
       }
     })
   }
@@ -134,7 +136,7 @@
     await accessControlApi.acceptAccessRequest({
       ...accessRequest, access: accessRequest.to
     })
-    toast.add({ severity:'info', summary: 'Access Request accepted', life: 1500 })
+    toast.add({ severity:'info', summary: t('access.accessRequestAccepted'), life: 1500 })
   }
 
 </script>

package/front/src/configuration/PublicAccess.vue

@@ -67,6 +67,8 @@
   }
 
   import { computed, watch, ref, onMounted } from 'vue'
+  import { useI18n } from 'vue-i18n'
+  const { t } = useI18n()
 
   const {
     object, objectType,
@@ -135,7 +137,7 @@
     update: accessControlApi.setOrUpdatePublicAccess,
     identifiers: { object, objectType },
     recursive: true,
-    onSave: () => toast.add({ severity: 'info', summary: 'Public access saved', life: 1500 })
+    onSave: () => toast.add({ severity: 'info', summary: t('access.publicAccessSaved'), life: 1500 })
   }).value
 
 </script>

package/front/src/invite/InviteDialog.vue

@@ -3,7 +3,7 @@
           :modal="true" class="w-full sm:w-9/12 md:w-8/12 lg:w-6/12">
     <template #header>
       <div class="flex flex-wrap w-full">
-        <div class="text-xl">Invite user with email</div>
+        <div class="text-xl">{{ t('invite.inviteUserWithEmail') }}</div>
       </div>
     </template>
 
@@ -13,13 +13,13 @@
 
         <Tabs  v-model:value="tabIndex" class="w-full">
           <TabList>
-            <Tab value="0">Single user</Tab>
-            <Tab value="1">Multiple users</Tab>
+            <Tab value="0">{{ t('invite.singleUser') }}</Tab>
+            <Tab value="1">{{ t('invite.multipleUsers') }}</Tab>
           </TabList>
           <TabPanels>
             <TabPanel value="0">
 
-              <command-form service="accessControl" action="inviteEmail"
+              <command-form service="accessControl" action="inviteEmail" 
                             ref="inviteForm"
                             v-slot="{ data }"
                             :parameters="{ objectType, object }"
@@ -30,7 +30,7 @@
                   <div class="col-span-12 md:col-span-6 mb-2">
                     <div class="p-field">
                       <label for="email" class="block text-surface-900 dark:text-surface-0 font-medium mb-2">
-                        Email address
+                        {{ t('invite.emailAddress') }}
                       </label>
                       <InputText id="email" type="text" class="w-full"
                                 aria-describedby="email-help" :invalid="!!data.emailError"
@@ -43,7 +43,7 @@
                   <div class="col-span-12 md:col-span-6 mb-2">
                     <div class="p-field ">
                       <label for="inviteAccess" class="block text-surface-900 dark:text-surface-0 font-medium mb-2">
-                        Roles
+                        {{ t('invite.roles') }}
                       </label>
                       <Dropdown v-if="!multiRole" id="inviteAccess" class="w-14em w-full"
                                 :options="['none'].concat(availableRoles)"
@@ -64,7 +64,7 @@
                 </div>
                 <div class="p-field">
                   <label for="inviteMessage" class="block text-surface-900 dark:text-surface-0 font-medium mb-2">
-                    Message ( optional )
+                    {{ t('invite.messageOptional') }}
                   </label>
                   <Textarea id="inviteMessage" v-model="data.message" :autoResize="true" rows="3" class="w-full" />
                 </div>
@@ -83,7 +83,7 @@
 
                   <div class="p-field mb-4">
                     <label for="email" class="block text-surface-900 dark:text-surface-0 font-medium mb-2">
-                      Email addresses (newline or comma separated)
+                      {{ t('invite.emailAddressesMultiple') }}
                     </label>
                     <Textarea id="emailsText" type="text" class="w-full"
                               rows="4"
@@ -95,7 +95,7 @@
                   </div>
                   <div class="p-field mb-4">
                     <label for="inviteAccess" class="block text-surface-900 dark:text-surface-0 font-medium mb-2">
-                      Roles
+                      {{ t('invite.roles') }}
                     </label>
                     <Dropdown v-if="!multiRole" id="inviteAccess" class="w-14em w-full"
                               :options="['none'].concat(availableRoles)"
@@ -114,7 +114,7 @@
                   </div>
                 <div class="p-field mb-1">
                   <label for="inviteMessage" class="block text-surface-900 dark:text-surface-0 font-medium mb-2">
-                    Message ( optional )
+                    {{ t('invite.messageOptional') }}
                   </label>
                   <Textarea id="inviteMessage" v-model="data.message" :autoResize="true" rows="3" class="w-full" />
                 </div>
@@ -137,10 +137,10 @@
     </WorkingZone>
 
     <template #footer>
-      <Button v-if="tabIndex === 0"
-              label="Invite email" icon="pi pi-envelope" autofocus @click="inviteForm.submit()" />
+      <Button v-if="tabIndex == 0"
+      :label="t('invite.inviteEmail')" icon="pi pi-envelope" autofocus @click="inviteForm.submit()" />      
       <Button v-else
-              label="Invite emails" icon="pi pi-envelope" autofocus @click="inviteManyForm.submit()" />
+              :label="t('invite.inviteEmails')" icon="pi pi-envelope" autofocus @click="inviteManyForm.submit()" />
     </template>
 
 
@@ -214,7 +214,7 @@
   const inviteForm = ref()
   function handleInvited({ parameters, result }) {
     visible.value = false
-    toast.add({ severity: 'success', summary: 'Invitation sent!', life: 1500 })
+    toast.add({ severity: 'success', summary: t('invite.invitationSent'), life: 1500 })
     console.log("INVITED", arguments)
   }
 
@@ -225,19 +225,19 @@
     if(!tmv) {
       inviteTask.value = null
       visible.value = false
-      toast.add({ severity: 'success', summary: 'Invitations were sent!', life: 1500 })
+      toast.add({ severity: 'success', summary: t('invite.invitationsWereSent'), life: 1500 })
     }
   })
 
   const taskTypes = {
     inviteManyEmail: {
       label(task) {
-        return 'Invite ' + task.properties.contacts.length + ' emails'
+        return t('invite.inviteMultipleEmails', { count: task.properties.contacts.length })
       }
     },
     inviteEmail: {
       label(task) {
-        return 'Invite '+ task.properties.email
+        return t('invite.inviteSingleEmail', { email: task.properties.email })
       }
     }
   }
@@ -248,7 +248,7 @@
     const { task } = result
     inviteTask.value = task
     taskModalVisible.value = true
-    toast.add({ severity: 'info', summary: 'Invitation will be sent!', life: 1500 })
+    toast.add({ severity: 'info', summary: t('invite.invitationWillBeSent'), life: 1500 })
   }
 
 </script>

package/index.js

@@ -20,5 +20,6 @@ import configurationRoutes from "./front/src/configuration/routes.js"
 export { inviteRoutes, configurationRoutes }
 
 import en from "./front/locales/en.json"
-const locales = { en }
+import pl from "./front/locales/pl.json"
+const locales = { en, pl }
 export { locales }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/access-control-frontend",
-  "version": "0.9.131",
+  "version": "0.9.133",
   "scripts": {
     "memDev": "node server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
     "localDevInit": "rm tmp.db; lcli localDev --enableSessions --initScript ./init.js",
@@ -21,22 +21,22 @@
   },
   "type": "module",
   "dependencies": {
-    "@live-change/access-control-service": "^0.9.131",
-    "@live-change/cli": "^0.9.131",
-    "@live-change/dao": "^0.9.131",
-    "@live-change/dao-vue3": "^0.9.131",
-    "@live-change/dao-websocket": "^0.9.131",
-    "@live-change/db-admin": "^0.9.131",
-    "@live-change/framework": "^0.9.131",
-    "@live-change/frontend-base": "^0.9.131",
-    "@live-change/password-authentication-service": "^0.9.131",
-    "@live-change/secret-code-service": "^0.9.131",
-    "@live-change/secret-link-service": "^0.9.131",
-    "@live-change/session-service": "^0.9.131",
-    "@live-change/user-frontend": "^0.9.131",
-    "@live-change/user-service": "^0.9.131",
-    "@live-change/vue3-components": "^0.9.131",
-    "@live-change/vue3-ssr": "^0.9.131",
+    "@live-change/access-control-service": "^0.9.133",
+    "@live-change/cli": "^0.9.133",
+    "@live-change/dao": "^0.9.133",
+    "@live-change/dao-vue3": "^0.9.133",
+    "@live-change/dao-websocket": "^0.9.133",
+    "@live-change/db-admin": "^0.9.133",
+    "@live-change/framework": "^0.9.133",
+    "@live-change/frontend-base": "^0.9.133",
+    "@live-change/password-authentication-service": "^0.9.133",
+    "@live-change/secret-code-service": "^0.9.133",
+    "@live-change/secret-link-service": "^0.9.133",
+    "@live-change/session-service": "^0.9.133",
+    "@live-change/user-frontend": "^0.9.133",
+    "@live-change/user-service": "^0.9.133",
+    "@live-change/vue3-components": "^0.9.133",
+    "@live-change/vue3-ssr": "^0.9.133",
     "@vueuse/core": "^12.3.0",
     "codeceptjs-assert": "^0.0.5",
     "compression": "^1.7.5",
@@ -53,7 +53,7 @@
     "vue3-scroll-border": "0.1.7"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "^0.9.131",
+    "@live-change/codeceptjs-helper": "^0.9.133",
     "codeceptjs": "^3.6.10",
     "generate-password": "1.7.1",
     "playwright": "1.49.1",
@@ -64,5 +64,5 @@
   "author": "Michał Łaszczewski <michal@laszczewski.pl>",
   "license": "BSD-3-Clause",
   "description": "",
-  "gitHead": "3431deb86db4b740bcf04375b274697e0669fff4"
+  "gitHead": "455a7c9d204a89196f6599c42acd8eaeb45532e1"
 }