mirror of
https://github.com/TeaOSLab/EdgeAdmin.git
synced 2025-11-05 22:30:28 +08:00
75 lines
2.2 KiB
JavaScript
75 lines
2.2 KiB
JavaScript
Vue.component("grant-selector", {
|
||
props: ["v-grant", "v-node-cluster-id", "v-ns-cluster-id"],
|
||
data: function () {
|
||
return {
|
||
grantId: (this.vGrant == null) ? 0 : this.vGrant.id,
|
||
grant: this.vGrant,
|
||
nodeClusterId: (this.vNodeClusterId != null) ? this.vNodeClusterId : 0,
|
||
nsClusterId: (this.vNsClusterId != null) ? this.vNsClusterId : 0
|
||
}
|
||
},
|
||
methods: {
|
||
// 选择授权
|
||
select: function () {
|
||
let that = this;
|
||
teaweb.popup("/clusters/grants/selectPopup?nodeClusterId=" + this.nodeClusterId + "&nsClusterId=" + this.nsClusterId, {
|
||
callback: (resp) => {
|
||
that.grantId = resp.data.grant.id;
|
||
if (that.grantId > 0) {
|
||
that.grant = resp.data.grant;
|
||
}
|
||
that.notifyUpdate()
|
||
},
|
||
height: "26em"
|
||
})
|
||
},
|
||
|
||
// 创建授权
|
||
create: function () {
|
||
let that = this
|
||
teaweb.popup("/clusters/grants/createPopup", {
|
||
height: "26em",
|
||
callback: (resp) => {
|
||
that.grantId = resp.data.grant.id;
|
||
if (that.grantId > 0) {
|
||
that.grant = resp.data.grant;
|
||
}
|
||
that.notifyUpdate()
|
||
}
|
||
})
|
||
},
|
||
|
||
// 修改授权
|
||
update: function () {
|
||
if (this.grant == null) {
|
||
window.location.reload();
|
||
return;
|
||
}
|
||
let that = this
|
||
teaweb.popup("/clusters/grants/updatePopup?grantId=" + this.grant.id, {
|
||
height: "26em",
|
||
callback: (resp) => {
|
||
that.grant = resp.data.grant
|
||
that.notifyUpdate()
|
||
}
|
||
})
|
||
},
|
||
|
||
// 删除已选择授权
|
||
remove: function () {
|
||
this.grant = null
|
||
this.grantId = 0
|
||
this.notifyUpdate()
|
||
},
|
||
notifyUpdate: function () {
|
||
this.$emit("change", this.grant)
|
||
}
|
||
},
|
||
template: `<div>
|
||
<input type="hidden" name="grantId" :value="grantId"/>
|
||
<div class="ui label small basic" v-if="grant != null">{{grant.name}}<span class="small grey">（{{grant.methodName}}）</span><span class="small grey" v-if="grant.username != null && grant.username.length > 0">（{{grant.username}}）</span> <a href="" title="修改" @click.prevent="update()"><i class="icon pencil small"></i></a> <a href="" title="删除" @click.prevent="remove()"><i class="icon remove"></i></a> </div>
|
||
<div v-if="grant == null">
|
||
<a href="" @click.prevent="select()">[选择已有认证]</a> <a href="" @click.prevent="create()">[添加新认证]</a>
|
||
</div>
|
||
</div>`
|
||
}) |