From 9bf8690ba4e19d8fb3c3010fa78c102257f60a7e Mon Sep 17 00:00:00 2001
From: yumiguan <41277086+yumiguan@users.noreply.github.com>
Date: Thu, 9 Jun 2022 16:26:22 +0800
Subject: [PATCH] feature/datamanager-display-super-by (#664)

* DataManager displays super_by

* update version
---
 frontend/src/store/datamanager.js             |  8 +++---
 .../src/views/datamanager/DataDetailInfo.vue  | 28 ++++++++++++++++++-
 lyrebird/mock/dm/__init__.py                  | 16 +++++++++++
 lyrebird/version.py                           |  2 +-
 4 files changed, 48 insertions(+), 6 deletions(-)

diff --git a/frontend/src/store/datamanager.js b/frontend/src/store/datamanager.js
index 500740ef0..0f613adcb 100644
--- a/frontend/src/store/datamanager.js
+++ b/frontend/src/store/datamanager.js
@@ -32,10 +32,10 @@ export default {
     dataListSelectedLabel: [],
     isLabelDisplay: true,
     isReloadTreeWhenUpdate: false,
-    undisplayedKey: ['children', 'type', 'parent_id'],
-    undeletableKey: ['id', 'rule', 'name', 'label', 'category'],
-    uneditableKey: ['id', 'rule'],
-    stickyTopKey: ['id', 'rule', 'super_id', 'name', 'label'],
+    undisplayedKey: ['children', 'type', 'parent_id', 'abs_parent_path', 'parent'],
+    undeletableKey: ['id', 'rule', 'name', 'label', 'category', 'super_by'],
+    uneditableKey: ['id', 'rule', 'super_by'],
+    stickyTopKey: ['id', 'rule', 'super_id', 'name', 'label', 'super_by'],
     displayCopyKey: ['id']
   },
   mutations: {
diff --git a/frontend/src/views/datamanager/DataDetailInfo.vue b/frontend/src/views/datamanager/DataDetailInfo.vue
index e0b597226..e0da0fa46 100644
--- a/frontend/src/views/datamanager/DataDetailInfo.vue
+++ b/frontend/src/views/datamanager/DataDetailInfo.vue
@@ -1,5 +1,5 @@
 <template>
-  <Row type="flex" align="middle" @mouseover.native="isMouseOver=true" @mouseout.native="isMouseOver=false" style="margin-bottom:10px;word-break:break-all;">
+  <Row type="flex" align="top" @mouseover.native="isMouseOver=true" @mouseout.native="isMouseOver=false" style="margin-bottom:10px;word-break:break-all;">
     <Col span="4" align="right" style="padding:0px 10px 0px 0px">
       <Tooltip :content="deletable ? 'Delete': 'Undeletable key'" :delay="500" placement="bottom-start">
         <Icon 
@@ -44,6 +44,19 @@
           <Option v-for="item in infoValue.allItem" :value="item.value" :key="item.value">{{ item.value }}</Option>
         </Select>
       </span>
+      <span v-else-if="inputValueType === 'longList'">
+        <div class="row no-gutters mb-1" v-for="listItem in longListValue">
+          <div class="col-5">
+            <span>{{listItem.id}}</span>
+          </div>
+          <div class="col-7 text-truncate">
+            <span>{{listItem.name}}</span>
+          </div>
+        </div>
+        <v-btn v-show="infoValue.length > longListShowLessCount" plain class="px-0" height="20" color="primary" @click="changeTextLongListShowAll">
+          <span>{{isLongListShowAll ? 'Show Less': 'Show More'}}</span>
+        </v-btn>
+      </span>
       <span v-else-if="inputValueType === 'input'">
         <Input v-model="inputValue" type="textarea" :autosize="{ minRows: 1 }" size="small"/>
       </span>
@@ -82,6 +95,8 @@ export default {
       imgData: '',
       isDisplayPoptip: false,
       isMouseOver: false,
+      isLongListShowAll: false,
+      longListShowLessCount: 5,
       copyIcon: 'mdi-content-copy'
     }
   },
@@ -104,6 +119,12 @@ export default {
     infoValue () {
       return this.$store.state.dataManager.groupDetail[this.infoKey]
     },
+    longListValue () {
+      if (this.isLongListShowAll) {
+        return this.infoValue
+      }
+      return this.infoValue.slice(0, this.longListShowLessCount)
+    },
     buttonClass () {
       if (this.deletable) {
         return ['enable-button']
@@ -123,6 +144,8 @@ export default {
         return 'label'
       } else if (this.infoKey === 'category') {
         return 'category'
+      } else if (this.infoKey === 'super_by') {
+        return 'longList'
       } else if (this.$store.state.dataManager.displayCopyKey.indexOf(this.infoKey) !== -1) {
         return 'textWithCopy'
       } else if (this.editable) {
@@ -185,6 +208,9 @@ export default {
         return 382
       }
     },
+    changeTextLongListShowAll () {
+      this.isLongListShowAll = !this.isLongListShowAll
+    },
     onUrlCopy () {
       const originCopyIcon = this.copyIcon
       this.copyIcon = 'mdi-check'
diff --git a/lyrebird/mock/dm/__init__.py b/lyrebird/mock/dm/__init__.py
index e12cdd23c..4ce2cb62d 100644
--- a/lyrebird/mock/dm/__init__.py
+++ b/lyrebird/mock/dm/__init__.py
@@ -78,6 +78,7 @@ def set_root(self, uri):
     def reload(self):
         self._adapter._reload()
         self.add_parent_into_node()
+        self.add_super_by()
 
     def add_parent_into_node(self):
         for node in self.id_map.values():
@@ -87,6 +88,21 @@ def add_parent_into_node(self):
             })
         self.unsave_keys.update(['parent', 'abs_parent_path'])
 
+    def add_super_by(self):
+        for node in self.id_map.values():
+            if not node.get('super_id'):
+                continue
+            super_parent_node = self.id_map.get(node['super_id'])
+            if not super_parent_node:
+                continue
+            if not super_parent_node.get('super_by'):
+                super_parent_node['super_by'] = []
+            super_parent_node['super_by'].append({
+                'id': node['id'],
+                'name': node['name']
+            })
+        self.unsave_keys.add('super_by')
+
     def get(self, _id):
         """
         Get mock group or data by id
diff --git a/lyrebird/version.py b/lyrebird/version.py
index 7bd9c0ad0..b3de3193f 100644
--- a/lyrebird/version.py
+++ b/lyrebird/version.py
@@ -1,3 +1,3 @@
-IVERSION = (2, 5, 4)
+IVERSION = (2, 6, 0)
 VERSION = ".".join(str(i) for i in IVERSION)
 LYREBIRD = "Lyrebird " + VERSION