Add app configure resources view

dashboard/src/views/AppConfigureView.vue

@@ -11,6 +11,7 @@ import { Button, ButtonGroup } from 'pankow';
 import Info from '../components/app/Info.vue';
 import Security from '../components/app/Security.vue';
 import Cron from '../components/app/Cron.vue';
+import Resources from '../components/app/Resources.vue';
 import Repair from '../components/app/Repair.vue';
 import Eventlog from '../components/app/Eventlog.vue';
 import Updates from '../components/app/Updates.vue';
@@ -21,6 +22,7 @@ import { APP_TYPES, ISTATES, RSTATES, HSTATES } from '../constants.js';
 const appsModel = AppsModel.create();
 const installationStateLabel = AppsModel.installationStateLabel;
 
+const busy = ref(true);
 const id = ref('');
 const app = ref({});
 const view = ref('');
@@ -122,6 +124,8 @@ onMounted(async () => {
   await refresh();
 
   onSetView(parts[1] || 'info');
+
+  busy.value = false;
 });
 
 onBeforeUnmount(() => {
@@ -132,7 +136,7 @@ onBeforeUnmount(() => {
 
 <template>
   <div class="configure-outer">
-    <div class="configure-inner">
+    <div class="configure-inner" v-if="!busy">
       <div class="titlebar">
         <div style="display: flex; flex-grow: 1;">
           <img :src="API_ORIGIN + app.iconUrl" v-fallback-image="API_ORIGIN + '/img/appicon_fallback.png'" style="height: 64px; width: 64px; margin-right: 10px;"/>
@@ -188,7 +192,7 @@ onBeforeUnmount(() => {
           <div v-if="view === 'location'"></div>
           <div v-if="view === 'proxy'"></div>
           <div v-if="view === 'access'"></div>
-          <div v-if="view === 'resources'"></div>
+          <Resources :app="app" v-if="view === 'resources'"/>
           <div v-if="view === 'services'"></div>
           <div v-if="view === 'storage'"></div>
           <div v-if="view === 'graphs'"></div>