From b051254cf90f751b0c07f06b403f65114c635ee7 Mon Sep 17 00:00:00 2001
From: Anton Suharev <asuharev@asu.edu>
Date: Fri, 17 May 2024 12:32:44 -0700
Subject: [PATCH] fix: prettier

---
 .../components/form/ResearchOrgListField.vue  |  2 +-
 .../releaseEditor/ContributorAddModal.vue     | 12 +++-
 .../releaseEditor/ContributorEditForm.vue     | 55 ++++++++++++++-----
 .../releaseEditor/ContributorsPage.vue        | 41 +++++++++-----
 4 files changed, 79 insertions(+), 31 deletions(-)

diff --git a/frontend/src/components/form/ResearchOrgListField.vue b/frontend/src/components/form/ResearchOrgListField.vue
index e5e5be398..8703b0ce2 100644
--- a/frontend/src/components/form/ResearchOrgListField.vue
+++ b/frontend/src/components/form/ResearchOrgListField.vue
@@ -73,7 +73,7 @@
               <small>Set primary</small>
             </button>
           </span>
-          <input :value="element.name" class="form-control w-25" readonly :disabled="disabled"/>
+          <input :value="element.name" class="form-control w-25" readonly :disabled="disabled" />
           <span class="input-group-text bg-white flex-grow-1 flex-shrink-1 w-25 overflow-hidden">
             <a :href="element.url" target="_blank">{{ element.url }}</a>
           </span>
diff --git a/frontend/src/components/releaseEditor/ContributorAddModal.vue b/frontend/src/components/releaseEditor/ContributorAddModal.vue
index 118cdd252..a73797b4a 100644
--- a/frontend/src/components/releaseEditor/ContributorAddModal.vue
+++ b/frontend/src/components/releaseEditor/ContributorAddModal.vue
@@ -4,7 +4,10 @@
     class="btn btn-primary"
     :class="{ disabled: disabled }"
     rel="nofollow"
-    @click="resetForm();editContributorModal?.show()"
+    @click="
+      resetForm();
+      editContributorModal?.show();
+    "
   >
     <i class="fas fa-plus-square me-1"></i> Add a Contributor
   </button>
@@ -20,7 +23,10 @@
       <div class="modal-body pb-0">
         <div v-if="!showCustomInput" class="d-flex align-items-end justify-content-between mb-3">
           <div class="flex-grow-1">
-            <ContributorSearch  ref="contributorSearchRef" @select="populateFromContributor($event)" />
+            <ContributorSearch
+              ref="contributorSearchRef"
+              @select="populateFromContributor($event)"
+            />
           </div>
           <div class="text-center mb-2 mx-3">
             <small class="text-muted">OR</small>
@@ -85,7 +91,7 @@ function populateFromContributor(contributor: Contributor) {
 }
 
 function createNewContributor() {
-  resetForm()
+  resetForm();
   if (editFormRef.value) {
     showCustomInput.value = true;
   }
diff --git a/frontend/src/components/releaseEditor/ContributorEditForm.vue b/frontend/src/components/releaseEditor/ContributorEditForm.vue
index 2683ce9e4..3b87a3728 100644
--- a/frontend/src/components/releaseEditor/ContributorEditForm.vue
+++ b/frontend/src/components/releaseEditor/ContributorEditForm.vue
@@ -22,8 +22,13 @@
               show-affiliation
             />
           </div>
-          <div style="position: relative;"> <!-- Container element with relative positioning -->
-            <div v-if="fromUser" class="position-absolute top-0 start-0 w-100 h-100 bg-light opacity-50" style="z-index: 3;"></div>
+          <div style="position: relative">
+            <!-- Container element with relative positioning -->
+            <div
+              v-if="fromUser"
+              class="position-absolute top-0 start-0 w-100 h-100 bg-light opacity-50"
+              style="z-index: 3"
+            ></div>
             <div class="card-body">
               <TextField
                 v-if="!isPerson"
@@ -34,16 +39,40 @@
               />
               <div v-else class="row">
                 <div class="col-4 pe-0">
-                  <TextField class="mb-3" name="givenName" label="First Name" required :disabled="fromUser"/>
+                  <TextField
+                    class="mb-3"
+                    name="givenName"
+                    label="First Name"
+                    required
+                    :disabled="fromUser"
+                  />
                 </div>
                 <div class="col-3 pe-0">
-                  <TextField class="mb-3" name="middleName" label="Middle Name" :disabled="fromUser" />
+                  <TextField
+                    class="mb-3"
+                    name="middleName"
+                    label="Middle Name"
+                    :disabled="fromUser"
+                  />
                 </div>
                 <div class="col-5">
-                  <TextField class="mb-3" name="familyName" label="Last Name" required :disabled="fromUser" />
+                  <TextField
+                    class="mb-3"
+                    name="familyName"
+                    label="Last Name"
+                    required
+                    :disabled="fromUser"
+                  />
                 </div>
               </div>
-              <TextField v-if="isPerson" class="mb-3" name="email" label="Email" required :disabled="fromUser"/>
+              <TextField
+                v-if="isPerson"
+                class="mb-3"
+                name="email"
+                label="Email"
+                required
+                :disabled="fromUser"
+              />
               <ResearchOrgListField
                 name="jsonAffiliations"
                 placeholder="Type to find organizations"
@@ -207,7 +236,7 @@ const { errors, handleSubmit, handleReset, values, setValues } = useForm<Contrib
         familyName: values.familyName,
         middleName: values.middleName,
         affiliations: values.affiliations,
-        jsonAffiliations: values.jsonAffiliations
+        jsonAffiliations: values.jsonAffiliations,
       },
       roles: values.roles,
       includeInCitation: values.includeInCitation,
@@ -242,11 +271,11 @@ const hasName = computed(() => values.user || values.givenName);
 const fromUser = computed(() => !!values.user || !values.mutable);
 
 function populateFromReleaseContributor(contributor: ReleaseContributor) {
-  const user = contributor.contributor.user
+  const user = contributor.contributor.user;
 
   // Contributor has an associated user! Take values from the user.
-  const givenName = user ? user.memberProfile.givenName : contributor.contributor.givenName
-  const familyName = user ? user.memberProfile.familyName : contributor.contributor.familyName
+  const givenName = user ? user.memberProfile.givenName : contributor.contributor.givenName;
+  const familyName = user ? user.memberProfile.familyName : contributor.contributor.familyName;
 
   setValues({
     // set this to get the id from autocomplete contributor
@@ -274,8 +303,8 @@ function populateFromContributor(contributor: Contributor | null) {
 
 function resetContributor() {
   setValues(initialValues);
-  serverErrors.value = []
-  handleReset()
+  serverErrors.value = [];
+  handleReset();
 }
 
 function populateFromUser(user: any) {
@@ -286,7 +315,7 @@ function populateFromUser(user: any) {
     familyName: user.familyName,
     middleName: "",
     email: user.email,
-    jsonAffiliations: user.affiliations
+    jsonAffiliations: user.affiliations,
   });
 }
 
diff --git a/frontend/src/components/releaseEditor/ContributorsPage.vue b/frontend/src/components/releaseEditor/ContributorsPage.vue
index 592fce047..6e2ff5075 100644
--- a/frontend/src/components/releaseEditor/ContributorsPage.vue
+++ b/frontend/src/components/releaseEditor/ContributorsPage.vue
@@ -59,23 +59,28 @@
                     <i class="fas fa-grip-vertical text-muted"></i>
                   </div>
                   <div class="col">
-                        <h5 class="m-0">
-                          <a :href="element.profileUrl" target="_blank"  data-bs-toggle="tooltip" :title="element.contributor.name + '\'s User Profile'">
-                            <span v-if="element.contributor.user">
-                                <i class="fas fa-user fa-xs"></i>
-                                {{ element.contributor.name }}
-                            </span>
-                            <span v-else>
-                            {{ element.contributor.name }}
-                          </span>
-                          </a>
-                        </h5>
+                    <h5 class="m-0">
+                      <a
+                        :href="element.profileUrl"
+                        target="_blank"
+                        data-bs-toggle="tooltip"
+                        :title="element.contributor.name + '\'s User Profile'"
+                      >
+                        <span v-if="element.contributor.user">
+                          <i class="fas fa-user fa-xs"></i>
+                          {{ element.contributor.name }}
+                        </span>
+                        <span v-else>
+                          {{ element.contributor.name }}
+                        </span>
+                      </a>
+                    </h5>
                     <div>
                       <small class="text-muted"> ({{ roleDisplay(element) }})</small>
                     </div>
+                  </div>
                 </div>
               </div>
-              </div>
               <div class="col-1 d-flex align-items-center">
                 <span v-if="element.includeInCitation" class="badge bg-info">citable</span>
               </div>
@@ -84,7 +89,11 @@
                   type="button"
                   class="btn btn-link btn-sm me-2"
                   :class="{ disabled: reordered }"
-                  @click="editCandidate = element;editModal?.show();">
+                  @click="
+                    editCandidate = element;
+                    editModal?.show();
+                  "
+                >
                   <small><i class="fas fa-edit"></i> Edit</small>
                 </button>
                 <button
@@ -92,7 +101,11 @@
                   type="button"
                   class="btn btn-link text-danger btn-sm"
                   :class="{ disabled: reordered || releaseContributors.length === 1 }"
-                  @click="removalCondidate = element;removeConfirmationModal?.show();">
+                  @click="
+                    removalCondidate = element;
+                    removeConfirmationModal?.show();
+                  "
+                >
                   <small><i class="fas fa-trash"></i> Remove</small>
                 </button>
               </div>