Add more components + base for history

2024-10-01 15:42:18 +02:00
parent fb4d566007
commit 8f9c83dc2a
38 changed files with 1374 additions and 665 deletions
@@ -1 +1,55 @@
-<div>[[ this.$route.params.id ]]</div>
+{% load i18n %}
+
+<div>
+    <div class="card mt-4 pt-2 ps-lg-2">
+        <h5 class="card-header">{% trans "Relation" %} [[ this.$route.params.id ]]</h5>
+        <div class="card-body">
+
+            <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>
+                        <template v-if="field.value == 'parent' || field.value == 'child'">
+                            <v-col cols="7">
+                                <v-text-field :value="object[field.value]" readonly dense></v-text-field>
+                            </v-col>
+                            <v-col cols="1">
+                                <v-btn color="primary" dark class="mb-2" @click="showItem(object[field.value])">
+                                    <v-icon small class="mr-2">mdi-eye</v-icon>
+                                    {% trans "Link" %}
+                                </v-btn>
+                            </v-col>
+                        </template>
+
+                        <template v-else>
+                            <v-col cols="8">
+                                <v-text-field :value="object[field.value]" readonly dense></v-text-field>
+                            </v-col>
+                        </template>
+                    </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">
+            <RelationPropertyList
+                :items="relation_properties"
+                :items_headers="relation_properties_headers"
+                :items_relations="{'property': all_properties}"
+                :hidden_fields="['name', 'description', 'custom_identifier', 'relation__name']"
+                :non_editable_fields="['relation']"
+                show_item="property"
+                show_url="PropertyDetail"
+                @deleteItem="deleteRelationProperty"
+                @createItem="createRelationProperty"
+                @editItem="editRelationProperty"
+            ></RelationPropertyList>
+        </div>
+    </div>
+</div>