github/skywalking-booster-ui
2
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-07-05 10:15:25 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: add icons

Browse Source
This commit is contained in:
Fine 2023-03-29 18:10:14 +08:00
parent 726245c0b5
commit 90b28c03bb
4 changed files with 58 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/assets/icons/cross.svg Normal file
View File

@ -0,0 +1,15 @@
<!-- Licensed to the Apache Software Foundation (ASF) under one or more
contributor license agreements. See the NOTICE file distributed with
this work for additional information regarding copyright ownership.
The ASF licenses this file to You under the Apache License, Version 2.0
(the "License"); you may not use this file except in compliance with
the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License. -->
<svg t="1680084361913" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="5147" width="48" height="48"><path d="M512 955.733333c-121.890133 0-227.584-43.8784-314.146133-130.440533C111.872 739.293867 68.266667 633.9072 68.266667 512c0-121.873067 43.588267-227.549867 129.536-314.112C284.450133 111.854933 390.126933 68.266667 512 68.266667c121.9072 0 227.293867 43.605333 313.2928 129.5872C911.854933 284.416 955.733333 390.109867 955.733333 512c0 121.924267-43.895467 227.328-130.474666 313.326933C739.328 911.837867 633.924267 955.733333 512 955.733333z m0-853.333333c-112.5376 0-210.1248 40.2432-290.065067 119.620267C142.6432 301.8752 102.4 399.4624 102.4 512c0 112.520533 40.226133 209.800533 119.586133 289.160533C301.909333 881.083733 399.496533 921.6 512 921.6c112.4864 0 209.7664-40.4992 289.1264-120.405333C881.1008 721.7664 921.6 624.4864 921.6 512c0-112.503467-40.516267-210.090667-120.439467-290.013867C721.800533 142.626133 624.520533 102.4 512 102.4z m85.333333 682.666667H426.666667a17.066667 17.066667 0 0 1-17.066667-17.066667v-153.6h-153.6a17.066667 17.066667 0 0 1-17.066667-17.066667V426.666667a17.066667 17.066667 0 0 1 17.066667-17.066667h153.6v-153.6a17.066667 17.066667 0 0 1 17.066667-17.066667h170.666666a17.066667 17.066667 0 0 1 17.066667 17.066667v153.6h153.6a17.066667 17.066667 0 0 1 17.066667 17.066667v170.666666a17.066667 17.066667 0 0 1-17.066667 17.066667h-153.6v153.6a17.066667 17.066667 0 0 1-17.066667 17.066667z m-153.6-34.133334h136.533334v-153.6a17.066667 17.066667 0 0 1 17.066666-17.066666h153.6v-136.533334h-153.6a17.066667 17.066667 0 0 1-17.066666-17.066666v-153.6h-136.533334v153.6a17.066667 17.066667 0 0 1-17.066666 17.066666h-153.6v136.533334h153.6a17.066667 17.066667 0 0 1 17.066666 17.066666v153.6z" p-id="5148"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 2.5 KiB

15
src/assets/icons/entry.svg Normal file
View File

@ -0,0 +1,15 @@
<!-- Licensed to the Apache Software Foundation (ASF) under one or more
contributor license agreements. See the NOTICE file distributed with
this work for additional information regarding copyright ownership.
The ASF licenses this file to You under the Apache License, Version 2.0
(the "License"); you may not use this file except in compliance with
the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License. -->
<svg t="1680083488716" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1096" width="48" height="48"><path d="M853.333333 512a42.666667 42.666667 0 0 0-42.666666-42.666667h-323.84l98.133333-97.706666a42.666667 42.666667 0 1 0-60.586667-60.586667l-170.666666 170.666667a42.666667 42.666667 0 0 0-8.96 14.08 42.666667 42.666667 0 0 0 0 32.426666 42.666667 42.666667 0 0 0 8.96 14.08l170.666666 170.666667a42.666667 42.666667 0 0 0 60.586667 0 42.666667 42.666667 0 0 0 0-60.586667L486.826667 554.666667H810.666667a42.666667 42.666667 0 0 0 42.666666-42.666667zM725.333333 85.333333H298.666667a128 128 0 0 0-128 128v597.333334a128 128 0 0 0 128 128h426.666666a128 128 0 0 0 128-128v-128a42.666667 42.666667 0 0 0-85.333333 0v128a42.666667 42.666667 0 0 1-42.666667 42.666666H298.666667a42.666667 42.666667 0 0 1-42.666667-42.666666V213.333333a42.666667 42.666667 0 0 1 42.666667-42.666666h426.666666a42.666667 42.666667 0 0 1 42.666667 42.666666v128a42.666667 42.666667 0 0 0 85.333333 0V213.333333a128 128 0 0 0-128-128z" p-id="1097"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.8 KiB

15
src/assets/icons/exit.svg Normal file
View File

@ -0,0 +1,15 @@
<!-- Licensed to the Apache Software Foundation (ASF) under one or more
contributor license agreements. See the NOTICE file distributed with
this work for additional information regarding copyright ownership.
The ASF licenses this file to You under the Apache License, Version 2.0
(the "License"); you may not use this file except in compliance with
the License. You may obtain a copy of the License at
http://www.apache.org/licenses/LICENSE-2.0
Unless required by applicable law or agreed to in writing, software
distributed under the License is distributed on an "AS IS" BASIS,
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
See the License for the specific language governing permissions and
limitations under the License. -->
<svg t="1680083587939" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2146" width="48" height="48"><path d="M918.4 489.6l-160-160c-12.8-12.8-32-12.8-44.8 0-12.8 12.8-12.8 32 0 44.8l105.6 105.6L512 480c-19.2 0-32 12.8-32 32s12.8 32 32 32l307.2 0-105.6 105.6c-12.8 12.8-12.8 32 0 44.8 6.4 6.4 12.8 9.6 22.4 9.6 9.6 0 16-3.2 22.4-9.6l160-163.2c0 0 0-3.2 3.2-3.2C931.2 518.4 931.2 499.2 918.4 489.6z" p-id="2147" fill="#515151"></path><path d="M832 736c-19.2 0-32 12.8-32 32l0 64c0 19.2-12.8 32-32 32L224 864c-19.2 0-32-12.8-32-32L192 192c0-19.2 12.8-32 32-32l544 0c19.2 0 32 12.8 32 32l0 64c0 19.2 12.8 32 32 32s32-12.8 32-32L864 192c0-54.4-41.6-96-96-96L224 96C169.6 96 128 137.6 128 192l0 640c0 54.4 41.6 96 96 96l544 0c54.4 0 96-41.6 96-96l0-64C864 748.8 851.2 736 832 736z" p-id="2148"></path></svg>
Side by Side

After

Width:  |  Height:  |  Size: 1.6 KiB

13
src/views/dashboard/related/trace/components/Table/TableItem.vue
View File

@ -62,7 +62,15 @@ limitations under the License. -->
v-if="data.children && data.children.length" v-if="data.children && data.children.length"
iconName="arrow-down" iconName="arrow-down"
size="sm" size="sm"
class="mr-5"
/> />
<Icon
v-if="['Entry', 'Exit'].includes(data.type)"
:iconName="data.type === 'Entry' ? 'entry' : 'exit'"
size="sm"
class="mr-5"
/>
<Icon v-if="isCrossThread" iconName="cross" size="sm" class="mr-5" />
<el-tooltip :content="data.endpointName" placement="bottom"> <el-tooltip :content="data.endpointName" placement="bottom">
<span> <span>
{{ data.endpointName }} {{ data.endpointName }}
@ -161,6 +169,10 @@ limitations under the License. -->
const resultStr = result.toFixed(4) + "%"; const resultStr = result.toFixed(4) + "%";
return resultStr === "0.0000%" ? "0.9%" : resultStr; return resultStr === "0.0000%" ? "0.9%" : resultStr;
}); });
const isCrossThread = computed(() => {
const key = props.data.refs.findIndex((d: { type: string }) => d.type === "CROSS_THREAD");
return key > -1 ? true : false;
});
function toggle() { function toggle() {
displayChildren.value = !displayChildren.value; displayChildren.value = !displayChildren.value;
@ -202,6 +214,7 @@ limitations under the License. -->
displayChildren, displayChildren,
outterPercent, outterPercent,
innerPercent, innerPercent,
isCrossThread,
viewSpanDetail, viewSpanDetail,
toggle, toggle,
dateFormat, dateFormat,