V1.1.3

- Add transition to open service - Expandable row for service manager - Fix path in GeneralTab - Add context menu to service row
fakoua · Feb 18, 2024 · 91c64bd · 91c64bd
1 parent 7086479
commit 91c64bd
Show file tree

Hide file tree

Showing 9 changed files with 5,480 additions and 4,967 deletions.
diff --git a/README.md b/README.md
@@ -1,9 +1,14 @@
 # denoman
 
-DenoMan is a comprehensive web application designed specifically for managing Windows computers and servers. With features like Service Manager, Dashboard, and PerfMon, DenoMan offers a complete solution for monitoring and managing your systems.
-
-What makes DenoMan stand out? It's built using the power of Deno and Vue.js with the Quasar framework, bringing you a modern and efficient solution for system management. Plus, everything is tightly integrated with Deno, ensuring a seamless experience.
+DenoMan is a comprehensive web application designed specifically for managing
+Windows computers and servers. With features like Service Manager, Dashboard,
+and PerfMon, DenoMan offers a complete solution for monitoring and managing your
+systems.
 
+What makes DenoMan stand out? It's built using the power of Deno and Vue.js with
+the Quasar framework, bringing you a modern and efficient solution for system
+management. Plus, everything is tightly integrated with Deno, ensuring a
+seamless experience.
 
 ## Enable WinRM
 
@@ -33,4 +38,5 @@ deno run -A --reload https://deno.land/x/denoman/mod.ts
 
 ![DenoMan Service Manager](https://github.com/fakoua/denoman/blob/main/resources/ss03.png?raw=true)
 
-Together, let's make DenoMan the go-to solution for managing Windows systems with Deno.
+Together, let's make DenoMan the go-to solution for managing Windows systems
+with Deno.
diff --git a/q-manui/package.json b/q-manui/package.json
@@ -1,7 +1,7 @@
 {
   "name": "q-manui",
-  "version": "1.1.2",
-  "description": "DenoMan 1.1.2",
+  "version": "1.1.3",
+  "description": "DenoMan 1.1.3",
   "productName": "DenoMan",
   "author": "Sameh Fakoua <s.fakoua@gmail.com>",
   "private": true,
@@ -50,4 +50,4 @@
     "npm": ">= 6.13.4",
     "yarn": ">= 1.21.1"
   }
-}
+}
diff --git a/q-manui/quasar.config.js b/q-manui/quasar.config.js
@@ -76,9 +76,6 @@ module.exports = configure(function (/* ctx */) {
       //   [ 'package-name', { ..options.. } ]
       // ]
       extendViteConf(viteConf) {
-        // viteConf.build.rollupOptions = {
-        //   external: ['apexcharts'],
-        // };
         viteConf.build.minify = true;
       },
     },

diff --git a/q-manui/src/components/ServerComponent.vue b/q-manui/src/components/ServerComponent.vue
@@ -27,10 +27,10 @@
                   :service="selectedService"
                   :host="host"
                   v-on:on-open-service="
-            (svr: ServiceModel) => {
-              openService(svr);
-            }
-          "
+                    (svr: ServiceModel) => {
+                      openService(svr);
+                    }
+                  "
                 />
               </div>
             </template>
@@ -40,15 +40,15 @@
                 <services-list-component
                   :host="host"
                   v-on:on-select-service="
-            (svr: ServiceModel) => {
-              selectedService = svr;
-            }
-          "
+                    (svr: ServiceModel) => {
+                      selectedService = svr;
+                    }
+                  "
                   v-on:on-open-service="
-            (svr: ServiceModel) => {
-              openService(svr);
-            }
-          "
+                    (svr: ServiceModel) => {
+                      openService(svr);
+                    }
+                  "
                 />
               </div>
             </template>
@@ -70,10 +70,12 @@
             color="negative"
             icon="close"
             flat
-            @click="() => {
-          ($refs.serviceWindow as HTMLDialogElement).close();
-          isDialogOpen=false;
-        }"
+            @click="
+              () => {
+                ($refs.serviceWindow as HTMLDialogElement).close();
+                isDialogOpen = false;
+              }
+            "
           />
         </div>
       </div>
@@ -112,6 +114,7 @@ dialog[open] {
   height: 565px !important;
   opacity: 1;
   transform: scaleY(1);
+  animation: myFadeIn 0.5s ease normal;
 }
 
 dialog .caption {
@@ -125,24 +128,34 @@ dialog {
   padding: 0;
   opacity: 0;
   transform: scaleY(0);
-  transition: opacity 0.3s ease-out, transform 0.3s ease-out,
-    overlay 0.3s ease-out allow-discrete, display 0.3s ease-out allow-discrete;
-  /* Equivalent to
-  transition: all 0.7s allow-discrete; */
+  transition:
+    opacity 0.3s ease-out,
+    transform 0.3s ease-out,
+    overlay 0.3s ease-out allow-discrete,
+    display 0.3s ease-out allow-discrete;
 }
 
 /* Transition the :backdrop when the dialog modal is promoted to the top layer */
 dialog::backdrop {
   background-color: rgb(0 0 0 / 0%);
-  transition: display 0.3s allow-discrete, overlay 0.3s allow-discrete,
+  transition:
+    display 0.3s allow-discrete,
+    overlay 0.3s allow-discrete,
     background-color 0.3s;
-  /* Equivalent to
-  transition: all 0.7s allow-discrete; */
 }
 
 dialog[open]::backdrop {
   background-color: rgb(0 0 0 / 25%);
 }
+
+@keyframes myFadeIn {
+  from {
+    transform: scaleY(0);
+  }
+  to {
+    transform: scaleY(1);
+  }
+}
 </style>
 
 <script lang="ts">