optimise search | list

public/iconfont.css

@@ -1,8 +1,8 @@
 @font-face {
   font-family: "iconfont"; /* Project id 4440655 */
-  src: url('iconfont.woff2?t=1708609094813') format('woff2'),
-       url('iconfont.woff?t=1708609094813') format('woff'),
-       url('iconfont.ttf?t=1708609094813') format('truetype');
+  src: url('iconfont.woff2?t=1709106897565') format('woff2'),
+       url('iconfont.woff?t=1709106897565') format('woff'),
+       url('iconfont.ttf?t=1709106897565') format('truetype');
 }
 
 .iconfont {
@@ -13,6 +13,10 @@
   -moz-osx-font-smoothing: grayscale;
 }
 
+.icon-register:before {
+  content: "\e611";
+}
+
 .icon-about:before {
   content: "\e601";
 }

src/components/setting/index.vue

@@ -51,6 +51,16 @@
                 <span class="option-title">{{ t('display-wave-height') }}</span>
                 <el-input-number v-model="globalSetting.displaySignalHeight" :min="1" :max="100" @change="safeModifySignalTrackHeight" size="large"/>
             </div>
+
+            <br>
+
+            <div class="setting-option">
+                <span class="option-title">{{ t('display-signal-info-scope') }}</span>
+                <el-checkbox-group v-model="globalSetting.displaySignalInfoScope" size="default">
+                    <el-checkbox-button label="width"  border>width </el-checkbox-button>
+                    <el-checkbox-button label="parent"    border>parent   </el-checkbox-button>
+                </el-checkbox-group>
+            </div>
         </div>
     </div>
 </template>

src/components/sidebar.vue

@@ -4,7 +4,7 @@
             <div class="display-signal-item"
                 v-for="(signal, index) in globalLookup.currentWires" :key="index">
                 <div class="signal-color-vendor">
-                    <span class="iconfont icon-wave-square"></span>
+                    <span :class="makeSignalIconClass(signal)"></span>
                 </div>
                 <div class="signal-info">
                     {{ signal.name }}
@@ -24,7 +24,7 @@
 /* eslint-disable */
 import { reactive } from 'vue';
 import { useI18n } from 'vue-i18n';
-import { emitter, globalLookup } from '@/hook/global';
+import { emitter, globalLookup, globalSetting } from '@/hook/global';
 
 export default {
     name: 'sidebar',
@@ -35,9 +35,27 @@ export default {
             emitter.emit('right-nav', 0);
         }
 
+        function makeSignalIconClass(signal) {
+            if (signal.type === 'wire') {
+                return 'iconfont icon-wave-square';
+            } else if (signal.type === 'reg') {
+                return 'iconfont icon-register';
+            } else {
+                return 'iconfont icon-wave-square';
+            }
+        }
+
+        function makeSignalInfo(signal) {
+            let htmlString = '';
+            
+        }
+
+
+
         return {
             t,
             globalLookup,
+            makeSignalIconClass,
             addSignal
         }
     }

src/hook/global.js

@@ -30,7 +30,8 @@ const globalSetting = reactive({
     displayParentOnly: false,
     displaySignalHeight: 50,
     searchMode: 'so',        // so, mo, sm
-    searchScope: ['wire', 'reg']
+    searchScope: ['wire', 'reg'],
+    displaySignalInfoScope: ['width', 'parent'],
 })
 
 export {

src/i18n/en.json

@@ -18,6 +18,7 @@
 
     "appearance-setting": "Appearance",
     "display-wave-height": "Height of Wave Track",
+    "display-signal-info-scope": "Info displayed in sidebar",
 
     "current-version": "current version",
     "copyright": "The copyright of this software belongs to <a href=\"https://github.com/Digital-EDA\" target=\"_blank\">Digital-IDE</a> project team. Welcome to <a href=\"https://github.com/Digital-EDA/Digital-IDE\">Star</a>."

src/i18n/zh.json

@@ -18,6 +18,7 @@
 
     "appearance-setting": "外观",
     "display-wave-height": "波形轨道的高度",
+    "display-signal-info-scope": "侧边栏展示信息",
 
     "current-version": "当前版本",
     "copyright": "本软件版权归 <a href=\"https://github.com/Digital-EDA\" target=\"_blank\">Digital-IDE</a> 项目组所有，欢迎 <a href=\"https://github.com/Digital-EDA/Digital-IDE\">Star</a>。"