@saooti/octopus-sdk 30.0.11 → 30.0.15

package/README.md

@@ -508,4 +508,8 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 30.0.8 Améliorations diverses
  * 30.0.9 Améliorations diverses
  * 30.0.10 PB clearInterval
- * 30.0.11 Version pour release
+ * 30.0.11 Version pour release
+ * 30.0.12 Export ClasicLoading
+ * 30.0.13 Améliorations css
+ * 30.0.14 Améliorations css
+ * 30.0.15 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.11",
+  "version": "30.0.15",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -14,10 +14,10 @@
   },
   "main": "./dist/octopus.common.js",
   "dependencies": {
-    "@popperjs/core": "^2.10.2",
+    "@popperjs/core": "^2.11.0",
     "@saooti/octopus-api": "^0.30.2",
-    "@vue/cli": "^5.0.0-rc.0",
-    "@vue/compat": "^3.2.21",
+    "@vue/cli": "^5.0.0-rc.1",
+    "@vue/compat": "^3.2.26",
     "axios": "^0.24.0",
     "bootstrap": "^5.1.3",
     "core-js": "^3.19.01",
@@ -42,22 +42,22 @@
     "webpack": "^5.62.1"
   },
   "devDependencies": {
-    "@types/bootstrap": "^5.1.6",
+    "@types/bootstrap": "^5.1.8",
     "@types/hls.js": "^1.0.0",
-    "@types/jquery": "^3.5.8",
+    "@types/jquery": "^3.5.11",
     "@types/vue-datetime": "^1.0.1",
-    "@typescript-eslint/eslint-plugin": "^5.3.0",
-    "@typescript-eslint/parser": "^5.3.0",
-    "@vue/cli-plugin-babel": "^5.0.0-rc.0",
-    "@vue/cli-plugin-eslint": "^5.0.0-rc.0",
-    "@vue/cli-plugin-typescript": "^5.0.0-rc.0",
-    "@vue/cli-service": "^5.0.0-rc.0",
-    "@vue/compiler-sfc": "^3.2.21",
+    "@typescript-eslint/eslint-plugin": "^5.8.1",
+    "@typescript-eslint/parser": "^5.8.1",
+    "@vue/cli-plugin-babel": "^5.0.0-rc.1",
+    "@vue/cli-plugin-eslint": "^5.0.0-rc.1",
+    "@vue/cli-plugin-typescript": "^5.0.0-rc.1",
+    "@vue/cli-service": "^5.0.0-rc.1",
+    "@vue/compiler-sfc": "^3.2.26",
     "@vue/eslint-config-typescript": "^8.0.0",
     "babel-eslint": "^10.1.0",
     "eslint": "^8.2.0",
     "eslint-plugin-vue": "^7.20.0",
-    "typescript": "^4.4.4"
+    "typescript": "^4.5.4"
   },
   "eslintConfig": {
     "parser": "vue-eslint-parser",

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;
@@ -257,6 +255,9 @@
     .accordion-button {
         padding: 0.5rem;
     }
+    .accordion-item:not(:first-of-type) {
+        border-top: 0.1rem solid rgba(0, 0, 0, 0.125);
+    }
     .breadcrumb{
         padding: 1rem;
         align-items: center;

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;
@@ -213,6 +217,9 @@ body{
   .c-hand{
     cursor: pointer;
   }
+  .c-hand-auto {
+    cursor: auto;
+  }
 
   .html-wysiwyg-content{
     h3,h4{
@@ -234,7 +241,6 @@ body{
   @media (max-width: 960px) {
     .d-flex:not(.flex-column){
       flex-wrap: wrap;
-      flex-grow: 1;
     }
   }
 }

package/src/assets/multiselect.scss

@@ -166,7 +166,6 @@
         line-height: 28px;
         border: none;
         border-radius: 5px;
-        background: #fff;
         padding: 0 0 0 5px;
         width: 100%;
         transition: border 0.1s ease;

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/organisation/OrganisationChooserLight.vue

@@ -1,7 +1,7 @@
 <template>
   <div
     v-if="(!value || init) && organisation"
-    class="default-multiselect-width"
+    class="default-multiselect-width organisation-chooser-light"
     :style="{ width: width }"
   >
     <select
@@ -27,7 +27,6 @@
 
 <script lang="ts">
 import octopusApi from '@saooti/octopus-api';
-
 import { Organisation } from '@/store/class/general/organisation';
 import { defineComponent } from 'vue'
 export default defineComponent({
@@ -83,8 +82,8 @@ export default defineComponent({
 })
 </script>
 
-<style lang="scss" scoped>
-select {
+<style lang="scss">
+.organisation-chooser-light select {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;

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/pages/Emission.vue

@@ -14,6 +14,7 @@
             :rss-emission="rssEmission"
             :ftp-emission="ftpEmission"
             :is-ready="isReady"
+            @isUpdated="getEmissionDetails"
           />
           <div class="module-box">
             <h2 v-if="!isOuestFrance">
@@ -215,8 +216,6 @@ export default defineComponent({
   },
   watch: {
     emissionId(): void {
-      this.loaded = false;
-      this.error = false;
       this.getEmissionDetails();
     },
   },
@@ -226,6 +225,8 @@ export default defineComponent({
   },
   methods: {
     async getEmissionDetails(): Promise<void> {
+      this.loaded = false;
+      this.error = false;
       try {
         const data: Emission = await octopusApi.fetchEmission(this.emissionId);
         this.emission = data;