@saooti/octopus-sdk 30.0.9 → 30.0.13

package/README.md

@@ -506,4 +506,8 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.6 Merge 29
  * 30.0.7 Améliorations css
  * 30.0.8 Améliorations diverses
- * 30.0.9 Améliorations diverses
+ * 30.0.9 Améliorations diverses
+ * 30.0.10 PB clearInterval
+ * 30.0.11 Version pour release
+ * 30.0.12 Export ClasicLoading
+ * 30.0.13 Améliorations css

package/index.ts

@@ -53,6 +53,7 @@ import CommentInput from "./src/components/display/comments/CommentInput.vue";
 import ClassicSearch from "./src/components/form/ClassicSearch.vue";
 import ClassicCheckbox from "./src/components/form/ClassicCheckbox.vue";
 import ClassicRadio from "./src/components/form/ClassicRadio.vue";
+import ClassicLoading from "./src/components/form/ClassicLoading.vue";
 
 //mixins
 import {selenium} from "./src/components/mixins/functions";
@@ -107,7 +108,8 @@ const components = {
     tagOfMixins,
     ClassicSearch,
     ClassicCheckbox,
-    ClassicRadio
+    ClassicRadio,
+    ClassicLoading
 }
 
 export default components;
@@ -157,5 +159,6 @@ export {
     tagOfMixins,
     ClassicSearch,
     ClassicCheckbox,
-    ClassicRadio
+    ClassicRadio,
+    ClassicLoading
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "30.0.9",
+  "version": "30.0.13",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",

package/src/assets/bootstrap-diff.scss

@@ -171,6 +171,7 @@
             font-size: 1rem;
             display: inline-flex;
             align-items: center;
+            justify-content: center;
         }
         &.btn-arrow {
             margin: 0.2rem;
@@ -237,9 +238,6 @@
       }    
     .dropdown-menu {
         padding: 0.5rem;
-        @media (max-width: 450px) {
-            min-width: 15rem;
-        } 
     }
     .dropdown-item {
         cursor: pointer;

package/src/assets/form.scss

@@ -12,7 +12,15 @@
 		border: 0.1rem solid #dee2e6;
 		border-radius: 0.3rem;
 	}
-
+	.form-check-label {
+		cursor: pointer;
+		&::before {
+		top: 0;
+		}
+		&::after {
+		top: 0;
+		}
+	}
 	.form-input {
 		-webkit-appearance: none;
 		-moz-appearance: none;

package/src/assets/general.scss

@@ -1,6 +1,7 @@
 
 html{
   font-size: 20px;
+  height: 100%;
 }
 body{
   color: #353535;
@@ -8,6 +9,8 @@ body{
   font-size: 0.8rem;
   overflow-x: hidden;
   background: #fff;
+  min-height: 100%;
+  overscroll-behavior-y: contain;
 }
 .octopus-app{
   h1,h2,h3,h4,h5,h6{
@@ -95,6 +98,7 @@ body{
     margin: 0.5rem 0.5rem 0 0.5rem;
     border-radius: 1rem;
     flex-grow: 1;
+    overflow: auto;
     @media (max-width: 500px){
       margin: 0.3rem;
       padding: 0.8rem;
@@ -107,7 +111,12 @@ body{
       box-shadow:0px 6px 20px 3px rgba($octopus-primary-color, 0.2) !important;
     }
   }
-
+  a.btn{
+		color: #383838;
+		&:hover{
+			color: #383838;
+		}
+	}
   a, a:hover{
     text-decoration: none;
     outline-width: 0;
@@ -208,6 +217,9 @@ body{
   .c-hand{
     cursor: pointer;
   }
+  .c-hand-auto {
+    cursor: auto;
+  }
 
   .html-wysiwyg-content{
     h3,h4{
@@ -229,7 +241,6 @@ body{
   @media (max-width: 960px) {
     .d-flex:not(.flex-column){
       flex-wrap: wrap;
-      flex-grow: 1;
     }
   }
 }

package/src/assets/multiselect.scss

@@ -16,40 +16,6 @@
         }
     }
 
-    .multiselect.light-multiselect {
-
-        .multiselect__single {
-            margin-bottom: 0;
-        }
-    }
-
-    .light-multiselect{
-        min-height: auto;
-        .multiselect__tags {
-            padding: 0 40px 0 0;
-            min-height: auto;
-        }
-        .multiselect__single {
-            margin-bottom: 0;
-        }
-        .multiselect__input,
-        .multiselect__single,
-        .multiselect__tags,
-        .multiselect--active .multiselect__select,
-        .multiselect__spinner {
-            background: transparent;
-        }
-        .multiselect--active .multiselect__select {
-            transform: unset;
-        }
-        .option__title {
-            font-weight: bold;
-        }
-        .octopus-arrow-down {
-            top: 2px;
-        }
-    }
-
     .multiselect-octopus-proposition{
         display: flex;
         align-items: center;

package/src/components/display/comments/CommentItem.vue

@@ -25,7 +25,6 @@
           }}</b>
           <Popover
             :target="'popover-comment' + comment.comId"
-            custom-class="wizard-help"
           >
             {{ $t('Comment waiting') }}
           </Popover>

package/src/components/display/live/CountDown.vue

@@ -44,7 +44,7 @@ export default defineComponent({
     }, 1000);
   },
   unmounted() {
-    clearInterval(this.countdownTimer);
+    clearInterval((this.countdownTimer as unknown as number));
   },
 
   methods: {

package/src/components/display/organisation/OrganisationChooser.vue

@@ -28,7 +28,7 @@
       :show-no-results="true"
       :hide-selected="true"
       :show-labels="false"
-      :class="{ 'light-multiselect': light }"
+      :class="{ 'multiselect-transparent': light }"
       @search-change="onSearchOrganisation"
       @open="onOpen"
       @close="onClose"
@@ -51,7 +51,6 @@
           >
           <span
             class="option__title"
-            :class="{ descriptionText: light }"
           >
             {{ option.name }}
           </span>
@@ -72,7 +71,6 @@
           >
           <span
             class="option__title"
-            :class="{ descriptionText: light }"
           >
             {{ option.name }}
           </span>
@@ -99,7 +97,6 @@
       </template>
       <template #caret="">
         <div
-          v-if="!light"
           class="position-relative"
         >
           <span

package/src/components/form/ClassicLoading.vue

@@ -10,7 +10,7 @@
   </div>
   <div
     v-else-if="errorText"
-    class="text-center"
+    class="text-center text-danger"
   >
     <h3>{{ errorText }}</h3>
   </div>

package/src/components/misc/LeftMenu.vue

@@ -81,7 +81,6 @@
       page="leftMenu"
       :defaultanswer="$t('No organisation filter')"
       :value="organisationId"
-      :light="true"
       :reset="reset"
       @selected="onOrganisationSelected"
     />

package/src/components/misc/TopBar.vue

@@ -30,7 +30,6 @@
       width="auto"
       :defaultanswer="$t('No organisation filter')"
       :value="organisationId"
-      :light="true"
       class="me-2"
       :reset="reset"
       @selected="onOrganisationSelected"