fix(proposal/_id): display changed instead of new for change requests

zazuko · Oct 28, 2019 · 5a77dd1 · 5a77dd1
1 parent 0b4d99c
commit 5a77dd1
Show file tree

Hide file tree

Showing 4 changed files with 50 additions and 10 deletions.
diff --git a/components/proposal/ClassForm.vue b/components/proposal/ClassForm.vue
@@ -53,8 +53,16 @@
 
         <div class="columns">
           <div class="column is-8">
-            <h2 class="title is-2">
-              <span v-show="!edit">New</span> Class <span v-show="clss['label']">"<em>{{ clss['label'] }}</em>"</span></h2>
+            <h2
+              v-if="clss['isEdit']"
+              class="title is-2">
+              <span v-show="!edit">Changed</span> Class <span v-show="clss['label']">"<em>{{ clss['label'] }}</em>"</span>
+            </h2>
+            <h2
+              v-else
+              class="title is-2">
+              <span v-show="!edit">New</span> Class <span v-show="clss['label']">"<em>{{ clss['label'] }}</em>"</span>
+            </h2>
             <p
               v-show="clss['iri']"
               class="subtitle is-1">
@@ -229,7 +237,16 @@
       <div class="box">
         <div class="columns">
           <div class="column is-8">
-            <h2 class="subtitle collapsed-title">New Class "<em>{{ clss['label'] }}</em>"</h2>
+            <h2
+              v-if="clss['isEdit']"
+              class="subtitle collapsed-title">
+              Changed Class "<em>{{ clss['label'] }}</em>"
+            </h2>
+            <h2
+              v-else
+              class="subtitle collapsed-title">
+              New Class "<em>{{ clss['label'] }}</em>"
+            </h2>
           </div>
           <div class="column">
             <button

diff --git a/components/proposal/ProgressionBox.vue b/components/proposal/ProgressionBox.vue
@@ -64,6 +64,9 @@ export default {
       if (this.edit) {
         return ''
       }
+      if (this.obj.isEdit) {
+        return 'Changed '
+      }
       return 'New '
     },
     obj () {

diff --git a/components/proposal/PropertyForm.vue b/components/proposal/PropertyForm.vue
@@ -45,7 +45,14 @@
       <div class="box">
         <div class="columns">
           <div class="column is-8">
-            <h2 class="title is-2">
+            <h2
+              v-if="prop['isEdit']"
+              class="title is-2">
+              <span v-show="!prop['isEdit']">Changed</span> Property <span v-show="prop['label']">"<em>{{ prop['label'] }}</em>"</span>
+            </h2>
+            <h2
+              v-else
+              class="title is-2">
               <span v-show="!prop['isEdit']">New</span> Property <span v-show="prop['label']">"<em>{{ prop['label'] }}</em>"</span>
             </h2>
             <p
@@ -278,7 +285,16 @@
       <div class="box">
         <div class="columns">
           <div class="column is-8">
-            <h2 class="subtitle collapsed-title">New Property "<em>{{ prop['label'] }}</em>"</h2>
+            <h2
+              v-if="prop['isEdit']"
+              class="subtitle collapsed-title">
+              Changed Property "<em>{{ prop['label'] }}</em>"
+            </h2>
+            <h2
+              v-else
+              class="subtitle collapsed-title">
+              New Property "<em>{{ prop['label'] }}</em>"
+            </h2>
           </div>
           <div class="column">
             <button

diff --git a/pages/proposal/_id.vue b/pages/proposal/_id.vue
@@ -5,11 +5,15 @@
         <div class="columns">
           <div class="column is-3" />
           <div class="column">
-            <h1 class="title is-1">
-              New {{ type }} Request<span
-                v-show="obj.label">:
-                "{{ obj.label }}"
-              </span>
+            <h1
+              v-if="obj.isEdit"
+              class="title is-1">
+              Change {{ type }} Request: "{{ obj.label }}"
+            </h1>
+            <h1
+              v-else
+              class="title is-1">
+              New {{ type }} Request: "{{ obj.label }}"
             </h1>
             <h2 class="subtitle is-1">
               On <span class="title-url">{{ obj.parentStructureIRI }}</span>