@saooti/octopus-sdk 34.0.11 → 34.0.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@saooti/octopus-sdk",
-  "version": "34.0.11",
+  "version": "34.0.13",
   "private": false,
   "description": "Javascript SDK for using octopus",
   "author": "Saooti",
@@ -8,7 +8,7 @@
     "serve": "vite preview",
     "build": "vite build",
     "dev": "vite",
-    "lint": "eslint --ext .js,.vue --ignore-path .gitignore --fix src",
+    "lint": "eslint --ext .js,.vue --fix src",
     "build_bundle": "vue-cli-service build --target lib --name octopus ./index.js",
     "prettifile": "prettier --single-quote --trailing-comma es5 --write",
     "prettify": "prettier --single-quote --trailing-comma es5 --write src/**/**/**/*.{js,vue}",
@@ -20,15 +20,15 @@
     "@vue/cli": "^5.0.8",
     "@vue/compat": "^3.2.45",
     "autoprefixer": "^10.4.13",
-    "axios": "^1.2.1",
+    "axios": "^1.2.2",
     "express": "^4.18.2",
     "hls.js": "^1.2.9",
     "humanize-duration": "^3.27.2",
     "jest": "^29.3.1",
-    "jquery": "^3.6.2",
+    "jquery": "^3.6.3",
     "moment": "^2.29.4",
     "qrcode.vue": "^3.3.3",
-    "sass": "^1.56.2",
+    "sass": "^1.57.1",
     "sonarqube-scanner": "^2.9.1",
     "swiper": "^8.4.5",
     "v-calendar": "^3.0.0-alpha.8",
@@ -43,18 +43,17 @@
     "vuex": "^4.1.0"
   },
   "devDependencies": {
-    "@types/jquery": "^3.5.14",
-    "@typescript-eslint/eslint-plugin": "^5.46.1",
-    "@typescript-eslint/parser": "^5.46.1",
+    "@types/jquery": "^3.5.16",
+    "@typescript-eslint/eslint-plugin": "^5.48.0",
+    "@typescript-eslint/parser": "^5.48.0",
     "@vitejs/plugin-vue": "^3.2.0",
     "@vue/compiler-sfc": "^3.2.45",
     "@vue/eslint-config-typescript": "^11.0.2",
-    "eslint": "^8.29.0",
-    "eslint-plugin-vue": "^9.8.0",
+    "eslint": "^8.31.0",
+    "eslint-plugin-vue": "^7.17.0",
     "typescript": "^4.9.4"
   },
   "eslintConfig": {
-    "parser": "vue-eslint-parser",
     "root": true,
     "env": {
       "node": true

package/src/App.vue

@@ -15,14 +15,14 @@
     />
     <CategoryFilter />
     <router-view />
-    <Footer />
+    <FooterOctopus />
     <Player />
   </div>
 </template>
 
 <script lang="ts">
 import TopBar from '@/components/misc/TopBar.vue';
-import Footer from '@/components/misc/Footer.vue';
+import FooterOctopus from '@/components/misc/Footer.vue';
 import Player from '@/components/misc/player/Player.vue';
 import CategoryFilter from '@/components/display/categories/CategoryFilter.vue';
 import { state } from './store/paramStore';
@@ -40,7 +40,7 @@ export default defineComponent({
     TopBar,
     LeftMenu,
     CategoryFilter,
-    Footer,
+    FooterOctopus,
     Player
   },
 

package/src/assets/share.scss

@@ -121,8 +121,7 @@
     .img-box {
       border-radius: 2rem !important;
       @media (max-width: 680px) {
-        margin-top: 1rem !important;
-        margin: auto;
+        margin: 1rem auto auto !important;
       }
     }
     @media (max-width: 680px) {

package/src/components/display/categories/CategoryFilter.vue

@@ -135,6 +135,7 @@ export default defineComponent({
           const queryString = newFilter.map(value => value.rubriquageId+':'+value.rubriqueId).join();
           this.$router.replace({ query: { ...this.$route.query, ...{ rubriquesId:"" !== queryString? queryString : undefined}} });
         }
+
         this.$store.commit('filterRubrique', newFilter);
       }
       if(event){

package/src/components/display/filter/ProductorSearch.vue

@@ -33,7 +33,7 @@
       :text-init="searchPattern"
       class="d-flex align-items-center flex-grow-1"
       :autofocus="true"
-      id-checkbox="productor-search-input"
+      idSearch="productor-search-input"
       :label="searchText"
       @update:textInit="$emit('update:searchPattern', $event)"
     />

package/src/components/display/playlist/PodcastList.vue

@@ -7,7 +7,7 @@
       v-if="!loading && notEmptyPlaylist"
       v-model:textInit="searchPattern"
       class="width-600 align-self-baseline mb-2"
-      id-checkbox="podcast-list-search"
+      idSearch="podcast-list-search"
       :label="$t('Search')"
     />
     <ListPaginate

package/src/components/display/podcasts/PodcastFilterList.vue

@@ -13,7 +13,7 @@
       <ClassicSearch
         v-model:textInit="searchPattern"
         class="flex-small-grow"
-        id-checkbox="podcast-filter-search"
+        idSearch="podcast-filter-search"
         :label="$t('Search')"
       />
     </div>
@@ -27,8 +27,8 @@
       :organisation-id="productorId"
       :reload="reloadList"
       :include-hidden="editRight"
-      :showCount="showCount"
-      :displaySortText="false"
+      :show-count="showCount"
+      :display-sort-text="false"
       @fetch="fetch"
     />
   </div>

package/src/components/display/podcasts/PodcastItem.vue

@@ -1,6 +1,5 @@
 <template>
   <div
-    id="podcast-item-container"
     class="podcast-item-container"
     :class="[
       podcastShadow ? 'shadow-element' : '',

package/src/components/misc/Nav.vue

@@ -28,7 +28,7 @@
     >
       <slot
         :name="'tab'+(index-1)"
-        :isActive="activeTab === (index-1)"
+        :is-active="activeTab === (index-1)"
       />
     </div>
   </div>

package/src/components/misc/Popover.vue

@@ -81,69 +81,71 @@ export default defineComponent({
 			}
     },
     setPopoverData (e: MouseEvent|PointerEvent) {
-			if(this.disable){
+			if(this.disable || !e || !e.target){
 				return;
 			}
-			if(e && e.target){
-				if("click"===e.type){
-					if(this.show && this.isClick){
-						this.isClick = false;
-						this.clearData();
-						return;
-					}
-					this.isClick = true;
+			if("click"===e.type){
+				if(this.show && this.isClick){
+					this.isClick = false;
+					this.clearData();
+					return;
 				}
-				this.show = true;
-				
-				let parentLeft = 0;
-				let parentRight = 0;
-				let parentTop = 0;
-				let parentScrollTop = 0;
-				if(this.relativeClass){
-					const modalBody = document.getElementsByClassName(this.relativeClass)[0];
-					if(undefined===modalBody){
-						(this.$refs.popover as HTMLElement).style.display = 'block';
-						this.posX = 0;
-						this.posY = 0;
-						return;
-					}
-					const modalBodyRect = modalBody.getBoundingClientRect();
-					parentLeft = modalBodyRect.left;
-					parentRight = modalBodyRect.right;
-					parentTop = modalBodyRect.top;
-					parentScrollTop=modalBody.scrollTop;
+				this.isClick = true;
+			}
+			this.show = true;
+			let parentLeft = 0;
+			let parentRight = 0;
+			let parentTop = 0;
+			let parentScrollTop = 0;
+			if(this.relativeClass){
+				const modalBody = document.getElementsByClassName(this.relativeClass)[0];
+				if(undefined===modalBody){
+					(this.$refs.popover as HTMLElement).style.display = 'block';
+					this.posX = 0;
+					this.posY = 0;
+					return;
 				}
-				const rectElement = (e.target as HTMLElement).getBoundingClientRect();
-				(this.$refs.popover as HTMLElement).style.display = 'block';
-				this.posX = this.leftPos? (rectElement.right  -parentRight  ) - (this.$refs.popover as HTMLElement).clientWidth : (rectElement.left -parentLeft );
-				this.posY = ((rectElement.bottom+ parentScrollTop ) - parentTop ) + (this.isFixed ? 0 : window.scrollY)+ 5;
+				const modalBodyRect = modalBody.getBoundingClientRect();
+				parentLeft = modalBodyRect.left;
+				parentRight = modalBodyRect.right;
+				parentTop = modalBodyRect.top;
+				parentScrollTop=modalBody.scrollTop;
 			}
+			const rectElement = (e.target as HTMLElement).getBoundingClientRect();
+			(this.$refs.popover as HTMLElement).style.display = 'block';
+			this.posX = this.leftPos? (rectElement.right  -parentRight  ) - (this.$refs.popover as HTMLElement).clientWidth : (rectElement.left -parentLeft );
+			this.posY = ((rectElement.bottom+ parentScrollTop ) - parentTop ) + (this.isFixed ? 0 : window.scrollY)+ 5;
     },
 		async clearDataBlur (e: FocusEvent) {
-			if(e.relatedTarget){
-				const myElement = e.relatedTarget as HTMLElement;
-				if(this.popoverId===myElement.id){return;}
-				const parent = this.$refs.popover as HTMLElement; 
-				if (null!==parent && parent.contains(myElement)) {
-					if(null!==myElement.classList && myElement.classList.contains('octopus-dropdown-item')){
-						if((myElement as HTMLAnchorElement).href ?? false){
-							if("true"===myElement.getAttribute('reallink')){
-								await myElement.click();
-							}else{
-								await this.$router.push((myElement as HTMLAnchorElement).pathname);
-							}
-						}
-						this.$nextTick(() => {
-							this.isClick = false;
-							this.clearData();
-						});
-					}
-					return;
-				}
+			if(!e.relatedTarget){
+				return this.clearClick();
+			}
+			const myElement = e.relatedTarget as HTMLElement;
+			if(this.popoverId===myElement.id){return;}
+			const parent = this.$refs.popover as HTMLElement; 
+			if (null===parent || !parent.contains(myElement)) {
+				return this.clearClick();
 			}
+			if(null===myElement.classList || !myElement.classList.contains('octopus-dropdown-item')){
+				return;
+			}
+			if(!(myElement as HTMLAnchorElement).href){
+				return this.clearClick();
+			}
+			if("true"===myElement.getAttribute('reallink')){
+				myElement.click();
+			}else{
+				await this.$router.push((myElement as HTMLAnchorElement).pathname);
+			}
+			this.$nextTick(() => {
+				this.isClick = false;
+				this.clearData();
+			});
+    },
+		clearClick(){
 			this.isClick = false;
 			this.clearData();
-    },
+		},
     clearData () {
 			if(this.isClick){
 				return;

package/src/components/mixins/player/playerDisplay.ts

@@ -3,7 +3,7 @@ import DurationHelper from '../../../helper/duration';
 import { state } from '../../../store/paramStore';
 import { defineComponent } from 'vue';
 import { RouteLocationRaw } from 'vue-router';
-import { MediaRadio, MetadataRadio, Radio } from '@/store/class/general/player';
+import { MetadataRadio, Radio } from '@/store/class/general/player';
 import octopusApi from '@saooti/octopus-api';
 export const playerDisplay = defineComponent({
 	props: {

package/src/components/pages/Emission.vue

@@ -50,7 +50,7 @@
           <ShareButtons
             v-if="pageParameters.isShareButtons"
             :emission="emission"
-            :isVertical="!authenticated && !notExclusive"
+            :is-vertical="!authenticated && !notExclusive"
           />
         </div>
       </div>
@@ -66,7 +66,7 @@
           :emission-id="emissionId"
         />
         <PodcastFilterList
-          :showCount="true"
+          :show-count="true"
           :emission-id="emissionId"
           :category-filter="false"
           :edit-right="editRight"

package/src/components/pages/Home.vue

@@ -71,14 +71,13 @@ export default defineComponent({
       deep: true,
       immediate: true,
       handler(){
-        if(this.rubriqueFilter.length){
-          this.updateRubriquageFilter();
-        }
+        this.updateRubriquageFilter();
       }
     }
   },
   methods:{
     updateRubriquageFilter(){
+      debugger;
       const length = this.rubriqueFilter.length;
       const rubriqueId: Array<number>= [];
       for (let index = 0; index < length; index++) {

package/src/components/pages/Participant.vue

@@ -37,7 +37,7 @@
             v-if="pageParameters.isShareButtons"
             :participant-id="participantId"
             :organisation-id="participant.orga.id"
-            :isVertical="false"
+            :is-vertical="false"
           />
         </div>
       </div>
@@ -47,7 +47,7 @@
         :name="name"
         :category-filter="true"
         :reload="reload"
-        :showCount="true"
+        :show-count="true"
       />
       <PodcastList
         v-else

package/src/components/pages/Playlist.vue

@@ -39,7 +39,7 @@
           <ShareButtons
             v-if="pageParameters.isShareButtons"
             :playlist="playlist"
-            :isVertical="true"
+            :is-vertical="true"
           />
         </div>
       </div>

package/src/components/pages/Podcast.vue

@@ -54,7 +54,7 @@
           <ShareButtons
             v-if="pageParameters.isShareButtons"
             :podcast="podcast"
-            :isVertical="!authenticated && !notExclusive"
+            :is-vertical="!authenticated && !notExclusive"
           />
         </div>
       </div>

package/src/components/pages/Search.vue

@@ -5,7 +5,7 @@
       v-if="!hideBar"
       v-model:textInit="rawQuery"
       :autofocus="true"
-      id-checkbox="search-page-input"
+      idSearch="search-page-input"
       :label="$t('Please type at least three characters')"
     />
     <PodcastList