Update AttributionDetails step for clarity

Author: obulat

src/components/AttributionDetailsStep.vue

@@ -14,12 +14,6 @@
                         :placeholder="this.$t('stepper.AD.form.creator-name.placeholder')"
                     />
                 </b-field>
-                <b-field :label="this.$t('stepper.AD.form.creator-profile.label')">
-                    <b-input
-                        v-model="creatorProfileUrl"
-                        :placeholder="this.$t('stepper.AD.form.creator-profile.placeholder')"
-                    />
-                </b-field>
                 <b-field :label="this.$t('stepper.AD.form.work-title.label')">
                     <b-input
                         v-model="workTitle"
@@ -32,6 +26,12 @@
                         :placeholder="this.$t('stepper.AD.form.work-url.placeholder')"
                     />
                 </b-field>
+                <b-field :label="this.$t('stepper.AD.form.creator-profile.label')">
+                    <b-input
+                        v-model="creatorProfileUrl"
+                        :placeholder="this.$t('stepper.AD.form.creator-profile.placeholder')"
+                    />
+                </b-field>
             </form>
         </div>
     </div>

src/locales/en.json

@@ -68,20 +68,20 @@
             "instructions": "Filling out this form is optional, but helps others attribute your work to you, and fills in machine-readable code.",
             "form": {
                 "creator-name": {
-                    "label": "Work Author",
+                    "label": "Creator of Work",
                     "placeholder": "Jane Doe"
                 },
                 "creator-profile": {
-                    "label": "URL of creator profile",
-                    "placeholder": "www.author.com"
+                    "label": "Link to Creator Profile",
+                    "placeholder": "https://janedoe.com"
                 },
                 "work-title": {
                     "label": "Title of Work",
                     "placeholder": "This work"
                 },
                 "work-url": {
-                    "label": "Work URL",
-                    "placeholder": "www.author.com/work.jpg"
+                    "label": "Link to Work",
+                    "placeholder": "https://janedoe.com/best-photo-ever.jpg"
                 }
             }
         }

tests/unit/specs/components/__snapshots__/AttributionDetailsStep.spec.js.snap

@@ -53,7 +53,7 @@ exports[`AttributionDetailsStep Component Rendering Component mounted if status
         <label
           class="label"
         >
-          stepper.AD.form.creator-profile.label
+          stepper.AD.form.work-title.label
         </label>
          
         <div
@@ -62,7 +62,7 @@ exports[`AttributionDetailsStep Component Rendering Component mounted if status
           <input
             autocomplete="on"
             class="input"
-            placeholder="stepper.AD.form.creator-profile.placeholder"
+            placeholder="stepper.AD.form.work-title.placeholder"
             type="text"
           />
            
@@ -82,7 +82,7 @@ exports[`AttributionDetailsStep Component Rendering Component mounted if status
         <label
           class="label"
         >
-          stepper.AD.form.work-title.label
+          stepper.AD.form.work-url.label
         </label>
          
         <div
@@ -91,7 +91,7 @@ exports[`AttributionDetailsStep Component Rendering Component mounted if status
           <input
             autocomplete="on"
             class="input"
-            placeholder="stepper.AD.form.work-title.placeholder"
+            placeholder="stepper.AD.form.work-url.placeholder"
             type="text"
           />
            
@@ -111,7 +111,7 @@ exports[`AttributionDetailsStep Component Rendering Component mounted if status
         <label
           class="label"
         >
-          stepper.AD.form.work-url.label
+          stepper.AD.form.creator-profile.label
         </label>
          
         <div
@@ -120,7 +120,7 @@ exports[`AttributionDetailsStep Component Rendering Component mounted if status
           <input
             autocomplete="on"
             class="input"
-            placeholder="stepper.AD.form.work-url.placeholder"
+            placeholder="stepper.AD.form.creator-profile.placeholder"
             type="text"
           />
            

tests/unit/specs/components/__snapshots__/Stepper.spec.js.snap

@@ -10,7 +10,8 @@ exports[`Stepper.vue renders correctly has expected UI initially 1`] = `
     </div>
     <firststep-stub stepid="0" status="current"></firststep-stub>
     <nav class="step-navigation">
-      <!----> <a role="button" class="pagination-next disabled">NEXT STEP</a></nav>
+      <!----> <a role="button" class="pagination-next disabled">NEXT STEP</a>
+    </nav>
   </div>
   <div class="step-container BY inactive enabled">
     <div class="step-header">