@saooti/octopus-sdk 37.0.5 → 37.0.7

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

@@ -1,8 +1,5 @@
 <template>
-  <div
-    :id="idModal"
-    class="octopus-modal"
-  >
+  <div :id="idModal" class="octopus-modal">
     <div class="octopus-modal-backdrop" />
     <div class="octopus-modal-dialog">
       <div class="octopus-modal-content">
@@ -12,7 +9,7 @@
           </h5>
           <button
             v-if="closable"
-            :ref="closable?'focusElement':''"
+            :ref="closable ? 'focusElement' : ''"
             type="button"
             class="btn-transparent text-light saooti-remove"
             title="Close"
@@ -22,9 +19,7 @@
         <div class="octopus-modal-body">
           <slot name="body" />
         </div>
-        <div
-          class="octopus-modal-footer"
-        >
+        <div class="octopus-modal-footer">
           <slot name="footer" />
         </div>
       </div>
@@ -33,109 +28,110 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue'
+import { defineComponent } from "vue";
 export default defineComponent({
-  name: 'ClassicModal',
+  name: "ClassicModal",
   props: {
-    idModal: { default: undefined, type: String},
-    titleModal: { default: undefined, type: String},
-    closable: { default: true, type: Boolean},
+    idModal: { default: undefined, type: String },
+    titleModal: { default: undefined, type: String },
+    closable: { default: true, type: Boolean },
   },
-  emits: ['close'],
-  mounted(){
+  emits: ["close"],
+  mounted() {
     (this.$refs.focusElement as HTMLElement)?.focus();
   },
-})
+});
 </script>
 <style lang="scss">
-@import '@scss/_variables.scss';
-.octopus-app{
-	.octopus-modal{
-		position: fixed;
-		top: 0;
-		left: 0;
-		display: block;
-		z-index: 1055;
-		width: 100%;
-		height: 100%;
-		overflow-x: hidden;
-		overflow-y: auto;
-		outline: 0;
-	}
-	.octopus-modal-backdrop {
-		opacity: 0.5;
-		z-index: 0;
-		position: fixed;
-		top: 0;
-		left: 0;
-		width: 100vw;
-		height: 100vh;
-		background-color: black;
-	}
+@import "@scss/_variables.scss";
+.octopus-app {
+  .octopus-modal {
+    position: fixed;
+    top: 0;
+    left: 0;
+    display: block;
+    z-index: 1055;
+    width: 100%;
+    height: 100%;
+    overflow-x: hidden;
+    overflow-y: auto;
+    outline: 0;
+  }
+  .octopus-modal-backdrop {
+    opacity: 0.5;
+    z-index: 0;
+    position: fixed;
+    top: 0;
+    left: 0;
+    width: 100vw;
+    height: 100vh;
+    background-color: black;
+  }
 
-	.octopus-modal-dialog {
-		position: relative;
-		pointer-events: none;
-		margin: 1.75rem auto;
-		max-width: 800px;
+  .octopus-modal-dialog {
+    position: relative;
+    pointer-events: none;
+    margin: 1.75rem auto;
+    max-width: 800px;
     max-height: 90vh;
-		width: 100%;
-		display: flex;
-		color: #353535 !important;
-		@media (max-width: 500px){
-			width: 95%;
-			margin: 2.5% !important;
-		}
-	}
-	.octopus-modal-body{
-		flex: 1 1 auto;
-		padding: 1rem;
-		overflow-x: auto;
-		.scroller-vertical {
-			min-height: 200px;
-			height: 200px;
-		}
-	}
-	.octopus-modal-header { 
-		display: flex;
-		flex-shrink: 0;
-		align-items: center;
-		justify-content: space-between;
-		border: 0;
-		border-radius: $octopus-borderradius $octopus-borderradius 0 0;
-		background: $octopus-primary-color;
-		color: white;
-		padding: 1rem;
+    width: 100%;
+    display: flex;
+    color: #353535 !important;
+    @media (max-width: 500px) {
+      width: 95%;
+      margin: 2.5% !important;
     }
-	
-	.octopus-modal-dialog, .octopus-modal-content {
-		min-height: 300px;
-	}
-	.octopus-modal-content{
-		display: flex;
-		flex-direction: column;
-		pointer-events: auto;
-		width: 100%;
-		background-color: white;
-		background-clip: padding-box;
-		border: 0;
-		outline: 0;
-		height: auto !important;
-		max-height: initial !important;
-		border-radius: $octopus-borderradius;
-		box-shadow: 0 0.2rem 0.5rem rgba(40,40,40,.3);
-	}
-	.octopus-modal-footer{
-		display: flex;
-		flex-shrink: 0;
-		border: 0;
-		flex-wrap: initial;
-		align-items: center;
-		justify-content: flex-end;
-		padding: 1rem;
-		button{
-			margin: 0.1rem;
-		}
-	}
+  }
+  .octopus-modal-body {
+    flex: 1 1 auto;
+    padding: 1rem;
+    overflow-x: auto;
+    .scroller-vertical {
+      min-height: 200px;
+      height: 200px;
+    }
+  }
+  .octopus-modal-header {
+    display: flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: space-between;
+    border: 0;
+    border-radius: $octopus-borderradius $octopus-borderradius 0 0;
+    background: $octopus-primary-color;
+    color: white;
+    padding: 1rem;
+  }
+
+  .octopus-modal-dialog,
+  .octopus-modal-content {
+    min-height: 300px;
+  }
+  .octopus-modal-content {
+    display: flex;
+    flex-direction: column;
+    pointer-events: auto;
+    width: 100%;
+    background-color: white;
+    background-clip: padding-box;
+    border: 0;
+    outline: 0;
+    height: auto !important;
+    max-height: initial !important;
+    border-radius: $octopus-borderradius;
+    box-shadow: 0 0.2rem 0.5rem rgba(40, 40, 40, 0.3);
+  }
+  .octopus-modal-footer {
+    display: flex;
+    flex-shrink: 0;
+    border: 0;
+    flex-wrap: initial;
+    align-items: center;
+    justify-content: flex-end;
+    padding: 1rem;
+    button {
+      margin: 0.1rem;
+    }
+  }
 }
-</style>
+</style>

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

@@ -6,7 +6,7 @@
   >
     <template #body>
       <p class="d-flex justify-content-between align-items-center">
-        {{ $t('Rss feed:') }}
+        {{ $t("Rss feed:") }}
         <span id="LINK">{{ link }}</span>
         <input
           type="button"
@@ -14,49 +14,47 @@
           class="btn btn-primary"
           :title="$t('Copy')"
           @click="onCopyCode(link, afterCopy)"
-        >
+        />
       </p>
-      <RssSection
-        v-if="emission && authenticated"
-        :emission="emission"
-      />
+      <RssSection v-if="emission && authenticated" :emission="emission" />
     </template>
   </ClassicModal>
 </template>
 
 <script lang="ts">
-import ClassicModal from '../modal/ClassicModal.vue';
-import { Emission } from '@/stores/class/general/emission';
-import displayMethods from '../../mixins/displayMethods';
-import { defineComponent, defineAsyncComponent } from 'vue';
-import { state } from '../../../stores/ParamSdkStore';
-const RssSection = defineAsyncComponent(() => import('@/components/display/aggregator/RssSection.vue'));
+import ClassicModal from "../modal/ClassicModal.vue";
+import { Emission } from "@/stores/class/general/emission";
+import displayMethods from "../../mixins/displayMethods";
+import { defineComponent, defineAsyncComponent } from "vue";
+import { state } from "../../../stores/ParamSdkStore";
+const RssSection = defineAsyncComponent(
+  () => import("@/components/display/aggregator/RssSection.vue"),
+);
 export default defineComponent({
-  name: 'ClipboardModal',
+  name: "ClipboardModal",
   components: {
     RssSection,
-    ClassicModal
+    ClassicModal,
   },
   mixins: [displayMethods],
 
   props: {
-    link: { default: '', type: String},
-    emission: { default: undefined, type: Object as ()=> Emission},
+    link: { default: "", type: String },
+    emission: { default: undefined, type: Object as () => Emission },
   },
-  emits: ['close', 'copy'],
+  emits: ["close", "copy"],
   computed: {
     authenticated(): boolean {
-      return state.generalParameters.authenticated??false;
+      return state.generalParameters.authenticated ?? false;
     },
   },
   methods: {
     closePopup(): void {
-      this.$emit('close');
+      this.$emit("close");
     },
-    afterCopy(): void{
+    afterCopy(): void {
       this.$emit("copy");
-    }
+    },
   },
-})
+});
 </script>
-

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

@@ -7,19 +7,13 @@
   >
     <template #body>
       <!-- eslint-disable vue/no-v-html -->
-      <div
-        class="content"
-        v-html="message"
-      />
+      <div class="content" v-html="message" />
       <!-- eslint-enable -->
     </template>
-    <template
-      v-if="validatetext"
-      #footer
-    >
+    <template v-if="validatetext" #footer>
       <button
         v-if="canceltext"
-        :ref="!closable && canceltext?'focusElement':''"
+        :ref="!closable && canceltext ? 'focusElement' : ''"
         class="btn m-1"
         @click="onCancel"
       >
@@ -33,7 +27,7 @@
         {{ thirdText }}
       </button>
       <button
-        :ref="!closable && !canceltext?'focusElement':''"
+        :ref="!closable && !canceltext ? 'focusElement' : ''"
         class="btn btn-primary m-1"
         @click="onValid"
       >
@@ -44,36 +38,36 @@
 </template>
 
 <script lang="ts">
-import ClassicModal from '../modal/ClassicModal.vue';
-import { defineComponent } from 'vue'
+import ClassicModal from "../modal/ClassicModal.vue";
+import { defineComponent } from "vue";
 export default defineComponent({
-  name: 'MessageModal',
+  name: "MessageModal",
   components: {
-    ClassicModal
+    ClassicModal,
   },
   props: {
-    title: { default: undefined, type: String},
-    active: { default: false, type: Boolean},
-    closable: { default: true, type: Boolean},
-    message: { default: undefined, type: String},
-    validatetext: { default: undefined, type: String},
-    canceltext: { default: undefined, type: String},
-    thirdText: { default: undefined, type: String},
+    title: { default: undefined, type: String },
+    active: { default: false, type: Boolean },
+    closable: { default: true, type: Boolean },
+    message: { default: undefined, type: String },
+    validatetext: { default: undefined, type: String },
+    canceltext: { default: undefined, type: String },
+    thirdText: { default: undefined, type: String },
   },
-  emits: ['close', 'validate', 'cancel', 'thirdEvent'],
+  emits: ["close", "validate", "cancel", "thirdEvent"],
   methods: {
     closePopup(): void {
-      this.$emit('close');
+      this.$emit("close");
     },
     onValid(): void {
-      this.$emit('validate');
+      this.$emit("validate");
     },
     onCancel(): void {
-      this.$emit('cancel');
+      this.$emit("cancel");
     },
     onThirdAction(): void {
-      this.$emit('thirdEvent');
+      this.$emit("thirdEvent");
     },
   },
-})
-</script>
+});
+</script>