Prompt users for email on email protected collection endpoints

Author: bencap

src/components/CollectionAdder.vue

@@ -1,4 +1,7 @@
 <template>
+  <template v-if="dialogVisible">
+    <EmailPrompt />
+  </template>
   <div v-if="userIsAuthenticated" class="mave-collection-adder">
     <Button
       icon="pi pi-bookmark"
@@ -71,10 +74,11 @@ import Dropdown from 'primevue/dropdown'
 import config from '@/config'
 import CollectionCreator from '@/components/CollectionCreator'
 import useAuth from '@/composition/auth'
+import EmailPrompt from '@/components/common/EmailPrompt.vue'
 
 export default {
   name: 'CollectionAdder',
-  components: {Button, CollectionCreator, Dialog, Dropdown},
+  components: {Button, CollectionCreator, Dialog, Dropdown, EmailPrompt},
 
   props: {
     dataSetUrn: {
@@ -261,4 +265,4 @@ export default {
 .mave-create-collection-button {
   display: inline;
 }
-</style>
+</style>

src/components/CollectionCreator.vue

@@ -1,10 +1,11 @@
 <template>
+  <EmailPrompt />
   <div class="mave-collection-creator">
     <div class="flex flex-column gap-2">
       <label :for="$scopedId('name-input')">Collection name</label>
       <InputText :id="$scopedId('name-input')" v-model="collectionName" />
     </div>
-    
+
     <div class="flex flex-column gap-2">
       <label :for="$scopedId('description-input')">Description</label>
       <Textarea :id="$scopedId('description-input')" v-model="collectionDescription" />
@@ -90,10 +91,11 @@ import Textarea from 'primevue/textarea'
 
 import config from '@/config'
 import {ORCID_ID_REGEX} from '@/lib/orcid'
+import EmailPrompt from '@/components/common/EmailPrompt.vue'
 
 export default {
   name: 'CollectionCreator',
-  components: {Button, Column, DataTable, Dropdown, InputSwitch, InputText, SelectButton, Textarea},
+  components: {Button, Column, DataTable, Dropdown, EmailPrompt, InputSwitch, InputText, SelectButton, Textarea},
   emits: ['createdCollection', 'canceled'],
 
   data: () => ({
@@ -187,13 +189,13 @@ export default {
           life: 3000,
           severity: 'warn',
           summary: 'Must provide collection name'
-        })        
+        })
       } else {
         const newCollection = {
           name: collectionName,
           description: collectionDescription,
           private: !this.collectionPublic,
-          viewers: this.pendingUserRoles.filter((ur) => ur.role == 'viewer').map((ur) => ur.user), 
+          viewers: this.pendingUserRoles.filter((ur) => ur.role == 'viewer').map((ur) => ur.user),
           editors: this.pendingUserRoles.filter((ur) => ur.role == 'editor').map((ur) => ur.user),
           admins: this.pendingUserRoles.filter((ur) => ur.role == 'admin').map((ur) => ur.user)
         }

src/components/CollectionDataSetEditor.vue

@@ -1,4 +1,7 @@
 <template>
+  <template v-if="visible">
+    <EmailPrompt />
+  </template>
   <div class="collection-data-set-editor">
     <Button
       class="mave-collection-data-set-editor-button"
@@ -83,13 +86,14 @@ import Message from 'primevue/message'
 
 import useItem from '@/composition/item'
 import config from '@/config'
+import EmailPrompt from '@/components/common/EmailPrompt.vue'
 
 export default {
   name: 'CollectionDataSetEditor',
 
   emits: ['saved'],
 
-  components: {Button, Chips, Column, DataTable, Dialog, Message},
+  components: {Button, Chips, Column, DataTable, Dialog, EmailPrompt, Message},
 
   props: {
     collectionUrn: {

src/components/CollectionPermissionsEditor.vue

@@ -1,4 +1,7 @@
 <template>
+  <template v-if="dialogVisible">
+    <EmailPrompt />
+  </template>
   <div>
     <Button
       class="mave-collection-permissions-editor-button"
@@ -66,7 +69,7 @@
             <Button v-if="orcidIdsToRemove.includes(data.user.orcidId)" label="Restore" size="small" @click="restoreUserRole(data.user.orcidId)" />
           </template>
         </Column>
-      </DataTable> 
+      </DataTable>
       <div class="mave-collection-editor-action-buttons">
         <Button label="Cancel" severity="secondary" @click="dialogVisible = false" />
         <Button :disabled="!dirty" label="Save" @click="saveChanges" />
@@ -90,10 +93,11 @@ import config from '@/config'
 import useAuth from '@/composition/auth'
 import useItem from '@/composition/item'
 import {ORCID_ID_REGEX} from '@/lib/orcid'
+import EmailPrompt from '@/components/common/EmailPrompt.vue'
 
 export default {
   name: 'CollectionPermissionsEditor',
-  components: {Button, Column, DataTable, Dialog, Dropdown, InputText, SelectButton},
+  components: {Button, Column, DataTable, Dialog, Dropdown, EmailPrompt, InputText, SelectButton},
   emits: ['saved'],
 
   props: {