@cloudron/pankow 3.2.20 → 3.2.22

package/components/Checkbox.vue

@@ -5,7 +5,8 @@ import { uuidv4 } from '../utils.js';
 const props = defineProps({
   label: String,
   id: String,
-  disabled: null
+  disabled: null,
+  helpUrl: String
 });
 
 const model = defineModel({ type: Boolean });
@@ -18,7 +19,10 @@ const internalId = uuidv4();
   <span class="pankow-checkbox">
     <input :id="id || internalId" class="pankow-checkbox-input" type="checkbox" v-model="model" :disabled="disabled"/>
     <slot>
-      <label :for="id || internalId" class="pankow-checkbox-input-label">{{ label }}</label>
+      <label :for="id || internalId" class="pankow-checkbox-input-label">
+        {{ label }}
+        <sup v-if="helpUrl"><a :href="helpUrl" target="_blank"><i class="fa fa-question-circle"></i></a></sup>
+      </label>
     </slot>
   </span>
 </template>

package/components/Dialog.vue

@@ -35,10 +35,6 @@ const props = defineProps({
     type: Boolean,
     default: true
   },
-  rejectBusy: {
-    type: Boolean,
-    default: false
-  },
   rejectActive: {
     type: Boolean,
     default: true
@@ -120,7 +116,7 @@ defineExpose({ open, close });
           <div class="pankow-dialog-buttons" v-if="rejectLabel || confirmLabel || alternateLabel">
             <Button :[alternateStyle]="!!alternateStyle" @click="onAlternateAction" v-show="alternateLabel" :loading="alternateBusy" :disabled="alternateBusy || !alternateActive">{{ alternateLabel }}</Button>
             <div style="flex-grow: 1;"></div>
-            <Button :[rejectStyle]="!!rejectStyle" @click="onReject" v-show="rejectLabel">{{ rejectLabel }}</Button>
+            <Button :[rejectStyle]="!!rejectStyle" @click="onReject" v-show="rejectLabel" :disabled="!rejectActive">{{ rejectLabel }}</Button>
             <Button :[confirmStyle]="!!confirmStyle" @click="onConfirm" v-show="confirmLabel" :loading="confirmBusy" :disabled="confirmBusy || !confirmActive">{{ confirmLabel }}</Button>
           </div>
         </div>
@@ -139,7 +135,6 @@ defineExpose({ open, close });
   top: 0px;
   z-index: 2001;
   background-color: var(--pankow-dialog-backdrop-color);
-  backdrop-filter: blur(2px);
 }
 
 .pankow-dialog {

package/components/Menu.vue

@@ -287,7 +287,7 @@ defineExpose({
     <div class="pankow-menu-backdrop" @click="onBackdrop($event)" @contextmenu="onBackdrop($event)" v-show="isOpen"></div>
     <Transition :name="rollUp ? 'pankow-roll-up' : 'pankow-roll-down'">
       <div class="pankow-menu" v-show="isOpen" ref="container" tabindex="0" @keydown.up.stop="selectUp()" @keydown.down.stop="selectDown()" @keydown.esc.stop="close()" @keydown="onKeyDown">
-        <TextInput placeholder="Filter ..." @keydown.up.stop="selectUp()" @keydown.down.stop="selectDown()" @keydown.stop @keydown.esc.stop="close()" @click.stop style="border: 0; padding: 8px 12px;" v-model="searchString" v-if="searchThreshold < model.length"/>
+        <TextInput placeholder="Filter ..." @keydown.up.stop="selectUp()" @keydown.down.stop="selectDown()" @keydown.stop @keydown.esc.stop="close()" @click.stop style="width: 100%; border: 0; padding: 8px 12px;" v-model="searchString" v-if="searchThreshold < model.length"/>
         <component v-for="item in visibleItems" ref="itemElements" :is="item.type || (item.href ? MenuItemLink : MenuItem)" @activated="onItemActivated(item)" :item="item" :has-icons="hasIcons" />
         <MenuItem v-if="model.length === 0" :item="emptyItem"/>
       </div>

package/components/Notification.vue

@@ -114,7 +114,6 @@ export default {
 .pankow-notification {
   display: inline-block;
   background-color: rgba(255,255,255,0.6);
-  backdrop-filter: blur(10px);
   opacity: 0.9;
   padding: 10px 15px;
   margin-top: 10px;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloudron/pankow",
   "private": false,
-  "version": "3.2.20",
+  "version": "3.2.22",
   "description": "",
   "main": "index.js",
   "types": "types/index.d.ts",

package/style.css

@@ -198,7 +198,6 @@ textarea:focus {
   position: absolute;
   border-radius: var(--pankow-border-radius);
   background-color: var(--pankow-tooltip-background-color);
-  backdrop-filter: blur(10px);
   color: var(--pankow-tooltip-text-color);
   padding: 4px 7px;
   font-size: 12px;

package/components/CircleChart.vue

@@ -1,40 +0,0 @@
-<script setup>
-
-import { computed } from 'vue';
-
-const props = defineProps({
-  values: Array,
-});
-
-// const normalizedValue = computed(() => {
-//   if (props.value < 0) return 0;
-//   if (props.value > 100) return 100;
-//   return props.value;
-// });
-
-// we want 100 to be the circumverence so we can neatly use percentage: radius = 100 / ( 3,14159 * 2 ) = 15,9155
-const radius = 15.9155;
-const stroke = 10;
-
-function calculateViewbox() {
-  return `0 0 ${radius*2+stroke} ${radius*2+stroke}`;
-}
-
-function calculateArcPath() {
-  return `M${radius+stroke/2} ${stroke/2} a ${radius} ${radius} 0 0 1 0 ${radius*2} a ${radius} ${radius} 0 0 1 0 -${radius*2}`;
-}
-
-</script>
-
-<template>
-  <div class="pankow-circle-chart">
-    <svg :viewBox="calculateViewbox()" xmlns="http://www.w3.org/2000/svg">
-      <path :d="calculateArcPath()" fill="none" stroke="red" :stroke-width="stroke" stroke-dasharray="75, 100" @click.stop="onClick('red')" />
-      <path :d="calculateArcPath()" fill="none" stroke="green" :stroke-width="stroke" stroke-dasharray="30, 100" @click.stop="onClick('green') "/>
-    </svg>
-  </div>
-</template>
-
-<style>
-
-</style>