@zeedhi/teknisa-cli 1.107.1 → 1.108.0

package/src/util/project/product/src/App.vue

@@ -1,192 +1,192 @@
-<template>
-  <v-app id="app">
-    <component
-      v-if="!isRouteLogin"
-      :is="menu.component"
-      v-bind="{ ...menu }"
-    ></component>
-    <component
-      v-if="!isRouteLogin"
-      :is="header.component"
-      v-bind="header"
-    ></component>
-
-    <v-main>
-      <router-view
-        :key="$route.name === 'microservice' ? 'microservice' : $route.path"
-      />
-    </v-main>
-
-    <!-- Modal -->
-    <zd-modal v-bind="{ name: 'appModal ' }" />
-
-    <!-- Alert -->
-    <zd-alert v-bind="{ name: 'appAlert ' }" />
-
-    <!-- Dialog -->
-    <zd-dialog v-bind="{ name: 'appDialog ' }" />
-
-    <!-- Loading -->
-    <tek-loading v-bind="{ name: 'appLoading' }" />
-  </v-app>
-</template>
-
-<script lang="ts">
-import Vue from 'vue';
-import Component from 'vue-class-component';
-import { IMenu, IHeader, Menu } from '@zeedhi/common';
-import { Config, Metadata } from '@zeedhi/core';
-import { TekLibAuth, TekLibLocalStorage } from '@zeedhi/tek-lib';
-
-@Component
-export default class App extends Vue {
-  public menu!: IMenu;
-
-  public header!: IHeader;
-
-  public created() {
-    TekLibAuth.startLib();
-    window.addEventListener('afterLogin', this.handleMessageEvent);
-
-    this.menu = {
-      component: 'ZdMenu',
-      name: 'main-menu',
-      cssClass: 'main-menu',
-      app: true,
-      clipped: true,
-      floating: true,
-      mini: false,
-      miniWidth: 58,
-      mobileBreakpoint: 800,
-      closeToMini: true,
-      isLocal: false,
-      isVisible: true,
-      itemsUrl: '',
-      items: [],
-      events: {
-        onMounted: this.setMenu,
-      },
-    };
-
-    this.header = {
-      component: 'ZdHeader',
-      name: 'main-header',
-      app: true,
-      color: 'white',
-      cssClass: 'main-header',
-      height: 64,
-      leftSlot: [
-        {
-          name: 'menu-button',
-          component: 'ZdMenuButton',
-          menuName: 'main-menu',
-          small: true,
-          keyMap: {
-            'mod+m': {
-              event: '{{AppController.toggleMenu}}',
-              input: true,
-            },
-            esc: {
-              event: '{{AppController.closeMenu}}',
-              stop: true,
-            },
-          },
-        },
-        {
-          name: 'headerImage',
-          component: 'ImgLink',
-          src: '/assets/img/logo.avif',
-          to: '/',
-        },
-      ],
-      rightSlot: [
-        {
-          name: 'userInfo',
-          component: 'TekUserInfo',
-          minWidth: '280px',
-          showProfileChange: true,
-          user: '{{AppController.userName}}',
-          userImage: '',
-          aboutImage: '{{AppController.logo}}',
-          avatarProps: {
-            name: 'tekUserInfoAvatarProps',
-            component: 'ZdAvatar',
-            color: 'primary',
-            avatarSlot: [
-              {
-                name: 'tekUserInfoAvatarPropsTextSlot',
-                component: 'ZdText',
-                cssClass: 'white--text',
-                tag: 'h2',
-                text: '{{AppController.nameInitialLetter}}',
-              },
-            ],
-          },
-          topSlot: [
-            {
-              name: 'userInfoTopSlotList',
-              component: 'ZdList',
-              items: [
-                {
-                  name: 'item1',
-                  component: 'ZdListItem',
-                  title: 'Exemplo 1',
-                  prependIcon: 'mdi-account-convert',
-                  cssClass: 'zd-px-2',
-                },
-                {
-                  name: 'item2',
-                  component: 'ZdListItem',
-                  title: 'Exemplo 2',
-                  prependIcon: 'mdi-application-cog',
-                  cssClass: 'zd-px-2',
-                },
-              ],
-            },
-            {
-              name: 'userInfoTopSlotDivider',
-              component: 'ZdDivider',
-            },
-            {
-              name: 'tekUserInfoList',
-              component: 'TekUserInfoList',
-              parentName: 'userInfo',
-            },
-          ],
-          bottomSlot: [],
-          events: {
-            onCreated: '{{AppController.userInfoOnCreated}}',
-            onLogoutClick: '{{AppController.userInfoOnLogoutClick}}',
-          },
-        },
-      ],
-    };
-  }
-
-  private handleMessageEvent(event: any) {
-    this.afterLogin(event.detail.userData);
-  }
-
-  private async afterLogin(userData: any) {
-    await TekLibAuth.startSession(userData);
-  }
-
-  private setMenu() {
-    if (TekLibLocalStorage.getItem('IS_NEXT')) {
-      const menu = Metadata.getInstance<Menu>('main-menu');
-      menu.items = JSON.parse(<string>localStorage.getItem('MENU')) || [];
-    }
-  }
-
-  get isRouteLogin() {
-    return this.$route.path === Config.env.loginRoutePath;
-  }
-}
-</script>
-
-<style lang="scss">
-html[microservice],
-html[login] {
-  overflow: hidden;
-}
-</style>
+<template>
+  <v-app id="app">
+    <component
+      v-if="!isRouteLogin"
+      :is="menu.component"
+      v-bind="{ ...menu }"
+    ></component>
+    <component
+      v-if="!isRouteLogin"
+      :is="header.component"
+      v-bind="header"
+    ></component>
+
+    <v-main>
+      <router-view
+        :key="$route.name === 'microservice' ? 'microservice' : $route.path"
+      />
+    </v-main>
+
+    <!-- Modal -->
+    <zd-modal v-bind="{ name: 'appModal ' }" />
+
+    <!-- Alert -->
+    <zd-alert v-bind="{ name: 'appAlert ' }" />
+
+    <!-- Dialog -->
+    <zd-dialog v-bind="{ name: 'appDialog ' }" />
+
+    <!-- Loading -->
+    <tek-loading v-bind="{ name: 'appLoading' }" />
+  </v-app>
+</template>
+
+<script lang="ts">
+import Vue from 'vue';
+import Component from 'vue-class-component';
+import { IMenu, IHeader, Menu } from '@zeedhi/common';
+import { Config, Metadata } from '@zeedhi/core';
+import { TekLibAuth, TekLibLocalStorage } from '@zeedhi/tek-lib';
+
+@Component
+export default class App extends Vue {
+  public menu!: IMenu;
+
+  public header!: IHeader;
+
+  public created() {
+    TekLibAuth.startLib();
+    window.addEventListener('afterLogin', this.handleMessageEvent);
+
+    this.menu = {
+      component: 'ZdMenu',
+      name: 'main-menu',
+      cssClass: 'main-menu',
+      app: true,
+      clipped: true,
+      floating: true,
+      mini: false,
+      miniWidth: 58,
+      mobileBreakpoint: 800,
+      closeToMini: true,
+      isLocal: false,
+      isVisible: true,
+      itemsUrl: '',
+      items: [],
+      events: {
+        onMounted: this.setMenu,
+      },
+    };
+
+    this.header = {
+      component: 'ZdHeader',
+      name: 'main-header',
+      app: true,
+      color: 'white',
+      cssClass: 'main-header',
+      height: 64,
+      leftSlot: [
+        {
+          name: 'menu-button',
+          component: 'ZdMenuButton',
+          menuName: 'main-menu',
+          small: true,
+          keyMap: {
+            'mod+m': {
+              event: '{{AppController.toggleMenu}}',
+              input: true,
+            },
+            esc: {
+              event: '{{AppController.closeMenu}}',
+              stop: true,
+            },
+          },
+        },
+        {
+          name: 'headerImage',
+          component: 'ImgLink',
+          src: '/assets/img/logo.avif',
+          to: '/',
+        },
+      ],
+      rightSlot: [
+        {
+          name: 'userInfo',
+          component: 'TekUserInfo',
+          minWidth: '280px',
+          showProfileChange: true,
+          user: '{{AppController.userName}}',
+          userImage: '',
+          aboutImage: '{{AppController.logo}}',
+          avatarProps: {
+            name: 'tekUserInfoAvatarProps',
+            component: 'ZdAvatar',
+            color: 'primary',
+            avatarSlot: [
+              {
+                name: 'tekUserInfoAvatarPropsTextSlot',
+                component: 'ZdText',
+                cssClass: 'white--text',
+                tag: 'h2',
+                text: '{{AppController.nameInitialLetter}}',
+              },
+            ],
+          },
+          topSlot: [
+            {
+              name: 'userInfoTopSlotList',
+              component: 'ZdList',
+              items: [
+                {
+                  name: 'item1',
+                  component: 'ZdListItem',
+                  title: 'Exemplo 1',
+                  prependIcon: 'mdi-account-convert',
+                  cssClass: 'zd-px-2',
+                },
+                {
+                  name: 'item2',
+                  component: 'ZdListItem',
+                  title: 'Exemplo 2',
+                  prependIcon: 'mdi-application-cog',
+                  cssClass: 'zd-px-2',
+                },
+              ],
+            },
+            {
+              name: 'userInfoTopSlotDivider',
+              component: 'ZdDivider',
+            },
+            {
+              name: 'tekUserInfoList',
+              component: 'TekUserInfoList',
+              parentName: 'userInfo',
+            },
+          ],
+          bottomSlot: [],
+          events: {
+            onCreated: '{{AppController.userInfoOnCreated}}',
+            onLogoutClick: '{{AppController.userInfoOnLogoutClick}}',
+          },
+        },
+      ],
+    };
+  }
+
+  private handleMessageEvent(event: any) {
+    this.afterLogin(event.detail.userData);
+  }
+
+  private async afterLogin(userData: any) {
+    await TekLibAuth.startSession(userData);
+  }
+
+  private setMenu() {
+    if (TekLibLocalStorage.getItem('IS_NEXT')) {
+      const menu = Metadata.getInstance<Menu>('main-menu');
+      menu.items = JSON.parse(<string>localStorage.getItem('MENU')) || [];
+    }
+  }
+
+  get isRouteLogin() {
+    return this.$route.path === Config.env.loginRoutePath;
+  }
+}
+</script>
+
+<style lang="scss">
+html[microservice],
+html[login] {
+  overflow: hidden;
+}
+</style>

package/src/util/project/product/src/components/img-link/ImgLink.ts

@@ -1,17 +1,17 @@
-import { Prop, Component } from 'vue-property-decorator';
-import { ZdComponent } from '@zeedhi/vuetify';
-import { ImgLink as ImgLinkClass } from './common/ImgLink';
-
-/**
- * DocTable component
- */
-@Component
-export default class ImgLink extends ZdComponent {
-  @Prop({ type: String, default: '' }) public to!: string;
-
-  @Prop({ type: String, default: '' }) public src!: string;
-
-  public instance!: ImgLinkClass;
-
-  public instanceType: typeof ImgLinkClass = ImgLinkClass;
-}
+import { Prop, Component } from 'vue-property-decorator';
+import { ZdComponent } from '@zeedhi/vuetify';
+import { ImgLink as ImgLinkClass } from './common/ImgLink';
+
+/**
+ * DocTable component
+ */
+@Component
+export default class ImgLink extends ZdComponent {
+  @Prop({ type: String, default: '' }) public to!: string;
+
+  @Prop({ type: String, default: '' }) public src!: string;
+
+  public instance!: ImgLinkClass;
+
+  public instanceType: typeof ImgLinkClass = ImgLinkClass;
+}

package/src/util/project/product/src/components/img-link/ImgLink.vue

@@ -1,7 +1,7 @@
-<template>
-  <router-link :to="instance.to">
-    <v-img :src="instance.src" max-height="40" :contain="true"></v-img>
-  </router-link>
-</template>
-
-<script lang="ts" src="./ImgLink.ts"></script>
+<template>
+  <router-link :to="instance.to">
+    <v-img :src="instance.src" max-height="40" :contain="true"></v-img>
+  </router-link>
+</template>
+
+<script lang="ts" src="./ImgLink.ts"></script>

package/src/util/project/product/src/components/img-link/common/ImgLink.ts

@@ -1,32 +1,32 @@
-import { IComponentRender, ComponentRender } from '@zeedhi/common';
-
-/**
- * JSON interface for ImgLink component
- */
-export interface IImgLink extends IComponentRender {
-  to?: string;
-  src?: string;
-}
-
-export class ImgLink extends ComponentRender implements IImgLink {
-  /**
-   * Route path
-   */
-  public to: string = '';
-
-  /**
-   * Image source.
-   */
-  public src: string = '';
-
-  /**
-   * Creates a new instance of ImgLink
-   * @param props Image Link props
-   */
-  constructor(props: IImgLink) {
-    super(props);
-    this.to = this.getInitValue('to', props.to, this.to);
-    this.src = this.getInitValue('src', props.src, this.src);
-    this.createAccessors();
-  }
-}
+import { IComponentRender, ComponentRender } from '@zeedhi/common';
+
+/**
+ * JSON interface for ImgLink component
+ */
+export interface IImgLink extends IComponentRender {
+  to?: string;
+  src?: string;
+}
+
+export class ImgLink extends ComponentRender implements IImgLink {
+  /**
+   * Route path
+   */
+  public to: string = '';
+
+  /**
+   * Image source.
+   */
+  public src: string = '';
+
+  /**
+   * Creates a new instance of ImgLink
+   * @param props Image Link props
+   */
+  constructor(props: IImgLink) {
+    super(props);
+    this.to = this.getInitValue('to', props.to, this.to);
+    this.src = this.getInitValue('src', props.src, this.src);
+    this.createAccessors();
+  }
+}

package/src/util/project/product/src/components/index.ts

@@ -1,4 +1,4 @@
-import Vue from 'vue';
-import ImgLink from './img-link/ImgLink.vue';
-
-Vue.component('ImgLink', ImgLink);
+import Vue from 'vue';
+import ImgLink from './img-link/ImgLink.vue';
+
+Vue.component('ImgLink', ImgLink);

package/src/util/project/product/src/config/config.ts

@@ -1,22 +1,22 @@
-import { ITekConfig } from '@zeedhi/teknisa-components-common';
-import prodEnvironment from './prodEnvironment.json';
-import devEnvironment from './devEnvironment.json';
-
-const env = process.env.NODE_ENV === 'production' ? prodEnvironment : devEnvironment;
-
-const config: ITekConfig = {
-  endPoint: env.endPoint,
-  metadataEndPoint: env.metadataEndPoint,
-  env: {
-    product: env.product,
-    baseUrl: env.baseUrl,
-    modules: env.modules,
-    loginRoutePath: env.modules.login.routePath,
-    loginBackgroundImgUrl: env.modules.login.backgroundImgUrl,
-    loginEndPoint: env.modules.login.endPoint,
-  },
-  saveGridLayoutsEndPoint: env.saveGridLayoutsEndPoint,
-  loadGridLayoutsEndPoint: env.loadGridLayoutsEndPoint,
-};
-
-export default config;
+import { ITekConfig } from '@zeedhi/teknisa-components-common';
+import prodEnvironment from './prodEnvironment.json';
+import devEnvironment from './devEnvironment.json';
+
+const env = process.env.NODE_ENV === 'production' ? prodEnvironment : devEnvironment;
+
+const config: ITekConfig = {
+  endPoint: env.endPoint,
+  metadataEndPoint: env.metadataEndPoint,
+  env: {
+    product: env.product,
+    baseUrl: env.baseUrl,
+    modules: env.modules,
+    loginRoutePath: env.modules.login.routePath,
+    loginBackgroundImgUrl: env.modules.login.backgroundImgUrl,
+    loginEndPoint: env.modules.login.endPoint,
+  },
+  saveGridLayoutsEndPoint: env.saveGridLayoutsEndPoint,
+  loadGridLayoutsEndPoint: env.loadGridLayoutsEndPoint,
+};
+
+export default config;

package/src/util/project/product/src/config/devEnvironment.json

@@ -1,23 +1,23 @@
-{
-  "endPoint": "",
-  "metadataEndPoint": "",
-	"saveGridLayoutsEndPoint": "lib_saveLayout",
-	"loadGridLayoutsEndPoint": "lib_loadLayout",
-  "baseUrl": "/",
-  "product": {
-    "id": "",
-    "name": "",
-    "url": "http://localhost:8080",
-    "logoUrl": "http://localhost:8080/assets/img/teknisa.avif",
-    "sessionTime": "9999999999999999",
-    "modulesThemeColor": "#2d68c3"
-  },
-  "modules": {
-    "login": {
-      "baseUrl": "http://localhost:8282",
-      "routePath": "/auth/login",
-      "backgroundImgUrl": "http://localhost:8080/assets/img/teknisa-login-background.avif",
-      "endPoint": "http://localhost:81/<nome do produto>/modules/login/backend/service/index.php"
-    }
-  }
+{
+  "endPoint": "",
+  "metadataEndPoint": "",
+	"saveGridLayoutsEndPoint": "lib_saveLayout",
+	"loadGridLayoutsEndPoint": "lib_loadLayout",
+  "baseUrl": "/",
+  "product": {
+    "id": "",
+    "name": "",
+    "url": "http://localhost:8080",
+    "logoUrl": "http://localhost:8080/assets/img/teknisa.avif",
+    "sessionTime": "9999999999999999",
+    "modulesThemeColor": "#2d68c3"
+  },
+  "modules": {
+    "login": {
+      "baseUrl": "http://localhost:8282",
+      "routePath": "/auth/login",
+      "backgroundImgUrl": "http://localhost:8080/assets/img/teknisa-login-background.avif",
+      "endPoint": "http://localhost:81/<nome do produto>/modules/login/backend/service/index.php"
+    }
+  }
 }

package/src/util/project/product/src/config/prodEnvironment.json

@@ -1,23 +1,23 @@
-{
-  "endPoint": "<>APP_URL<>/backend/index.php",
-  "metadataEndPoint": "",
-	"saveGridLayoutsEndPoint": "lib_saveLayout",
-	"loadGridLayoutsEndPoint": "lib_loadLayout",
-  "baseUrl": "/",
-  "product": {
-    "id": "",
-    "name": "",
-    "url": "<>APP_URL<>",
-    "logoUrl": "<>APP_URL<>/assets/img/teknisa.avif",
-    "sessionTime": "<>SESSION_TIME<>",
-    "modulesThemeColor": "<>MODULES_THEME_COLOR<>"
-  },
-  "modules": {
-    "login": {
-      "baseUrl": "<>APP_URL<>/login",
-      "routePath": "/auth/login",
-      "backgroundImgUrl": "<>APP_URL<>/assets/img/teknisa-login-background.avif",
-      "endPoint": "<>APP_URL<>/backend_login/index.php"
-    }
-  }
+{
+  "endPoint": "<>APP_URL<>/backend/index.php",
+  "metadataEndPoint": "",
+	"saveGridLayoutsEndPoint": "lib_saveLayout",
+	"loadGridLayoutsEndPoint": "lib_loadLayout",
+  "baseUrl": "/",
+  "product": {
+    "id": "",
+    "name": "",
+    "url": "<>APP_URL<>",
+    "logoUrl": "<>APP_URL<>/assets/img/teknisa.avif",
+    "sessionTime": "<>SESSION_TIME<>",
+    "modulesThemeColor": "<>MODULES_THEME_COLOR<>"
+  },
+  "modules": {
+    "login": {
+      "baseUrl": "<>APP_URL<>/login",
+      "routePath": "/auth/login",
+      "backgroundImgUrl": "<>APP_URL<>/assets/img/teknisa-login-background.avif",
+      "endPoint": "<>APP_URL<>/backend_login/index.php"
+    }
+  }
 }