github/skywalking-booster-ui
3
0
Fork 1
mirror of https://github.com/apache/skywalking-booster-ui.git synced 2025-10-15 04:09:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat: menus support for multiple languages (#299)

Browse Source
This commit is contained in:
Fine0830
2023-07-12 18:07:34 +08:00
committed by GitHub
parent 5367af47c4
commit 077b68ebbd
23 changed files with 402 additions and 129 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/views/marketplace/Menus.vue → src/views/Marketplace.vue
View File

@@ -25,10 +25,10 @@ limitations under the License. -->
>
<router-link :to="menu.hasGroup ? '' : menu.path || ''">
<div class="title" :class="menu.activate ? (menu.hasGroup ? '' : 'actived-font') : 'disabled'">
{{ menu.title }}</div
>
{{ t(menu.i18nKey) }}
</div>
</router-link>
<div class="mt-10"> {{ menu.description }} </div>
<div class="mt-10"> {{ t(menu.descKey) }} </div>
<el-link :href="menu.documentLink" target="_blank" class="link" v-show="menu.documentLink">
<el-button class="mt-10" size="small" type="primary"> {{ t("document") }} </el-button>
</el-link>
@@ -37,9 +37,9 @@ limitations under the License. -->
<div class="mt-10 cards">
<el-card shadow="hover" v-for="(item, index) in currentItems.subItems || []" :key="index" class="card">
<router-link :to="item.path || ''">
<div class="title" :class="item.activate ? 'actived-font' : 'disabled'"> {{ item.title }}</div>
<div class="title" :class="item.activate ? 'actived-font' : 'disabled'"> {{ t(item.i18nKey) }}</div>
</router-link>
<div class="mt-10"> {{ item.description }} </div>
<div class="mt-10"> {{ t(item.descKey) }} </div>
<el-link :href="item.documentLink" target="_blank" class="link" v-show="item.documentLink">
<el-button class="mt-10" size="small" type="primary"> {{ t("document") }} </el-button>
</el-link>

0
src/views/marketplace/Settings.vue → src/views/Settings.vue
View File

4
src/views/alarm/Header.vue
View File

@@ -32,8 +32,8 @@ limitations under the License. -->
</div>
<div class="pagination">
<el-pagination
v-model:currentPage="pageNum"
v-model:page-size="pageSize"
v-model="pageNum"
:page-size="pageSize"
layout="prev, pager, next"
:total="total"
@current-change="changePage"

4
src/views/dashboard/related/event/Header.vue
View File

@@ -48,8 +48,8 @@ limitations under the License. -->
/>
</div>
<el-pagination
v-model:currentPage="pageNum"
v-model:page-size="pageSize"
v-model="pageNum"
:page-size="pageSize"
layout="prev, pager, next"
:total="total"
@current-change="updatePage"

4
src/views/dashboard/related/log/List.vue
View File

@@ -19,8 +19,8 @@ limitations under the License. -->
</LogTable>
<div class="mt-5 mb-5">
<el-pagination
v-model:currentPage="logStore.conditions.paging.pageNum"
v-model:page-size="pageSize"
v-model="logStore.conditions.paging.pageNum"
:page-size="pageSize"
:small="true"
layout="prev, pager, next"
:pager-count="5"

14
src/views/dashboard/related/trace/TraceList.vue
View File

@@ -14,8 +14,8 @@ limitations under the License. -->
<div class="trace-t flex-v">
<div class="trace-t-tool flex-h">
<el-pagination
v-model:currentPage="traceStore.conditions.paging.pageNum"
v-model:page-size="pageSize"
v-model="traceStore.conditions.paging.pageNum"
:page-size="pageSize"
:small="true"
layout="prev, pager, next"
:pager-count="5"
@@ -128,7 +128,7 @@ limitations under the License. -->
</script>
<style lang="scss" scoped>
.trace-t-tool {
background-color: rgba(196, 200, 225, 0.2);
background-color: rgb(196 200 225 / 20%);
justify-content: space-between;
border-bottom: 1px solid #c1c5ca41;
border-right: 1px solid #c1c5ca41;
@@ -141,7 +141,7 @@ limitations under the License. -->
.trace-t-wrapper {
overflow: auto;
border-right: 1px solid rgba(0, 0, 0, 0.1);
border-right: 1px solid rgb(0 0 0 / 10%);
}
.trace-t-loading {
@@ -169,13 +169,13 @@ limitations under the License. -->
.trace-tr {
&:hover {
background-color: rgba(0, 0, 0, 0.04);
background-color: rgb(0 0 0 / 4%);
}
}
.trace-td {
padding: 5px;
border-bottom: 1px solid rgba(0, 0, 0, 0.07);
border-bottom: 1px solid rgb(0 0 0 / 7%);
&.selected {
background-color: #ededed;
@@ -183,7 +183,7 @@ limitations under the License. -->
}
.trace-success {
border-left: 4px solid rgba(46, 47, 51, 0.1);
border-left: 4px solid rgb(46 47 51 / 10%);
}
.trace-warning {

4
src/views/dashboard/related/trace/components/D3Graph/SpanDetail.vue
View File

@@ -111,8 +111,8 @@ limitations under the License. -->
</el-dialog>
<el-dialog v-model="showRelatedLogs" :destroy-on-close="true" fullscreen @closed="showRelatedLogs = false">
<el-pagination
v-model:currentPage="pageNum"
v-model:page-size="pageSize"
v-model="pageNum"
:page-size="pageSize"
:small="true"
layout="prev, pager, next"
:pager-count="5"