2020-05-05 13:13:19 +02:00
|
|
|
<template>
|
|
|
|
|
<div class="apps">
|
2020-10-07 12:37:35 +02:00
|
|
|
<ui-header-bar title="@application.list" :count="count" :back-button="true" />
|
2020-05-05 13:13:19 +02:00
|
|
|
<div class="ui-blank-box">
|
2020-10-15 14:10:26 +02:00
|
|
|
<applications-items v-model="apps" />
|
2020-05-05 13:13:19 +02:00
|
|
|
</div>
|
|
|
|
|
</div>
|
2020-10-15 14:10:26 +02:00
|
|
|
</template>
|
2020-05-05 13:13:19 +02:00
|
|
|
|
|
|
|
|
|
|
|
|
|
<script>
|
2020-11-01 22:20:29 +01:00
|
|
|
import ApplicationsItems from 'zero/pages/settings/applications-items.vue'
|
2020-11-20 15:17:41 +01:00
|
|
|
import ApplicationsApi from 'zero/api/applications.js'
|
2020-05-08 14:33:45 +02:00
|
|
|
|
2020-05-05 13:13:19 +02:00
|
|
|
export default {
|
2020-10-15 14:10:04 +02:00
|
|
|
data: () => ({
|
|
|
|
|
count: 0,
|
|
|
|
|
apps: []
|
|
|
|
|
}),
|
|
|
|
|
|
2020-05-26 11:43:13 +02:00
|
|
|
components: { ApplicationsItems },
|
|
|
|
|
|
2020-10-15 14:10:04 +02:00
|
|
|
mounted()
|
2020-05-26 11:43:13 +02:00
|
|
|
{
|
2020-10-15 14:10:04 +02:00
|
|
|
ApplicationsApi.getAll().then(response =>
|
2020-05-26 11:43:13 +02:00
|
|
|
{
|
2020-10-27 23:01:46 +01:00
|
|
|
this.apps = response;
|
|
|
|
|
this.count = response.length;
|
2020-05-26 11:43:13 +02:00
|
|
|
});
|
|
|
|
|
}
|
2020-05-05 13:13:19 +02:00
|
|
|
}
|
|
|
|
|
</script>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<style lang="scss">
|
2020-05-08 16:53:59 +02:00
|
|
|
.apps .apps-items
|
2020-05-05 13:13:19 +02:00
|
|
|
{
|
2020-05-08 16:53:59 +02:00
|
|
|
margin-top: 0;
|
2020-05-05 13:13:19 +02:00
|
|
|
}
|
|
|
|
|
</style>
|