Syle uniformization & small fixes

SakiiR · Jun 25, 2021 · e99c5b5 · e99c5b5
1 parent 44c1890
commit e99c5b5
Show file tree

Hide file tree

Showing 28 changed files with 92 additions and 57 deletions.
diff --git a/dockers/manager/front/src/components/BaseDialog.vue b/dockers/manager/front/src/components/BaseDialog.vue
@@ -3,7 +3,7 @@
  <q-card bordered :style="style">
  <q-card-section>
  <div class="row q-gutter-sm items-center">
- <div class="col col-auto title text-h6 ">
+ <div class="col col-auto title text-h6">
  {{ title }} {{ subtitle ? ":" : "" }}
  </div>
  <div class="col col-auto text-h6 subtitle">

diff --git a/dockers/manager/front/src/components/BaseTable.vue b/dockers/manager/front/src/components/BaseTable.vue
@@ -93,7 +93,7 @@
  v-if="props.expand"
  :props="props"
  no-hover
- class="expand  bg-grey-10"
+ class="expand bg-grey-10"
  >
  <q-td colspan="100%">
  <slot name="details" v-bind="{ row: props.row }"></slot>

diff --git a/dockers/manager/front/src/components/DNS/Zone/Dialog.vue b/dockers/manager/front/src/components/DNS/Zone/Dialog.vue
@@ -15,7 +15,7 @@ import CreateZone from "./Create.vue";
 import BaseDialog from "src/components/BaseDialog.vue";
 
 export default {
- components: { CreateZone,  BaseDialog },
+ components: { CreateZone, BaseDialog },
  props: {
  zone: { type: Object, default: null }
  },
@@ -25,7 +25,7 @@ export default {
  },
  hide() {
  this.$refs.dialog.hide();
- },
+ }
  }
 };
 </script>
diff --git a/dockers/manager/front/src/components/DNS/Zone/Link.vue b/dockers/manager/front/src/components/DNS/Zone/Link.vue
@@ -7,6 +7,8 @@ import PmLink from "src/components/PMLink.vue";
 
 export default {
  components: { PmLink },
- props: { name: { type: String, required: true } }
+ props: {
+ name: { type: String, required: true }
+ }
 };
 </script>
diff --git a/dockers/manager/front/src/components/Docker/ConnectContainerInput.vue b/dockers/manager/front/src/components/Docker/ConnectContainerInput.vue
@@ -35,7 +35,7 @@
  {{ entry.aliases ? entry.aliases.join(", ") : "-" }}
  </div>
  <div class="ellipsis text-right">
- {{ entry.ipAddress || "Off-line" }}
+ {{ entry.ipAddress || "offline" }}
  </div>
  </template>
  </base-grid-input>

diff --git a/dockers/manager/front/src/components/Docker/ConnectNetworkInput.vue b/dockers/manager/front/src/components/Docker/ConnectNetworkInput.vue
@@ -34,7 +34,7 @@
  {{ entry.aliases ? entry.aliases.join(", ") : "-" }}
  </div>
  <div class="ellipsis text-right">
- {{ entry.ipAddress || "Off-line" }}
+ {{ entry.ipAddress || "offline" }}
  </div>
  </template>
  </base-grid-input>

diff --git a/dockers/manager/front/src/components/Docker/Container/DetailsProcess.vue b/dockers/manager/front/src/components/Docker/Container/DetailsProcess.vue
@@ -22,8 +22,6 @@
  style="max-width: 40vw;"
  align="left"
  >
-
-
  {{ props.value }}
  <q-popup-edit :value="props.value">
  <q-input :value="props.value" readonly dense autofocus counter />

diff --git a/dockers/manager/front/src/components/Docker/Container/Form/ImageInput.vue b/dockers/manager/front/src/components/Docker/Container/Form/ImageInput.vue
@@ -33,7 +33,9 @@ import DeepForm from "src/mixins/DeepForm";
 
 export default {
  mixins: [DeepForm],
- props: { readonly: { type: Boolean, default: false } },
+ props: {
+ readonly: { type: Boolean, default: false }
+ },
  formDefinition: null,
  data: () => ({ filter: null }),
  apollo: {

diff --git a/dockers/manager/front/src/components/Docker/Container/Form/NetworkInput.vue b/dockers/manager/front/src/components/Docker/Container/Form/NetworkInput.vue
@@ -2,7 +2,7 @@
  <q-expansion-item
  label="Network"
  :caption="selectedName"
- icon="eva-hard-drive-outline"
+ icon="eva-globe-outline"
  >
  <q-separator />
  <q-card>

diff --git a/dockers/manager/front/src/components/Docker/Image/Link.vue b/dockers/manager/front/src/components/Docker/Image/Link.vue
@@ -7,6 +7,8 @@ import PmLink from "src/components/PMLink.vue";
 
 export default {
  components: { PmLink },
- props: { image: { type: Object, required: true } },
+ props: {
+ image: { type: Object, required: true }
+ }
 };
 </script>
diff --git a/dockers/manager/front/src/components/Docker/Image/TagInput.vue b/dockers/manager/front/src/components/Docker/Image/TagInput.vue
@@ -26,7 +26,9 @@ export default {
  components: { BaseGridInput },
  mixins: [DeepForm],
  formDefinition: [],
- props: { imageId: { type: String, required: true } },
+ props: {
+ imageId: { type: String, required: true }
+ },
  data: () => ({ model: null, loading: false }),
  methods: {
  doRemoveTag(tag) {

diff --git a/dockers/manager/front/src/components/Docker/Network/IpamInput.vue b/dockers/manager/front/src/components/Docker/Network/IpamInput.vue
@@ -55,7 +55,9 @@ import BaseGridInput from "src/components/BaseGridInput.vue";
 export default {
  components: { BaseGridInput },
  mixins: [DeepForm],
- props: { readonly: { type: Boolean, default: false } },
+ props: {
+ readonly: { type: Boolean, default: false }
+ },
  formDefinition: {
  subnet: null,
  ipRange: null,

diff --git a/dockers/manager/front/src/components/Docker/Network/IpamsInput.vue b/dockers/manager/front/src/components/Docker/Network/IpamsInput.vue
@@ -107,9 +107,11 @@ const defaultModel = {
 export default {
  components: { HelpLink, BaseGridInput },
  mixins: [DeepForm],
- props: { readonly: { type: Boolean, default: false } },
+ props: {
+ readonly: { type: Boolean, default: false }
+ },
  formDefinition: [],
- data: () => ({ model: defaultModel }),
+ data: () => ({ model: { ...defaultModel } }),
  computed: {
  caption() {
  if (this.form.length === 0) {
@@ -125,7 +127,7 @@ export default {
  addEntry() {
  if (!this.model.subnet) return;
  this.form.unshift(this.model);
- this.model = defaultModel;
+ this.model = { ...defaultModel };
  }
  }
 };

diff --git a/dockers/manager/front/src/components/Docker/Network/Link.vue b/dockers/manager/front/src/components/Docker/Network/Link.vue
@@ -28,7 +28,9 @@ import PmLink from "src/components/PMLink.vue";
 
 export default {
  components: { PmLink },
- props: { network: { type: Object, required: true } }
+ props: {
+ network: { type: Object, required: true }
+ }
 };
 </script>
 <style lang="scss" scoped>

diff --git a/dockers/manager/front/src/components/Docker/Volume/Details.vue b/dockers/manager/front/src/components/Docker/Volume/Details.vue
@@ -50,11 +50,7 @@ export default {
  props: {
  volume: { type: Object, required: true }
  },
- data: () => ({
- files: [],
- selected: [],
- expanded: ["/"]
- }),
+ data: () => ({ files: [], selected: [], expanded: ["/"] }),
  mounted() {
  this.init();
  },

diff --git a/dockers/manager/front/src/components/Docker/Volume/Link.vue b/dockers/manager/front/src/components/Docker/Volume/Link.vue
@@ -7,6 +7,8 @@ import PmLink from "src/components/PMLink.vue";
 
 export default {
  components: { PmLink },
- props: { name: { type: String, required: true } }
+ props: {
+ name: { type: String, required: true }
+ }
 };
 </script>
diff --git a/dockers/manager/front/src/components/Traefik/Entrypoint/Link.vue b/dockers/manager/front/src/components/Traefik/Entrypoint/Link.vue
@@ -7,6 +7,8 @@ import PmLink from "src/components/PMLink.vue";
 
 export default {
  components: { PmLink },
- props: { name: {type: String, required: true} }
+ props: {
+ name: { type: String, required: true }
+ }
 };
 </script>
diff --git a/dockers/manager/front/src/components/Traefik/Middleware/Create.vue b/dockers/manager/front/src/components/Traefik/Middleware/Create.vue
@@ -52,7 +52,9 @@ export default {
  type: "addPrefix",
  extra: getCreateComponent
  },
- props: { middleware: { type: Object, default: null } },
+ props: {
+ middleware: { type: Object, default: null }
+ },
  data() {
  const originalForm = {
  name: this.middleware?.name.split("@")[0],

diff --git a/dockers/manager/front/src/components/Traefik/Middleware/Dialog.vue b/dockers/manager/front/src/components/Traefik/Middleware/Dialog.vue
@@ -22,7 +22,9 @@ import CreateMiddleware from "./Create.vue";
 
 export default {
  components: { CreateMiddleware, BaseDialog },
- props: { middleware: { type: Object, default: null } },
+ props: {
+ middleware: { type: Object, default: null }
+ },
  data: () => ({ form: {}, subtitle: null }),
  methods: {
  updateSubtitle(t) {

diff --git a/dockers/manager/front/src/components/Traefik/Middleware/Link.vue b/dockers/manager/front/src/components/Traefik/Middleware/Link.vue
@@ -7,6 +7,8 @@ import PmLink from "src/components/PMLink.vue";
 
 export default {
  components: { PmLink },
- props: { name: {type: String, required: true} }
+ props: {
+ name: { type: String, required: true }
+ }
 };
 </script>
diff --git a/dockers/manager/front/src/components/Traefik/Router/Dialog.vue b/dockers/manager/front/src/components/Traefik/Router/Dialog.vue
@@ -12,7 +12,9 @@ import BaseDialog from "src/components/BaseDialog.vue";
 
 export default {
  components: { CreateRouter, BaseDialog },
- props: { router: { type: Object, default: null } },
+ props: {
+ router: { type: Object, default: null }
+ },
  methods: {
  show() {
  this.$refs.dialog.show();

diff --git a/dockers/manager/front/src/components/Traefik/Router/EntrypointInput.vue b/dockers/manager/front/src/components/Traefik/Router/EntrypointInput.vue
@@ -15,7 +15,9 @@ import api from "src/api";
 
 export default {
  mixins: [DeepForm],
- props: { protocol: { type: String, default: null } },
+ props: {
+ protocol: { type: String, default: null }
+ },
  formDefinition: [],
  apollo: {
  entrypoints: {

diff --git a/dockers/manager/front/src/components/Traefik/Router/Link.vue b/dockers/manager/front/src/components/Traefik/Router/Link.vue
@@ -7,6 +7,8 @@ import PmLink from "src/components/PMLink.vue";
 
 export default {
  components: { PmLink },
- props: { name: {type: String, required: true} }
+ props: {
+ name: { type: String, required: true }
+ }
 };
 </script>
diff --git a/dockers/manager/front/src/components/Traefik/Router/ServiceInput.vue b/dockers/manager/front/src/components/Traefik/Router/ServiceInput.vue
@@ -38,7 +38,9 @@ export default {
  update: data => data.traefikServices
  }
  },
- props: { protocol: { type: String, default: null } },
+ props: {
+ protocol: { type: String, default: null }
+ },
  computed: {
  serviceNames() {
  return (this.services ?? []).map(s => s.name);

diff --git a/dockers/manager/front/src/components/Traefik/Service/Create.vue b/dockers/manager/front/src/components/Traefik/Service/Create.vue
@@ -81,7 +81,9 @@ export default {
  type: "loadBalancer",
  extra: getCreateComponent
  },
- props: { service: { type: Object, default: null } },
+ props: {
+ service: { type: Object, default: null }
+ },
  data() {
  const availableTypes = {
  http: ["loadBalancer", "weighted", "mirroring"],

diff --git a/dockers/manager/front/src/components/Traefik/Service/Dialog.vue b/dockers/manager/front/src/components/Traefik/Service/Dialog.vue
@@ -17,7 +17,9 @@ import CreateService from "./Create.vue";
 
 export default {
  components: { CreateService, BaseDialog },
- props: { service: { type: Object, default: null } },
+ props: {
+ service: { type: Object, default: null }
+ },
  data: () => ({ subtitle: null }),
  computed: {
  serviceForm() {

diff --git a/dockers/manager/front/src/components/Traefik/Service/Link.vue b/dockers/manager/front/src/components/Traefik/Service/Link.vue
@@ -7,6 +7,8 @@ import PmLink from "src/components/PMLink.vue";
 
 export default {
  components: { PmLink },
- props: { name: { type: String, required: true } }
+ props: {
+ name: { type: String, required: true }
+ }
 };
 </script>
diff --git a/dockers/manager/front/src/pages/Login.vue b/dockers/manager/front/src/pages/Login.vue
@@ -17,7 +17,11 @@
  />
  <div class="row justify-center">
  <div class="col col-auto">
- <component :is="formChildren.otp" v-model="form.otp" @enter="submit" />
+ <component
+ :is="formChildren.otp"
+ v-model="form.otp"
+ @enter="submit"
+ />
  </div>
  </div>
  <q-select
@@ -45,34 +49,33 @@ import api from "src/api";
 import DeepForm from "src/mixins/DeepForm";
 import OtpInput from "src/components/Auth/OtpInput.vue";
 
+const expireOptions = [
+ {
+ label: "One day",
+ value: 1
+ },
+ {
+ label: "One week",
+ value: 7
+ },
+ {
+ label: "One month",
+ value: 30
+ },
+ {
+ label: "Forever",
+ value: 0
+ }
+];
+
 export default {
  mixins: [DeepForm],
  formDefinition: {
  password: "",
  otp: OtpInput,
  durationDays: 1
  },
- data: () => {
- const expireOptions = [
- {
- label: "One day",
- value: 1
- },
- {
- label: "One week",
- value: 7
- },
- {
- label: "One month",
- value: 30
- },
- {
- label: "Forever",
- value: 0
- }
- ];
- return { expireOptions };
- },
+ data: () => ({ expireOptions }),
  methods: {
  submit() {
  this.mutate({