@saooti/octopus-sdk 30.0.4 → 30.0.8

package/README.md

@@ -496,8 +496,13 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
  * 29.0.27 Petit cursor:pointer des familles
  * 29.0.28 Petite couleur des familles
  * 29.0.29 Amélioration Popover
+ * 29.0.30 Amélioration Popover
 
  * 30.0.1 Nouveau sprint
  * 30.0.2 Correction css
  * 30.0.3 Ajout tag page podcast
  * 30.0.4 Remplacer la version "classique" des miniplayers par la version beta
+ * 30.0.5 Tri des classes dans des sous dossiers
+ * 30.0.6 Merge 29
+ * 30.0.7 Améliorations css
+ * 30.0.8 Améliorations diverses

package/index.ts

@@ -49,6 +49,11 @@ import RubriqueChooser from "./src/components/display/rubriques/RubriqueChooser.
 import CommentList from "./src/components/display/comments/CommentList.vue";
 import CommentInput from "./src/components/display/comments/CommentInput.vue";
 
+//form
+import ClassicSearch from "./src/components/form/ClassicSearch.vue";
+import ClassicCheckbox from "./src/components/form/ClassicCheckbox.vue";
+import ClassicRadio from "./src/components/form/ClassicRadio.vue";
+
 //mixins
 import {selenium} from "./src/components/mixins/functions";
 import {cookies} from "./src/components/mixins/functions";
@@ -99,7 +104,10 @@ const components = {
     orgaFilter,
     initSDK,
     Popover,
-    tagOfMixins
+    tagOfMixins,
+    ClassicSearch,
+    ClassicCheckbox,
+    ClassicRadio
 }
 
 export default components;
@@ -146,5 +154,8 @@ export {
     orgaFilter,
     initSDK,
     Popover,
-    tagOfMixins
+    tagOfMixins,
+    ClassicSearch,
+    ClassicCheckbox,
+    ClassicRadio
 };

package/package.json

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

package/src/App.vue

@@ -24,12 +24,12 @@ import LeftMenu from '@/components/misc/LeftMenu.vue';
 import Footer from '@/components/misc/Footer.vue';
 import CategoryFilter from '@/components/display/categories/CategoryFilter.vue';
 import { state } from './store/paramStore';
-import { Rubriquage } from './store/class/rubriquage';
-import { RubriquageFilter } from './store/class/rubriquageFilter';
-import { Rubrique } from './store/class/rubrique';
+import { Rubriquage } from './store/class/rubrique/rubriquage';
+import { RubriquageFilter } from './store/class/rubrique/rubriquageFilter';
+import { Rubrique } from './store/class/rubrique/rubrique';
 import { initSDK } from './components/mixins/init';
 import { defineComponent } from 'vue'
-import { Category } from './store/class/category';
+import { Category } from './store/class/general/category';
 export default defineComponent({
   name: 'App',
   

package/src/api/comments.ts

@@ -1,4 +1,4 @@
-import { CommentPodcast } from "@/store/class/comment";
+import { CommentPodcast } from "@/store/class/general/comment";
 import { StoreState } from "@/store/typeAppStore";
 
 import octopusApi from '@saooti/octopus-api';

package/src/assets/bootstrap-diff.scss

@@ -240,12 +240,13 @@
         display: none;
       }    
     .dropdown-menu {
-        padding: $dropdown-padding-y 0.5rem;
+        padding: 0.5rem;
         @media (max-width: 450px) {
             min-width: 15rem;
         } 
     }
     .dropdown-item {
+        cursor: pointer;
         font-size: 0.8rem;
         @media (max-width: 450px) {
             padding: 0.25rem 0;

package/src/assets/form.scss

@@ -5,6 +5,13 @@
 	.width-auto{
 	width: auto !important;
 	}
+	select {
+		background: white !important;
+		outline-color: transparent !important;
+		padding: 0.5rem;
+		border: 0.1rem solid #dee2e6;
+		border-radius: 0.3rem;
+	}
 
 	.form-input {
 		-webkit-appearance: none;
@@ -35,21 +42,6 @@
 		cursor: pointer;
 	}
 
-	.basic-select{
-	background: white;
-	min-height: 40px;
-	text-align: left;
-	color: #35495e;
-	padding: 0.5rem;
-	border-radius: 0.3rem;
-	border-style: none;
-	outline: transparent;
-	width: 350px;
-	margin-bottom: 1rem;
-	overflow: hidden;
-  text-overflow: ellipsis;
-	}
-
 	.filter-search-input{
 	flex-grow: 1;
 	height: 2rem;

package/src/assets/general.scss

@@ -51,6 +51,13 @@ body{
     }
 
   }
+  .d-flex-column{
+		display: flex;
+		flex-direction: row;
+		@media (max-width: 960px) {
+			flex-direction: column;
+		}
+	}
 
   .primary-color{
     color: $octopus-primary-color;
@@ -66,14 +73,6 @@ body{
     background: $octopus-background;
   }
 
-  .border-primary{
-    border-color:$octopus-primary-color !important;
-    border-radius: 3rem;
-    border-radius: 3rem;
-    border-style: inset;
-    border-width: 1px;;
-  }
-
   .pe-5 {
     @media (max-width: 960px) {
       padding-right: 5px !important;
@@ -84,6 +83,10 @@ body{
       padding-left: 5px !important;
     }
   }
+  .horizontal-separator {
+		border-top: 1px solid rgb(243, 243, 243);
+		margin: 0.5rem 0;
+	}
 
   .page-box{
     background-color: $octopus-background;
@@ -132,15 +135,12 @@ body{
     text-decoration: none;
     outline-width: 0;
   }
-
-  a.linkHover.router-link-exact-active.router-link-active {
-    color: $octopus-primary-color !important;
+  a.link-hover{
+    color: black !important;
   }
-
-  a.linkHover:hover{
+  a.link-hover.router-link-exact-active.router-link-active, a.link-hover:hover {
     color: $octopus-primary-color !important;
   }
-
   .descriptionText{
     white-space: pre-wrap; 
     word-wrap: break-word;
@@ -154,15 +154,9 @@ body{
   .alert-text{
     color: $octopus-alert-text;
   }
-  .flex-grow{
-    flex-grow: 1;
-  }
   .flex-super-grow{
     flex-grow: 2;
   }
-  .flex-shrink{
-    flex-shrink: 0;
-  }
   .text-center-mobile{
     text-align: inherit;
     @media (max-width: 960px) {

package/src/assets/multiselect.scss

@@ -7,7 +7,7 @@
     .default-multiselect-width {
         width: 100%;
     }
-    .default-multiselect-width .basic-select {
+    .default-multiselect-width {
         width: auto;
         -webkit-appearance: none;
         -moz-appearance: none;
@@ -15,7 +15,7 @@
         text-overflow: '';
         font-size: 1rem;
         @media (max-width: 450px) {
-            background: #eee !important;
+            background: transparent !important;
             width: 98%;
         }
     }

package/src/assets/share.scss

@@ -1,14 +1,6 @@
 @import '../sass/_variables.scss';
 .octopus-app{
-  .search-icon-container {
-      position: absolute;
-      top: 0;
-      bottom: 0;
-      right: 0;
-      display: flex;
-      align-items: center;
-  }
-  .share-container {
+  .flex-grow-mobile {
       @media (max-width: 960px) {
           flex-grow: 1;
       }
@@ -18,9 +10,6 @@
       margin-bottom: 2px;
       height: 25px;
   }
-  .flex-no-grow {
-      flex-grow: 0 !important;
-  }
   .custom-radio .custom-control-label {
       cursor: pointer;
   }

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

@@ -75,7 +75,7 @@ const getDefaultCategory = (defaultName: string) => {
   return { name: defaultName, id: 0 };
 };
 
-import { Category } from '@/store/class/category';
+import { Category } from '@/store/class/general/category';
 import { defineComponent } from 'vue'
 export default defineComponent({
   components: {

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

@@ -60,10 +60,10 @@
 </template>
 
 <script lang="ts">
-import { Category } from '@/store/class/category';
-import { Rubriquage } from '@/store/class/rubriquage';
-import { RubriquageFilter } from '@/store/class/rubriquageFilter';
-import { Rubrique } from '@/store/class/rubrique';
+import { Category } from '@/store/class/general/category';
+import { Rubriquage } from '@/store/class/rubrique/rubriquage';
+import { RubriquageFilter } from '@/store/class/rubrique/rubriquageFilter';
+import { Rubrique } from '@/store/class/rubrique/rubrique';
 import { defineComponent, defineAsyncComponent } from 'vue';
 const CategoryList = defineAsyncComponent(() => import('./CategoryList.vue'));
 const RubriqueList = defineAsyncComponent(() => import('./../rubriques/RubriqueList.vue'));

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

@@ -44,7 +44,7 @@
 import octopusApi from '@saooti/octopus-api';
 import { state } from '../../../store/paramStore';
 
-import { Category } from '@/store/class/category';
+import { Category } from '@/store/class/general/category';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'CategoryList',

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

@@ -80,9 +80,9 @@ import octopusApi from '@saooti/octopus-api';
 import commentApi from '@/api/comments';
 import { cookies } from '../../mixins/functions';
 import { state } from '../../../store/paramStore';
-import { Podcast } from '@/store/class/podcast';
-import { Conference } from '@/store/class/conference';
-import { CommentPodcast } from '@/store/class/comment';
+import { Podcast } from '@/store/class/general/podcast';
+import { Conference } from '@/store/class/conference/conference';
+import { CommentPodcast } from '@/store/class/general/comment';
 
 import { defineComponent, defineAsyncComponent } from 'vue';
 const AddCommentModal = defineAsyncComponent(() => import('./AddCommentModal.vue'));

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

@@ -18,6 +18,7 @@
         <template v-else>
           <b
             :id="'popover-comment' + comment.comId"
+            tabindex="-1"
             class="mr-2 text-danger"
           >{{
             comment.name
@@ -181,9 +182,9 @@
 <script lang="ts">
 import { state } from '../../../store/paramStore';
 import { displayMethods, selenium } from '../../mixins/functions';
-import { CommentPodcast } from '@/store/class/comment';
-import { Podcast } from '@/store/class/podcast';
-import { Conference } from '@/store/class/conference';
+import { CommentPodcast } from '@/store/class/general/comment';
+import { Podcast } from '@/store/class/general/podcast';
+import { Conference } from '@/store/class/conference/conference';
 import moment from 'moment';
 import Popover from '../../misc/Popover.vue';
 import { defineComponent, defineAsyncComponent } from 'vue';

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

@@ -52,11 +52,11 @@ import { state } from '../../../store/paramStore';
 import octopusApi from '@saooti/octopus-api';
 import moment from 'moment';
 
-import { Podcast } from '@/store/class/podcast';
-import { Conference } from '@/store/class/conference';
-import { CommentPodcast } from '@/store/class/comment';
+import { Podcast } from '@/store/class/general/podcast';
+import { Conference } from '@/store/class/conference/conference';
+import { CommentPodcast } from '@/store/class/general/comment';
 import { defineComponent, defineAsyncComponent } from 'vue';
-import { FetchParam } from '@/store/class/fetchParam';
+import { FetchParam } from '@/store/class/general/fetchParam';
 /* eslint-disable */
 const CommentItem: any = defineAsyncComponent(() => import('./CommentItem.vue'));
 /* eslint-enable */

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

@@ -35,7 +35,7 @@
 <script lang="ts">
 import octopusApi from '@saooti/octopus-api';
 import moment from 'moment';
-import { CommentPodcast } from '@/store/class/comment';
+import { CommentPodcast } from '@/store/class/general/comment';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'CommentParentInfo',

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

@@ -22,7 +22,7 @@
       v-if="displayContent"
       class="comment-content"
     >
-      <div class="primary-color flex-shrink">
+      <div class="primary-color flex-shrink-0">
         {{ displayContent.name }}
       </div>
       <div class="ms-1 me-1">
@@ -36,7 +36,7 @@
 </template>
 
 <script lang="ts">
-import { CommentPodcast } from '@/store/class/comment';
+import { CommentPodcast } from '@/store/class/general/comment';
 import { selenium } from '../../mixins/functions';
 import { defineComponent } from 'vue'
 export default defineComponent({

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

@@ -43,12 +43,12 @@
 import CommentList from './CommentList.vue';
 import CommentInput from './CommentInput.vue';
 import { cookies } from '../../mixins/functions';
-import { Podcast } from '@/store/class/podcast';
-import { Conference } from '@/store/class/conference';
+import { Podcast } from '@/store/class/general/podcast';
+import { Conference } from '@/store/class/conference/conference';
 
 import { defineComponent } from 'vue'
 import CommentListVue from './CommentList.vue';
-import { CommentPodcast } from '@/store/class/comment';
+import { CommentPodcast } from '@/store/class/general/comment';
 export default defineComponent({
   name: 'CommentSection',
 

package/src/components/display/edit/EditBox.vue

@@ -3,7 +3,7 @@
 </template>
 
 <script lang="ts">
-import { CommentPodcast } from '@/store/class/comment';
+import { CommentPodcast } from '@/store/class/general/comment';
 import { defineComponent } from 'vue'
 export default defineComponent({
   methods:{

package/src/components/display/edit/EditCommentBox.vue

@@ -34,7 +34,7 @@
 </template>
 
 <script lang="ts">
-import { CommentPodcast } from '@/store/class/comment';
+import { CommentPodcast } from '@/store/class/general/comment';
 import { defineComponent } from 'vue'
 export default defineComponent({
   props: {

package/src/components/display/emission/EmissionChooser.vue

@@ -107,9 +107,9 @@ const getDefaultEmission = (defaultName: string): Emission|undefined => {
   };
 };
 
-import { Emission } from '@/store/class/emission';
+import { Emission } from '@/store/class/general/emission';
 import { defineComponent } from 'vue'
-import { FetchParam } from '@/store/class/fetchParam';
+import { FetchParam } from '@/store/class/general/fetchParam';
 export default defineComponent({
   components: {
     VueMultiselect

package/src/components/display/emission/EmissionInlineList.vue

@@ -47,7 +47,7 @@
       <EmissionPlayerItem
         v-for="e in emissions"
         :key="e.emissionId"
-        class="flex-shrink item-phone-margin"
+        class="flex-shrink-0 item-phone-margin"
         :emission="e"
         :class="[alignLeft ? 'me-3' : '', mainRubriquage(e)]"
         :nb-podcasts="nbPodcasts"
@@ -74,8 +74,8 @@ import { state } from '../../../store/paramStore';
 
 const PHONE_WIDTH = 960;
 
-import { Emission } from '@/store/class/emission';
-import { Rubrique } from '@/store/class/rubrique';
+import { Emission } from '@/store/class/general/emission';
+import { Rubrique } from '@/store/class/rubrique/rubrique';
 import { defineComponent } from 'vue'
 export default defineComponent({
   name: 'EmissionInlineList',

package/src/components/display/emission/EmissionItem.vue

@@ -26,7 +26,7 @@
         class="d-flex"
       >
         <div
-          class="img-box-light flex-shrink"
+          class="img-box-light flex-shrink-0"
           :style="{ 'background-image': 'url(\'' + emission.imageUrl + '\')' }"
         />
         <div class="emission-light-title">
@@ -70,7 +70,7 @@
           <!-- eslint-enable -->
         </div>
       </router-link>
-      <div class="flex-grow" />
+      <div class="flex-grow-1" />
       <router-link
         v-if="!isPodcastmaker"
         :to="{
@@ -89,7 +89,7 @@
 </template>
 
 <script lang="ts">
-import { Emission } from '@/store/class/emission';
+import { Emission } from '@/store/class/general/emission';
 import { state } from '../../../store/paramStore';
 import octopusApi from '@saooti/octopus-api';
 import { displayMethods } from '../../mixins/functions';

package/src/components/display/emission/EmissionList.vue

@@ -37,7 +37,7 @@
         v-for="e in emissions"
         :key="e.emissionId"
         :emission="e"
-        class="m-3 flex-shrink"
+        class="m-3 flex-shrink-0"
         :class="mainRubriquage(e)"
         :rubrique-name="rubriquesId(e)"
         @emissionNotVisible="displayCount--"
@@ -63,10 +63,10 @@
 import octopusApi from '@saooti/octopus-api';
 import { state } from '../../../store/paramStore';
 
-import { Emission } from '@/store/class/emission';
-import { Rubrique } from '@/store/class/rubrique';
+import { Emission } from '@/store/class/general/emission';
+import { Rubrique } from '@/store/class/rubrique/rubrique';
 import { defineComponent, defineAsyncComponent } from 'vue';
-import { FetchParam } from '@/store/class/fetchParam';
+import { FetchParam } from '@/store/class/general/fetchParam';
 const EmissionItem = defineAsyncComponent(() => import('./EmissionItem.vue'));
 const EmissionPlayerItem = defineAsyncComponent(() => import('./EmissionPlayerItem.vue'));
 export default defineComponent({

package/src/components/display/emission/EmissionPlayerItem.vue

@@ -52,7 +52,7 @@
       :key="p.podcastId"
       class="border-top emission-item-border-color p-2 secondary-bg d-flex"
     >
-      <div class="d-flex justify-content-between flex-grow">
+      <div class="d-flex justify-content-between flex-grow-1">
         <router-link
           :to="{
             name: 'podcast',
@@ -122,8 +122,8 @@
 
 <script lang="ts">
 import octopusApi from '@saooti/octopus-api';
-import { Emission } from '@/store/class/emission';
-import { Podcast } from '@/store/class/podcast';
+import { Emission } from '@/store/class/general/emission';
+import { Podcast } from '@/store/class/general/podcast';
 import { state } from '../../../store/paramStore';
 import { displayMethods } from '../../mixins/functions';
 import { defineComponent } from 'vue'