@simitgroup/simpleapp-generator 1.0.32 → 1.0.35

package/templates/nuxt/components.crudsimple.vue.eta

@@ -1,124 +0,0 @@
-<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
- * author: Ks Tan
- */
-
-import { SimpleAppClient } from '@simitgroup//simpleapp-vue-component/src/SimpleAppClient';
-import SimpleAppForm from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppForm.vue';
-import SimpleAppDatatable from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppDatatable.vue';
-import Dialog from 'primevue/dialog';
-import axios from 'axios'
-import ProgressSpinner from 'primevue/progressspinner';
-import ConfirmPopup from 'primevue/confirmpopup';
-import { useConfirm } from "primevue/useconfirm";
-
-const confirm = useConfirm();
-const props = defineProps<{
-    document:SimpleAppClient<any,any>
-    listColumns:string[]
-    path:string
-    title:string
-}>()
-const visible = ref(false)
-const obj = props.document
-const data = obj.getReactiveData()
-const disabled=ref(false)
-const recordlist = ref();
-const router = useRouter()
-const route = useRoute()
-const filters = ref()
-defineShortcuts({
-  'ctrl_enter': () => newData()
-})
-const refresh = () => {
-  obj.list().then((res:any) => {    
-    recordlist.value = res;
-    disabled.value=false
-  });
-};
-const newData = () => {
-  router.push({ path: `${props.path}` })  
-  obj.setNew()    
-  visible.value=true;
-};
-
-const triggerEdit = (event: any) => {
-  let id = event.data._id.toString()
-  router.push({ path: `${props.path}/${id}` })  
-};
-const editRecord = (id:string) => {
-  obj.getById(id);
-  visible.value=true
-};
-
-const saveData = () => {
-  disabled.value=true
-  if (data.value._id == "") {
-    obj.create().then(()=>{visible.value=false}).finally(() => refresh());
-  } else {
-    obj.update().then(()=>visible.value=false).finally(() => refresh());
-  }
-};
-const deleteData = (event:Event) => {
-    
-    confirm.require({
-        target: event.currentTarget as HTMLElement,
-        message:'Delete?',
-        icon: 'pi pi-exclamation-triangle',
-        acceptClass: 'p-button-danger',
-        accept: ()=>{
-            disabled.value=true 
-            obj.delete(data.value._id ?? "").then(()=>visible.value=false).finally(() => {
-                refresh();    
-            });
-        },
-        reject: () => {
-            console.log("Cancel delete")
-        }
-    })  
-};
-
-if (route.params.id) {
-  const recordid:string = route.params.id.toString()
-  editRecord(recordid)  
-}
-
-refresh();
-</script>
- 
-<template>
-    <div class="simpleapp-crudsimple">    
-      <button class="bg-primary" @click="newData" v-tooltip="'Add new(ctrl+enter)'" >New</button>
-      <SimpleAppDatatable
-            @row-dblclick="triggerEdit"
-            v-model="recordlist"                                 
-            :setting="{}"
-            :columns="listColumns"
-          >         
-        </SimpleAppDatatable>
-
-      <DebugDocumentData v-model="data"/>
-    </div>
-
-    <Dialog v-model:visible="visible" modal header="Header" class="crudsimple-dialog" :autoZIndex="false" :style="{zIndex:100, width: '80vw' }">        
-        <SimpleAppForm :document="obj" :title="title" #default="o">     
-          <div class="simpleapp-tool-bar"   >
-            <button class="bg-default" :disabled="disabled" @click="newData" type="button">New</button>
-            <button class="bg-primary" :disabled="disabled" @click="saveData" type="submit">Save</button>
-            <button class="bg-danger" :disabled="disabled" @click="deleteData($event)" type="button">Delete</button>
-            <ProgressSpinner v-if="disabled==true" style="width: 2rem; height: 2rem" ></ProgressSpinner>
-            <ConfirmPopup></ConfirmPopup>
-          </div>
-        <slot :data="o.data" :getField="o.getField" name="default"></slot>
-      </SimpleAppForm>
-    </Dialog>
-</template>
-
-<style scoped>
-.crudsimple-dialog{
-    z-index: 100;
-}
-</style>

package/templates/nuxt/components.menus.vue.eta

@@ -1,35 +0,0 @@
-<script setup lang="ts">
-/**
- * This file was automatically generated by simpleapp generator during initialization.
- * You may modify it by hand
- * last change 2023-09-10
- * author: Ks Tan
- */
-
-// import MegaMenu from 'primevue/megamenu';
-// import Menubar from 'primevue/menubar';
-// const route = useRoute()
-// const menus = getMenus(route.params.xorg)
-const logout = async () => {
-        const { signOut } = useAuth();
-        const { data } = await <any>useFetch('/api/auth/logout');
-        const addPath = encodeURIComponent("/login");
-        signOut({ redirect: false });
-        window.location.href = data?.value?.path + addPath;
-    };
-</script>
-<template>
-    <!-- <header>       -->
-        <!-- <MegaMenu :model="getMenus()" orientation="horizontal" />               -->
-    <div class="bg-white border-b-2 border-b-gray-300  h-10 flex">
-        
-        <div class="flex-1">
-            <NuxtLink to="/"><i class="pi pi-home m-2"></i>Home</NuxtLink>     
-        </div>
-        <div class="flex-1"></div>
-            <button class="text-right" @click="logout()">
-            <i class="pi pi-sign-out "></i>logout
-        </button>
-    </div>
-    <!-- </header> -->
-</template>

package/templates/nuxt/env.eta

@@ -1,17 +0,0 @@
-PORT=<%=it.frontendPort%>
-
-SIMPLEAPP_BACKEND_URL=http://localhost:<%=it.backendPort%>
-
-APP_URL=http://localhost:<%=it.frontendPort%>
-
-DEBUGDATA=1
-
-OAUTH2_CONFIGURL=<%=it.keycloaksetting.OAUTH2_CONFIGURL%>
-
-OAUTH2_CLIENTID=<%=it.keycloaksetting.OAUTH2_CLIENTID%>
-
-OAUTH2_CLIENTSECRET=<%=it.keycloaksetting.OAUTH2_CLIENTSECRET%>
-
-AUTH_SECRET_KEY=<%=it.keycloaksetting.AUTH_SECRET_KEY%>
-
-AUTH_ORIGIN=http://localhost:<%=it.frontendPort%>

package/templates/nuxt/pages.[xorg].index.vue.eta

@@ -1,20 +0,0 @@
-<script lang="ts" setup>
-/**
- * This file was automatically generated by simpleapp generator during initialization.
- * You may modify it for your need
- * last change 2023-09-09
- * author: Ks Tan
- */
-const menus = getMenus();
-</script>
-<template>
-  <div>
-    
-
-    <div class="desktop-shortcut-link">
-      <div v-for="menu in menus[1].items" class="">
-        <NuxtLink :external="true" :to="menu.to">{{ menu.label }}</NuxtLink>
-      </div>
-    </div>
-  </div>
-</template>

package/templates/nuxt/pages.index.vue.eta

@@ -1,72 +0,0 @@
-<script lang="ts" setup>
-/**
- * This file was automatically generated by simpleapp generator during initialization.
- * You may modify it for your need
- * last change 2023-09-09
- * author: Ks Tan
- */
-import { ref, Ref } from "vue";
-import { TenantDoc } from "../simpleapp/simpleappdocs/TenantDoc";
-// import OrderList from 'primevue/orderlist';
-import Panel from "primevue/panel";
-
-const { $event, $listen } = useNuxtApp();
-const route = useRoute();
-const doc = new TenantDoc("", $event, $listen);
-type tenantDataType = {
-  tenantId: number;
-  tenantCode: string;
-  tenantName: string;
-  xorg: string;
-};
-const initialtenant: tenantDataType[] = [];
-const tenantlist = ref(initialtenant);
-
-doc
-  .getApi()
-  .getMyTenant()
-  .then((res: any) => {
-    for (let i = 0; i < res.data.length; i++) {
-      const x = res.data[i];
-      const tmp: tenantDataType = {
-        xorg: x.xOrg,
-        tenantId: x.tenantId,
-        tenantCode: x.tenantCode,
-        tenantName: x.tenantName,
-      };
-      tenantlist.value.push(tmp);
-    }
-    console.log(tenantlist.value);
-  });
-// const mytenant = doc.get
-</script>
-<template>
-  <div>
-    
-    <Panel header="Tenant List">
-      <div>
-        <NuxtLink
-          v-for="item in tenantlist"
-          :external="true"
-          :to="item.xorg"
-          class="tenant-link"
-        >
-          <div class="flex flex-wrap p-2 align-items-center gap-3">
-            <div class="flex-1 flex flex-column gap-2">
-              <span class="font-bold">{{ item.tenantName }}</span>
-              <div class="flex align-items-center gap-2">
-                <span>{{ item.xorg }}</span>
-              </div>
-            </div>
-            <span class="font-bold text-900">{{ item.tenantCode }}</span>
-          </div>
-        </NuxtLink>
-      </div>
-    </Panel>
-  </div>
-</template>
-<style scoped>
-.p-panel {
-  @apply m-2;
-}
-</style>

package/templates/nuxt/pages.login.vue.eta

@@ -1,20 +0,0 @@
-<template>
-    <NuxtPage />
-</template>
-<script setup lang="ts">
-definePageMeta({ 
-    name: 'Login',
-    auth: false,
-})
-
-// const route = useRoute();
-const { signIn } = useAuth()
-onMounted(async () => {
-    let callbackUrl = '/';
-    // if(route.params.redirect) {
-    //     callbackUrl = <string>route.params.redirect;
-    // }
-    await signIn('keycloak', { callbackUrl: callbackUrl })
-})
-
-</script>

package/templates/nuxt/plugins.simpleapp.ts.eta

@@ -1,88 +0,0 @@
-/**
- * This file was automatically generated by simpleapp generator during initialization.
- * DO NOT MODIFY IT BY HAND.
- * last change 2023-09-09
- * author: Ks Tan
- */
-import { defineNuxtPlugin } from "#app";
-import axios from 'axios'
-import PrimeVue from "primevue/config";
-import SimpleAppAutocomplete from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppAutocomplete.vue'
-import SimpleAppAutocompletemulti from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppAutocompletemulti.vue'
-import SimpleAppCalendar from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppCalendar.vue'
-import SimpleAppCheckbox from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppCheckbox.vue'
-import SimpleAppChip from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppChip.vue'
-import SimpleAppColor from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppColor.vue'
-// import SimpleAppEditor from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppEditor.vue'
-import SimpleAppForm from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppForm.vue'
-import SimpleAppList from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppList.vue'
-import SimpleAppListmulti from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppListmulti.vue'
-import SimpleAppNumber from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppNumber.vue'
-import SimpleAppPassword from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppPassword.vue'
-import SimpleAppRadio from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppRadio.vue'
-import SimpleAppRating from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppRating.vue'
-import SimpleAppSelect from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppSelect.vue'
-import SimpleAppSelectmulti from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppSelectmulti.vue'
-import SimpleAppSlider from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppSlider.vue'
-import SimpleAppSwitch from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppSwitch.vue'
-import SimpleAppText from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppText.vue'
-import SimpleAppTextarea from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppTextarea.vue'
-import SimpleAppValue from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppValue.vue'
-import SimpleFieldContainer from '@simitgroup/simpleapp-vue-component/src/components/SimpleFieldContainer.vue'
-import SimpleAppDatatable from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppDatatable.vue'
-import SimpleAppInputTable from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppInputTable.vue'
-import SimpleAppDynamicInput from '@simitgroup/simpleapp-vue-component/src/components/SimpleAppDynamicInput.vue'
-
-import mitt from 'mitt'
-import ToastService from 'primevue/toastservice';
-import ConfirmationService from 'primevue/confirmationservice';
-import Tooltip from 'primevue/tooltip';
-//import Quill from 'quill'
-const emitter = mitt()
-
-
-
-export default defineNuxtPlugin((nuxtApp) => {
-    //const { csrf } = useCsrf()    
-    //axios.defaults.headers.common = {"CSRF-TOKEN": csrf};
-    nuxtApp.vueApp.use(PrimeVue, { ripple: true });
-    nuxtApp.vueApp
-    .component("SimpleAppAutocomplete",SimpleAppAutocomplete)
-    .component("SimpleAppAutocompletemulti",SimpleAppAutocompletemulti)
-    .component("SimpleAppCalendar",SimpleAppCalendar)
-    .component("SimpleAppCheckbox",SimpleAppCheckbox)
-    .component("SimpleAppChip",SimpleAppChip)
-    .component("SimpleAppColor",SimpleAppColor)
-    // .component("SimpleAppEditor",SimpleAppEditor) // not suitable, will cause problem in ssr mode
-    .component("SimpleAppForm",SimpleAppForm)
-    .component("SimpleAppList",SimpleAppList)
-    .component("SimpleAppListmulti",SimpleAppListmulti)
-    .component("SimpleAppNumber",SimpleAppNumber)
-    .component("SimpleAppPassword",SimpleAppPassword)
-    .component("SimpleAppRadio",SimpleAppRadio)
-    .component("SimpleAppRating",SimpleAppRating)
-    .component("SimpleAppSelect",SimpleAppSelect)
-    .component("SimpleAppSelectmulti",SimpleAppSelectmulti)
-    .component("SimpleAppSlider",SimpleAppSlider)
-    .component("SimpleAppSwitch",SimpleAppSwitch)
-    .component("SimpleAppText",SimpleAppText)
-    .component("SimpleAppTextarea",SimpleAppTextarea)
-    .component("SimpleAppValue",SimpleAppValue)
-    .component("SimpleFieldContainer",SimpleFieldContainer)
-    .component("SimpleAppDatatable",SimpleAppDatatable)
-    .component("SimpleAppDynamicInput",SimpleAppDynamicInput)
-    .component("SimpleAppInputTable",SimpleAppInputTable)
-    
-    //.component("Quill",Quill)  // cause problem in ssr mode
-    .use(ToastService)
-    .use(ConfirmationService)
-    .directive('tooltip', Tooltip)
-    ;
-    return {
-        provide: {
-          event: emitter.emit, // Will emit an event
-          listen: emitter.on // Will register a listener for an event
-        }
-    }
-    //other components that you need
-});

package/templates/nuxt/server.api.auth[...].ts.eta

@@ -1,233 +0,0 @@
-import { NuxtAuthHandler } from "#auth";
-import KeycloakProvider from "next-auth/providers/keycloak";
-import type { JWT } from "next-auth/jwt";
-// import GithubProvider from "next-auth/providers/github";
-
-export default NuxtAuthHandler({
-    secret: process.env.AUTH_SECRET_KEY,
-    jwt: {
-        maxAge: 60 * 60 * 24 * 30,
-    },
-    providers: [
-        // GithubProvider.default({
-        //     clientId: process.env.GITHUB_ID ?? '',
-        //     clientSecret: process.env.GITHUB_SECRET ?? '',
-        // }),
-        // @ts-expect-error
-        KeycloakProvider.default({
-            clientId: process.env.OAUTH2_CLIENTID ?? "",
-            clientSecret: process.env.OAUTH2_CLIENTSECRET ?? "",
-            issuer: process.env.OAUTH2_CONFIGURL,
-            idToken: true,
-            scheme: "oauth2",
-            endpoints: {
-                authorization: `${process.env.OAUTH2_CONFIGURL}/protocol/openid-connect/auth`,
-                userInfo: `${process.env.OAUTH2_CONFIGURL}/protocol/openid-connect/userinfo`,
-                token: `${process.env.OAUTH2_CONFIGURL}/protocol/openid-connect/token`,
-                logout:
-                    `${process.env.OAUTH2_CONFIGURL}/protocol/openid-connect/logout?redirect_uri=` +
-                    encodeURIComponent(String(process.env.APP_URL)),
-            },
-            // accessTokenUrl: `${process.env.OAUTH2_CONFIGURL}/protocol/openid-connect/token`,
-            // requestTokenUrl: `${process.env.OAUTH2_CONFIGURL}/protocol/openid-connect/token`,
-            // profileUrl: `${process.env.OAUTH2_CONFIGURL}/protocol/openid-connect/userinfo`,
-            token: {
-                property: "access_token",
-                type: "Bearer",
-                name: "Authorization",
-                maxAge: 60 * 60 * 24,
-            },
-            refreshToken: {
-                property: "refresh_token",
-                maxAge: 60 * 60 * 24 * 30,
-            },
-            responseType: "code",
-            grantType: "authorization_code",
-            scope: ["openid", "profile", "email"],
-            codeChallengeMethod: "S256",
-            redirect: {
-                logout: "/",
-                callback: "/",
-                home: "/",
-            },
-        }),
-    ],
-    pages: {
-        signIn: "/login",
-    },
-    callbacks: {
-        // async redirect({ url, baseUrl }) {
-
-        //     console.log(url, baseUrl)
-        //     return baseUrl
-        // },
-        async jwt({ token, account }) {
-            // Persist the OAuth access_token to the token right after signin
-            if (account) {
-                token.accessToken = account.access_token;
-            }
-            return token;
-        },
-        async session({ session, token, user }) {
-            // console.log("session", session);
-            // Send properties to the client, like an access_token from a provider.
-            session.accessToken = <string>token.accessToken;
-            return session;
-        },
-
-        /*async jwt({ token, account, user }) {
-            // Persist the OAuth access_token to the token right after signin
-            console.log("token", token);
-            console.log("account", account);
-            console.log("user", user);
-
-            // Initial sign in
-            if (account && user) {
-                // Add access_token, refresh_token and expirations to the token right after signin
-                token.accessToken = account.accessToken;
-                token.refreshToken = account.refreshToken;
-                token.accessTokenExpired =
-                    Date.now() + (account.expires_in - 15) * 1000;
-                token.refreshTokenExpired =
-                    Date.now() + (account.refresh_expires_in - 15) * 1000;
-                token.user = user;
-                return token;
-            }
-
-            // Return previous token if the access token has not expired yet
-            if (Date.now() < token.accessTokenExpired) return token;
-
-            // Access token has expired, try to update it
-            return refreshAccessToken(token);
-
-            // if (account) {
-            //     // Save the access token and refresh token in the JWT on the initial login
-            //     token.accessToken = account.access_token;
-            //     return {
-            //         access_token: account.access_token,
-            //         expires_at: Math.floor(
-            //             Date.now() / 1000 + account.expires_in
-            //         ),
-            //         refresh_token: account.refresh_token,
-            //     };
-            // } else if (Date.now() < token.expires_at * 1000) {
-            //     // If the access token has not expired yet, return it
-            //     return token;
-            // } else {
-            //     // If the access token has expired, try to refresh it
-            //     try {
-            //         // ${process.env.OAUTH2_CONFIGURL}/.well-known/openid-configuration
-            //         // We need the `token_endpoint`.
-            //         const response = await fetch(
-            //             `${process.env.OAUTH2_CONFIGURL}/protocol/openid-connect/token`,
-            //             {
-            //                 headers: {
-            //                     "Content-Type":
-            //                         "application/x-www-form-urlencoded;charset=UTF-8",
-            //                 },
-            //                 body: new URLSearchParams({
-            //                     client_id: process.env.OAUTH2_CLIENTID ?? "",
-            //                     client_secret:
-            //                         process.env.OAUTH2_CLIENTSECRET ?? "",
-            //                     grant_type: "refresh_token",
-            //                     refresh_token: <string>token.refresh_token,
-            //                 }),
-            //                 method: "POST",
-            //             }
-            //         );
-
-            //         const tokens: any = await response.json();
-
-            //         if (!response.ok) throw tokens;
-
-            //         return {
-            //             ...token, // Keep the previous token properties
-            //             access_token: tokens.access_token,
-            //             expires_at: Math.floor(
-            //                 Date.now() / 1000 + tokens.expires_in
-            //             ),
-            //             // Fall back to old refresh token, but note that
-            //             // many providers may only allow using a refresh token once.
-            //             refresh_token:
-            //                 tokens.refresh_token ?? token.refresh_token,
-            //         };
-            //     } catch (error) {
-            //         console.error("Error refreshing access token", error);
-            //         // The error property will be used client-side to handle the refresh token error
-            //         return {
-            //             ...token,
-            //             error: "RefreshAccessTokenError" as const,
-            //         };
-            //     }
-            // }
-            return token;
-        },
-        async session({ session, token, user }) {
-            if (token) {
-                session.error = <string>token.error;
-                session.accessToken = <string>token.accessToken;
-            }
-            return session;
-        }, */
-    },
-});
-
-/* const refreshAccessToken = async (token: JWT) => {
-    try {
-        if (Date.now() > token.refreshTokenExpired) throw Error;
-        const details = {
-            client_id: process.env.OAUTH2_CLIENTID,
-            client_secret: process.env.OAUTH2_CLIENTSECRET,
-            grant_type: ["refresh_token"],
-            refresh_token: token.refreshToken,
-        };
-        const formBody: string[] = [];
-        Object.entries(details).forEach(([key, value]: [string, any]) => {
-            const encodedKey = encodeURIComponent(key);
-            const encodedValue = encodeURIComponent(value);
-            formBody.push(encodedKey + "=" + encodedValue);
-        });
-        const formData = formBody.join("&");
-        const url = `${process.env.OAUTH2_CONFIGURL}/protocol/openid-connect/token`;
-        const response = await fetch(url, {
-            method: "POST",
-            headers: {
-                "Content-Type":
-                    "application/x-www-form-urlencoded;charset=UTF-8",
-            },
-            body: formData,
-        });
-        const refreshedTokens = await response.json();
-        if (!response.ok) throw refreshedTokens;
-        return {
-            ...token,
-            accessToken: refreshedTokens.access_token,
-            accessTokenExpired:
-                Date.now() + (refreshedTokens.expires_in - 15) * 1000,
-            refreshToken: refreshedTokens.refresh_token ?? token.refreshToken,
-            refreshTokenExpired:
-                Date.now() + (refreshedTokens.refresh_expires_in - 15) * 1000,
-        };
-    } catch (error) {
-        console.log('receive', error)
-
-        return {
-            ...token,
-            error: "RefreshAccessTokenError",
-        };
-    }
-}; */
-
-// import NextAuth from "next-auth"
-// import KeycloakProvider from 'next-auth/providers/keycloak'
-// export const authOptions = {
-//   // Configure one or more authentication providers
-//   providers: [
-//     KeycloakProvider({
-//         clientId: process.env.OAUTH2_CLIENTID,
-//             clientSecret: process.env.OAUTH2_CLIENTSECRET,
-//             issuer: process.env.OAUTH2_CONFIGURL,
-//     }),
-//   ],
-// }
-// export default NextAuth(authOptions)

package/templates/nuxt/tailwind.css.eta

@@ -1,49 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-button {
-    @apply p-2  border-2
-}
-.simpleapp-input-container,.simpleapp-input-container,.simpleapp-input-container .simpleapp-inputfield{
-    @apply flex flex-col
-}
-.simpleapp-input-container .p-chips ul{
-    width: 100%
-}
-.input-error{
-   @apply text-red-500   
-}
-.input-error input{
-    @apply border-red-600
- }
-.simpleapp-tool-bar button{
-    margin-right: 1rem;
-}
-
-.bg-primary{
-    @apply bg-green-600 text-white
-
-}
-.bg-default{
-    @apply bg-white
-}
-.bg-danger{
-    @apply bg-red-500  text-white
-}
-.bg-warning{
-    @apply bg-orange-600  text-white
-}
-
-.desktop-shortcut-link{
-    @apply m-2 m-2 p-2 space-x-2 rounded-sm text-center grid grid-cols-4 gap-4
-}
-.desktop-shortcut-link div{
-    @apply  bg-teal-300 p-2
-}
-.desktop-shortcut-link div:hover{
-    @apply  bg-teal-600 p-2
-}
-.tenant-link:hover div{
-    @apply bg-gray-300
-}