ep-lib-ts 0.1.7 → 0.1.9

package/src/components/medias/EpAudio.vue

@@ -3,6 +3,7 @@
 import { computed, toRefs } from 'vue'
 //types with capital letter, object styles in lowercase
 import { MediaVariants } from "../../types/Medias";
+import { MandateLevel } from '../../types/MandateLevel';
 import { isHtml } from '../../composables/isHtml';
 import { useMarkdown } from '../../composables/useMarkdown'
 import { mdiHeadphones } from "@mdi/js";
@@ -17,12 +18,11 @@ interface Props {
    title?: string;
    intentions?: string;
    credits?: string;
-   madateLevel?: string;
    labelIntentions?: string;
    type?: MediaVariants;
    messageError?: string
    hideIcon?: boolean;
-   mandateLevel?:string | null;
+   mandateLevel?:string | MandateLevel | null;
 }
 
 const props = withDefaults(defineProps<Props>(), {

package/src/components/medias/EpLink.vue

@@ -2,6 +2,7 @@
 import { computed, toRefs } from "vue";
 //types with capital letter, object styles in lowercase
 import { MediaVariants } from "../../types/Medias";
+import { MandateLevel } from '../../types/MandateLevel';
 import EpBtn from "../basics/EpBtn.vue";
 import { mdiLinkVariant } from "@mdi/js";
 import EpEdu from "../educationals/EpEdu.vue";
@@ -13,7 +14,7 @@ interface Props {
   href: string;
   label?: string;
   intentions?: string;
-  mandateLevel?: string;
+  mandateLevel?: string | MandateLevel | null;
   labelIntentions?: string;
   type?: MediaVariants;
   hideIcon?: boolean;

package/src/components/medias/EpSoftware.vue

@@ -5,6 +5,7 @@ import EpBtn from "../basics/EpBtn.vue";
 import EpChip from "../basics/EpChip.vue";
 import EpEdu from "../educationals/EpEdu.vue";
 import { MediaVariants } from "../../types/Medias";
+import { MandateLevel } from '../../types/MandateLevel';
 import { useRenderText } from "../../composables/useRenderText";
 
 import { mdiLaptop } from "@mdi/js";
@@ -14,7 +15,7 @@ interface Props {
   url?: string;
   cover?: string;
   title: string;
-  mandateLevel?: string;
+  mandateLevel?:string | MandateLevel | null;
   intentions?: string;
   version_link?: null;
   hideCover?: boolean;
@@ -22,7 +23,6 @@ interface Props {
   type?:MediaVariants;
   hideIcon?:boolean;
   labelCard?:string;
-  
 }
 
 // type, taxonomyLevel, courseCode, courseTitle, title, subtitle, height, src, color, synchrone
@@ -46,7 +46,7 @@ const hasCover = computed(() => {
 });
 
 
-const { title, intentions, cover, hideCover, version, labelCard, hideIcon, mandateLevel } = toRefs(props);
+const { title, intentions, cover, hideCover, version, labelCard, hideIcon, mandateLevel, url } = toRefs(props);
 </script>
 
 <template>
@@ -76,7 +76,7 @@ const { title, intentions, cover, hideCover, version, labelCard, hideIcon, manda
           <div class="w-full px-5">
             <div class="flex justify-between items-center rounded-t-md p-2">
               <h4>{{ title }} <EpChip size="small" type="base" v-if="version">{{version}}</EpChip></h4>
-              <EpBtn rounded type="base" :prependIcon="mdiOpenInNew"
+              <EpBtn v-if="url" rounded type="base" :prependIcon="mdiOpenInNew" :href="url"
                 >[Accéder au logiciel]</EpBtn
               >
             </div>

package/src/components/medias/EpVideo.vue

@@ -2,9 +2,11 @@
 import {ref, computed, toRefs} from 'vue'
 //types with capital letter, object styles in lowercase
 import { MediaVariants } from "../../types/Medias";
+import { MandateLevel } from '../../types/MandateLevel';
 import { isHtml } from '../../composables/isHtml';
 import {useMarkdown} from '../../composables/useMarkdown'
 import { mdiVideo } from "@mdi/js";
+
 //import { useMediaControls } from '@vueuse/core'
 import EpEdu from '../educationals/EpEdu.vue'
 
@@ -13,7 +15,7 @@ interface Props{
    title?:string;
    intentions?:string;
    credits?:string;
-   mandateLevel?:string | null;
+   mandateLevel?:string | MandateLevel | null;
    labelIntentions?:string;
    type?:MediaVariants;
    hideIcon?:boolean;
@@ -40,6 +42,9 @@ const vimeoUrl = computed(()=> {
    if(!isVideoFormat.value && url.includes("https://vimeo.com/")){
        return url.replace("https://vimeo.com/", "https://player.vimeo.com/video/")
    }
+   if(!isVideoFormat.value && url.includes('https://www.youtube.com/watch?')){
+      return url.replace("https://www.youtube.com/watch?v=","https://www.youtube.com/embed/")
+   }
    return url
 })
 
@@ -59,10 +64,9 @@ const {src, title, hideIcon, type} = toRefs(props)
 </script>
 
 <template>
-  
    <EpEdu :title="title" :type="type" :hideIcon="hideIcon" :icon="mdiVideo" :mandateLevel="mandateLevel">
      <template #intentions v-if="renderText">
-       <div v-html="renderText" ></div>
+       <div v-html="renderText"></div>
      </template>
      <template #content>
       <div class="max-w-screen-sm mx-auto">

package/src/components/medias/EpVideoPanopto.vue

@@ -2,6 +2,7 @@
 import { computed, toRefs} from 'vue'
 //types with capital letter, object styles in lowercase
 import { MediaVariants } from "../../types/Medias";
+import { MandateLevel } from '../../types/MandateLevel';
 import { isHtml } from '../../composables/isHtml';
 import {useMarkdown} from '../../composables/useMarkdown'
 import { mdiVideo } from "@mdi/js";
@@ -13,7 +14,7 @@ interface Props{
    title?:string;
    intentions?:string;
    credits?:string;
-   mandateLevel?:string | null;
+   mandateLevel?:string | MandateLevel | null;
    labelIntentions?:string;
    type?:MediaVariants;
    hideIcon?:boolean;

package/src/components/signages/EpAlert.vue

@@ -7,12 +7,18 @@ import EpAccordeon from "../interactions/EpAccordeon.vue";
 import { TypeAlert, typeAlert } from "../../types/Alert";
 import {useIcons} from '../../composables/useIcons'
 
+interface OldType {
+  icon: string;
+  name: string;
+  type: TypeAlert;
+  color: string;
+}
+
 interface Props {
-  type?:TypeAlert;
+  type?:TypeAlert|OldType;
   title?: string | null;
   outlined?:boolean;
   noIcon?:boolean;
-  icon?:string | null
   compact?:boolean
 }
 
@@ -21,7 +27,6 @@ const props = withDefaults(defineProps<Props>(), {
   title: null,
   outlined:false,
   noIcon:false,
-  icon:null
 });
 
 const isOutlined = computed(()=>{
@@ -31,18 +36,23 @@ const isOutlined = computed(()=>{
   return 'default'
 })
 
+// to change after change bd strapi v4
+const finalType = computed(()=>{
+  if(typeof props.type === 'object'){
+    return props.type.type
+  }
+  return props.type
+})
+
 const styles = computed(()=>{
-  return `${typeAlert[props.type]?.[isOutlined.value]}`
+  return `${typeAlert[finalType.value]?.[isOutlined.value]}`
 })
 
 const icon = computed(()=>{
-    let icon = useIcons[props.type].icon
+    let icon = useIcons[finalType.value].icon
     if(props.noIcon){
       return null
     }
-    if(props.icon){
-      return props.icon
-    }
     return icon
 })
 
@@ -64,7 +74,7 @@ const { title, compact, type, outlined } = toRefs(props);
      </div>
     </div>
   </div>
-  <EpAccordeon :type="type" :outlined="outlined" :icon="icon" :title="title" v-else>
+  <EpAccordeon :type="finalType" :outlined="outlined" :icon="icon" :title="title" v-else>
     <slot></slot>
   </EpAccordeon>
 </template>

package/src/components/signages/EpNothing.vue

@@ -0,0 +1,5 @@
+<template>
+    <div>
+        no data
+    </div>
+</template>

package/src/components/signages/EpQuote.vue

@@ -1,45 +1,49 @@
 <script setup lang="ts">
-import {toRefs} from 'vue'
+import {toRefs, computed} from 'vue'
 import EpCard from "../basics/EpCard.vue";
 import EpDivider from "../basics/EpDivider.vue";
-import EpIcon from "../basics/EpIcon.vue";
-import useColors from "../../composables/useColors";
-import { mdiFormatQuoteOpen  } from "@mdi/js";
-import { mdiFormatQuoteClose } from '@mdi/js';
+
 
 interface Props {
-    name?:string | null;
-    src?:string | null;
-    quotes?:boolean;
+    author?:string | null;
+    img?:string | null;
+    card?:boolean;
 }
 
 const props = withDefaults(defineProps<Props>(), {
-    name:null,
-    src:null,
-    quotes:false
+    author:null,
+    img:null,
+    card:false
 })
 
-const {name, src, quotes} = toRefs(props)
+const {author, img} = toRefs(props)
+
+const styleQuote = computed(()=> {
+    if(props.card) {
+      return `primary`
+    }
+    return ``
+})
 
 </script>
 
 <template>
-      <EpCard density="compact">
+      <EpCard density="compact" :color="styleQuote" outlined>
           <div
-            class="flex flex-wrap rounded-lg bg-white"
+            class="flex flex-wrap rounded-md bg-white"
           >
             <img
-              v-if="src"
-              class="h-96 w-full rounded-t-lg object-cover lg:h-auto lg:w-48 lg:rounded-none lg:rounded-l-lg"
-              :src="src"
+              v-if="img"
+              class="h-96 w-full rounded-t-md object-cover lg:h-auto lg:w-48 lg:rounded-none lg:rounded-l-md"
+              :src="img"
               alt="Image of quote"
             />
             <div class="p-6 flex-1">
               <slot></slot>
-              <template v-if="name">
+              <template v-if="author">
                 <EpDivider size="border"></EpDivider>
                 <p class="text-xs italic text-neutral-500">
-                  {{ name }}
+                  {{ author }}
                 </p>
               </template>
             </div>