style: fixed lint issues

core/client/components/KTab.vue

@@ -1,7 +1,7 @@
 <template>
   <div v-if="hasTabs" class="fit column">
     <!-- Tabs -->
-    <q-tabs 
+    <q-tabs
       v-model="current"
       :no-caps="noCaps"
       outside-arrows
@@ -92,4 +92,4 @@ function getLabel (index) {
 function onTriggered (params) {
   emit('triggered', params)
 }
-</script>
+</script>

core/client/components/action/KToggleFullscreenAction.vue

@@ -22,4 +22,4 @@ const actionRef = ref(null)
 watch(Fullscreen, () => {
   if (actionRef.value.isToggled !== Fullscreen.value) actionRef.value.toggle()
 })
-</script>
+</script>

core/client/components/collection/KCollection.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="column no-wrap">
-    <!-- 
-      Header 
+    <!--
+      Header
     -->
     <div class="q-pr-xs q-pb-xs">
       <slot name="header">
-        <KPanel 
+        <KPanel
           :content="header"
           :class="headerClass"
          />
@@ -40,15 +40,15 @@
           </div>
           <template v-slot:loading>
             <div class="text-center q-my-md">
-              <q-spinner-dots 
-                color="primary" 
-                size="40px" 
+              <q-spinner-dots
+                color="primary"
+                size="40px"
               />
             </div>
           </template>
         </q-infinite-scroll>
       </div>
-      <!-- Paginated mode -->    
+      <!-- Paginated mode -->
       <div v-else class="fit row">
         <template v-for="item in items" :key="item._id">
           <div :class="rendererClass">
@@ -73,28 +73,28 @@
         </div>
       </div>
     </div>
-    <!-- Empty slot -->    
+    <!-- Empty slot -->
     <div v-else>
       <slot name="empty">
         <div class="row justify-center">
-          <KStamp 
-            icon="las la-exclamation-circle" 
-            icon-size="1.6rem" 
+          <KStamp
+            icon="las la-exclamation-circle"
+            icon-size="1.6rem"
             :text="$t('KCollection.EMPTY_LABEL')"
-            direction="horizontal" 
+            direction="horizontal"
             class="q-pa-md"
           />
         </div>
       </slot>
     </div>
-    <!-- 
+    <!--
       Footer
     -->
     <div>
       <slot name="footer">
         <q-separator inset v-if="footer"/>
-        <KPanel 
-          :content="footer" 
+        <KPanel
+          :content="footer"
           :class="footerClass"
         />
       </slot>
@@ -199,9 +199,9 @@ function onItemSelected (item, section) {
 }
 function onCollectionRefreshed () {
   emit('collection-refreshed', items.value)
-  // call done callback if needed  
+  // call done callback if needed
   if (doneFunction) {
-    doneFunction(items.value.length === nbTotalItems.value ? true : false)
+    doneFunction(items.value.length === nbTotalItems.value)
     doneFunction = null
   }
 }

core/client/components/collection/KTimeLine.vue

@@ -1,11 +1,11 @@
 <template>
   <div class="column no-wrap">
-    <!-- 
-      Header 
+    <!--
+      Header
     -->
     <div class="q-pr-xs q-pb-xs">
       <slot name="header">
-        <KPanel 
+        <KPanel
           :content="header"
           :class="headerClass"
          />
@@ -14,19 +14,19 @@
     <div v-if="items.length > 0" class="scroll">
       <!--
         Content
-      --> 
-      <q-timeline 
+      -->
+      <q-timeline
         color="primary"
         :layout="layout"
       >
-        <q-infinite-scroll 
-          @load="onLoad" 
+        <q-infinite-scroll
+          @load="onLoad"
           :initial-index="1"
-          :offset="100" 
+          :offset="100"
         >
           <template v-for="item in items" :key="item._id">
             <!-- Heading entry if any -->
-            <q-timeline-entry 
+            <q-timeline-entry
               v-if="getHeading(item)"
               :heading="true"
             >
@@ -35,7 +35,7 @@
               </div>
             </q-timeline-entry>
             <!-- Item entry -->
-            <q-timeline-entry 
+            <q-timeline-entry
               :color="getColor(item)"
             >
               <template v-slot:title>
@@ -65,43 +65,43 @@
                   :item="item"
                   :contextId="contextId"
                   :is="itemRenderer"
-                  v-bind="renderer" 
+                  v-bind="renderer"
                 />
               </div>
             </q-timeline-entry>
           </template>
           <template v-slot:loading>
             <div class="text-center q-my-md">
-              <q-spinner-dots 
-                color="primary" 
-                size="40px" 
+              <q-spinner-dots
+                color="primary"
+                size="40px"
               />
             </div>
           </template>
         </q-infinite-scroll>
       </q-timeline>
     </div>
-    <!-- Empty slot -->    
+    <!-- Empty slot -->
     <div v-else>
       <slot name="empty">
         <div class="row justify-center">
-          <KStamp 
-            icon="las la-exclamation-circle" 
-            icon-size="1.6rem" 
-            :text="$t('KTimeLine.EMPTY_LABEL')" 
-            direction="horizontal" 
+          <KStamp
+            icon="las la-exclamation-circle"
+            icon-size="1.6rem"
+            :text="$t('KTimeLine.EMPTY_LABEL')"
+            direction="horizontal"
           />
         </div>
       </slot>
     </div>
-    <!-- 
+    <!--
       Footer
     -->
     <div>
       <slot name="footer">
         <q-separator inset v-if="footer"/>
-        <KPanel 
-          :content="footer" 
+        <KPanel
+          :content="footer"
           :class="footerClass"
         />
       </slot>
@@ -132,7 +132,7 @@ const props = defineProps({
   },
   baseQuery: {
     type: Object,
-    default: () => {  return { $sort: { createdAt: -1 } } }
+    default: () => { return { $sort: { createdAt: -1 } } }
   },
   filterQuery: {
     type: Object,
@@ -163,7 +163,7 @@ const props = defineProps({
   },
   schema: {
     type: Object,
-    default: () => { 
+    default: () => {
       return {
         colorField: 'color',
         titleField: 'name',
@@ -249,9 +249,9 @@ function onCollectionRefreshed () {
   _.forEach(items.value, (item, index) => {
     item.previous = index > 0 ? items.value[index - 1] : null
   })
-  // call done callback if needed  
+  // call done callback if needed
   if (doneFunction) {
-    doneFunction(items.value.length === nbTotalItems.value ? true : false)
+    doneFunction(items.value.length === nbTotalItems.value)
     doneFunction = null
   }
 }
@@ -283,4 +283,4 @@ onBeforeUnmount(() => {
 .q-timeline__content {
   padding-bottom: 16px;
 }
-</style>
+</style>

core/client/components/document/KImage.vue

@@ -31,7 +31,7 @@ const props = defineProps({
   },
   options: {
     type: Object,
-    default: () => { 
+    default: () => {
       return {
         interactive: true
       }

core/client/components/document/KPdf.vue

@@ -49,13 +49,13 @@ watch(() => props.url, async (value) => {
     const blob = await response.blob()
     const reader = new FileReader()
     reader.onloadend = () => {
-      viewer = new Viewer({ 
-        domContainer: domViewer, 
-        template: { 
-          basePdf: reader.result, 
+      viewer = new Viewer({
+        domContainer: domViewer,
+        template: {
+          basePdf: reader.result,
           schemas: _.get(props.options, 'schemas', defaultSchemas)
         },
-        inputs: _.get(props.options, 'inputs', defaultInputs) 
+        inputs: _.get(props.options, 'inputs', defaultInputs)
       })
     }
     reader.readAsDataURL(blob)

core/client/components/layout/KPage.vue

@@ -139,9 +139,6 @@ defineProps({
   }
 })
 
-// Emit
-const emit = defineEmits(['content-resized'])
-
 // Data
 const $q = useQuasar()
 const { Layout } = useLayout()
@@ -158,7 +155,7 @@ const layoutOffset = ref(0)
 
 // Computed
 const contentStyleFunction = computed(() => {
-  const layoutPadding = $q.screen.xs ? 16: $q.screen.lt.xl ? 32 : 48
+  const layoutPadding = $q.screen.xs ? 16 : $q.screen.lt.xl ? 32 : 48
   const widthOffset = layoutPadding
   const heightOffset = layoutOffset.value + layoutPadding
   return {

core/client/components/layout/KWindow.vue

@@ -295,7 +295,6 @@ function refresh (newState, oldState) {
 }
 function setPinnedGeometry () {
   const size = computeResponsiveSize(currentWindow.sizePolicy.pinned)
-  console.log(size)
   let x, y
   if (props.placement === 'top' || props.placement === 'bottom') {
     x = $q.screen.width / 2 - size[0] / 2
@@ -386,9 +385,9 @@ const onResized = _.throttle((event) => {
   }
 }, 5)
 const onScreenResized = _.throttle(() => {
-    if (currentWindow.state === 'pinned') setPinnedGeometry()
-    else if (currentWindow.state === 'maximized') setMaximizedGeometry()
-    else updateGeometry(currentWindow.position, currentWindow.size, true)
+  if (currentWindow.state === 'pinned') setPinnedGeometry()
+  else if (currentWindow.state === 'maximized') setMaximizedGeometry()
+  else updateGeometry(currentWindow.position, currentWindow.size, true)
 }, 50)
 function onHeaderResized (size) {
   headerHeight.value = size.height

core/client/components/time/KAbsoluteTimeRange.vue

@@ -1,8 +1,8 @@
 <template>
   <KDateTimeRange
-    v-model="dateTimeRangeModel" 
+    v-model="dateTimeRangeModel"
     :options="dateTimeRangeOptions"
-    :min="props.min" 
+    :min="props.min"
     :max="props.max"
     :dense="props.dense"
     :disabled="props.disabled"
@@ -68,7 +68,7 @@ watch(dateTimeRangeModel, (newDateTimeRange, oldDateTimeRange) => {
 function onTimeRangeUpdated () {
   const { start, end } = Time.getRange()
   dateTimeRangeModel.value = {
-    start: start.toISOString(), 
+    start: start.toISOString(),
     end: end.toISOString()
   }
 }
@@ -80,4 +80,4 @@ onMounted(() => {
 onBeforeUnmount(() => {
   Events.off('time-range-changed', onTimeRangeUpdated)
 })
-</script>
+</script>

core/client/document.js

@@ -19,7 +19,7 @@ export const Document = {
         png: 'document/KImage'
       },
       htmlSanitizer: {
-        allowedTags: sanitize.defaults.allowedTags.concat([ 'img' ])
+        allowedTags: sanitize.defaults.allowedTags.concat(['img'])
       },
       mdConverter: {}
     })

core/client/units.js

@@ -217,7 +217,7 @@ export const Units = {
     // Set the units object within the store
     Store.set('units', _.defaultsDeep(config.units || {},
       quantities,
-      { 
+      {
         default: {
           length: 'm',
           altitude: 'm',
@@ -230,8 +230,8 @@ export const Units = {
           equivalentDoseRate: 'usvh',
           notation: 'auto',
           precision: 3
-        },
-      }         
+        }
+      }
     ))
     // Create units not defined by default in mathjs
     this.getQuantities().forEach(quantity => {

map/client/components/catalog/KCategoryItem.vue

@@ -51,8 +51,8 @@ const headerClass = computed(() => {
 const icon = computed(() => {
   _.get(props.category, 'icon.name', _.get(props.category, 'icon'))
 })
-const defaultOpened = computed (() => {
-  let states = LocalStorage.get(localStorageKey)
+const defaultOpened = computed(() => {
+  const states = LocalStorage.get(localStorageKey)
   if (states && _.has(states, getId())) return states[getId()]
   // if category explicitly specify default opened state, use that
   if (_.has(props.category, 'options.open')) return props.category.options.open
@@ -67,8 +67,8 @@ function getId () {
   return _.kebabCase(_.replace(props.category.name, 'Categories.', ''))
 }
 function onToggled (value) {
-  let states = LocalStorage.get(localStorageKey, {})
+  const states = LocalStorage.get(localStorageKey, {})
   states[getId()] = value
   LocalStorage.set(localStorageKey, states)
 }
-</script>
+</script>