|
1 | 1 | <template> |
2 | 2 | <divclass="tile is-ancestor"> |
3 | 3 | <divclass="tile is-vertical"> |
4 | | - <tabstype="boxed":is-fullwidth="true"alignment="centered"size="large"> |
5 | | - <tab-panelabel="Manage Secrets"icon="fa fa-user-circle"> |
6 | | - <divclass="tile is-ancestor"> |
7 | | - <divclass="tile is-vertical"> |
8 | | - <divclass="tile is-parent"> |
9 | | - <aclass="button is-primary"v-on:click="addSecretModal"style="margin-bottom:-10px;"> |
10 | | - <spanclass="icon"> |
11 | | - <iclass="fa fa-user-plus"></i> |
12 | | - </span> |
13 | | - <span>Add Secrets</span> |
14 | | - </a> |
15 | | - </div> |
16 | | - <divclass="tile is-parent"> |
17 | | - <articleclass="tile is-child notification content-article box"> |
18 | | - <vue-good-table |
19 | | -:columns="keyColumns" |
20 | | -:rows="keyRows" |
21 | | -:paginate="true" |
22 | | -:global-search="true" |
23 | | -:defaultSortBy="{field: 'key', type: 'desc'}" |
24 | | -globalSearchPlaceholder="Search ..." |
25 | | -styleClass="table table-own-bordered"> |
26 | | - <template slot="table-row" slot-scope="props"> |
27 | | - <td> |
28 | | - <span>{{ props.row.key }}</span> |
29 | | - </td> |
30 | | - <tdv-tippy="{ arrow : true, animation : 'shift-away'}"> |
31 | | - <span>*****</span> |
32 | | - </td> |
33 | | - <td> |
34 | | - <av-on:click="editSecretModal(props.row)"><iclass="fa fa-edit"style="color:whitesmoke;"></i></a> |
35 | | - <av-on:click="deleteSecretModal(props.row)"><iclass="fa fa-trash"style="color:whitesmoke;"></i></a> |
36 | | - </td> |
37 | | - </template> |
38 | | - <divslot="emptystate"class="empty-table-text"> |
39 | | - No secrets found. |
40 | | - </div> |
41 | | - </vue-good-table> |
42 | | - </article> |
43 | | - </div> |
44 | | - </div> |
| 4 | + <divclass="tile is-ancestor"> |
| 5 | + <divclass="tile is-vertical"> |
| 6 | + <divclass="tile is-parent"> |
| 7 | + <aclass="button is-primary"v-on:click="addSecretModal"style="margin-bottom:-10px;margin-top:10px;"> |
| 8 | + <spanclass="icon"> |
| 9 | + <iclass="fa fa-user-plus"></i> |
| 10 | + </span> |
| 11 | + <span>Add Secrets</span> |
| 12 | + </a> |
45 | 13 | </div> |
46 | | - </tab-pane> |
47 | | - </tabs> |
| 14 | + <divclass="tile is-parent"> |
| 15 | + <articleclass="tile is-child notification content-article box"> |
| 16 | + <vue-good-table |
| 17 | +:columns="keyColumns" |
| 18 | +:rows="keyRows" |
| 19 | +:paginate="true" |
| 20 | +:global-search="true" |
| 21 | +:defaultSortBy="{field: 'key', type: 'desc'}" |
| 22 | +globalSearchPlaceholder="Search ..." |
| 23 | +styleClass="table table-own-bordered"> |
| 24 | + <template slot="table-row" slot-scope="props"> |
| 25 | + <td> |
| 26 | + <span>{{ props.row.key }}</span> |
| 27 | + </td> |
| 28 | + <tdv-tippy="{ arrow : true, animation : 'shift-away'}"> |
| 29 | + <span>*****</span> |
| 30 | + </td> |
| 31 | + <td> |
| 32 | + <av-on:click="editSecretModal(props.row)"><iclass="fa fa-edit"style="color:whitesmoke;"></i></a> |
| 33 | + <av-on:click="deleteSecretModal(props.row)"><iclass="fa fa-trash"style="color:whitesmoke;"></i></a> |
| 34 | + </td> |
| 35 | + </template> |
| 36 | + <divslot="emptystate"class="empty-table-text"> |
| 37 | + No secrets found. |
| 38 | + </div> |
| 39 | + </vue-good-table> |
| 40 | + </article> |
| 41 | + </div> |
| 42 | + </div> |
| 43 | + </div> |
48 | 44 | </div> |
49 | 45 |
|
50 | 46 | <!-- edit secret modal--> |
|
149 | 145 |
|
150 | 146 | <script> |
151 | 147 | importVuefrom'vue' |
152 | | -import {Tabs,TabPane }from'vue-bulma-tabs' |
153 | 148 | import {Modal }from'vue-bulma-modal' |
154 | 149 | import {Collapse,ItemasCollapseItem }from'vue-bulma-collapse' |
155 | 150 | importVueGoodTablefrom'vue-good-table' |
@@ -180,8 +175,6 @@ Vue.use(VueTippy) |
180 | 175 |
|
181 | 176 | exportdefault { |
182 | 177 | components: { |
183 | | - Tabs, |
184 | | - TabPane, |
185 | 178 | Modal, |
186 | 179 | Collapse, |
187 | 180 | CollapseItem |
|