Hide abbreviation and color on create dialog as requested

Author: manuelmeister

frontend/src/components/collaborator/CollaboratorCreate.vue

@@ -25,7 +25,7 @@
       class="mb-2"
     />
 
-    <CollaboratorForm :collaboration="entityData" />
+    <CollaboratorForm :collaboration="entityData" variant="create" />
   </DetailPane>
 </template>
 
@@ -51,17 +51,15 @@ export default {
   },
   data() {
     return {
-      entityProperties: ['abbreviation', 'camp', 'color', 'inviteEmail', 'role'],
+      entityProperties: ['camp', 'inviteEmail', 'role'],
       entityUri: '',
     }
   },
   watch: {
     showDialog: function (showDialog) {
       if (showDialog) {
         this.setEntityData({
-          abbreviation: '',
           camp: this.camp._meta.self,
-          color: '',
           inviteEmail: '',
           role: DEFAULT_INVITE_ROLE,
         })

frontend/src/components/collaborator/CollaboratorForm.vue

@@ -77,12 +77,17 @@
     </e-select>
 
     <e-text-field
+      v-if="variant === 'edit'"
       v-model="localCollaboration.abbreviation"
       path="abbreviation"
       vee-rules="oneEmojiOrTwoCharacters"
     />
 
-    <e-color-picker v-model="localCollaboration.color" path="color" />
+    <e-color-picker
+      v-if="variant === 'edit'"
+      v-model="localCollaboration.color"
+      path="color"
+    />
   </e-form>
 </template>
 
@@ -93,6 +98,7 @@ export default {
     collaboration: { type: Object, required: true },
     status: { type: [String, Boolean], required: false, default: false },
     readonlyRole: { type: [String, Boolean], required: false, default: false },
+    variant: { type: String, required: false, default: 'edit' },
   },
   computed: {
     items() {