diff options
Diffstat (limited to 'dashboard/src/views/Rules.vue')
-rw-r--r-- | dashboard/src/views/Rules.vue | 50 |
1 files changed, 50 insertions, 0 deletions
diff --git a/dashboard/src/views/Rules.vue b/dashboard/src/views/Rules.vue new file mode 100644 index 00000000..042b00c0 --- /dev/null +++ b/dashboard/src/views/Rules.vue @@ -0,0 +1,50 @@ +<template> + <div> + <form-header + placeholder="Filter by Policy" + needButton + buttonText="Create Policy" + @click="creatingPolicy = true" + v-model="filter" + ></form-header> + <br/> + + <CreatePolicy v-if="creatingPolicy" @close="creatingPolicy = false"></CreatePolicy> + <div class="list-group row" v-else> + <policy v-for="policy in filteredPolicies" :key="policy.id" :policy="policy"></policy> + </div> + </div> +</template> + +<script> +import PolicyService from './../services/Policy.service.js' +//import util from './../services/Util.service.js' +import FormHeader from "./../components/FormHeader.vue" +import Policy from "./../components/policy/Policy.vue" +import CreatePolicy from "./../components/policy/CreatePolicy.vue" +import util from "../services/Util.service"; + +export default { + data() { + return { + filter: "", + creatingPolicy: false, + policies: [] + }; + }, + mounted() { + PolicyService.initialize(); + this.policies = PolicyService.policies; + }, + components: { + FormHeader, + Policy, + CreatePolicy, + }, + computed: { + filteredPolicies() { + return util.filterAndSortByName(this.policies, this.filter); + } + } +} +</script> |