7x31/cmdb
1
0
Fork 0
mirror of https://github.com/veops/cmdb.git synced 2025-08-07 12:40:13 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(ui): update iconfont

Browse Source
This commit is contained in:
pycook
2024-06-07 10:41:26 +08:00
parent 5327fc3445
commit 33602dcff5
7 changed files with 1333 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

903
cmdb-ui/public/iconfont/demo_index.html
View File

@@ -54,6 +54,240 @@
<div class="content unicode" style="display: block;">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont">&#xe952;</span>
<div class="name">ops-is_dynamic-disabled</div>
<div class="code-name">&amp;#xe952;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe951;</span>
<div class="name">itsm-pdf</div>
<div class="code-name">&amp;#xe951;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe950;</span>
<div class="name">monitor-sqlserver</div>
<div class="code-name">&amp;#xe950;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe94d;</span>
<div class="name">monitor-dig</div>
<div class="code-name">&amp;#xe94d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe94e;</span>
<div class="name">monitor-base</div>
<div class="code-name">&amp;#xe94e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe94f;</span>
<div class="name">monitor-foreground</div>
<div class="code-name">&amp;#xe94f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe945;</span>
<div class="name">monitor-log</div>
<div class="code-name">&amp;#xe945;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe946;</span>
<div class="name">monitor-backgroud</div>
<div class="code-name">&amp;#xe946;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe947;</span>
<div class="name">monitor-port</div>
<div class="code-name">&amp;#xe947;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe948;</span>
<div class="name">monitor-ipmi</div>
<div class="code-name">&amp;#xe948;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe949;</span>
<div class="name">monitor-process</div>
<div class="code-name">&amp;#xe949;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe94a;</span>
<div class="name">monitor-snmp</div>
<div class="code-name">&amp;#xe94a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe94b;</span>
<div class="name">monitor-performance</div>
<div class="code-name">&amp;#xe94b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe94c;</span>
<div class="name">monitor-testing</div>
<div class="code-name">&amp;#xe94c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe941;</span>
<div class="name">monitor-ping</div>
<div class="code-name">&amp;#xe941;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe942;</span>
<div class="name">monitor-prometheus</div>
<div class="code-name">&amp;#xe942;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe943;</span>
<div class="name">monitor-websocket</div>
<div class="code-name">&amp;#xe943;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe944;</span>
<div class="name">monitor-traceroute</div>
<div class="code-name">&amp;#xe944;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe93c;</span>
<div class="name">monitor-port</div>
<div class="code-name">&amp;#xe93c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe93d;</span>
<div class="name">monitor-base</div>
<div class="code-name">&amp;#xe93d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe93e;</span>
<div class="name">monitor-backgroud</div>
<div class="code-name">&amp;#xe93e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe93f;</span>
<div class="name">monitor-dig</div>
<div class="code-name">&amp;#xe93f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe940;</span>
<div class="name">monitor-foreground</div>
<div class="code-name">&amp;#xe940;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe934;</span>
<div class="name">monitor-log</div>
<div class="code-name">&amp;#xe934;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe935;</span>
<div class="name">monitor-process</div>
<div class="code-name">&amp;#xe935;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe936;</span>
<div class="name">monitor-testing</div>
<div class="code-name">&amp;#xe936;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe937;</span>
<div class="name">monitor-snmp</div>
<div class="code-name">&amp;#xe937;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe938;</span>
<div class="name">monitor-performance</div>
<div class="code-name">&amp;#xe938;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe939;</span>
<div class="name">monitor-traceroute</div>
<div class="code-name">&amp;#xe939;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe93a;</span>
<div class="name">monitor-ping</div>
<div class="code-name">&amp;#xe93a;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe93b;</span>
<div class="name">monitor-ipmi</div>
<div class="code-name">&amp;#xe93b;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe932;</span>
<div class="name">monitor-prometheus (1)</div>
<div class="code-name">&amp;#xe932;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe933;</span>
<div class="name">monitor-websocket</div>
<div class="code-name">&amp;#xe933;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe930;</span>
<div class="name">monitor-group_expansion</div>
<div class="code-name">&amp;#xe930;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe931;</span>
<div class="name">monitor-group_collapse</div>
<div class="code-name">&amp;#xe931;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe92e;</span>
<div class="name">monitor-group_expansion</div>
<div class="code-name">&amp;#xe92e;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe92f;</span>
<div class="name">monitor-group_collapse</div>
<div class="code-name">&amp;#xe92f;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe92d;</span>
<div class="name">monitor-list_view</div>
<div class="code-name">&amp;#xe92d;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe92c;</span>
<div class="name">monitor-group_view</div>
<div class="code-name">&amp;#xe92c;</div>
</li>
<li class="dib">
<span class="icon iconfont">&#xe92b;</span>
<div class="name">ops-topology_view</div>
@@ -4866,9 +5100,9 @@
<pre><code class="language-css"
>@font-face {
font-family: 'iconfont';
src: url('iconfont.woff2?t=1716896994700') format('woff2'),
url('iconfont.woff?t=1716896994700') format('woff'),
url('iconfont.ttf?t=1716896994700') format('truetype');
src: url('iconfont.woff2?t=1717726223524') format('woff2'),
url('iconfont.woff?t=1717726223524') format('woff'),
url('iconfont.ttf?t=1717726223524') format('truetype');
}
</code></pre>
<h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
@@ -4894,6 +5128,357 @@
<div class="content font-class">
<ul class="icon_lists dib-box">
<li class="dib">
<span class="icon iconfont ops-is_dynamic-disabled"></span>
<div class="name">
ops-is_dynamic-disabled
</div>
<div class="code-name">.ops-is_dynamic-disabled
</div>
</li>
<li class="dib">
<span class="icon iconfont itsm-pdf"></span>
<div class="name">
itsm-pdf
</div>
<div class="code-name">.itsm-pdf
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-sqlserver"></span>
<div class="name">
monitor-sqlserver
</div>
<div class="code-name">.monitor-sqlserver
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-dig2"></span>
<div class="name">
monitor-dig
</div>
<div class="code-name">.monitor-dig2
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-base2"></span>
<div class="name">
monitor-base
</div>
<div class="code-name">.monitor-base2
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-foreground1"></span>
<div class="name">
monitor-foreground
</div>
<div class="code-name">.monitor-foreground1
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-log2"></span>
<div class="name">
monitor-log
</div>
<div class="code-name">.monitor-log2
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-backgroud1"></span>
<div class="name">
monitor-backgroud
</div>
<div class="code-name">.monitor-backgroud1
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-port1"></span>
<div class="name">
monitor-port
</div>
<div class="code-name">.monitor-port1
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-ipmi2"></span>
<div class="name">
monitor-ipmi
</div>
<div class="code-name">.monitor-ipmi2
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-process2"></span>
<div class="name">
monitor-process
</div>
<div class="code-name">.monitor-process2
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-snmp2"></span>
<div class="name">
monitor-snmp
</div>
<div class="code-name">.monitor-snmp2
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-performance1"></span>
<div class="name">
monitor-performance
</div>
<div class="code-name">.monitor-performance1
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-testing1"></span>
<div class="name">
monitor-testing
</div>
<div class="code-name">.monitor-testing1
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-ping2"></span>
<div class="name">
monitor-ping
</div>
<div class="code-name">.monitor-ping2
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-prometheus"></span>
<div class="name">
monitor-prometheus
</div>
<div class="code-name">.monitor-prometheus
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-websocket2"></span>
<div class="name">
monitor-websocket
</div>
<div class="code-name">.monitor-websocket2
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-traceroute2"></span>
<div class="name">
monitor-traceroute
</div>
<div class="code-name">.monitor-traceroute2
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-port"></span>
<div class="name">
monitor-port
</div>
<div class="code-name">.monitor-port
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-base1"></span>
<div class="name">
monitor-base
</div>
<div class="code-name">.monitor-base1
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-backgroud"></span>
<div class="name">
monitor-backgroud
</div>
<div class="code-name">.monitor-backgroud
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-dig1"></span>
<div class="name">
monitor-dig
</div>
<div class="code-name">.monitor-dig1
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-foreground"></span>
<div class="name">
monitor-foreground
</div>
<div class="code-name">.monitor-foreground
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-log1"></span>
<div class="name">
monitor-log
</div>
<div class="code-name">.monitor-log1
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-process1"></span>
<div class="name">
monitor-process
</div>
<div class="code-name">.monitor-process1
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-testing"></span>
<div class="name">
monitor-testing
</div>
<div class="code-name">.monitor-testing
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-snmp1"></span>
<div class="name">
monitor-snmp
</div>
<div class="code-name">.monitor-snmp1
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-performance"></span>
<div class="name">
monitor-performance
</div>
<div class="code-name">.monitor-performance
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-traceroute1"></span>
<div class="name">
monitor-traceroute
</div>
<div class="code-name">.monitor-traceroute1
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-ping1"></span>
<div class="name">
monitor-ping
</div>
<div class="code-name">.monitor-ping1
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-ipmi1"></span>
<div class="name">
monitor-ipmi
</div>
<div class="code-name">.monitor-ipmi1
</div>
</li>
<li class="dib">
<span class="icon iconfont a-monitor-prometheus1"></span>
<div class="name">
monitor-prometheus (1)
</div>
<div class="code-name">.a-monitor-prometheus1
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-websocket1"></span>
<div class="name">
monitor-websocket
</div>
<div class="code-name">.monitor-websocket1
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-group_expansion1"></span>
<div class="name">
monitor-group_expansion
</div>
<div class="code-name">.monitor-group_expansion1
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-group_collapse1"></span>
<div class="name">
monitor-group_collapse
</div>
<div class="code-name">.monitor-group_collapse1
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-group_expansion"></span>
<div class="name">
monitor-group_expansion
</div>
<div class="code-name">.monitor-group_expansion
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-group_collapse"></span>
<div class="name">
monitor-group_collapse
</div>
<div class="code-name">.monitor-group_collapse
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-list_view"></span>
<div class="name">
monitor-list_view
</div>
<div class="code-name">.monitor-list_view
</div>
</li>
<li class="dib">
<span class="icon iconfont monitor-group_view"></span>
<div class="name">
monitor-group_view
</div>
<div class="code-name">.monitor-group_view
</div>
</li>
<li class="dib">
<span class="icon iconfont ops-topology_view"></span>
<div class="name">
@@ -12112,6 +12697,318 @@
<div class="content symbol">
<ul class="icon_lists dib-box">
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ops-is_dynamic-disabled"></use>
</svg>
<div class="name">ops-is_dynamic-disabled</div>
<div class="code-name">#ops-is_dynamic-disabled</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#itsm-pdf"></use>
</svg>
<div class="name">itsm-pdf</div>
<div class="code-name">#itsm-pdf</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-sqlserver"></use>
</svg>
<div class="name">monitor-sqlserver</div>
<div class="code-name">#monitor-sqlserver</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-dig2"></use>
</svg>
<div class="name">monitor-dig</div>
<div class="code-name">#monitor-dig2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-base2"></use>
</svg>
<div class="name">monitor-base</div>
<div class="code-name">#monitor-base2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-foreground1"></use>
</svg>
<div class="name">monitor-foreground</div>
<div class="code-name">#monitor-foreground1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-log2"></use>
</svg>
<div class="name">monitor-log</div>
<div class="code-name">#monitor-log2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-backgroud1"></use>
</svg>
<div class="name">monitor-backgroud</div>
<div class="code-name">#monitor-backgroud1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-port1"></use>
</svg>
<div class="name">monitor-port</div>
<div class="code-name">#monitor-port1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-ipmi2"></use>
</svg>
<div class="name">monitor-ipmi</div>
<div class="code-name">#monitor-ipmi2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-process2"></use>
</svg>
<div class="name">monitor-process</div>
<div class="code-name">#monitor-process2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-snmp2"></use>
</svg>
<div class="name">monitor-snmp</div>
<div class="code-name">#monitor-snmp2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-performance1"></use>
</svg>
<div class="name">monitor-performance</div>
<div class="code-name">#monitor-performance1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-testing1"></use>
</svg>
<div class="name">monitor-testing</div>
<div class="code-name">#monitor-testing1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-ping2"></use>
</svg>
<div class="name">monitor-ping</div>
<div class="code-name">#monitor-ping2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-prometheus"></use>
</svg>
<div class="name">monitor-prometheus</div>
<div class="code-name">#monitor-prometheus</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-websocket2"></use>
</svg>
<div class="name">monitor-websocket</div>
<div class="code-name">#monitor-websocket2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-traceroute2"></use>
</svg>
<div class="name">monitor-traceroute</div>
<div class="code-name">#monitor-traceroute2</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-port"></use>
</svg>
<div class="name">monitor-port</div>
<div class="code-name">#monitor-port</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-base1"></use>
</svg>
<div class="name">monitor-base</div>
<div class="code-name">#monitor-base1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-backgroud"></use>
</svg>
<div class="name">monitor-backgroud</div>
<div class="code-name">#monitor-backgroud</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-dig1"></use>
</svg>
<div class="name">monitor-dig</div>
<div class="code-name">#monitor-dig1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-foreground"></use>
</svg>
<div class="name">monitor-foreground</div>
<div class="code-name">#monitor-foreground</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-log1"></use>
</svg>
<div class="name">monitor-log</div>
<div class="code-name">#monitor-log1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-process1"></use>
</svg>
<div class="name">monitor-process</div>
<div class="code-name">#monitor-process1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-testing"></use>
</svg>
<div class="name">monitor-testing</div>
<div class="code-name">#monitor-testing</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-snmp1"></use>
</svg>
<div class="name">monitor-snmp</div>
<div class="code-name">#monitor-snmp1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-performance"></use>
</svg>
<div class="name">monitor-performance</div>
<div class="code-name">#monitor-performance</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-traceroute1"></use>
</svg>
<div class="name">monitor-traceroute</div>
<div class="code-name">#monitor-traceroute1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-ping1"></use>
</svg>
<div class="name">monitor-ping</div>
<div class="code-name">#monitor-ping1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-ipmi1"></use>
</svg>
<div class="name">monitor-ipmi</div>
<div class="code-name">#monitor-ipmi1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#a-monitor-prometheus1"></use>
</svg>
<div class="name">monitor-prometheus (1)</div>
<div class="code-name">#a-monitor-prometheus1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-websocket1"></use>
</svg>
<div class="name">monitor-websocket</div>
<div class="code-name">#monitor-websocket1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-group_expansion1"></use>
</svg>
<div class="name">monitor-group_expansion</div>
<div class="code-name">#monitor-group_expansion1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-group_collapse1"></use>
</svg>
<div class="name">monitor-group_collapse</div>
<div class="code-name">#monitor-group_collapse1</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-group_expansion"></use>
</svg>
<div class="name">monitor-group_expansion</div>
<div class="code-name">#monitor-group_expansion</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-group_collapse"></use>
</svg>
<div class="name">monitor-group_collapse</div>
<div class="code-name">#monitor-group_collapse</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-list_view"></use>
</svg>
<div class="name">monitor-list_view</div>
<div class="code-name">#monitor-list_view</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#monitor-group_view"></use>
</svg>
<div class="name">monitor-group_view</div>
<div class="code-name">#monitor-group_view</div>
</li>
<li class="dib">
<svg class="icon svg-icon" aria-hidden="true">
<use xlink:href="#ops-topology_view"></use>