glib-web 3.27.0 → 3.27.2

package/actions/windows/closeWithOpen.js

@@ -1,7 +1,6 @@
 export default class {
   execute(properties, component) {
-    // TODO: Need to find out how to prevent onpopstate() from executing.
-    Utils.history.back()
+    Utils.history.backWithoutRender()
 
     // Open right away so there is no visible flicker.
     Utils.http.load(properties, component, true);

package/actions/windows/reload.js

@@ -4,9 +4,9 @@ export default class {
   execute(properties, component) {
     vueApp.richTextValues = {};
 
-    if (!executeGlobalEvent('onbeforewindowsreload')) {
-      return;
-    }
+    // if (!executeGlobalEvent('onbeforewindowsreload')) {
+    //   return;
+    // }
 
     if (Utils.settings.reactive) {
       Utils.http.reload(properties, component);

package/components/composable/dropable.js

@@ -61,7 +61,7 @@ function useDropableUtils() {
 
 function useFilesState(files) {
   const uploading = computed(() => {
-    return Object.values(files.value).length > 0 ? Object.values(files.value).reduce((prev, curr) => prev || curr.status == 'pending', false) : true;
+    return Object.values(files.value).length > 0 ? Object.values(files.value).reduce((prev, curr) => prev || curr.status == 'pending', false) : false;
   });
   const uploaded = computed(() => {
     return Object.values(files.value).length > 0 ? Object.values(files.value).reduce((prev, curr) => prev && !!curr.signedId, true) : false;
@@ -109,7 +109,7 @@ const showError = (options) => {
     {
       action: 'snackbars/select',
       message: body,
-      styleClasses: ['error', 'vertical'],
+      styleClasses: ['error', 'outlined'],
       buttons: [{ text: button }]
     },
     {}

package/components/fields/chipGroup.vue

@@ -4,8 +4,8 @@ w<template>
       <v-chip v-for="(option, index) in spec.options" :key="index" filter :variant="variant">{{
         option.text }}</v-chip>
     </v-chip-group>
-    <input v-for="(item, index) in $internalizeValue(fieldModel)        " :key="index" type="hidden"
-      :disabled="inputDisabled" :name="fieldName" :value="item" />
+    <input v-for="(item, index) in indexToValue(fieldModel)" :key="index" type="hidden" :disabled="inputDisabled"
+      :name="fieldName" :value="item" />
   </div>
 </template>
 
@@ -27,7 +27,7 @@ export default defineComponent({
         triggerOnInput(containerEl);
       }
     },
-    $internalizeValue(value) {
+    indexToValue(value) {
       if (value == null || value.length <= 0) return [null];
       if (value.toString() == (this.spec.value || '').toString()) return value;
 
@@ -38,6 +38,10 @@ export default defineComponent({
         return prev;
       }, []);
     },
+    $internalizeValue(value) {
+      if (value == null || value == undefined || !this.spec.options[value]) return;
+      return this.spec.options[value].value;
+    },
     $externalizeValue(value) {
       if (!value) return [];
 

package/components/tabBar.vue

@@ -3,7 +3,7 @@
     <v-tabs v-model="tab" :bg-color="spec.backgroundColor || 'white'" slider-color="primary" color="primary" show-arrows
       :height="spec.height || 60" :grow="$classes().includes('no-grow') ? false : true">
       <v-tab v-for="(item, index) in spec.buttons" @click="handleClick(index)" :key="index" height="100%"
-        :value="index">
+        :disabled="item.disabled" :value="index">
         <common-badge :spec="item">
           <div class="tab-content">
             <common-icon :class="index == spec.activeIndex ? 'text-primary' : null" :spec="item.icon"

package/nav/appBar.vue

@@ -1,5 +1,6 @@
 <template>
-  <v-app-bar v-if="navBar.height" :style="style" :height="navBar.height" :class="cssClasses()" :elevation="navBar.elevation">
+  <v-app-bar v-if="navBar.height" :style="style" :height="navBar.height" :class="cssClasses()"
+    :elevation="navBar.elevation">
     <v-app-bar-nav-icon v-if="showDrawerMenu" @click="triggerDrawer()"></v-app-bar-nav-icon>
     <!-- <v-app-bar-nav-icon v-if="page.leftDrawer && !isPermanent" style="color: inherit;"
       @click="drawerTrigger = new Date()"></v-app-bar-nav-icon> -->
@@ -7,8 +8,8 @@
     <div v-else>
       <panels-responsive v-if="navBar.logo" :spec="navBar.logo" />
       <v-app-bar-title v-else-if="navBar.showTitle">{{
-        page.title
-      }}</v-app-bar-title>
+    page.title
+  }}</v-app-bar-title>
     </div>
     <span style="padding-left: 10px;" v-if="navBar.showBreakpoint">
       <common-chip :spec="chipSpec" />
@@ -157,7 +158,7 @@ export default {
 };
 </script>
 
-<style lang="scss" scoped>
+<!-- <style lang="scss" scoped> 
 // .v-btn {
 //   &.views-button {
 //     &.icon {
@@ -174,8 +175,8 @@ export default {
 //   box-shadow: none !important;
 //   // box-shadow: none;
 //   padding-left: 20px;
-// }
-</style>
+// }</style>
+-->
 
 <!-- Overridable -->
 <style lang="scss" scoped>

package/nav/drawer.vue

@@ -36,7 +36,7 @@
 <script>
 import NavDrawerButton from "./drawerButton.vue";
 import NavDrawerLabel from "./drawerLabel.vue";
-// import bus from "../utils/eventBus";
+import bus from "../utils/eventBus";
 import { useDisplay } from "vuetify";
 
 export default {
@@ -97,11 +97,11 @@ export default {
     $ready() {
       this.shrunk = this.mini = this.cssClasses.includes("mini");
     },
-    // $mounted() {
-    //   bus.$on("drawers/toggle", () => {
-    //     this.updateState(!this.state);
-    //   });
-    // },
+    $mounted() {
+      bus.$on("glib-drawers/toggle", () => {
+        this.updateState(!this.state);
+      });
+    },
     updateState(state) {
       this.state = state;
     },

package/nav/layout.vue

@@ -23,16 +23,16 @@
           <common-dropdownMenu v-if="btn.childButtons" :key="index" :spec="btn" :disabled="$isBusy" />
           <common-button v-else :key="`right_${index}`" :spec="buttonSpec(btn)" :disabled="$isBusy" />
         </template>
-      </v-toolbar-items>
+</v-toolbar-items>
 
-      <common-dropdownMenu v-if="showMobileMenu" class="hidden-md-and-up" :spec="mobileMenu" />
+<common-dropdownMenu v-if="showMobileMenu" class="hidden-md-and-up" :spec="mobileMenu" />
 
-      <views-avatar v-if="navBar.imageUrl" :spec="avatarSpec(navBar)" />
+<views-avatar v-if="navBar.imageUrl" :spec="avatarSpec(navBar)" />
 
-      <v-btn v-if="viewSourceEnabled()" icon style="color: inherit;" @click="viewSource">
-        <v-icon>zoom_in</v-icon>
-      </v-btn>
-    </v-toolbar> -->
+<v-btn v-if="viewSourceEnabled()" icon style="color: inherit;" @click="viewSource">
+  <v-icon>zoom_in</v-icon>
+</v-btn>
+</v-toolbar> -->
   </div>
 </template>
 

package/nav/snackbar.vue

@@ -5,7 +5,7 @@
     <common-message :spec="spec" />
 
     <template v-slot:actions v-if="spec.buttons">
-      <v-btn v-for="(button, index) in spec.buttons" :key="index" :color="gcolor" variant="flat"
+      <v-btn v-for="(button, index) in spec.buttons" :key="index" :color="gcolor" :variant="variant"
         @click="click(button, $event)">
         {{ button.text }}
       </v-btn>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glib-web",
-  "version": "3.27.0",
+  "version": "3.27.2",
   "description": "",
   "main": "index.js",
   "scripts": {

package/store.js

@@ -18,7 +18,8 @@ export const vueApp = reactive({
     lastNavigationCount: null,
     tooltipSpec: {},
     bottomBanners: {},
-    uploader: {}
+    uploader: {},
+    confirmationDialog: {}
 });
 
 export const dialogs = reactive([]);

package/utils/history.js

@@ -4,6 +4,8 @@ import { useDirtyState } from "../components/composable/dirtyState";
 
 const { isDirty, clearDirtyState, updateDirtyState } = useDirtyState();
 
+let skipRendering = false;
+
 export default class {
   static saveInitialContent(content) {
     // History only handles document's scroll position. It doesn't handle our body div's position
@@ -48,6 +50,11 @@ export default class {
     const vm = this;
     let skipOnce = false;
     window.onpopstate = event => {
+      if (skipRendering) {
+        skipRendering = false
+        return false;
+      }
+
       if (isDirty()) {
         event.preventDefault();
         clearDirtyState();
@@ -100,6 +107,11 @@ export default class {
     }
   }
 
+  static backWithoutRender() {
+    skipRendering = true
+    this.back()
+  }
+
   static destroy() {
     if (this.navigationCount <= 0) return false;
 

package/utils/launch.js

@@ -66,7 +66,8 @@ class LaunchPopover {
 
       computePosition(reference, floating, { placement: placement, middleware: [flip(), offset(offsetSize)] })
         .then(({ x, y }) => {
-          Object.assign(placeholder.style, { top: `${y}px`, left: `${x}px`, zIndex: 1200 });
+          // zIndex should be larger than dialog's, which is 2400.
+          Object.assign(placeholder.style, { top: `${y}px`, left: `${x}px`, zIndex: 2500 });
         });
     } else {
       console.error("A popover has to be displayed in a component");