apache/cloudstack
1
0
Fork 0
mirror of https://github.com/apache/cloudstack.git synced 2025-10-26 08:42:29 +01:00
Code Issues Packages Projects Releases Wiki Activity

ui: add move to top/bottom for acl rules list (#9119)

Browse Source 
Signed-off-by: Abhishek Kumar <abhishek.mrt22@gmail.com>
This commit is contained in:
Abhishek Kumar 2024-05-28 12:29:54 +05:30 committed by GitHub
parent c07953cc93
commit 8bb7bbea88
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 26 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
ui/src/core/lazy_lib/icons_use.js
View File

@ -167,6 +167,8 @@ import {
UserOutlined,
UserSwitchOutlined,
UploadOutlined,
VerticalAlignBottomOutlined,
VerticalAlignTopOutlined,
WarningOutlined,
WifiOutlined,
SolutionOutlined
@ -326,6 +328,8 @@ export default {
app.component('UserOutlined', UserOutlined)
app.component('UserSwitchOutlined', UserSwitchOutlined)
app.component('UploadOutlined', UploadOutlined)
app.component('VerticalAlignBottomOutlined', VerticalAlignBottomOutlined)
app.component('VerticalAlignTopOutlined', VerticalAlignTopOutlined)
app.component('WarningOutlined', WarningOutlined)
app.component('WifiOutlined', WifiOutlined)
app.component('renderIcon', renderIcon)

22
ui/src/views/network/AclListRulesTab.vue
View File

@ -90,6 +90,16 @@
</div>
</div>
<div class="list__actions">
<tooltip-button
v-if="element.id !== acls[0].id"
:tooltip="$t('label.move.to.top')"
icon="vertical-align-top-outlined"
@onClick="() => moveRuleToTop(element)" />
<tooltip-button
v-if="element.id !== acls[acls.length - 1].id"
:tooltip="$t('label.move.to.bottom')"
icon="vertical-align-bottom-outlined"
@onClick="() => moveRuleToBottom(element)" />
<tooltip-button :tooltip="$t('label.tags')" icon="tag-outlined" @onClick="() => openTagsModal(element)" />
<tooltip-button :tooltip="$t('label.edit')" icon="edit-outlined" @onClick="() => openEditRuleModal(element)" />
<tooltip-button
@ -636,6 +646,12 @@ export default {
if (e.moved.newIndex + 1 < this.acls.length) nextaclruleid = this.acls[e.moved.newIndex + 1].id
this.moveRule(
id,
previousaclruleid,
nextaclruleid)
},
moveRule (id, previousaclruleid, nextaclruleid) {
this.fetchLoading = true
api('moveNetworkAclItem', {
id,
@ -668,6 +684,12 @@ export default {
this.fetchLoading = false
})
},
moveRuleToTop (element) {
this.moveRule(element.id, null, this.acls[0].id)
},
moveRuleToBottom (element) {
this.moveRule(element.id, this.acls[this.acls.length - 1].id, null)
},
exportAclList () {
const csvData = this.csv({ data: this.acls })