change dirs to prepare 1.6 merge

README.md

@@ -1,36 +0,0 @@
-# Vuejs
-
-## Principle
-
-We can develop the front-end using Vue and Vite framework.
-I have all my front-end logic inside `client` folder.
-
-We can use all the facilities of the framework, for this example you have :
-
-- `component` folder : create a component to use in your page
-- `pages` folder : contains each pages to render, we have only one page test ATM
-
-Inside `pages` folder, you have 3 files :
-
-- `index.html` that is entry point, we define entry point for Vue app and a div with attribut data-flask to store futur data from template
-- `test.js` is js entry point that define the Vue components, plugins and settings to use for this page
-- `Test.vue` is the page (global context) where we are importing components, executing logic... For example, we are retrieving data-flask from here
-
-We have others files for the configuration of node modules and Vite.
-
-We need to work on the front-end here, then build and move to flask app the resources when needed.
-
-## Installation
-
-- Need to install `node.js` and `npm` on computer
-- Go inside `vuejs` folder and run `node build.js`
-- Run `flask --app main.py run` then access `/test` to get Vue.js rendering app using flask data `Title from Flask !`
-- `/test2` is case with no flask data (can be handle on a div or directly on Vue app)
-
-# jsdoc (render doc from .vue components)
-
-We can create a markdown documentation for components.
-
-- `npm install -g documentation` will add lib that format js to doc
-- set input and output folder in `vue2md.js`
-- once done, run `node vue2md.js`, this will format .vue to .js, run subprocess to render .js to .md for each file, and finally script will merge in order and by path all .md files

client/vite/input.css

@@ -16,8 +16,6 @@
   @apply focus:outline-4 focus:outline-secondary focus:outline-offset-4;
 }
 
-
-
 .ace_editor,
 .ace_editor * {
   font-family: "Monaco", "Menlo", "Ubuntu Mono", "Droid Sans Mono", "Consolas",
@@ -303,7 +301,6 @@ body {
   disabled:bg-gray-400 disabled:border-gray-400/0 dark:disabled:bg-gray-800 dark:disabled:border-gray-800/0 dark:disabled:text-gray-300 disabled:text-gray-700;
 }
 
-
 .input-regular {
   @apply hover:border-gray-600 outline-none dark:border-slate-600 dark:bg-slate-700 dark:text-gray-200 focus:border-gray-300/0 dark:focus:border-gray-600/0 focus:ring-1 focus:valid:ring-green-500 focus:invalid:ring-red-500 text-sm leading-5.6 ease-in block w-full  appearance-none rounded-lg border border-solid border-gray-300 bg-white bg-clip-padding px-1.5 py-1 md:px-2.5 md:py-1.5 font-normal text-gray-700 transition-all placeholder:text-gray-500     disabled:cursor-not-allowed
   disabled:bg-gray-400 disabled:border-gray-400/0 dark:disabled:bg-gray-800 dark:disabled:border-gray-800/0 dark:disabled:text-gray-300 disabled:text-gray-700;
@@ -362,7 +359,7 @@ body {
 }
 
 .copied.input-clipboard-button {
-  @apply focus:ring-0 opacity-100;    
+  @apply focus:ring-0 opacity-100;
 }
 
 .not-copied.input-clipboard-button {
@@ -502,10 +499,9 @@ body {
 }
 
 .layout-modal {
-  @apply relative min-w-[300px] sm:min-w-[450px] max-w-screen-xl max-h-[80vh] transition dark:brightness-110 shadow-md bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border transform duration-300 ease-in-out  px-6 py-4 overflow-hidden break-words grid grid-cols-12; 
+  @apply relative min-w-[300px] sm:min-w-[450px] max-w-screen-xl max-h-[80vh] transition dark:brightness-110 shadow-md bg-white dark:bg-slate-850 dark:shadow-dark-xl rounded-2xl bg-clip-border transform duration-300 ease-in-out  px-6 py-4 overflow-hidden break-words grid grid-cols-12;
 }
 
-
 .layout-modal-button-container {
   @apply absolute right-4 top-4 z-[30];
 }
@@ -537,7 +533,6 @@ body {
 
 .msg-unmatch-table {
   @apply fixed col-span-12 flex mx-2 my-8 w-full;
-
 }
 
 /* POPOVER */
@@ -691,8 +686,6 @@ body {
 }
 /* MENU */
 
-
-
 .menu-account-title-container {
   @apply mt-2 w-full px-1;
 }
@@ -857,7 +850,6 @@ body {
   @apply dark:text-gray-200 transition inline-block pl-3 mb-0 ml-0 font-normal cursor-pointer select-none text-sm text-slate-700;
 }
 
-
 .menu-social-list {
   @apply mb-3 flex justify-center align-middle w-full;
 }
@@ -1140,7 +1132,7 @@ body {
 
 .list-details-item {
   @apply z-0 px-3 py-2 min-h-12 h-fit relative flex justify-between items-center transition rounded;
- }
+}
 
 .pending.list-details-item {
   @apply z-20;
@@ -1149,12 +1141,12 @@ body {
 .up.list-details-item {
   @apply z-10;
 }
- 
-.enabled.list-details-item  {
+
+.enabled.list-details-item {
   @apply bg-gray-100 hover:bg-gray-200 dark:bg-slate-700 dark:hover:bg-slate-800;
 }
 
-.disabled.list-details-item  {
+.disabled.list-details-item {
   @apply cursor-not-allowed bg-gray-300 dark:bg-gray-800;
 }
 
@@ -1168,11 +1160,14 @@ body {
 
 /* TITLE */
 
-
 .title-card {
   @apply capitalize-first break-word w-full max-w-[80%] sm:max-w-[800px] col-span-12 font-bold dark:text-white/90 transition duration-300 ease-in-out text-[1.3rem] text-[#344767] tracking-normal;
 }
 
+.title-instance {
+  @apply capitalize-first break-word w-full max-w-[80%] sm:max-w-[800px] col-span-12 font-bold dark:text-white/90 transition duration-300 ease-in-out text-[1.3rem] text-[#344767] tracking-normal;
+}
+
 .title-void {
   @apply capitalize-first break-word w-full max-w-[80%] sm:max-w-[800px] col-span-12 font-bold  dark:text-white/90 transition duration-300 ease-in-out text-[1.3rem] text-white tracking-normal;
 }
@@ -1197,11 +1192,11 @@ body {
   @apply capitalize-first break-word w-full max-w-[80%] sm:max-w-[700px] col-span-12 font-bold dark:text-white/90 transition duration-300 ease-in-out text-xl text-[#344767] tracking-normal;
 }
 
-.no-subtitle.title-modal { 
+.no-subtitle.title-modal {
   @apply mb-6;
 }
 
-.no-subtitle.title-container { 
+.no-subtitle.title-container {
   @apply mb-2.5;
 }
 
@@ -1209,12 +1204,11 @@ body {
 .no-subtitle.title-void,
 .no-subtitle.title-content,
 .no-subtitle.title-min,
-.no-subtitle.title-form { 
+.no-subtitle.title-form {
   @apply mb-2;
 }
 
-
-.no-subtitle.title-stat { 
+.no-subtitle.title-stat {
   @apply mb-0;
 }
 
@@ -1290,11 +1284,8 @@ body {
   @apply col-span-12 w-full;
 }
 
-
-
 /* CARD */
 
-
 .card-info-text {
   @apply col-span-12 mb-0 leading-normal text-sm text-gray-700 dark:text-gray-500 ml-2 mr-1.5;
 }
@@ -1333,7 +1324,6 @@ body {
   @apply flex justify-center items-end leading-none tracking-wide dark:brightness-90 inline-block  font-bold text-center text-white uppercase align-middle transition-all rounded-lg cursor-pointer  leading-normal ease-in shadow-xs hover:-translate-y-px active:opacity-85 hover:shadow-md disabled:cursor-not-allowed dark:disabled:text-gray-300 disabled:text-gray-700 disabled:bg-gray-400 disabled:border-gray-400/0 dark:disabled:bg-gray-700 dark:disabled:border-gray-700/0 disabled:hover:translate-y-0 disabled:hover:bg-gray-400 disabled:hover:border-gray-400/0 dark:disabled:hover:translate-y-0 dark:disabled:hover:bg-gray-700 dark:disabled:hover:border-gray-700/0;
 }
 
-
 .btn.close:not([disabled]) {
   @apply bg-white text-red-500 border border-red-500 hover:border-red-500/80 focus:border-red-500/80 hover:text-red-500/80 focus:text-red-500/80;
 }
@@ -1731,7 +1721,7 @@ body {
 .text-el {
 }
 
-.success.text-el{
+.success.text-el {
   @apply text-green-500;
 }
 
@@ -1771,7 +1761,7 @@ body {
   @apply text-yellow-500;
 }
 
-.gray.text-el{
+.gray.text-el {
   @apply text-gray-500;
 }
 
@@ -1795,11 +1785,11 @@ body {
   @apply text-indigo-500;
 }
 
-.cyan.text-el{
+.cyan.text-el {
   @apply text-cyan-500;
 }
 
-.sky.text-el{
+.sky.text-el {
   @apply text-sky-500;
 }
 
@@ -1884,7 +1874,7 @@ body {
   @apply bg-green-500;
 }
 
-.error.bg-el{
+.error.bg-el {
   @apply bg-red-500;
 }
 
@@ -1892,7 +1882,7 @@ body {
   @apply bg-yellow-500;
 }
 
-.info.bg-el{
+.info.bg-el {
   @apply bg-sky-500;
 }
 
@@ -1956,7 +1946,7 @@ body {
   @apply bg-pink-500;
 }
 
-.lime.bg-el{
+.lime.bg-el {
   @apply bg-lime-500;
 }
 
@@ -1984,7 +1974,7 @@ body {
   @apply bg-yellow-600;
 }
 
-.gray-darker.bg-el{
+.gray-darker.bg-el {
   @apply bg-gray-600;
 }
 
@@ -2037,7 +2027,7 @@ body {
   @apply fill-green-500;
 }
 
-.error.fill{
+.error.fill {
   @apply fill-red-500;
 }
 
@@ -2061,7 +2051,7 @@ body {
   @apply fill-green-500;
 }
 
-.red.fill{
+.red.fill {
   @apply fill-red-500;
 }
 
@@ -2082,7 +2072,7 @@ body {
 }
 
 .dark.fill {
-  @apply fill-slate-500 ;
+  @apply fill-slate-500;
 }
 
 .amber.fill {
@@ -2149,7 +2139,7 @@ body {
   @apply fill-orange-600;
 }
 
-.blue-darker.fill{
+.blue-darker.fill {
   @apply fill-blue-600 dark:fill-blue-500;
 }
 
@@ -2161,8 +2151,7 @@ body {
   @apply fill-gray-600;
 }
 
-.dark-darker.fill
- {
+.dark-darker.fill {
   @apply fill-slate-600  dark:fill-slate-500;
 }
 
@@ -2170,8 +2159,7 @@ body {
   @apply fill-amber-600;
 }
 
-.emerald-darker.fill
- {
+.emerald-darker.fill {
   @apply fill-emerald-600;
 }
 
@@ -2602,8 +2590,6 @@ body {
   @apply z-[80];
 }
 
-
-
 @keyframes dropOpen {
   from {
     opacity: 0;