glib-web 0.5.98 → 0.6.2

package/components/panels/ul.vue

@@ -1,34 +1,34 @@
-<template>
-  <ul :style="$styles()" :class="$classes()">
-    <!-- Use view name for key to avoid component reuse issue -->
-    <li v-for="(item, index) in spec.childViews" :key="`${index}_${item.view}`">
-      <ui-component :spec="item" />
-    </li>
-  </ul>
-</template>
-
-<script>
-export default {
-  props: {
-    spec: { type: Object, required: true }
-  }
-};
-</script>
-
-<style lang="scss" scoped>
-// TODO: Need responsive support for mobile screens.
-ul.breadcrumbs {
-  padding-left: 0px;
-  list-style: none;
-
-  li {
-    display: inline;
-  }
-
-  li + li:before {
-    padding: 4px 4px 4px 8px;
-    color: black;
-    content: "/\00a0";
-  }
-}
-</style>
+<template>
+  <ul :style="$styles()" :class="$classes()">
+    <!-- Use view name for key to avoid component reuse issue -->
+    <li v-for="(item, index) in spec.childViews" :key="`${index}_${item.view}`">
+      <ui-component :spec="item" />
+    </li>
+  </ul>
+</template>
+
+<script>
+export default {
+  props: {
+    spec: { type: Object, required: true }
+  }
+};
+</script>
+
+<style lang="scss" scoped>
+// TODO: Need responsive support for mobile screens.
+ul.breadcrumbs {
+  padding-left: 0px;
+  list-style: none;
+
+  li {
+    display: inline;
+  }
+
+  li + li:before {
+    padding: 4px 4px 4px 8px;
+    color: black;
+    content: "/\00a0";
+  }
+}
+</style>

package/components/panels/web.vue

@@ -1,11 +1,11 @@
-<template>
-  <iframe :style="$styles()" :src="spec.url"></iframe>
-</template>
-
-<script>
-export default {
-  props: {
-    spec: { type: Object, required: true }
-  }
-};
-</script>
+<template>
+  <iframe :style="$styles()" :src="spec.url"></iframe>
+</template>
+
+<script>
+export default {
+  props: {
+    spec: { type: Object, required: true }
+  }
+};
+</script>

package/components/progressbar.vue

@@ -1,36 +1,36 @@
-<template>
-  <v-progress-linear
-    :class="$classes()"
-    :height="spec.height || 25"
-    :color="spec.color"
-    :background-color="spec.backgroundColor"
-    :disabled="true"
-    :value="value_in_percentage"
-    :striped="$classes().includes('striped')"
-    :reverse="spec.reversed || false"
-    rounded
-  >
-    <strong v-if="!$classes().includes('no-text')"
-      >{{ Math.ceil(value_in_percentage) }}%</strong
-    >
-  </v-progress-linear>
-</template>
-
-<script>
-export default {
-  props: {
-    spec: { type: Object, required: true }
-  },
-  computed: {
-    value_in_percentage() {
-      return this.spec.value * 100;
-    }
-  }
-};
-</script>
-
-<style scoped>
-.light strong {
-  color: #ffffff;
-}
-</style>
+<template>
+  <v-progress-linear
+    :class="$classes()"
+    :height="spec.height || 25"
+    :color="spec.color"
+    :background-color="spec.backgroundColor"
+    :disabled="true"
+    :value="value_in_percentage"
+    :striped="$classes().includes('striped')"
+    :reverse="spec.reversed || false"
+    rounded
+  >
+    <strong v-if="!$classes().includes('no-text')"
+      >{{ Math.ceil(value_in_percentage) }}%</strong
+    >
+  </v-progress-linear>
+</template>
+
+<script>
+export default {
+  props: {
+    spec: { type: Object, required: true }
+  },
+  computed: {
+    value_in_percentage() {
+      return this.spec.value * 100;
+    }
+  }
+};
+</script>
+
+<style scoped>
+.light strong {
+  color: #ffffff;
+}
+</style>

package/components/switch.vue

@@ -1,42 +1,42 @@
-<template>
-  <div :class="$classes()">
-    <v-switch
-      v-model="enabled"
-      :label="spec.text"
-      hide-details
-      @change="changed"
-    >
-    </v-switch>
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    spec: { type: Object, required: true }
-  },
-  data() {
-    return {
-      enabled: false
-    };
-  },
-  methods: {
-    $ready() {
-      this.enabled = this.spec.enabled;
-    },
-    changed() {
-      if (this.enabled) {
-        GLib.action.execute(this.spec.onEnabled, {}, this);
-      } else {
-        GLib.action.execute(this.spec.onDisabled, {}, this);
-      }
-    }
-  }
-};
-</script>
-
-<style scoped>
-.v-input--selection-controls {
-  margin-top: 0;
-}
-</style>
+<template>
+  <div :class="$classes()">
+    <v-switch
+      v-model="enabled"
+      :label="spec.text"
+      hide-details
+      @change="changed"
+    >
+    </v-switch>
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    spec: { type: Object, required: true }
+  },
+  data() {
+    return {
+      enabled: false
+    };
+  },
+  methods: {
+    $ready() {
+      this.enabled = this.spec.enabled;
+    },
+    changed() {
+      if (this.enabled) {
+        GLib.action.execute(this.spec.onEnabled, {}, this);
+      } else {
+        GLib.action.execute(this.spec.onDisabled, {}, this);
+      }
+    }
+  }
+};
+</script>
+
+<style scoped>
+.v-input--selection-controls {
+  margin-top: 0;
+}
+</style>

package/components/tabBar.vue

@@ -1,68 +1,68 @@
-<template>
-  <div :style="'width: 100%'" :class="$classes()">
-    <v-tabs
-      v-model="tab"
-      :background-color="spec.backgroundColor"
-      :slider-color="spec.color"
-      show-arrows
-      :height="spec.height || 60"
-      :grow="$classes().includes('no-grow') ? false : true"
-    >
-      <v-tab
-        v-for="(item, index) in spec.buttons"
-        :key="index"
-        height="100%"
-        :href="$href(item)"
-        @click="$onClick($event, item)"
-      >
-        <v-badge
-          :color="item.badgeColor || 'red'"
-          :content="item.badgeContent"
-          :value="item.badgeContent || false"
-        >
-          <common-icon v-if="item.icon" :spec="item.icon" />
-          <span :style="{ color: spec.color }">{{ item.text }}</span>
-        </v-badge>
-      </v-tab>
-    </v-tabs>
-    <v-divider />
-  </div>
-</template>
-
-<script>
-export default {
-  props: {
-    spec: { type: Object, required: true }
-  },
-  data() {
-    return {
-      tab: null,
-      buttons: null
-    };
-  },
-  methods: {
-    $ready() {
-      this.buttons = this.spec.tabButtons || this.spec.buttons;
-      for (const [index, button] of this.buttons.entries()) {
-        if (button.disabled) {
-          this.tab = this.$href(button);
-        }
-      }
-    }
-  }
-};
-</script>
-<style scoped>
-.full-width-divider .v-divider {
-  position: absolute;
-  left: 0;
-  width: 100%;
-}
-.no-divider .v-divider {
-  display: none;
-}
-.v-badge {
-  top: 50%;
-  transform: translate(0, -50%);
-}
-</style>
+<template>
+  <div :style="'width: 100%'" :class="$classes()">
+    <v-tabs
+      v-model="tab"
+      :background-color="spec.backgroundColor"
+      :slider-color="spec.color"
+      show-arrows
+      :height="spec.height || 60"
+      :grow="$classes().includes('no-grow') ? false : true"
+    >
+      <v-tab
+        v-for="(item, index) in spec.buttons"
+        :key="index"
+        height="100%"
+        :href="$href(item)"
+        @click="$onClick($event, item)"
+      >
+        <v-badge
+          :color="item.badgeColor || 'red'"
+          :content="item.badgeContent"
+          :value="item.badgeContent || false"
+        >
+          <common-icon v-if="item.icon" :spec="item.icon" />
+          <span :style="{ color: spec.color }">{{ item.text }}</span>
+        </v-badge>
+      </v-tab>
+    </v-tabs>
+    <v-divider />
+  </div>
+</template>
+
+<script>
+export default {
+  props: {
+    spec: { type: Object, required: true }
+  },
+  data() {
+    return {
+      tab: null,
+      buttons: null
+    };
+  },
+  methods: {
+    $ready() {
+      this.buttons = this.spec.tabButtons || this.spec.buttons;
+      for (const [index, button] of this.buttons.entries()) {
+        if (button.disabled) {
+          this.tab = this.$href(button);
+        }
+      }
+    }
+  }
+};
+</script>
+<style scoped>
+.full-width-divider .v-divider {
+  position: absolute;
+  left: 0;
+  width: 100%;
+}
+.no-divider .v-divider {
+  display: none;
+}
+.v-badge {
+  top: 50%;
+  transform: translate(0, -50%);
+}
+</style>

package/extensions/string.js

@@ -1,21 +1,21 @@
-// https://stackoverflow.com/questions/7616461/generate-a-hash-from-string-in-javascript
-String.prototype.hashCode = function() {
-  var hash = 0,
-    i,
-    chr;
-  if (this.length === 0) return hash;
-  for (i = 0; i < this.length; i++) {
-    chr = this.charCodeAt(i);
-    hash = (hash << 5) - hash + chr;
-    hash |= 0; // Convert to 32bit integer
-  }
-  return hash;
-};
-
-String.prototype.contains = function(substr) {
-  return this.indexOf(substr) > -1;
-};
-
-String.prototype.presence = function() {
-  return this.length > 0 ? this.toString() : null;
-};
+// https://stackoverflow.com/questions/7616461/generate-a-hash-from-string-in-javascript
+String.prototype.hashCode = function() {
+  var hash = 0,
+    i,
+    chr;
+  if (this.length === 0) return hash;
+  for (i = 0; i < this.length; i++) {
+    chr = this.charCodeAt(i);
+    hash = (hash << 5) - hash + chr;
+    hash |= 0; // Convert to 32bit integer
+  }
+  return hash;
+};
+
+String.prototype.contains = function(substr) {
+  return this.indexOf(substr) > -1;
+};
+
+String.prototype.presence = function() {
+  return this.length > 0 ? this.toString() : null;
+};