Initial move from angular shell to vue

dashboard/src/views/AppConfigureView.vue

@@ -293,7 +293,6 @@ onBeforeUnmount(() => {
 .titlebar {
   display: flex;
   justify-content: space-between;
-  background-color: var(--pankow-body-background-color);
 }
 
 .apptask-progress {

dashboard/src/views/AppsView.vue

@@ -412,12 +412,6 @@ onUnmounted(() => {
   color: var(--pankow-text-color);
 }
 
-.grid-item:focus .grid-item-label,
-.grid-item:hover .grid-item-label {
-  text-decoration: none;
-  color: var(--accent-color);;
-}
-
 .config {
   position: absolute;
   color: var(--pankow-text-color);
@@ -436,8 +430,6 @@ onUnmounted(() => {
 
 .config:focus,
 .config:hover {
-  text-decoration: none;
-  color: var(--accent-color);;
   opacity: 1;
 }
 

dashboard/src/views/SettingsView.vue

@@ -6,6 +6,7 @@ const t = i18n.t;
 
 import { ref, onMounted, watch } from 'vue';
 import { Dropdown } from 'pankow';
+import moment from 'moment-timezone';
 import Section from '../components/Section.vue';
 import CloudronAccount from '../components/CloudronAccount.vue';
 import SystemUpdate from '../components/SystemUpdate.vue';
@@ -15,7 +16,7 @@ import CloudronModel from '../models/CloudronModel.js';
 const cloudronModel = CloudronModel.create();
 
 // Timezone
-const allTimezones = window.timezones;
+const allTimezones = moment.tz.names().map(t => { return { id: t }; });
 const timeZone = ref('');
 const currentTimeZone = ref('');
 
@@ -92,8 +93,8 @@ onMounted(async () => {
     <CloudronAccount />
 
     <Section :title="$t('settings.timezone.title')">
-      <p v-html="$t('settings.timezone.description', { timeZone: prettyTimeZone(timeZone) })"></p>
-      <Dropdown v-model="timeZone" :options="allTimezones" option-key="id" option-label="display" />
+      <p v-html="$t('settings.timezone.description', { timeZone })"></p>
+      <Dropdown v-model="timeZone" :options="allTimezones" option-key="id" option-label="id" />
     </Section>
 
     <Section :title="$t('settings.language.title')">

dashboard/src/views/SystemView.vue

@@ -2,7 +2,7 @@
 
 import { ref, onMounted } from 'vue';
 import { Button } from 'pankow';
-import moment from 'moment';
+import moment from 'moment-timezone';
 import { prettyDecimalSize } from 'pankow/utils';
 import Section from '../components/Section.vue';
 import DiskUsage from '../components/DiskUsage.vue';
@@ -22,6 +22,7 @@ const uptime = ref('');
 const activeSince = ref('');
 
 function onReboot() {
+  // TODO ask the user!
   systemModel.reboot();
 }