Small fixes

SakiiR · Aug 4, 2021 · 8d66d78 · 8d66d78
1 parent 87585a9
commit 8d66d78
Show file tree

Hide file tree

Showing 15 changed files with 30 additions and 39 deletions.
diff --git a/dockers/manager/front/src/components/BaseTable.vue b/dockers/manager/front/src/components/BaseTable.vue
@@ -110,7 +110,7 @@
  size="xs"
  icon="eva-loader-outline"
  :loading="loading"
- class=" q-mr-md no-pointer-events"
+ class="q-mr-md no-pointer-events"
  />
  {{ props.message }}
  </template>

diff --git a/dockers/manager/front/src/components/DNS/Log/LogList.vue b/dockers/manager/front/src/components/DNS/Log/LogList.vue
@@ -34,7 +34,7 @@
  size="xs"
  icon="eva-loader-outline"
  :loading="$apollo.queries.dnsLogs.loading"
- class=" q-mr-md no-pointer-events"
+ class="q-mr-md no-pointer-events"
  />
  {{ props.message }}
  </template>

diff --git a/dockers/manager/front/src/components/DNS/Rule/Table.vue b/dockers/manager/front/src/components/DNS/Rule/Table.vue
@@ -26,7 +26,7 @@
  @input="v => toggleRule(row, v)"
  />
  </template>
- <template #details="{ row }">
+ <template #details="{row}">
  <rule-details :value="row" />
  </template>
  </base-table>

diff --git a/dockers/manager/front/src/components/Docker/Container/Form/ExposeViaTraefik/Dialog.vue b/dockers/manager/front/src/components/Docker/Container/Form/ExposeViaTraefik/Dialog.vue
@@ -178,11 +178,6 @@ export default {
  "create"
  ];
  return steps;
- },
- portOptions() {
- return (this.container?.ports ?? [])
- .filter(p => p.protocol === "TCP")
- .map(p => p.containerPort);
  }
  },
  watch: {

diff --git a/dockers/manager/front/src/components/Docker/Container/Table.vue b/dockers/manager/front/src/components/Docker/Container/Table.vue
@@ -77,7 +77,7 @@
  <port-list :ports="row.ports" />
  </template>
 
- <template #details="{ row }" auto-width>
+ <template #details="{row}" auto-width>
  <container-details :container="row" />
  </template>
  </base-table>

diff --git a/dockers/manager/front/src/components/Docker/Image/FromDockerHub.vue b/dockers/manager/front/src/components/Docker/Image/FromDockerHub.vue
@@ -81,7 +81,7 @@
  row-key="name"
  :rows-per-page-options="[0]"
  >
- <template #body-cell-pull="{ row }">
+ <template #body-cell-pull="{row}">
  <q-td align="right">
  <q-btn
  :label="isAvailable(row) ? 'update' : 'pull'"

diff --git a/dockers/manager/front/src/components/Docker/Image/Table.vue b/dockers/manager/front/src/components/Docker/Image/Table.vue
@@ -19,7 +19,7 @@
  />
  <q-checkbox v-model="showIntermediate" label="Show intermediate images" />
  </template>
- <template #body-cell-usedBy="{ row }">
+ <template #body-cell-usedBy="{row}">
  <div class="q-gutter-sm row" style="max-width: 20vw">
  <container-link
  v-for="{ name } of row.usedBy"
@@ -28,10 +28,10 @@
  />
  </div>
  </template>
- <template #body-cell-shortId="{ row }">
+ <template #body-cell-shortId="{row}">
  <div class="text-mono">{{ row.shortId }}</div>
  </template>
- <template #body-cell-tags="{ row }">
+ <template #body-cell-tags="{row}">
  <div class="row q-gutter-sm">
  <div
  v-for="tag of row.tags"
@@ -50,7 +50,7 @@
  </div>
  </template>
 
- <template #details="{ row }">
+ <template #details="{row}">
  <image-details :image="row" />
  </template>
  </base-table>

diff --git a/dockers/manager/front/src/components/Docker/Network/Table.vue b/dockers/manager/front/src/components/Docker/Network/Table.vue
@@ -62,7 +62,7 @@
  </div>
  </template>
 
- <template #details="{ row }">
+ <template #details="{row}">
  <network-details :network="row" />
  </template>
  </base-table>

diff --git a/dockers/manager/front/src/components/Docker/Volume/Table.vue b/dockers/manager/front/src/components/Docker/Volume/Table.vue
@@ -20,7 +20,7 @@
  @click="pruneVolumes"
  />
  </template>
- <template #body-cell-usedBy="{ row }">
+ <template #body-cell-usedBy="{row}">
  <div class="q-gutter-sm row">
  <container-link
  v-for="{ name } of row.usedBy"
@@ -29,7 +29,7 @@
  />
  </div>
  </template>
- <template #details="{ row }">
+ <template #details="{row}">
  <volume-details :volume="row" />
  </template>
  </base-table>

diff --git a/dockers/manager/front/src/components/ListInput.vue b/dockers/manager/front/src/components/ListInput.vue
@@ -13,7 +13,7 @@
  </div>
  </template>
 
- <template #entry="{ entry }">
+ <template #entry="{entry}">
  <div v-for="key of cols" :key="key" class="ellipsis">
  {{ entry[key] || "&ZeroWidthSpace;" }}
 

diff --git a/dockers/manager/front/src/components/Traefik/Log/LogList.vue b/dockers/manager/front/src/components/Traefik/Log/LogList.vue
@@ -63,7 +63,7 @@
  size="xs"
  icon="eva-loader-outline"
  :loading="$apollo.loading"
- class=" q-mr-md no-pointer-events"
+ class="q-mr-md no-pointer-events"
  />
  {{ props.message }}
  </template>

diff --git a/dockers/manager/front/src/components/Traefik/Middleware/Table.vue b/dockers/manager/front/src/components/Traefik/Middleware/Table.vue
@@ -22,7 +22,7 @@
  <template #body-cell-enabled="{row}">
  <status-badge :status="row.enabled" />
  </template>
- <template #details="{ row }">
+ <template #details="{row}">
  <middleware-details :value="extraForm(row)" />
  </template>
  </base-table>

diff --git a/dockers/manager/front/src/components/Traefik/ProtocolBadge.vue b/dockers/manager/front/src/components/Traefik/ProtocolBadge.vue
@@ -1,5 +1,11 @@
 <template>
- <q-badge outline class="text-white" :style="{'border-color': color}">{{ protocol }} </q-badge>
+ <q-badge
+ outline
+ class="text-white"
+ :style="`border-color: var(--q-color-${color})`"
+ >
+ {{ protocol }}
+ </q-badge>
 </template>
 
 <script>
@@ -9,23 +15,13 @@ export default {
  },
  computed: {
  color() {
- switch (this.protocol) {
- case "http":
- return "var(--q-color-primary)";
- case "tcp":
- return "var(--q-color-secondary)";
- case "udp":
- return "var(--q-color-accent)";
- default:
- return "var(--q-color-negative)";
- }
+ const colors = {
+ http: "primary",
+ tcp: "secondary",
+ udp: "accent"
+ };
+ return colors[this.protocol] ?? "negative";
  }
  }
 };
 </script>
-
-<style lang="scss" scoped>
-.status {
- color: white ;
-}
-</style>
diff --git a/dockers/manager/front/src/components/Traefik/Router/Table.vue b/dockers/manager/front/src/components/Traefik/Router/Table.vue
@@ -51,7 +51,7 @@
  </div>
  </template>
 
- <template #details="{ row }">
+ <template #details="{row}">
  <router-details :value="extraForm(row)" />
  </template>
  </base-table>

diff --git a/dockers/manager/front/src/components/Traefik/Service/Table.vue b/dockers/manager/front/src/components/Traefik/Service/Table.vue
@@ -26,7 +26,7 @@
  <template #body-cell-enabled="{row}">
  <status-badge :status="row.enabled" />
  </template>
- <template #details="{ row }">
+ <template #details="{row}">
  <service-details :value="extraForm(row)" />
  </template>
  </base-table>