glib-web 0.5.77 → 0.5.78

package/nav/dialog.vue

@@ -1,127 +1,127 @@
-<template>
-  <v-dialog
-    v-model="model"
-    width="600"
-    :dark="false"
-    :sm-and-down="false"
-    :persistent="true"
-  >
-    <v-card>
-      <v-card-title v-if="title || showClose" class="headline" primary-title>
-        {{ title }}
-        <v-btn v-if="showClose" text icon class="dialog-close" @click="close">
-          <v-icon>close</v-icon>
-        </v-btn>
-      </v-card-title>
-
-      <div>
-        <div v-if="message" class="dialog-message">
-          <common-message :spec="spec" />
-        </div>
-        <panels-responsive v-if="body" :spec="body" />
-      </div>
-
-      <v-divider></v-divider>
-
-      <v-card-actions v-if="spec.buttons">
-        <v-spacer></v-spacer>
-
-        <v-btn
-          v-for="(button, index) in spec.buttons"
-          :key="index"
-          color="primary"
-          text
-          @click="click(button, $event)"
-        >
-          {{ button.text }}
-        </v-btn>
-
-        <panels-responsive v-if="footer" :spec="footer" />
-      </v-card-actions>
-    </v-card>
-  </v-dialog>
-</template>
-
-<script>
-import Http from "../utils/http";
-import Action from "../action";
-
-export default {
-  props: {
-    spec: { type: Object, required: true },
-    stack: { type: Array, required: true },
-    vueApp: { type: Object, required: true }
-  },
-  data: function() {
-    return {
-      title: null,
-      message: null,
-      body: null,
-      footer: null,
-      model: null,
-      url: this.spec.url,
-      showClose: Utils.type.isString(this.spec.url)
-    };
-  },
-  watch: {
-    model: function(val, oldVal) {
-      if (!val) {
-        this.$destroy();
-      }
-    }
-  },
-  methods: {
-    $ready() {
-      this.$root.vueApp = this.vueApp;
-
-      const spec = this.spec;
-      if (Utils.type.isString(this.url)) {
-        this.message = "Loading...";
-        const url = Utils.url.appendParams(this.url, { _dialog: "v1" });
-        Http.execute({ url: url }, "GET", this, response => {
-          this.title = response.title;
-          this.message = "";
-          this.body = response.body;
-          this.footer = response.footer;
-          this.showClose = false;
-        });
-      } else {
-        this.title = this.spec.title;
-        this.message = this.spec.message;
-        this.body = this.spec.body;
-        Action.execute(spec.onLoad, null, this);
-      }
-
-      this.stack.push(this);
-      this.model = true;
-    },
-    $tearDown() {
-      console.log("Dialog destroyed");
-      this.stack.remove(this);
-    },
-    close() {
-      this.model = false;
-    },
-    click(spec, event) {
-      const onClick = spec["onClick"];
-      this.model = false;
-      Action.execute(onClick, event.target, this);
-    }
-  }
-};
-</script>
-
-<style scoped>
-.dialog-message {
-  padding: 16px 16px 20px 16px;
-  /* white-space: pre-wrap; */
-}
-.dialog-close {
-  right: 16px;
-  top: 12px;
-  position: absolute;
-}
-.v-card__text {
-  padding: 0 !important;
-}
-</style>
+<template>
+  <v-dialog
+    v-model="model"
+    width="600"
+    :dark="false"
+    :sm-and-down="false"
+    :persistent="true"
+  >
+    <v-card>
+      <v-card-title v-if="title || showClose" class="headline" primary-title>
+        {{ title }}
+        <v-btn v-if="showClose" text icon class="dialog-close" @click="close">
+          <v-icon>close</v-icon>
+        </v-btn>
+      </v-card-title>
+
+      <div>
+        <div v-if="message" class="dialog-message">
+          <common-message :spec="spec" />
+        </div>
+        <panels-responsive v-if="body" :spec="body" />
+      </div>
+
+      <v-divider></v-divider>
+
+      <v-card-actions v-if="spec.buttons">
+        <v-spacer></v-spacer>
+
+        <v-btn
+          v-for="(button, index) in spec.buttons"
+          :key="index"
+          color="primary"
+          text
+          @click="click(button, $event)"
+        >
+          {{ button.text }}
+        </v-btn>
+
+        <panels-responsive v-if="footer" :spec="footer" />
+      </v-card-actions>
+    </v-card>
+  </v-dialog>
+</template>
+
+<script>
+import Http from "../utils/http";
+import Action from "../action";
+
+export default {
+  props: {
+    spec: { type: Object, required: true },
+    stack: { type: Array, required: true },
+    vueApp: { type: Object, required: true }
+  },
+  data: function() {
+    return {
+      title: null,
+      message: null,
+      body: null,
+      footer: null,
+      model: null,
+      url: this.spec.url,
+      showClose: Utils.type.isString(this.spec.url)
+    };
+  },
+  watch: {
+    model: function(val, oldVal) {
+      if (!val) {
+        this.$destroy();
+      }
+    }
+  },
+  methods: {
+    $ready() {
+      this.$root.vueApp = this.vueApp;
+
+      const spec = this.spec;
+      if (Utils.type.isString(this.url)) {
+        this.message = "Loading...";
+        const url = Utils.url.appendParams(this.url, { _dialog: "v1" });
+        Http.execute({ url: url }, "GET", this, response => {
+          this.title = response.title;
+          this.message = "";
+          this.body = response.body;
+          this.footer = response.footer;
+          this.showClose = false;
+        });
+      } else {
+        this.title = this.spec.title;
+        this.message = this.spec.message;
+        this.body = this.spec.body;
+        Action.execute(spec.onLoad, null, this);
+      }
+
+      this.stack.push(this);
+      this.model = true;
+    },
+    $tearDown() {
+      console.log("Dialog destroyed");
+      this.stack.remove(this);
+    },
+    close() {
+      this.model = false;
+    },
+    click(spec, event) {
+      const onClick = spec["onClick"];
+      this.model = false;
+      Action.execute(onClick, event.target, this);
+    }
+  }
+};
+</script>
+
+<style scoped>
+.dialog-message {
+  padding: 16px 16px 20px 16px;
+  /* white-space: pre-wrap; */
+}
+.dialog-close {
+  right: 16px;
+  top: 12px;
+  position: absolute;
+}
+.v-card__text {
+  padding: 0 !important;
+}
+</style>

package/package.json

@@ -1,42 +1,42 @@
-{
-  "name": "glib-web",
-  "version": "0.5.77",
-  "description": "",
-  "main": "index.js",
-  "scripts": {
-    "test": "echo \"Error: no test specified\" && exit 1"
-  },
-  "author": "",
-  "license": "ISC",
-  "dependencies": {
-    "@mdi/font": "^4.5.95",
-    "@rails/actioncable": "^6.0.0",
-    "@rails/activestorage": "^6.0.0-alpha",
-    "awesome-phonenumber": "2.15.0",
-    "chart.js": "^2.8.0",
-    "json-logic-js": "^1.2.2",
-    "marked": "^0.7.0",
-    "phoenix": "^1.5.3",
-    "push.js": "^1.0.12",
-    "sass": "^1.23.6",
-    "sass-loader": "^8.0.0",
-    "vue": "2.6.10",
-    "vue-chartkick": "^0.5.2",
-    "vue-gtag": "^1.1.2",
-    "vue-youtube": "^1.4.0",
-    "vue2-editor": "^2.9.1",
-    "vue2-google-maps": "^0.10.6",
-    "vuedraggable": "^2.24.1",
-    "vuetify": "2.3.9"
-  },
-  "devDependencies": {
-    "babel-eslint": "^10.0.3",
-    "eslint": "^6.4.0",
-    "eslint-config-prettier": "^6.3.0",
-    "eslint-loader": "^3.0.0",
-    "eslint-plugin-prettier": "^3.1.1",
-    "eslint-plugin-vue": "^5.2.3",
-    "eslint-plugin-vuetify": "^1.0.0-beta.3",
-    "prettier": "^1.18.2"
-  }
-}
+{
+  "name": "glib-web",
+  "version": "0.5.78",
+  "description": "",
+  "main": "index.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "author": "",
+  "license": "ISC",
+  "dependencies": {
+    "@mdi/font": "^4.5.95",
+    "@rails/actioncable": "^6.0.0",
+    "@rails/activestorage": "^6.0.0-alpha",
+    "awesome-phonenumber": "2.15.0",
+    "chart.js": "^2.8.0",
+    "json-logic-js": "^1.2.2",
+    "marked": "^0.7.0",
+    "phoenix": "^1.5.3",
+    "push.js": "^1.0.12",
+    "sass": "^1.23.6",
+    "sass-loader": "^8.0.0",
+    "vue": "2.6.10",
+    "vue-chartkick": "^0.5.2",
+    "vue-gtag": "^1.1.2",
+    "vue-youtube": "^1.4.0",
+    "vue2-editor": "^2.9.1",
+    "vue2-google-maps": "^0.10.6",
+    "vuedraggable": "^2.24.1",
+    "vuetify": "2.3.9"
+  },
+  "devDependencies": {
+    "babel-eslint": "^10.0.3",
+    "eslint": "^6.4.0",
+    "eslint-config-prettier": "^6.3.0",
+    "eslint-loader": "^3.0.0",
+    "eslint-plugin-prettier": "^3.1.1",
+    "eslint-plugin-vue": "^5.2.3",
+    "eslint-plugin-vuetify": "^1.0.0-beta.3",
+    "prettier": "^1.18.2"
+  }
+}

package/templates/_menu.vue

@@ -1,38 +1,38 @@
-<template>
-  <v-list-item-action v-if="editMenu">
-    <common-dropdownMenu :spec="editMenu" :disabled="$isBusy" />
-  </v-list-item-action>
-</template>
-
-<script>
-export default {
-  props: {
-    editButtons: { type: Array, required: true }
-  },
-  computed: {
-    // This needs to be computed so that it is always up-to-date, regardless of whether:
-    // 1. The page is navigated away and the parent component gets reused or
-    // 2. There is just a delay in the initialization of the menu variable in ($ready())
-    editMenu() {
-      if (this.editButtons.length > 0) {
-        return {
-          icon: { material: { name: "more_vert" } },
-          childButtons: this.editButtons
-        };
-      } else {
-        return null;
-      }
-    }
-  },
-  methods: {
-    buttonSpec(item) {
-      return Object.assign({}, item, {
-        view: "button-v1",
-        styleClasses: ["text"]
-      });
-    }
-  }
-};
-</script>
-
-<style lang="scss" scoped></style>
+<template>
+  <v-list-item-action v-if="editMenu">
+    <common-dropdownMenu :spec="editMenu" :disabled="$isBusy" />
+  </v-list-item-action>
+</template>
+
+<script>
+export default {
+  props: {
+    editButtons: { type: Array, required: true }
+  },
+  computed: {
+    // This needs to be computed so that it is always up-to-date, regardless of whether:
+    // 1. The page is navigated away and the parent component gets reused or
+    // 2. There is just a delay in the initialization of the menu variable in ($ready())
+    editMenu() {
+      if (this.editButtons.length > 0) {
+        return {
+          icon: { material: { name: "more_vert" } },
+          childButtons: this.editButtons
+        };
+      } else {
+        return null;
+      }
+    }
+  },
+  methods: {
+    buttonSpec(item) {
+      return Object.assign({}, item, {
+        view: "button-v1",
+        styleClasses: ["text"]
+      });
+    }
+  }
+};
+</script>
+
+<style lang="scss" scoped></style>