Add more components + base for history

k356/items/templates/components/ItemDetail/template.html

@@ -2,18 +2,40 @@
 
 <div>
     <div class="card mt-4 pt-2 ps-lg-2">
-        <h5 class="card-header">{% trans "Properties" %} [[ this.$route.params.id ]]</h5>
+        <h5 class="card-header">{% trans "Item" %} [[ this.$route.params.id ]]</h5>
         <div class="card-body">
-            <PropertyList
-                :items="properties"
-                :items_headers="properties_headers"
-                :items_relations="{}"
-                :hidden_fields="[]"
+
+            <v-container fluid v-if="object">
+                <template v-for="field in headers">
+                    <v-row v-if="field.details">
+                        <v-col cols="4">
+                            <v-subheader>[[ field.text ]]</v-subheader>
+                        </v-col>
+                        <v-col cols="8">
+                            <v-text-field :value="object[field.value]" readonly dense></v-text-field>
+                        </v-col>
+                    </v-row>
+                </template>
+            </v-container>
+
+        </div>
+    </div>
+
+    <div class="card mt-4 pt-2 ps-lg-2">
+        <h5 class="card-header">{% trans "Properties" %}</h5>
+        <div class="card-body">
+            <LinkedPropertyList
+                :items="linked_properties"
+                :items_headers="linked_properties_headers"
+                :items_relations="{'property': all_properties}"
+                :hidden_fields="['name', 'description', 'custom_identifier']"
+                :non_editable_fields="['item']"
+                show_item="property"
                 group_by="type"
-                @deleteItem="deleteItem"
-                @createItem="createItem"
-                @editItem="editItem"
-            ></PropertyList>
+                @deleteItem="deleteLinkedProperty"
+                @createItem="createLinkedProperty"
+                @editItem="editLinkedProperty"
+            ></LinkedPropertyList>
         </div>
     </div>
 
@@ -23,12 +45,12 @@
             <ItemRelationList
                 :items="children"
                 :items_headers="children_headers"
-                :items_relations="{}"
                 :hidden_fields="['parent__name']"
+                :items_relations="{'parent': [object], 'child': all_items}"
                 group_by="type__name"
-                @deleteItem="deleteItem"
-                @createItem="createItem"
-                @editItem="editItem"
+                @deleteItem="deleteRelation"
+                @createItem="createRelation"
+                @editItem="editRelation"
             ></ItemRelationList>
         </div>
     </div>
@@ -38,13 +60,13 @@
         <div class="card-body">
             <ItemRelationList
                 :items="parents"
-                :items_headers="parents_headers"
-                :items_relations="{}"
+                :items_headers="children_headers"
                 :hidden_fields="['child__name']"
+                :items_relations="{'child': [object], 'parent': all_items}"
                 group_by="type__name"
-                @deleteItem="deleteItem"
-                @createItem="createItem"
-                @editItem="editItem"
+                @deleteItem="deleteRelation"
+                @createItem="createRelation"
+                @editItem="editRelation"
             ></ItemRelationList>
         </div>
     </div>