feat(config): configurable group names

zazuko · Oct 28, 2019 · 60acab2 · 60acab2
1 parent a15e0ac
commit 60acab2
Show file tree

Hide file tree

Showing 3 changed files with 35 additions and 7 deletions.
diff --git a/components/admin/AdminConfigForm.vue b/components/admin/AdminConfigForm.vue
@@ -124,6 +124,27 @@
           </div>
         </div>
       </div>
+      <div class="field is-horizontal">
+        <div class="field-label is-normal">
+          <label class="label">Name of a Group</label>
+        </div>
+        <div class="field-body">
+          <div class="field">
+            <p class="control is-expanded">
+              <input
+                :disabled="disabled"
+                class="input"
+                v-model="editor.text.groupName"
+                type="text"
+                placeholder="Group"
+                required>
+            </p>
+            <p class="help">
+              Popular names for a group of classes include "Container", "Group", "Pouch", "Folder"…
+            </p>
+          </div>
+        </div>
+      </div>
       <div class="field is-horizontal">
         <div class="field-label is-normal">
           <label class="label">Homepage columns</label>

diff --git a/components/fallback/Structure.vue b/components/fallback/Structure.vue
@@ -3,7 +3,7 @@
     <div class="tile is-parent">
       <article class="tile is-child container-box">
         <h1 class="title">
-          {{ _get(obj, 'label') }}: Logistics objects
+          {{ $store.state.config.editor.text.groupName || 'Group' }}: {{ _get(obj, 'label') }}
         </h1>
 
         <div class="tile is-child container-box class-boxes">

diff --git a/pages/fallback.vue b/pages/fallback.vue
@@ -32,12 +32,15 @@
             :is-class="$termIRI.Class.equals(objectType)" />
         </section>
 
-        <section
-          class="container layout-objects-list-item">
-          <class-proposals
-            id="proposals"
-            :iri="iri" />
-        </section>
+        <template
+          v-if="!hasChildContainers(subtree)">
+          <section
+            class="container layout-objects-list-item">
+            <class-proposals
+              id="proposals"
+              :iri="iri" />
+          </section>
+        </template>
       </div>
 
       <!-- layout-object-details -->
@@ -78,6 +81,7 @@ import rdf from 'rdf-ext'
 import { resource } from 'rdf-utils-dataset'
 // https://zulip.zazuko.com/#narrow/stream/11-rdfjs/subject/jsonld.20serializer/near/4899
 import JsonLdSerializer from 'rdf-serializer-jsonld'
+import _get from 'lodash/get'
 
 import Structure from '@/components/fallback/Structure'
 import ObjectDetails from '@/components/fallback/ObjectDetails'
@@ -205,6 +209,9 @@ export default {
         }
       }
       this.dataReady = true
+    },
+    hasChildContainers (obj) {
+      return !!_get(obj, 'children', []).find(x => x.isCreativeWork)
     }
   },
   mounted () {