@simitgroup/simpleapp-generator 1.3.1-alpha → 1.3.2-alpha

package/templates/nuxt/assets/css/listview.css._eta

@@ -0,0 +1,17 @@
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
+ .listview-item  a {
+    @apply block
+}
+/* :hover.listview-item  a  */
+.listview-item:active  a{
+    @apply dark:bg-primary-950 bg-primary-300
+}
+
+.listview-item  a.router-link-exact-active{
+    @apply   dark:bg-gray-700 bg-primary-200
+}

package/templates/nuxt/assets/css/style.css._eta

@@ -1,3 +1,9 @@
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
 
 [disabled] ,[readonly]{
     @apply bg-gray-300 dark:bg-gray-600
@@ -32,10 +38,6 @@ body {
  @apply text-black hover:text-secondary-200  dark:hover:text-primary-400 
 }
 
-.router-link-exact-active{
-    @apply  text-primary-100  dark:text-primary-600  block
-}
-
 .invisible{
     display: none;
 }

package/templates/nuxt/assets/css/tailwind.css._eta

@@ -1,3 +1,9 @@
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
 /* tailwind.css */
 @layer tailwind-base {
     @tailwind base;

package/templates/nuxt/assets/primevue/passthrough.ts._eta

@@ -1,7 +1,12 @@
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
 import { usePassThrough } from "primevue/passthrough";
 import Tailwind from "primevue/passthrough/tailwind";
 
-
 const CustomTailwind = usePassThrough(
     Tailwind,
     {        
@@ -45,7 +50,7 @@ const CustomTailwind = usePassThrough(
         },
         button:{root:{class: 'focus:outline-none transition duration-150 ease-in-out rounded p-2 m-1 border dark:border-gray-600'}},
         dialog:{
-            root:{class:[' w-full max-h-full max-w-full md:h-3/4 lg:h-1/2 p-2']},
+            root:{class:[' w-full max-h-full max-w-full md:h-3/4 lg:h-1/2 border m-2 rounded-lg']},
             header:{class: 'p-dialog-header flex items-center  text-2xl justify-between shrink-0 bg-white text-gray-800 border-t-0  rounded-tl-lg rounded-tr-lg p-6 dark:bg-gray-900  dark:text-white/80'},
             content:{class:'p-dialog-content overflow-y-auto bg-white text-gray-700 px-6 pb-8 pt-0 dark:bg-gray-900  dark:text-white/80 rounded-bl-lg rounded-br-lg h-full'}
         },        
@@ -73,12 +78,12 @@ const CustomTailwind = usePassThrough(
             header:{class:'dark:text-white text-2xl p-2'},
             content:{class:'p-0 pt-0 h-full w-full grow overflow-y-auto'}
         },        
-        panel: {
-            root:{class:['border']},
-            title: {class: ['leading-none font-light text-2xl']},
-            header:{class:['bg bg-gray-200 h-10 content-middle']},
-            content:{class:['']}
-        },
+        // panel: {
+            // root:{class:['p-0']},
+        //     title: {class: ['leading-none font-light text-2xl']},
+            // header:{style:'padding: 0.7rem;'},
+        //     content:{class:[' dark:bg-gray-600']}
+        // },
         breadcrumb:{
             root:{class:''}
         },

package/templates/nuxt/components/button/ButtonDanger.vue._eta

@@ -1,6 +1,18 @@
 <template>
-    <!-- this component allow modify -->
-    <Button class="btn-danger">
-        <slot></slot>
-    </Button>
+  <Button class="btn-danger"
+  @touchcancel="onActivate" @click="onActivate">
+    <slot></slot>
+  </Button>
 </template>
+<script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
+const emits = defineEmits(['click'])
+const onActivate=(e:Event)=>{
+  emits('click',e)
+}
+</script>

package/templates/nuxt/components/button/ButtonDefault.vue._eta

@@ -1,5 +1,18 @@
 <template>
-    <Button class="dark:text-white">
-        <slot></slot>
-    </Button>
-</template>
+  <Button class="dark:text-white"
+  @touchcancel="onActivate" @click="onActivate">
+    <slot></slot>
+  </Button>
+</template>
+<script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
+const emits = defineEmits(['click'])
+const onActivate=(e:Event)=>{
+  emits('click',e)
+}
+</script>

package/templates/nuxt/components/button/ButtonMultiple.vue._eta

@@ -1,14 +1,20 @@
 <template>
   <div v-for="o in options">
-    <ButtonPrimary v-if="value == o.value" @click="switchButton(o.value)">{{
+    <ButtonPrimary v-if="value == o.value" @touchend="switchButton(o.value)" @click="switchButton(o.value)">{{
       o.label
     }}</ButtonPrimary>
-    <ButtonDefault v-else @click="switchButton(o.value)">{{
+    <ButtonDefault v-else @touchend="switchButton(o.value)" @click="switchButton(o.value)">{{
       o.label
     }}</ButtonDefault>
   </div>
 </template>
 <script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
 type keyvalue = { label: string; value: string };
 const emits = defineEmits(["switch"]);
 const props = defineProps<{

package/templates/nuxt/components/button/ButtonPrimary.vue._eta

@@ -1,6 +1,18 @@
 <template>
-    <!-- this component allow modify -->
-    <Button class="btn-primary">
-        <slot></slot>
-    </Button>
-</template>
+  <Button class="btn-primary"
+  @touchcancel="onActivate" @click="onActivate">
+    <slot></slot>
+  </Button>
+</template>
+<script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
+const emits = defineEmits(['click'])
+const onActivate=(e:Event)=>{
+  emits('click',e)
+}
+</script>

package/templates/nuxt/components/button/ButtonText.vue._eta

@@ -0,0 +1,21 @@
+<template>
+  <Button
+  @touchcancel="onActivate" @click="onActivate"
+    class="border-none dark:text-white active:text-primary-600 click:bg-gray-600"
+  >
+    <slot></slot>
+  </Button>
+</template>
+<script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
+const emits = defineEmits(['click'])
+
+const onActivate=(e:Event)=>{
+  emits('click',e)
+}
+</script>

package/templates/nuxt/components/button/ButtonWarning.vue._eta

@@ -1,6 +1,18 @@
 <template>
-    <!-- this component allow modify -->
-    <Button class="btn-warn">
-        <slot></slot>
-    </Button>
-</template>
+  <Button class="btn-warn"
+  @touchcancel="onActivate" @click="onActivate">
+    <slot></slot>
+  </Button>
+</template>
+<script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
+const emits = defineEmits(['click'])
+const onActivate=(e:Event)=>{
+  emits('click',e)
+}
+</script>

package/templates/nuxt/components/calendar/CalendarByResource.vue.eta

@@ -1,6 +1,5 @@
 <template> 
-    <VueCal
-        
+    <VueCal        
         :id="id"
         ref="vueresourcecal"
         :disable-views="['years', 'year', 'month', 'week']"
@@ -65,7 +64,12 @@
     </VueCal>
 </template>
 <script setup lang="ts" generic="T">
-
+/**
+ * This file was automatically generated by simpleapp generator during initialization. 
+ * IT IS NOT CHANGABLE
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
 
 import "vue-cal/dist/vuecal.css";
 import VueCal, { Event, SplitDaysAttributes } from "vue-cal";

package/templates/nuxt/components/calendar/CalendarSmall.vue.eta

@@ -39,6 +39,12 @@
     </vue-cal>    
 </template>
 <script lang="ts" setup generic="T">
+/**
+ * This file was automatically generated by simpleapp generator during initialization. 
+ * IT IS NOT CHANGABLE
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
 import VueCal, { Event, SplitDaysAttributes } from "vue-cal";
 import { CalEventType,CalRightClickEvent,OffDay } from '~/types'
 

package/templates/nuxt/components/debug/DebugDocumentData.vue.eta

@@ -20,9 +20,9 @@
 
 <script setup lang="ts">
 /**
- * This file was automatically generated by simpleapp generator during initialization.
- * DO NOT MODIFY IT BY HAND.
- * last change 2023-09-09
+ * This file was automatically generated by simpleapp generator during initialization. 
+ * IT IS NOT CHANGABLE
+ * last change 2024-02-22
  * author: Ks Tan
  */
 // import Panel from 'primevue/panel';

package/templates/nuxt/components/event/EventDecision.vue._eta

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 /**
- * This file was automatically generated by simpleapp generator during initialization.
- * IT WONT OVERRIDE AND YOU CAN MODIFY IT.
- * last change 2023-09-09
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
  * author: Ks Tan
  */
 import {Notification, EventType} from '~/types'

package/templates/nuxt/components/event/EventDocumentViewer.vue._eta

@@ -34,9 +34,9 @@
 </template>
 <script setup lang="ts">
 /**
- * This file was automatically generated by simpleapp generator during initialization.
- * IT WONT OVERRIDE AND YOU CAN MODIFY IT.
- * last change 2024-01-27
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
  * author: Ks Tan
  */
 import { onKeyStroke } from "@vueuse/core";

package/templates/nuxt/components/event/EventNotification.vue._eta

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 /**
- * This file was automatically generated by simpleapp generator during initialization.
- * IT WONT OVERRIDE AND YOU CAN MODIFY IT.
- * last change 2023-09-09
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
  * author: Ks Tan
  */
 import {Notification, NotificationStatus} from '~/types'

package/templates/nuxt/components/form/FormBranch.vue.eta

@@ -41,9 +41,10 @@
 
 <script setup lang="ts">
 /**
- * This file was automatically generated by simpleapp generator.
- * last change 2024-02-16
- * Author: Ks Tan
+ * This file was automatically generated by simpleapp generator during initialization. 
+ * IT IS NOT CHANGABLE
+ * last change 2024-02-22
+ * author: Ks Tan
  */
 import { SimpleAppInputType, FormCrudEvent } from "~/types";
 import { Branch } from "~/simpleapp/generate/types";

package/templates/nuxt/components/header/HeaderBar.vue._eta

@@ -41,8 +41,14 @@
     
     <!-- </header> -->
 </template>
-
 <script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
+ 
 import _ from 'lodash'
 //import ButtonMenuPicker from "./ButtonMenuPicker.vue"
 

package/templates/nuxt/components/header/HeaderBreadcrumb.vue.eta

@@ -1,4 +1,10 @@
 <script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import OverlayPanel from 'primevue/overlaypanel';
 const op = ref()
 

package/templates/nuxt/components/header/HeaderSelectBranch.vue.eta

@@ -1,4 +1,10 @@
 <script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import _ from 'lodash'
 import {ref} from 'vue'
 

package/templates/nuxt/components/header/button/HeaderButtonHome.vue.eta

@@ -9,7 +9,12 @@
     </button>
 </template>
 <script setup lang="ts">
-
+/**
+ * This file was automatically generated by simpleapp generator during initialization. 
+ * It is NOT CHANGABLE.
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
 const goHome = () =>{
     
     if(getCurrentXorg()){

package/templates/nuxt/components/header/button/HeaderButtonLogout.vue.eta

@@ -6,4 +6,12 @@
         <span>logout</span>
 
     </button>
-</template>
+</template>
+<script lang="ts" setup>
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
+</script>

package/templates/nuxt/components/header/button/HeaderButtonMenuPicker.vue._eta

@@ -1,4 +1,11 @@
 <script lang="ts" setup>
+/**
+ * This file was automatically generated by simpleapp generator during initialization. It is changable.
+ * --remove-this-line-to-prevent-override--
+ * last change 2024-02-22
+ * author: Ks Tan
+ */
+ 
 import Dialog from 'primevue/dialog';
 // import {ref} from 'vue'
 import {MenuData} from '~/types'

package/templates/nuxt/components/header/button/HeaderButtonProfile.vue.eta

@@ -1,4 +1,10 @@
 <script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import Avatar from 'primevue/avatar';
 import Dropdown from 'primevue/dropdown';
 import OverlayPanel from 'primevue/overlaypanel';

package/templates/nuxt/components/header/button/task/HeaderButtonTaskItem.vue.eta

@@ -12,6 +12,13 @@
    </div> 
 </template>
 <script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
+
 defineEmits(['click'])
 const props = defineProps<{
     task:any

package/templates/nuxt/components/header/button/task/HeaderButtonTaskList.vue.eta

@@ -36,6 +36,12 @@
     </button>
 </template>
 <script setup lang="ts">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import {UserTaskType,NotificationStatus} from '~/types'
 import { useDialog } from 'primevue/usedialog';
 import * as forms from '~/simpleapp/workflows/forms'

package/templates/nuxt/components/list/ListDocument.vue.eta

@@ -15,6 +15,12 @@
   </ListView>
 </template>
 <script setup lang="ts" generic="T extends { [key: string]: any }">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import { SearchBody } from "~/types";
 const emits = defineEmits(["click"]);
 const props = defineProps<{

package/templates/nuxt/components/list/ListDocumentTable.vue.eta

@@ -53,6 +53,12 @@
   </DataTable>
 </template>
 <script setup lang="ts" generic="T">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 // import { CellSetting } from "~/types";
 import { FilterMatchMode } from "primevue/api";
 import DataTable from "primevue/datatable";

package/templates/nuxt/components/list/ListView.vue.eta

@@ -1,6 +1,6 @@
 <template>
-  <div class="relative  ">
-    <div v-if="withFilter" class="flex flex-row  ">
+  <div class="relative">
+    <div v-if="withFilter" class="flex flex-row">
       <InputText
         placeholder="search"
         v-model="searchvalue"
@@ -11,18 +11,34 @@
         ><i class="pi pi-plus"></i
       ></ButtonPrimary>
     </div>
-    <div v-if="showIndex" class="flex flex-col text-sm fixed  left-1 top-1/5 text-primary-600 dark:text-primary-400 p-1 z-10 rounded border bg-white dark:bg-black opacity-90">
-      <A :href="'#'+l" v-for="l in allLetters">{{ l }}</A>
+
+    <div
+      v-if="showIndex"
+      class="flex flex-col fixed left-1 top-1/5 gap-2  z-10 rounded border bg-white dark:bg-black opacity-90"
+    >
+      <NuxtLink
+        class="text-primary-600 dark:text-primary-400 text-lg p-2"
+        :url="'#' + l"
+        v-for="l in allLetters"
+        >{{ l }}</NuxtLink
+      >
     </div>
-    
-    <div  v-if="filterlist && filterlist.length > 0">
-      <div >
-        <div v-for="(item, index) in filterlist" :class="isMobile() ? '' : 'overflow overflow-y-scroll overflow-auto '">          
-          <div class="w-full bg-gray-400 dark:bg-gray-500 p-1 pl-2 top-0 sticky opacity-90" v-if="showIndex && titleField &&  showCategoryBar(item[titleField][0])">
-            <a :id="item[titleField][0]">{{ item[titleField][0] }}</a></div>
-          <div :class="getSelectedCSS(item)">
-            <NuxtLink :to="url ? `${url}/${item[idField]}` : undefined">
-              
+
+    <div v-if="filterlist && filterlist.length > 0">
+      <div>
+        <div v-for="(item, index) in filterlist">
+          <!-- :class="isMobile() ? '' : 'overflow overflow-y-scroll overflow-auto '" -->
+          <div :id="titleField && item[titleField][0]"></div>
+          <div
+            class="w-full bg-gray-400 dark:bg-gray-500 p-1 pl-2 top-0 sticky opacity-90"
+            v-if="
+              showIndex && titleField && showCategoryBar(item[titleField][0])
+            "
+          >
+            <span>{{ item[titleField][0] }}</span>
+          </div>
+          <div class=" border-l-none border-r-none listview-item border-t-2 dark:border-t-gray-700 hover:" >
+            <NuxtLink :to="url ? `${url}/${item[idField]}` : undefined" class="p-2">
               <slot name="default" :item="item" :index="index">
                 <div class="flex flex-row">
                   <div class="flex-1 mr-2 dark:text-white">
@@ -40,7 +56,7 @@
     </div>
     <div v-else>
       <div
-        class="w-full h-20 p-2 border-l-none border-r-none hover-list-primary"
+        class="w-full h-20 p-2 border-l-none border-r-none "
       >
         <slot name="nodata">
           <div class="border-round border-1 surface-border p-4 surface-card">
@@ -52,6 +68,12 @@
   </div>
 </template>
 <script setup lang="ts" generic="T extends { [key: string]: any }">
+/**
+ * This file was automatically generated by simpleapp generator. Every
+ * MODIFICATION OVERRIDE BY GENERATEOR
+ * last change 2023-10-28
+ * Author: Ks Tan
+ */
 import { ref } from "vue";
 import { ListItem } from "~/types/listview";
 const props = withDefaults(
@@ -63,14 +85,14 @@ const props = withDefaults(
     subTitleField?: string;
     withFilter?: boolean;
     withAddNew?: boolean;
-    showIndex?:boolean
+    showIndex?: boolean;
   }>(),
   {
     idField: "_id",
   },
 );
-const letters =ref<string[]> ([])
-let lastchar=''
+const letters = ref<string[]>([]);
+let lastchar = "";
 
 const emits = defineEmits(["add"]);
 const searchvalue = ref("");
@@ -99,39 +121,30 @@ const filterlist = computed(() => {
 
   return newlist;
 });
-const getSelectedCSS = (item: T) => {
-  if (selecteditem.value == item.code) {
-    return "p-2 border-l-none border-r-none bg-sky-200 border-t-2";
-  } else {
-    return "p-2 border-l-none border-r-none hover-list-primary border-t-2 dark:border-t-gray-700";
-  }
-};
 
 
-const allLetters = computed(()=>{
-  console.log('props.titleFieldprops.titleField',props.titleField,props.list)
-  if(props.titleField && props.list){
-
-    return props.list.filter((item)=>{
-      const titlevalue:string = item[props.titleField as keyof typeof item]
-      if(titlevalue[0]!=lastchar){
-        lastchar = item[props.titleField as keyof typeof item][0]
-        return true
-      }
-    }).map(item=>item[props.titleField  as keyof typeof item][0])
-    
-  }else{
-    return []
+const allLetters = computed(() => {
+  if (props.titleField && props.list) {
+    return props.list
+      .filter((item) => {
+        const titlevalue: string = item[props.titleField as keyof typeof item];
+        if (titlevalue[0] != lastchar) {
+          lastchar = item[props.titleField as keyof typeof item][0];
+          return true;
+        }
+      })
+      .map((item) => item[props.titleField as keyof typeof item][0]);
+  } else {
+    return [];
   }
+});
 
-})
-
-const showCategoryBar=(letter:string)=>{
-  if(lastchar!=letter){
-    lastchar=letter
-    return true
-  }else{
-    return false
+const showCategoryBar = (letter: string) => {
+  if (lastchar != letter && letter.length > 0) {
+    lastchar = letter;
+    return true;
+  } else {
+    return false;
   }
-}
+};
 </script>