add view entity

src/admin/ModelSetupPage.vue

@@ -10,18 +10,34 @@
             </div>
         </form>
 
-        <table border="1" v-if="this.ec && this.ec[this.lcType] && this.ec[this.lcType].listFields">
+        <table border="1" v-if="this.ec && this.ec[this.lcType] && this.ec[this.lcType].listFields && this.selectedEntity === null">
             <thead>
             <tr>
                 <td v-for="field in this.ec[this.lcType].listFields">{{field}}</td>
+                <td>{{messages.button_label_view_entity}}</td>
+<!--                <td>{{messages.button_label_edit_entity}}</td>-->
+<!--                <td>{{messages.button_label_delete_entity}}</td>-->
             </tr>
             </thead>
             <tbody v-if="this.results && this.results.results">
             <tr v-for="row in this.results.results">
                 <td v-for="field in ec[lcType].listFields">{{row[field]}}</td>
+                <td><button @click="viewEntity(row)">{{messages.button_label_view_entity}}</button></td>
+<!--                <td><button >{{messages.button_label_edit_entity}}</button></td>-->
+<!--                <td><button >{{messages.button_label_delete_entity}}</button></td>-->
             </tr>
             </tbody>
         </table>
+
+        <div style="min-height: 100%;" v-if="this.selectedEntity">
+            <table border="1">
+                <tr v-for="field in this.ec[this.lcType].fieldNames">
+                    <td>{{field}}:</td>
+                    <td>{{selectedEntity[field]}}</td>
+                </tr>
+            </table>
+            <button @click="closeEntity()">{{messages.button_label_close_view_entity}}</button>
+        </div>
     </div>
 </template>
 
@@ -39,7 +55,8 @@
                     size: 10,
                     sort: ''
                 },
-                results: []
+                results: [],
+                selectedEntity: null
             };
         },
         computed: {
@@ -64,6 +81,12 @@
             },
             selectType() {
                 this.search(this.type, this.query);
+            },
+            viewEntity(row) {
+                this.selectedEntity = row;
+            },
+            closeEntity() {
+                this.selectedEntity = null;
             }
         },
         watch: {