@saooti/octopus-sdk 40.0.0 → 40.0.2

package/package.json

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

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

@@ -42,19 +42,25 @@
             class="flex-shrink-0"
             id-checkbox="search-future-checkbox"
             :label="textNotVisible"
-            :is-disabled="isCheckboxNotValidate && notValid"
+            :is-disabled="isSelectValidity && 'true'!==validity"
             @update:text-init="updateIncludeHidden"
           />
         </div>
-        <div v-if="isCheckboxNotValidate" class="d-flex flex-column mt-3">
-          <ClassicCheckbox
-            :text-init="notValid"
-            class="flex-shrink-0"
-            id-checkbox="search-not-validate-checkbox"
-            :label="textNotValidate"
-            @update:text-init="updateNotValid"
-          />
-        </div>
+        <ClassicSelect
+          v-if="isSelectValidity"
+          :text-init="validity"
+          id-select="valid-episodes-select"
+          :label="$t('Episodes to validate')+' :'"
+          :display-label="true"
+          class-label="flex-shrink-0 me-1"
+          class="d-flex align-items-center mt-3 mb-0"
+          :options="[
+            { title: $t('Display only episodes to validate'), value: 'false' },
+            { title: $t('Display episodes to validate'), value: '' },
+            { title: $t('Do not display episodes to validate'), value: 'true' },
+          ]"
+          @update:text-init="updateValidity"
+        />
         <ClassicCheckbox
           v-if="!isEmission"
           :text-init="onlyVideo"
@@ -92,6 +98,9 @@ const CategorySearchFilter = defineAsyncComponent(
 const RubriqueFilter = defineAsyncComponent(
   () => import("./RubriqueFilter.vue"),
 );
+const ClassicSelect = defineAsyncComponent(
+  () => import("../../form/ClassicSelect.vue"),
+);
 const ClassicCheckbox = defineAsyncComponent(
   () => import("../../form/ClassicCheckbox.vue"),
 );
@@ -106,6 +115,7 @@ export default defineComponent({
     DateFilter,
     SearchOrder,
     ChevronDownIcon,
+    ClassicSelect
   },
   mixins: [orgaComputed, rubriquesFilterParam],
   props: {
@@ -119,7 +129,7 @@ export default defineComponent({
     searchPattern: { default: "", type: String },
     fromDate: { default: undefined, type: String },
     toDate: { default: undefined, type: String },
-    notValid: { default: false, type: Boolean },
+    validity: { default: 'true', type: String },
     rubriqueFilter: {
       default: () => [],
       type: Array as () => Array<RubriquageFilter>,
@@ -133,7 +143,7 @@ export default defineComponent({
     "update:iabId",
     "update:sort",
     "update:includeHidden",
-    "update:notValid",
+    "update:validity",
     "update:rubriqueFilter",
     "update:onlyVideo",
   ],
@@ -163,7 +173,7 @@ export default defineComponent({
         ? this.$t("Consider podcasts no visible")
         : this.$t("See podcasts no visible");
     },
-    isCheckboxNotValidate(): boolean {
+    isSelectValidity(): boolean {
       return (
         undefined !== this.organisation &&
         this.organisationRight &&
@@ -173,11 +183,6 @@ export default defineComponent({
         this.includeHidden
       );
     },
-    textNotValidate(): string {
-      return this.isRoleProduction
-        ? this.$t("Display all podcasts to validate")
-        : this.$t("Display my podcasts to validate");
-    },
   },
   watch: {
     organisation(): void {
@@ -198,7 +203,7 @@ export default defineComponent({
       if (valSort !== this.sort) {
         this.$emit("update:sort", valSort);
       }
-      this.updateRouteParam({
+      this.updateRouteParamAdvanced({
         q: search.length ? search : undefined,
         s: valSort,
       });
@@ -207,7 +212,7 @@ export default defineComponent({
   methods: {
     updateMonetisable(value: string): void {
       this.$emit("update:monetisable", value);
-      this.updateRouteParam({ m: "UNDEFINED" !== value ? value : undefined });
+      this.updateRouteParamAdvanced({ m: "UNDEFINED" !== value ? value : undefined });
     },
     updateIab(value: number | undefined) {
       this.$emit("update:iabId", 0 !== value ? value : undefined);
@@ -215,26 +220,26 @@ export default defineComponent({
       if (this.filterIab && this.filterIab.id !== value) {
         filterIab = { iabId: undefined };
       }
-      this.updateRouteParam({
+      this.updateRouteParamAdvanced({
         ...{ i: value ? value.toString() : undefined },
         ...filterIab,
       });
     },
     updateSort(value: string) {
       this.$emit("update:sort", value);
-      this.updateRouteParam({ s: value });
+      this.updateRouteParamAdvanced({ s: value });
     },
     updateIncludeHidden(value: boolean) {
       this.$emit("update:includeHidden", value);
-      this.updateRouteParam({ h: value.toString() });
+      this.updateRouteParamAdvanced({ h: value.toString() });
     },
-    updateNotValid(value: boolean) {
-      this.$emit("update:notValid", value);
-      this.updateRouteParam({ nv: value.toString() });
+    updateValidity(value: boolean) {
+      this.$emit("update:validity", value);
+      this.updateRouteParamAdvanced({ vl: value.toString() });
     },
     updateOnlyVideo(value: boolean) {
       this.$emit("update:onlyVideo", value);
-      this.updateRouteParam({ v: value ? "true" : undefined });
+      this.updateRouteParamAdvanced({ v: value ? "true" : undefined });
     },
     updateDates(value: {
       from: string | undefined;
@@ -242,7 +247,7 @@ export default defineComponent({
     }): void {
       this.$emit("update:fromDate", value.from);
       this.$emit("update:toDate", value.to);
-      this.updateRouteParam({ from: value.from, to: value.to });
+      this.updateRouteParamAdvanced({ from: value.from, to: value.to });
     },
     updateRubriquageFilter(value: Array<RubriquageFilter>) {
       this.$emit("update:rubriqueFilter", value);
@@ -254,7 +259,7 @@ export default defineComponent({
       ) {
         filterRubriques = { rubriquesId: undefined };
       }
-      this.updateRouteParam({
+      this.updateRouteParamAdvanced({
         ...{ r: valueString.length ? valueString : undefined },
         ...filterRubriques,
       });

package/src/components/display/list/ListPaginate.vue

@@ -112,7 +112,7 @@ export default defineComponent({
         this.internSizeChange = false;
         return;
       }
-      this.updatePaginateRank(Math.floor(this.first / this.rowsPerPage) + 1);
+      this.updateRouteParam({pr:(Math.floor(this.first / this.rowsPerPage) + 1).toString()});
     },
   },
   methods: {

package/src/components/display/participant/ParticipantList.vue

@@ -104,6 +104,9 @@ export default defineComponent({
     changePaginate(): string {
       return `${this.first}|${this.size}`;
     },
+    sort(): string {
+      return !this.query ? "NAME" : "SCORE";
+    },
   },
   watch: {
     changePaginate() {
@@ -149,6 +152,7 @@ export default defineComponent({
               size: this.dsize,
               query: this.query,
               organisationId: this.organisation,
+              sort: this.sort
             },
             specialTreatement: true,
           },

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

@@ -87,7 +87,7 @@ export default defineComponent({
     showCount: { default: false, type: Boolean },
     displaySortText: { default: true, type: Boolean },
     sortCriteria: { default: undefined, type: String },
-    notValid: { default: undefined, type: Boolean },
+    validity: { default: 'true', type: String },
     rubriqueId: { default: () => [], type: Array as () => Array<number> },
     rubriquageId: { default: () => [], type: Array as () => Array<number> },
     noRubriquageId: { default: () => [], type: Array as () => Array<number> },
@@ -125,7 +125,7 @@ export default defineComponent({
     changed(): string {
       return `${this.organisation}|${this.emissionId}|${this.sortCriteria}|${this.sort}
       ${this.iabId}|${this.participantId}|${this.query}|${this.monetisable}|${this.popularSort}|
-      ${this.rubriqueId}|${this.rubriquageId}|${this.before}|${this.after}|${this.includeHidden}|${this.noRubriquageId}|${this.notValid}|
+      ${this.rubriqueId}|${this.rubriquageId}|${this.before}|${this.after}|${this.includeHidden}|${this.noRubriquageId}|${this.validity}|
       ${this.withVideo}`;
     },
     organisation(): Array<string> {
@@ -204,11 +204,11 @@ export default defineComponent({
         rubriqueId: this.rubriqueId.length ? this.rubriqueId : undefined,
         rubriquageId: this.rubriquageId.length ? this.rubriquageId : undefined,
         includeHidden: this.includeHidden,
-        validity: undefined !== this.notValid ? !this.notValid : undefined,
-        publisherId:
-          this.notValid && !this.isRoleProduction
+        validity: this.validity,
+        /* publisherId:
+          !this.onlyValid && !this.isRoleProduction
             ? this.authProfile?.userId
-            : undefined,
+            : undefined, */
         includeStatus: ["READY", "PROCESSING"],
         withVideo: this.withVideo,
       };

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

@@ -12,7 +12,8 @@
       class="d-flex align-items-center border p-1 m-1 text-dark"
       :to="{
         name: 'rubrique',
-        params: { rubriqueId: rubriqueId },
+        params: { rubriqueId: rubriqueId},
+        query: organisationQuery
       }"
     >
       {{ rubriquagesOrga[rubriqueId]?.name ?? rubriqueId}}
@@ -21,10 +22,11 @@
 </template>
 
 <script lang="ts">
-import { mapActions } from "pinia";
+import { mapActions, mapState } from "pinia";
 import { useSaveFetchStore } from "../../../stores/SaveFetchStore";
 import {defineComponent } from "vue";
-import { Rubrique } from "@/stores/class/rubrique/rubrique";
+import { Rubrique } from "../../../stores/class/rubrique/rubrique";
+import { useFilterStore } from "../../../stores/FilterStore";
 export default defineComponent({
   name: "TagList",
   components: {
@@ -42,6 +44,15 @@ export default defineComponent({
   created() {
     this.fetchRubriquages();
   },
+  computed:{
+    ...mapState(useFilterStore, ["filterOrgaId"]),
+    organisationQuery(){
+      if(this.filterOrgaId){
+        return undefined;
+      }
+      return { o: this.orgaId};
+    }
+  },
   methods:{
     ...mapActions(useSaveFetchStore, ["getOrgaRubriques"]),
     async fetchRubriquages(){

package/src/components/form/ClassicSearch.vue

@@ -55,6 +55,10 @@ export default defineComponent({
       height: 48px;
     }
 
+    input[type="search"]::-webkit-search-cancel-button {
+      display: none;
+    }
+    
     .search-icon-container {
       position: absolute;
       inset-block:0;

package/src/components/mixins/routeParam/advancedParamInit.ts

@@ -4,8 +4,9 @@ import { paginateParamInit } from "./paginateParamInit";
 import { rubriquesFilterParam } from "./rubriquesFilterParam";
 import { defineComponent } from 'vue';
 import { mapState } from "pinia";
-import { RubriquageFilter } from "@/stores/class/rubrique/rubriquageFilter";
+import { RubriquageFilter } from "../../../stores/class/rubrique/rubriquageFilter";
 import dayjs from "dayjs";
+import { useAuthStore } from "../../../stores/AuthStore";
 export const advancedParamInit = defineComponent({
   mixins: [orgaComputed, paginateParamInit, rubriquesFilterParam],
   props: {
@@ -19,6 +20,7 @@ export const advancedParamInit = defineComponent({
     routeTo: { default: undefined, type: String },
     routeOrga: { default: undefined, type: String },
     routeRubriques: { default: "", type: String },
+    routeValidity: { default: "", type: String },
   },
   data() {
     return {
@@ -30,7 +32,7 @@ export const advancedParamInit = defineComponent({
       toDate: undefined as string | undefined,
       includeHidden: false as boolean,
       sort: "DATE" as string, // SCORE, DATE, POPULARITY, NAME, LAST_PODCAST_DESC
-      notValid: false as boolean,
+      validity: 'true' as string,
       iabId: undefined as number | undefined,
       noRubriquageId: [] as Array<number>,
       rubriquageId: [] as Array<number>,
@@ -40,6 +42,7 @@ export const advancedParamInit = defineComponent({
     };
   },
   computed:{
+    ...mapState(useAuthStore, ["isRoleContribution",]),
     ...mapState(useFilterStore, ["filterRubrique", "filterIab"]),
     organisationRight(): boolean {
       return this.isEditRights(this.organisationId);
@@ -91,6 +94,9 @@ export const advancedParamInit = defineComponent({
     routeIncludeHidden(){
       this.initIncludeHidden();
     },
+    routeValidity(){
+      this.initValidity();
+    },
     routeFrom(){
       this.initFromDate();
     },
@@ -118,6 +124,7 @@ export const advancedParamInit = defineComponent({
       this.iabId = this.filterIab?.id ?? this.routeIab;
       this.initRubriquageFilter();
       this.initIncludeHidden();
+      this.initValidity();
       this.initMonetisable();
       this.initSort();
       this.initFromDate();
@@ -163,6 +170,14 @@ export const advancedParamInit = defineComponent({
     initIncludeHidden(){
       this.includeHidden = undefined !== this.organisation && this.organisationRight && "false"!==this.routeIncludeHidden;
     },
+    initValidity(){
+      const cantDisplay = this.isPodcastmaker || this.isEmission || !this.includeHidden || !this.isRoleContribution || !this.organisationRight;
+      if(cantDisplay){
+        this.validity = "true";
+      }else{
+        this.validity = this.routeValidity;
+      }
+    },
     initRubriquageFilter(){
       if(this.routeRubriques === this.stringifyRubriquesFilter(this.rubriqueFilter)){
         return

package/src/components/mixins/routeParam/paginateParamInit.ts

@@ -1,16 +1,43 @@
+import { useFilterStore } from '../../../stores/FilterStore';
+import { routeParams } from "../../mixins/routeParam/routeParams";
+import { mapState } from 'pinia';
 import { defineComponent } from 'vue';
 export const paginateParamInit = defineComponent({
+  mixins: [ routeParams],
   props: {
     pr: { default: 0, type: Number },
     ps: { default: 30, type: Number },
+    routeOrga: { default: undefined, type: String },
+    routeQuery: { default: "", type: String },
+  },
+  data() {
+    return {
+      organisationId: undefined as string | undefined,
+      searchPattern: "" as string,
+    };
   },
   computed:{
+    ...mapState(useFilterStore, ["filterOrgaId"]),
     paginateFirst(){
       if(!this.pr){
         return 0;
       }
       return  Math.max((this.pr - 1 ) * this.ps, 0);
-    }
-  }
+    },
+    searchMinSize(): string{
+      return this.searchPattern.length>3 ? this.searchPattern : "";
+    },
+  },
+  watch: {
+    searchPattern(value: string): void {
+      this.updateRouteParam({
+        q: this.searchMinSize.length ? this.searchMinSize : undefined,
+      });
+    },
+  },
+  created() {
+    this.organisationId = this.filterOrgaId ?? this.routeOrga;
+    this.searchPattern = this.routeQuery ?? "";
+  },
 });
 

package/src/components/mixins/routeParam/routeParams.ts

@@ -2,7 +2,7 @@ import { defineComponent } from 'vue';
 export const routeParams = defineComponent({
   methods: {
     checkPage(): boolean{
-      return ['podcasts', 'emissions', 'participants', 'playlists', 'productors'].includes(this.$route.name?.toString()??"");
+      return ['podcasts', 'emissions', 'participants', 'playlists', 'productors', 'rubrique'].includes(this.$route.name?.toString()??"");
     },
     checkPageAdvanced(): boolean{
       return ['podcasts', 'emissions'].includes(this.$route.name?.toString()??"");
@@ -12,12 +12,12 @@ export const routeParams = defineComponent({
         this.$router.push({query: {...this.$route.query, ...{ps:ps, pr:1}}});
       }
     },
-    updatePaginateRank(pr:number){
+    updateRouteParam(update: {[key:string]: string|undefined}){
       if(this.checkPage()){
-        this.$router.push({query: {...this.$route.query, ...{pr:pr}}});
+        this.$router.push({query: {...this.$route.query, ...update}});
       }
     },
-    updateRouteParam(update: {[key:string]: string|undefined}){
+    updateRouteParamAdvanced(update: {[key:string]: string|undefined}){
       if(this.checkPageAdvanced()){
         this.$router.push({query: {...this.$route.query, ...update}});
       }

package/src/components/pages/ParticipantsPage.vue

@@ -9,7 +9,7 @@
       :show-count="true"
       :first="paginateFirst"
       :size="ps"
-      :query="searchPattern"
+      :query="searchMinSize"
       :organisation-id="organisationId"
     />
   </section>
@@ -17,11 +17,9 @@
 
 <script lang="ts">
 import { paginateParamInit } from "../mixins/routeParam/paginateParamInit";
-import { useFilterStore } from "../../stores/FilterStore";
 import ParticipantList from "../display/participant/ParticipantList.vue";
 import ProductorSearch from "../display/filter/ProductorSearch.vue";
 import { defineComponent } from "vue";
-import { mapState } from "pinia";
 export default defineComponent({
   components: {
     ProductorSearch,
@@ -29,9 +27,10 @@ export default defineComponent({
   },
   mixins: [paginateParamInit],
   props: {
-    productor: { default: undefined, type: String },
     pr: { default: 0, type: Number },
     ps: { default: 30, type: Number },
+    routeOrga: { default: undefined, type: String },
+    routeQuery: { default: "", type: String },
   },
   data() {
     return {
@@ -39,11 +38,5 @@ export default defineComponent({
       organisationId: undefined as string | undefined,
     };
   },
-  computed: {
-    ...mapState(useFilterStore, ["filterOrgaId"]),
-  },
-  created() {
-    this.organisationId = this.productor ? this.productor : this.filterOrgaId;
-  },
 });
 </script>

package/src/components/pages/PlaylistsPage.vue

@@ -18,7 +18,7 @@
       :show-count="true"
       :first="paginateFirst"
       :size="ps"
-      :query="searchPattern"
+      :query="searchMinSize"
       :organisation-id="organisationId"
     />
   </section>
@@ -28,7 +28,6 @@
 import { paginateParamInit } from "../mixins/routeParam/paginateParamInit";
 import PlaylistList from "../display/playlist/PlaylistList.vue";
 import { useAuthStore } from "../../stores/AuthStore";
-import { useFilterStore } from "../../stores/FilterStore";
 import { state } from "../../stores/ParamSdkStore";
 import { defineComponent, defineAsyncComponent } from "vue";
 import { mapState } from "pinia";
@@ -42,9 +41,10 @@ export default defineComponent({
   },
   mixins: [paginateParamInit],
   props: {
-    productor: { default: undefined, type: String },
     pr: { default: 0, type: Number },
     ps: { default: 30, type: Number },
+    routeOrga: { default: undefined, type: String },
+    routeQuery: { default: "", type: String },
   },
 
   data() {
@@ -55,15 +55,10 @@ export default defineComponent({
   },
 
   computed: {
-    ...mapState(useFilterStore, ["filterOrgaId"]),
     ...mapState(useAuthStore, ["isRolePlaylists"]),
     isPodcastmaker(): boolean {
       return state.generalParameters.podcastmaker as boolean;
     },
   },
-
-  created() {
-    this.organisationId = this.productor ? this.productor : this.filterOrgaId;
-  },
 });
 </script>

package/src/components/pages/PodcastsPage.vue

@@ -12,7 +12,7 @@
       v-model:include-hidden="includeHidden"
       v-model:from-date="fromDate"
       v-model:to-date="toDate"
-      v-model:not-valid="notValid"
+      v-model:validity="validity"
       v-model:rubrique-filter="rubriqueFilter"
       :search-pattern="searchPattern"
       :is-emission="false"
@@ -29,12 +29,12 @@
       :after="fromDate"
       :sort-criteria="sort"
       :include-hidden="includeHidden"
-      :not-valid="notValid"
       :iab-id="iabId"
       :rubrique-id="rubriquesFilterArrayIds.rubriqueId"
       :rubriquage-id="rubriquesFilterArrayIds.rubriquageId"
       :no-rubriquage-id="rubriquesFilterArrayIds.noRubriquageId"
       :with-video="withVideo"
+      :validity="validity"
     />
   </section>
 </template>
@@ -63,14 +63,13 @@ export default defineComponent({
     routeIncludeHidden: { default: "", type: String },
     routeFrom: { default: undefined, type: String },
     routeTo: { default: undefined, type: String },
-    routeNotValid: { default: "", type: String },
+    routeValidity: { default: "", type: String },
     routeOnlyVideo: { default: "", type: String },
     routeOrga: { default: undefined, type: String },
     routeRubriques: { default: "", type: String },
   },
   data() {
     return {
-      notValid: false as boolean,
       onlyVideo: false as boolean,
     };
   },
@@ -83,15 +82,6 @@ export default defineComponent({
     },
   },
   watch: {
-    routeNotValid: {
-      immediate: true,
-      handler() {
-        this.notValid =
-          undefined !== this.organisation &&
-          this.organisationRight &&
-          "true" === this.routeNotValid;
-      },
-    },
     routeOnlyVideo: {
       immediate: true,
       handler() {

package/src/components/pages/RubriquePage.vue

@@ -1,38 +1,65 @@
 <template>
   <section class="page-box">
     <h1>{{ title }}</h1>
+    <ProductorSearch
+      v-model:organisation-id="organisationId"
+      v-model:search-pattern="searchPattern"
+    />
     <PodcastList
-      :first="firstRoute"
-      :size="sizeRoute"
-      :rubrique-id="rubriqueId"
+      :first="paginateFirst"
+      :size="ps"
+      :rubrique-id="[rubriqueId]"
+      :organisation-id="orgaArray"
+      :query="searchMinSize"
+      :sort-criteria="sortOrder ?? 'DATE'"
     />
   </section>
 </template>
 
 <script lang="ts">
+import { paginateParamInit } from "../mixins/routeParam/paginateParamInit";
+import { seoTitleUrl } from "../mixins/seoTitleUrl";
 import classicApi from "../../api/classicApi";
 import PodcastList from "../display/podcasts/PodcastList.vue";
-import { defineComponent } from "vue";
+import { defineAsyncComponent, defineComponent } from "vue";
 import { Rubrique } from "@/stores/class/rubrique/rubrique";
 import { useGeneralStore } from "../../stores/GeneralStore";
 import { mapState } from "pinia";
+const ProductorSearch = defineAsyncComponent(
+  () => import("../display/filter/ProductorSearch.vue"),
+);
 export default defineComponent({
   name: "RubriquePage",
   components: {
     PodcastList,
+    ProductorSearch
   },
+  mixins: [paginateParamInit, seoTitleUrl],
   props: {
-    firstRoute: { default: 0, type: Number },
-    sizeRoute: { default: 30, type: Number },
-    rubriqueId: { default: undefined, type: [Number] },
+    pr: { default: 0, type: Number },
+    ps: { default: 30, type: Number },
+    rubriqueId: { default: undefined, type: Number },
+    routeOrga: { default: undefined, type: String },
+    routeQuery: { default: "", type: String },
   },
   data() {
     return {
       title: "" as string,
+      organisationId: undefined as string | undefined,
+      searchPattern: "" as string,
     };
   },
   computed:{
     ...mapState(useGeneralStore, ["metaTitle"]),
+    orgaArray(): Array<string> {
+      return this.organisationId ? [this.organisationId] : [];
+    },
+    sortOrder(){
+      if(this.searchMinSize.length){
+        return "SCORE";
+      }
+      return undefined;
+    }
   },
   watch: {
     rubriqueId: {
@@ -42,8 +69,8 @@ export default defineComponent({
           api: 0,
           path: "rubrique/" + this.rubriqueId,
         });
+        this.updatePathParams(data.name);
         this.title = data.name;
-        document.title = this.title + ' - ' + this.metaTitle;
       },
     },
   },

package/src/locale/de.ts

@@ -264,10 +264,10 @@ export default {
   "Recaptcha not active": "Google CAPTCHA ist deaktiviert",
   "Comment waiting":
     "Der Kommentar ist für andere Besucher erst sichtbar, nachdem er validiert wurde.",
-  "Display all podcasts to validate":
-    "Alle noch nicht validierten Podcasts anzeigen",
-  "Display my podcasts to validate":
-    "Meine noch nicht validierten Podcasts anzeigen",
+  "Episodes to validate":"Episoden zur Validierung",
+  "Display only episodes to validate": "Nur Episoden zur Validierung anzeigen",
+  "Display episodes to validate": "Zeigen Sie Episoden zur Validierung an",
+  "Do not display episodes to validate": "Episoden zur Validierung nicht anzeigen",
   "Podcast not validated": "Nicht validierter Podcast",
   "Podcast to validate": "Podcast noch nicht validiert",
   "Change locale": "Ändere die Sprache",

package/src/locale/en.ts

@@ -259,8 +259,10 @@ export default {
   "Recaptcha not active": "The captcha google is deactivated",
   "Comment waiting":
     "The comment will not be visible to other users until it has been validated",
-  "Display all podcasts to validate": "Display all podcasts to validate",
-  "Display my podcasts to validate": "Display my podcasts to validate",
+  "Episodes to validate":"Episodes to validate",
+  "Display only episodes to validate": "Display only episodes to validate",
+  "Display episodes to validate": "Display episodes to validate",
+  "Do not display episodes to validate": "Do not display episodes to validate",
   "Podcast not validated": "Podcast not validated",
   "Podcast to validate": "Podcast to validate",
   "Change locale": "Change the language",

package/src/locale/es.ts

@@ -264,10 +264,10 @@ export default {
   "Recaptcha not active": "El Captcha de Google está desactivado",
   "Comment waiting":
     "Los demás usuarios podrán ver el comentario tras su validación",
-  "Display all podcasts to validate":
-    "Mostrar todos los pódcast pendientes de validación",
-  "Display my podcasts to validate":
-    "Mostrar mis pódcast pendientes de validación",
+  "Episodes to validate":"Episodios para validar",
+  "Display only episodes to validate": "Mostrar solo episodios para validar",
+  "Display episodes to validate": "Mostrar episodios para validar",
+  "Do not display episodes to validate": "No mostrar episodios para validar",
   "Podcast not validated": "Pódcast no validado",
   "Podcast to validate": "Pódcast pendiente de validación",
   "Change locale": "Cambiar el idioma",

package/src/locale/fr.ts

@@ -266,8 +266,10 @@ export default {
   "Recaptcha not active": "Attention le captcha google est désactivé",
   "Comment waiting":
     "Le commentaire ne sera pas visible par les autres utilisateurs tant qu'il n'aura pas été validé.",
-  "Display all podcasts to validate": "Afficher tous les épisodes à valider",
-  "Display my podcasts to validate": "Afficher mes épisodes à valider",
+  "Episodes to validate":"Épisodes à valider",
+  "Display only episodes to validate": "Afficher uniquement les épisodes à valider",
+  "Display episodes to validate": "Afficher les épisodes à valider",
+  "Do not display episodes to validate": "Ne pas afficher les épisodes à valider",
   "Podcast not validated": "L'épisode n'est pas validé",
   "Podcast to validate": "Épisode à valider",
   "Change locale": "Changer la langue",

package/src/locale/it.ts

@@ -261,8 +261,10 @@ export default{
     'Recaptcha not active': 'Google captcha disattivato', 
     'Comment waiting':
       "Questo commento non sarà visibile ad altri utenti fino a quando non sarà validato", 
-    'Display all podcasts to validate': 'Mostra tutti i podcast da validare',
-    'Display my podcasts to validate': 'Mostra i miei podcast da validare',
+    "Episodes to validate":"Episodi da convalidare",
+    "Display only episodes to validate": "Mostra solo gli episodi da convalidare",
+    "Display episodes to validate": "Mostra episodi da convalidare",
+    "Do not display episodes to validate": "Non visualizzare gli episodi per convalidarli",
     'Podcast not validated': "Podcast non validato",
     'Podcast to validate': 'Podcast da validare',
     'Change locale': 'Cambia la lingua', 

package/src/locale/sl.ts

@@ -256,9 +256,10 @@ export default {
   "Recaptcha error": "Google Recaptcha meni, da niste človek",
   "Recaptcha not active": "Captcha google je deaktiviran",
   "Comment waiting": "Komentar je do potrditve skrit za druge uporabnike",
-  "Display all podcasts to validate":
-    "Prikaži vse podkaste, ki jih je treba potrditi",
-  "Display my podcasts to validate": "Prikaži moje podkaste za potrditev",
+  "Episodes to validate":"Epizode za potrditev",
+  "Display only episodes to validate": "Pokaži samo epizode za potrditev",
+  "Display episodes to validate": "Prikaži epizode za potrditev",
+  "Do not display episodes to validate": "Ne prikazuj epizod za preverjanje",
   "Podcast not validated": "Podkasti niso potrjeni",
   "Podcast to validate": "Podkasti, ki jih je treba potrditi",
   "Change locale": "Spremenite jezik",

package/src/router/router.ts

@@ -91,7 +91,7 @@ const routes: Array<RouteRecordRaw> = [
       routeIncludeHidden: route.query.h ?? "",
       routeFrom: route.query.from,
       routeTo: route.query.to,
-      routeNotValid:route.query.nv ?? "",
+      routeValidity:route.query.vl ?? "",
       routeOnlyVideo:route.query.v ?? "",
       routeOrga:route.query.o,
       routeRubriques :route.query.r,
@@ -128,6 +128,8 @@ const routes: Array<RouteRecordRaw> = [
     props: (route: RouteLocationNormalized) => ({
       pr: route.query.pr ? parseInt(route.query.pr.toString(), 10) : undefined,
       ps: route.query.ps ? parseInt(route.query.ps.toString(), 10) : undefined,
+      routeOrga:route.query.o,
+      routeQuery: route.query.q ?? "",
     }),
     meta:{
       title: "Speakers",
@@ -190,18 +192,15 @@ const routes: Array<RouteRecordRaw> = [
     }
   },
   {
-    path: "/main/pub/rubrique/:rubriqueId/:productor?",
+    path: "/main/pub/rubrique/:rubriqueId(\\d+):title([^?]*)?:productor?",
     name: "rubrique",
     component: RubriquePage,
     props: (route: RouteLocationNormalized) => ({
-      firstRoute: route.query.first
-        ? parseInt(route.query.first.toString(), 10)
-        : 0,
-      sizeRoute: route.query.size
-        ? parseInt(route.query.size.toString(), 10)
-        : 12,
+      pr: route.query.pr ? parseInt(route.query.pr.toString(), 10) : undefined,
+      ps: route.query.ps ? parseInt(route.query.ps.toString(), 10) : undefined,
       rubriqueId: parseInt(route.params.rubriqueId.toString(), 10),
-      productor: route.params.productor,
+      routeOrga:route.query.o,
+      routeQuery: route.query.q ?? "",
     }),
     meta:{
       title: "",
@@ -236,6 +235,8 @@ const routes: Array<RouteRecordRaw> = [
     props: (route: RouteLocationNormalized) => ({
       pr: route.query.pr ? parseInt(route.query.pr.toString(), 10) : undefined,
       ps: route.query.ps ? parseInt(route.query.ps.toString(), 10) : undefined,
+      routeOrga:route.query.o,
+      routeQuery: route.query.q ?? "",
     }),
     meta:{
       title: "Playlists"

package/src/style/_variables.scss

@@ -34,22 +34,3 @@
     --octopus-line-clamp:2;
     --octopus-max-height-description: 7rem;
 }
-
-:root.dark-theme{
-    // Colors
-    --octopus-background: oklch(100% 0 0deg);
-    --octopus-primary: oklch(55% 0.118 159.16deg);
-    --octopus-secondary: oklch(90% 0 0deg);
-    --octopus-tertiary: oklch(45.74% 0.0822 222.06deg);
-    --octopus-danger: oklab(50% 0.18 0.105);
-    --octopus-warning:oklch(55% 0.1647 42.35deg);
-    --octopus-gray-text: oklch(44.75% 0.0121 229.13deg);
-    --octopus-color-text: oklch(30% 0 0deg);
-    --octopus-color-on-primary: oklch(100% 0 0deg);
-    --octopus-border-default: oklch(91% 0.007 248deg);
-    --octopus-shadow: oklch(0% 0 0deg / 40%); 
-    --octopus-player-color:oklch(27% 0 0deg);
-    --octopus-gray: oklch(50% 0 0deg);
-}
-
-