blob: d0e500e30d50906697891615d5d829e03c176439 (
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
51
52
53
54
|
<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/assignment/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>
<style scoped>
</style>
|