@saooti/octopus-sdk 32.0.0 → 32.0.1

package/README.md

@@ -640,3 +640,4 @@ See [Configuration Reference](https://cli.vuejs.org/config/).
 
 
  * 32.0.0 Passage en 32
+ * 32.0.1 Navigation clavier

package/package.json

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

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

@@ -8,6 +8,7 @@
     />
     <template v-else>
       <input
+        ref="focusElement"
         v-model="temporaryName"
         class="form-input"
         type="text"
@@ -135,7 +136,7 @@ import { Podcast } from '@/store/class/general/podcast';
 import { Conference } from '@/store/class/conference/conference';
 import CommentBasicView from './CommentBasicView.vue';
 import Constants from '../../../../public/config';
-import { defineComponent, defineAsyncComponent } from 'vue';
+import { defineComponent, defineAsyncComponent, nextTick } from 'vue';
 const CommentInput = defineAsyncComponent(() => import('./CommentInput.vue'));
 const CommentParentInfo = defineAsyncComponent(() => import('./CommentParentInfo.vue'));
 const EditCommentBox = defineAsyncComponent(() => import('@/components/display/edit/EditCommentBox.vue'));
@@ -250,6 +251,9 @@ export default defineComponent({
       this.temporaryName = this.comment.name && null !== this.comment.name ? this.comment.name : '';
       this.temporaryContent = this.comment.content && null !== this.comment.content ? this.comment.content : '';
       this.isEditing = true;
+      this.$nextTick(() => {
+        (this.$refs.focusElement as HTMLElement)?.focus();
+      });
     },
     validEdit(): void {
       const comment = this.comment;

package/src/components/display/sharing/SubscribeButtons.vue

@@ -45,7 +45,7 @@ export default defineComponent({
         {name:'applePodcast', icon:'saooti-apple', url : this.getUrl('applePodcast')},
         {name:'deezer', icon:'saooti-deezer', url : this.getUrl('deezer')},
         {name:'googlePodcasts', icon:"saooti-google-podcasts", url : this.getUrl('googlePodcasts')},
-        {name:'playerFm', icon: 'saooti-saooti-playerfm', url : this.getUrl('playerFm')},
+        {name:'playerFm', icon: 'saooti-playerfm', url : this.getUrl('playerFm')},
         {name:'pocketCasts', icon:'saooti-pocket-casts', url : this.getUrl('pocketCasts')},
         {name:'podcastAddict', icon: 'saooti-podcast-addict', url : this.getUrl('podcastAddict')},
         {name:'radioline', icon:'saooti-radioline', url : this.getUrl('radioline')},

package/src/components/misc/modal/ClipboardModal.vue

@@ -8,6 +8,7 @@
             {{ $t('RSS Link') }}
           </div>
           <button
+            ref="focusElement"
             type="button"
             class="btn-close btn-close-white"
             title="Close"
@@ -53,6 +54,9 @@ export default defineComponent({
     emission: { default: undefined, type: Object as ()=> Emission},
   },
   emits: ['close', 'copy'],
+  mounted(){
+    (this.$refs.focusElement as HTMLElement)?.focus();
+  },
 
   methods: {
     closePopup(): void {

package/src/components/misc/modal/MessageModal.vue

@@ -12,6 +12,7 @@
           </h5>
           <button
             v-if="closable"
+            :ref="closable?'focusElement':''"
             type="button"
             class="btn-close btn-close-white"
             title="Close"
@@ -32,6 +33,7 @@
         >
           <button
             v-if="canceltext"
+            :ref="!closable && canceltext?'focusElement':''"
             class="btn m-1"
             @click="onCancel"
           >
@@ -46,6 +48,7 @@
           </button>
           <button
             class="btn btn-primary m-1"
+            :ref="!closable && !canceltext?'focusElement':''"
             @click="onValid"
           >
             {{ validatetext }}
@@ -70,6 +73,9 @@ export default defineComponent({
     thirdText: { default: undefined, type: String},
   },
   emits: ['close', 'validate', 'cancel', 'thirdEvent'],
+  mounted(){
+    (this.$refs.focusElement as HTMLElement)?.focus();
+  },
   methods: {
     closePopup(): void {
       this.$emit('close');

package/src/components/misc/modal/QrCodeModal.vue

@@ -11,6 +11,7 @@
             {{ $t('Share QR Code') }}
           </h5>
           <button
+            ref="focusElement"
             type="button"
             class="btn-close btn-close-white"
             title="Close"
@@ -45,6 +46,9 @@ export default defineComponent({
     urlPage: { default: undefined, type: String},
   },
   emits: ['close'],
+  mounted(){
+    (this.$refs.focusElement as HTMLElement)?.focus();
+  },
   methods:{
     closePopup(): void {
       this.$emit('close');

package/src/components/misc/modal/ShareModalPlayer.vue

@@ -12,6 +12,7 @@
               {{ $t('Share the player') }}
             </h5>
             <button
+              ref="focusElement"
               type="button"
               class="btn-close btn-close-white"
               title="Close"
@@ -126,6 +127,9 @@ export default defineComponent({
       return [this.$t('Embed link'),this.$t('Embedly link')];
     }
   },
+  mounted(){
+    (this.$refs.focusElement as HTMLElement)?.focus();
+  },
   methods: {
     closePopup(event: { preventDefault: () => void }): void {
       event.preventDefault();

package/src/components/pages/Playlists.vue

@@ -6,9 +6,9 @@
       to="/main/priv/edit/playlist"
       class="d-flex justify-content-center my-3"
     >
-      <button class="btn btn-primary">
+      <div class="btn btn-primary">
         {{ $t('Create playlist') }}
-      </button>
+      </div>
     </router-link>
     <ProductorSearch
       v-if="isProductorSearch"