Merge pull request #614 from aziontech/dev

DEPLOY 2024.01.24

package.json

@@ -1,6 +1,6 @@
 {
   "name": "azion-platform-kit",
-  "version": "1.7.1",
+  "version": "1.8.0",
   "private": true,
   "type": "module",
   "repository": {

src/assets/svg/illustration-layers.vue

@@ -1,8 +1,7 @@
 <template>
   <img
-    width="292"
-    height="164"
-    src="../illustration-min.png"
+    src="./empty.svg"
+    class="mb-5"
   />
 </template>
 

src/assets/themes/scss/themes/azion-dark/extended-components/_selectbutton.scss

@@ -1,7 +1,7 @@
 // Custom SelectButton
 .p-selectbutton {
   background: var(--surface-300) !important;
-  padding: 0.25rem !important;
+  padding: 0.3rem;
   border-radius: $borderRadius !important;
 
   .p-button {

src/assets/themes/scss/themes/azion-light/extended-components/_selectbutton.scss

@@ -1,7 +1,7 @@
 // Custom SelectButton
 .p-selectbutton {
   background: var(--surface-300) !important;
-  padding: 0.25rem !important;
+  padding-inline: 0.75rem !important;
   border-radius: $borderRadius !important;
 
   .p-button {
@@ -19,6 +19,7 @@
     }
 
     &.p-highlight {
+      padding-inline: 0.75rem !important;
       background: var(--surface-0) !important;
       border-color: none !important;
       font-weight: 600 !important;

src/services/edge-application-functions-services/list-edge-functions-service.js

@@ -22,7 +22,8 @@ const adapt = (httpResponse) => {
     return {
       value: edgeFunction.id,
       label: edgeFunction.name,
-      args: edgeFunction.code
+      args: edgeFunction.json_args,
+      initiatorType: edgeFunction.initiator_type,
     }
   })
 

src/services/edge-firewall-functions-services/list-edge-functions-service.js

@@ -22,7 +22,8 @@ const adapt = (httpResponse) => {
     return {
       value: edgeFunction.id,
       label: edgeFunction.name,
-      args: edgeFunction.code
+      args: edgeFunction.json_args,
+      initiatorType: edgeFunction.initiator_type,
     }
   })
 

src/services/sidebar-menus-services/menus.js

@@ -16,33 +16,32 @@ export const menus = [
   },
   {
     label: 'Build',
-    icon: 'pi pi-code',
     items: [
       {
         label: 'Edge Application',
-        icon: 'pi pi-box',
+        icon: 'pi pi-th-large',
         to: '/edge-applications'
       },
       {
         label: 'Variables',
         to: '/variables',
-        icon: 'pi pi-sliders-h'
+        icon: 'pi pi-box'
       }
     ]
   },
   {
     label: 'Secure',
     icon: 'pi pi-lock',
     items: [
-      {
-        label: 'Intelligent DNS',
-        to: '/intelligent-dns',
-        icon: 'pi pi-share-alt'
-      },
       {
         label: 'Edge Firewall',
         to: '/edge-firewall',
-        icon: 'pi pi-lock'
+        icon: 'pi pi-shield'
+      },
+      {
+        label: 'Intelligent DNS',
+        to: '/intelligent-dns',
+        icon: 'pi pi-sitemap'
       }
     ]
   },
@@ -64,6 +63,11 @@ export const menus = [
         to: '/data-streaming',
         icon: 'pi pi-play'
       },
+      {
+        label: 'Edge Pulse',
+        to: '/edge-pulse',
+        icon: 'pi pi-wifi'
+      },
       {
         label: 'Real-Time Metrics',
         to: '/real-time-metrics',
@@ -72,13 +76,8 @@ export const menus = [
       {
         label: 'Real-Time Events',
         to: '/real-time-events',
-        icon: 'pi pi-server',
+        icon: 'pi pi-chart-bar',
         tag: 'Preview'
-      },
-      {
-        label: 'Edge Pulse',
-        to: '/edge-pulse',
-        icon: 'pi pi-chart-line'
       }
     ]
   },
@@ -88,7 +87,7 @@ export const menus = [
       {
         label: 'Real-Time Purge',
         to: '/real-time-purge',
-        icon: 'pi pi-refresh'
+        icon: 'pi pi-sync'
       }
     ]
   },
@@ -103,17 +102,17 @@ export const menus = [
       {
         label: 'Edge Services',
         to: '/edge-services',
-        icon: 'pi pi-bookmark'
+        icon: 'pi pi-server'
       },
       {
         label: 'Digital Certificates',
         to: '/digital-certificates',
-        icon: 'pi pi-verified'
+        icon: 'pi pi-check-circle'
       },
       {
         label: 'Network Lists',
         to: '/network-lists',
-        icon: 'pi pi-globe'
+        icon: 'pi pi-list'
       },
       {
         label: 'WAF Rules',

src/templates/create-modal-block/index.vue

@@ -156,14 +156,16 @@
 <template>
   <div class="overflow-auto w-full h-full flex flex-col sm:flex-row p-0 sm:pl-5 sm:pr-8 gap-4 pb-4">
     <div class="sm:min-w-[240px] mt-4">
-      <ul class="flex flex-col gap-1">
+      <ul class="flex flex-col gap-1 md:fixed md:w-60">
         <li
           v-for="(menuitem, index) in items"
           :key="index"
         >
           <PrimeButton
-            :class="{ 'p-selectbutton': menuitem.value === selectedTab, 'p-disabled': isLoading }"
-            class="w-full p-button p-button-text p-button-primary p-button-sm whitespace-nowrap h-[38px] flex"
+            :class="{ 'surface-200': menuitem.value === selectedTab, 'p-disabled': isLoading }"
+            class="w-full whitespace-nowrap h-[38px] flex"
+            text
+            size="small"
             :pt="{
               label: { class: 'w-full text-left' }
             }"

src/templates/form-fields-inputs/fieldTextArea.vue

@@ -25,12 +25,16 @@
       default: ''
     },
     rows: {
-      type: Number,
+      type: [Number, String],
       default: 5
     },
     cols: {
       type: Number,
       default: 30
+    },
+    autoResize: {
+      type: Boolean,
+      default: false
     }
   })
 
@@ -57,6 +61,7 @@
     v-model="inputValue"
     :name="name"
     type="text"
+    :autoResize="props.autoResize"
     :rows="props.rows"
     :cols="props.cols"
     :placeholder="props.placeholder"