paulmataruso/tacticalrmm
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

format all

Browse Source
This commit is contained in:
wh1te909
2020-07-12 07:11:21 +00:00
parent 323ada60d6
commit c8f9db28be
61 changed files with 35349 additions and 659 deletions
Download Patch File Download Diff File Expand all files Collapse all files

79
web/src/components/automation/modals/PolicyAdd.vue
View File

@@ -1,39 +1,36 @@
<template>
<q-card style="width: 60vw" >
<q-card style="width: 60vw">
<q-card-section class="row items-center">
<div class="text-h6">Edit policy assigned to {{ type }}</div>
<q-space />
<q-btn icon="close" flat round dense v-close-popup />
</q-card-section>
<q-form @submit="submit" ref="form">
<q-card-section>
<q-select
v-model="selected"
:options="options"
filled
options-selected-class="text-green"
dense
clearable
>
<template v-slot:option="props">
<q-item
v-bind="props.itemProps"
v-on="props.itemEvents"
>
<q-item-section avatar>
<q-icon v-if="props.selected" name="check" />
</q-item-section>
<q-item-section>
<q-item-label v-html="props.opt.label" />
</q-item-section>
</q-item>
</template>
</q-select>
</q-card-section>
<q-card-section class="row items-center">
<q-btn label="Add Policy" color="primary" type="submit" />
</q-card-section>
</q-form>
<q-form @submit="submit" ref="form">
<q-card-section>
<q-select
v-model="selected"
:options="options"
filled
options-selected-class="text-green"
dense
clearable
>
<template v-slot:option="props">
<q-item v-bind="props.itemProps" v-on="props.itemEvents">
<q-item-section avatar>
<q-icon v-if="props.selected" name="check" />
</q-item-section>
<q-item-section>
<q-item-label v-html="props.opt.label" />
</q-item-section>
</q-item>
</template>
</q-select>
</q-card-section>
<q-card-section class="row items-center">
<q-btn label="Add Policy" color="primary" type="submit" />
</q-card-section>
</q-form>
</q-card>
</template>
@@ -48,17 +45,17 @@ export default {
type: {
required: true,
type: String,
validator: function (value) {
validator: function(value) {
// The value must match one of these strings
return ["agent", "site", "client"].includes(value);
}
}
}
},
data() {
return {
selected: null,
options: []
}
};
},
computed: {
...mapGetters({
@@ -70,8 +67,7 @@ export default {
this.$q.loading.show();
let data = {};
data.pk = this.pk,
data.type = this.type;
(data.pk = this.pk), (data.type = this.type);
data.policy = this.selected === null ? 0 : this.selected.value;
this.$store
@@ -83,7 +79,7 @@ export default {
})
.catch(e => {
this.$q.loading.hide();
this.$q.notify(notifyErrorConfig("Something went wrong!"))
this.$q.notify(notifyErrorConfig("Something went wrong!"));
});
},
getPolicies() {
@@ -93,23 +89,22 @@ export default {
this.options = this.policies.map(policy => ({
label: policy.name,
value: policy.id
}))
}));
})
.catch(e => {
this.$q.loading.hide();
this.$q.notify(notifyErrorConfig("Add error occured while loading"));
});;
});
},
getRelation(pk, type) {
this.$store
.dispatch("automation/getRelatedPolicies", {pk, type})
.dispatch("automation/getRelatedPolicies", { pk, type })
.then(r => {
if (r.data.id !== undefined) {
this.selected = {
label: r.data.name,
value: r.data.id
}
};
}
})
.catch(e => {
@@ -121,5 +116,5 @@ export default {
this.getPolicies();
this.getRelation(this.pk, this.type);
}
}
};
</script>