@cloudron/pankow 3.5.3 → 3.5.4

package/package.json

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

package/types/utils.d.ts

@@ -12,6 +12,7 @@ declare namespace _default {
     export { prettyLongDate };
     export { prettyFileSize };
     export { prettyEmailAddresses };
+    export { prettyDuration };
     export { sanitize };
     export { pathJoin };
     export { download };
@@ -39,6 +40,7 @@ export function formatDate(format: any, value: any): any;
 export function prettyLongDate(value: any): string;
 export function prettyFileSize(value: any): string;
 export function prettyEmailAddresses(addresses: any): any;
+export function prettyDuration(ms: any): any;
 export function sanitize(path: any): any;
 export function pathJoin(...args: any[]): any;
 export function download(entries: any, name: any): void;

package/utils.js

@@ -183,6 +183,17 @@ function prettyEmailAddresses(addresses) {
     return addresses.slice(1, -1);
 }
 
+function prettyDuration(ms) {
+  const totalSeconds = Math.floor(ms / 1000);
+  const days = Math.floor(totalSeconds / 86400);
+  const hours = Math.floor((totalSeconds % 86400) / 3600);
+  const minutes = Math.floor((totalSeconds % 3600) / 60);
+  const seconds = totalSeconds % 60;
+
+  const df = new Intl.DurationFormat(undefined, { style: 'narrow' });
+  return df.format({ days, hours, minutes, seconds });
+}
+
 function sanitize(path) {
     path = '/' + path;
     return path.replace(/\/+/g, '/');
@@ -432,6 +443,7 @@ export {
     prettyLongDate,
     prettyFileSize,
     prettyEmailAddresses,
+    prettyDuration,
     sanitize,
     pathJoin,
     download,
@@ -460,6 +472,7 @@ export default {
     prettyLongDate,
     prettyFileSize,
     prettyEmailAddresses,
+    prettyDuration,
     sanitize,
     pathJoin,
     download,

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>