Mercurial > gemma

changeset 2618:655c1db641b7

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
client: importoverview2: improved commit button state/style
author Markus Kottlaender <markus@intevation.de>
date Wed, 13 Mar 2019 14:52:25 +0100
parents 359f5f0037f5
children eb1ec926ff97
files client/src/components/importoverview/ImportOverviewAlt.vue
diffstat 1 files changed, 9 insertions(+), 21 deletions(-) [+]
line wrap: on
line diff
--- a/client/src/components/importoverview/ImportOverviewAlt.vue	Wed Mar 13 14:45:07 2019 +0100
+++ b/client/src/components/importoverview/ImportOverviewAlt.vue	Wed Mar 13 14:52:25 2019 +0100
@@ -5,24 +5,20 @@
       title="Staging Area"
       :closeCallback="$parent.close"
     />
-    <div
-      class="ml-2 mt-2 d-flex flex-row flex-fill justify-content-between mr-2"
-    >
+    <div class="p-2 d-flex flex-row flex-fill justify-content-between">
       <Filters></Filters>
       <div>
-        <button :class="commitStyle">
+        <button class="btn btn-sm btn-info" :disabled="!reviewed.length">
           <translate>Commit</translate> {{ reviewed.length }}
         </button>
       </div>
     </div>
-    <div class="mt-2">
-      <LogEntry
-        class="border-top d-flex-flex-column w-100"
-        :entry="entry"
-        v-for="entry in imports"
-        :key="entry.id"
-      ></LogEntry>
-    </div>
+    <LogEntry
+      class="border-top d-flex-flex-column w-100"
+      :entry="entry"
+      v-for="entry in imports"
+      :key="entry.id"
+    ></LogEntry>
   </div>
 </template>
 
@@ -51,15 +47,7 @@
     LogEntry: () => import("./LogEntry.vue")
   },
   computed: {
-    ...mapState("imports", ["imports", "filters", "reviewed"]),
-    commitStyle() {
-      return {
-        btn: true,
-        "btn-sm": true,
-        "btn-light": this.reviewed.length == 0,
-        "btn-info": this.reviewed.length > 0
-      };
-    }
+    ...mapState("imports", ["imports", "filters", "reviewed"])
   },
   methods: {
     loadLogs() {