blob: 042b00c0c28f897ea3221560cc3cd20cbca2bde2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
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>
|