{"version":3,"file":"printlesson.js","sources":["../../emurse-js/src/components/course/PrintableLesson.vue","../../emurse-js/src/components/course/PrintableLesson.vue","../../emurse-js/src/pages/lesson/PrintLessonApp.vue","../../emurse-js/src/pages/lesson/PrintLessonApp.vue","../../emurse-js/src/pages/lesson/PrintLesson.ts"],"sourcesContent":["<template>\r\n<div class=\"text-segment-list\"> \r\n     <div v-if=\"lesson\">\r\n        <div v-for=\"(segment,si) in lesson.segments\" :key=\"si\"> \r\n            <div v-if=\"segment.type=='text'\">  \r\n                <tip-tap-viewer class=\"text-segment-viewer\" v-model=\"textItem.text\" v-for=\"(textItem, ti) in segment.config.cardConfig.items\" :key=\"ti\"   /> \r\n            </div>\r\n            <div v-if=\"segment.type!='text'\" class=\"ProseMirror\">\r\n                <h3>{{segment.name}}</h3>\r\n                <table v-if=\"!renderAsTiles(segment)\" >\r\n                    <tr v-for=\"(term,ti) in segment.terms\" :key=\"ti\">\r\n                        <td><term-button class=\"btn-play badge round\"  :tid=\"term.tid\" /></td>\r\n                        <td>{{term.text}}</td>\r\n                        <td>{{getTranslation(term)}}</td>\r\n                    </tr>\r\n                </table>\r\n                <div v-if=\"renderAsTiles(segment)\" class=\"d-flex\" > y\r\n                     <div v-for=\"(term,ti) in segment.terms\" :key=\"ti\" class=\"tile-item\">\r\n                        <div class=\"picture\" :style=\"getBackgroundImage(term)\"></div>\r\n                        <term-button class=\"btn-play\" :autoLoad=\"false\"  :tid=\"term.tid\" >{{term.text}}</term-button>\r\n                        <div class=\"p2\"><i>{{getTranslation(term)}}</i></div> \r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { Options, Inject,Prop, Vue, Watch, Provide } from 'vue-property-decorator';\r\nimport { CourseRepository, Lesson, Segment } from '@/data/repository/CourseRepository';\r\n//const TipTapViewer = () => import('@/components/tiptap/TipTapViewer.vue').then(module=> module.default);\r\nimport  TipTapViewer  from '@/components/tiptap/TipTapViewer.vue'; \r\nimport { TermDetail } from '@/data/model/Entry';\r\nimport TermButton from '@/components/core/TermButton.vue'; \r\nimport { EmurseContext } from '@/EmurseCore';\r\n\r\nclass PrintableLessonViewModel\r\n{\r\n\r\n}\r\n\r\n@Options({components:{TipTapViewer, TermButton}})\r\nexport default class PrintableLesson extends Vue {\r\n\r\n    @Inject() courseRepository!: CourseRepository; \r\n    //@Provide(\"emurseContext\") emurseContext: EmurseContext = new EmurseContext(\"print\",false); \r\n    @Prop({default:\"\"}) lessonUid!: string;\r\n\r\n    public segments: Segment[] =[];\r\n    public lesson: Lesson | null = null;\r\n \r\n    @Watch(\"lessonUid\") \r\n    public uidChanged()\r\n    {\r\n        if (this.lessonUid)\r\n        {\r\n           this.courseRepository.getLessonWithSegmentDetailByUid({uid:this.lessonUid}).then(lessonData=>{\r\n               this.lesson=lessonData.lesson;\r\n           })\r\n        } \r\n    }\r\n\r\n    public getImage(term: TermDetail): any \r\n    {\r\n        if (term.images) {\r\n            return term.images[0];\r\n        }\r\n\r\n        return null;\r\n    }\r\n\r\n    public getBackgroundImage(term: TermDetail)\r\n    {\r\n       const image = this.getImage(term);\r\n\r\n        if (image) {\r\n            return `background-image:url('${image.sizes.tn}')`\r\n        }\r\n\r\n        return '';\r\n    }\r\n\r\n    public renderAsTiles(segment: Segment)\r\n    {\r\n        const s: any = segment;\r\n        return (s.config &&\r\n            s.config.cardConfig &&\r\n            s.config.cardConfig.front  &&\r\n             s.config.cardConfig.front.showPicture);\r\n\r\n        //  return (segment.terms && segment.terms[0].images && segment.terms[0].images[0])\r\n    }\r\n\r\n    public getTranslation(term: TermDetail)\r\n    {\r\n        if (term.translation) {\r\n            return term.translation\r\n        }\r\n        else if (term.entryTranslation) {\r\n            return term.entryTranslation.directTranslation;\r\n        }\r\n    }\r\n \r\n    public mounted()\r\n    {\r\n       this.uidChanged();\r\n    }\r\n}\r\n</script>\r\n\r\n\r\n<style lang=\"scss\">\r\n  @import '@/theme/_helpers.scss';\r\n\r\n .text-segment-list \r\n {\r\n    .tiptap.text-segment-viewer .ProseMirror \r\n    {\r\n        background: none;\r\n        margin:none;\r\n        border:none !important; \r\n    }\r\n\r\n    .tiptap.text-segment-viewer:nth-child(odd)\r\n    {\r\n         background: $gray-200;\r\n    }\r\n\r\n          table {\r\n         td,th {\r\n           border:1px solid;\r\n           padding:.50rem;\r\n           vertical-align: middle;\r\n\r\n           p,span {\r\n             padding:0;\r\n             margin:0;\r\n           }\r\n \r\n\r\n         }\r\n      }\r\n\r\n      .tile-item {\r\n          display: flex;\r\n          align-items: center;\r\n          flex-direction:column;\r\n          border: $gray-200 .25rem solid;\r\n          padding:1rem;\r\n          margin-right: 1rem;\r\n          margin-bottom: 1rem;\r\n      }\r\n\r\n      .picture {\r\n          width:5rem;\r\n          height: 5rem;\r\n          background-repeat: no-repeat;\r\n          background-size: contain;\r\n      }\r\n }\r\n\r\n</style>\r\n","<template>\r\n<div class=\"text-segment-list\"> \r\n     <div v-if=\"lesson\">\r\n        <div v-for=\"(segment,si) in lesson.segments\" :key=\"si\"> \r\n            <div v-if=\"segment.type=='text'\">  \r\n                <tip-tap-viewer class=\"text-segment-viewer\" v-model=\"textItem.text\" v-for=\"(textItem, ti) in segment.config.cardConfig.items\" :key=\"ti\"   /> \r\n            </div>\r\n            <div v-if=\"segment.type!='text'\" class=\"ProseMirror\">\r\n                <h3>{{segment.name}}</h3>\r\n                <table v-if=\"!renderAsTiles(segment)\" >\r\n                    <tr v-for=\"(term,ti) in segment.terms\" :key=\"ti\">\r\n                        <td><term-button class=\"btn-play badge round\"  :tid=\"term.tid\" /></td>\r\n                        <td>{{term.text}}</td>\r\n                        <td>{{getTranslation(term)}}</td>\r\n                    </tr>\r\n                </table>\r\n                <div v-if=\"renderAsTiles(segment)\" class=\"d-flex\" > y\r\n                     <div v-for=\"(term,ti) in segment.terms\" :key=\"ti\" class=\"tile-item\">\r\n                        <div class=\"picture\" :style=\"getBackgroundImage(term)\"></div>\r\n                        <term-button class=\"btn-play\" :autoLoad=\"false\"  :tid=\"term.tid\" >{{term.text}}</term-button>\r\n                        <div class=\"p2\"><i>{{getTranslation(term)}}</i></div> \r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n\r\n    </div>\r\n</div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { Options, Inject,Prop, Vue, Watch, Provide } from 'vue-property-decorator';\r\nimport { CourseRepository, Lesson, Segment } from '@/data/repository/CourseRepository';\r\n//const TipTapViewer = () => import('@/components/tiptap/TipTapViewer.vue').then(module=> module.default);\r\nimport  TipTapViewer  from '@/components/tiptap/TipTapViewer.vue'; \r\nimport { TermDetail } from '@/data/model/Entry';\r\nimport TermButton from '@/components/core/TermButton.vue'; \r\nimport { EmurseContext } from '@/EmurseCore';\r\n\r\nclass PrintableLessonViewModel\r\n{\r\n\r\n}\r\n\r\n@Options({components:{TipTapViewer, TermButton}})\r\nexport default class PrintableLesson extends Vue {\r\n\r\n    @Inject() courseRepository!: CourseRepository; \r\n    //@Provide(\"emurseContext\") emurseContext: EmurseContext = new EmurseContext(\"print\",false); \r\n    @Prop({default:\"\"}) lessonUid!: string;\r\n\r\n    public segments: Segment[] =[];\r\n    public lesson: Lesson | null = null;\r\n \r\n    @Watch(\"lessonUid\") \r\n    public uidChanged()\r\n    {\r\n        if (this.lessonUid)\r\n        {\r\n           this.courseRepository.getLessonWithSegmentDetailByUid({uid:this.lessonUid}).then(lessonData=>{\r\n               this.lesson=lessonData.lesson;\r\n           })\r\n        } \r\n    }\r\n\r\n    public getImage(term: TermDetail): any \r\n    {\r\n        if (term.images) {\r\n            return term.images[0];\r\n        }\r\n\r\n        return null;\r\n    }\r\n\r\n    public getBackgroundImage(term: TermDetail)\r\n    {\r\n       const image = this.getImage(term);\r\n\r\n        if (image) {\r\n            return `background-image:url('${image.sizes.tn}')`\r\n        }\r\n\r\n        return '';\r\n    }\r\n\r\n    public renderAsTiles(segment: Segment)\r\n    {\r\n        const s: any = segment;\r\n        return (s.config &&\r\n            s.config.cardConfig &&\r\n            s.config.cardConfig.front  &&\r\n             s.config.cardConfig.front.showPicture);\r\n\r\n        //  return (segment.terms && segment.terms[0].images && segment.terms[0].images[0])\r\n    }\r\n\r\n    public getTranslation(term: TermDetail)\r\n    {\r\n        if (term.translation) {\r\n            return term.translation\r\n        }\r\n        else if (term.entryTranslation) {\r\n            return term.entryTranslation.directTranslation;\r\n        }\r\n    }\r\n \r\n    public mounted()\r\n    {\r\n       this.uidChanged();\r\n    }\r\n}\r\n</script>\r\n\r\n\r\n<style lang=\"scss\">\r\n  @import '@/theme/_helpers.scss';\r\n\r\n .text-segment-list \r\n {\r\n    .tiptap.text-segment-viewer .ProseMirror \r\n    {\r\n        background: none;\r\n        margin:none;\r\n        border:none !important; \r\n    }\r\n\r\n    .tiptap.text-segment-viewer:nth-child(odd)\r\n    {\r\n         background: $gray-200;\r\n    }\r\n\r\n          table {\r\n         td,th {\r\n           border:1px solid;\r\n           padding:.50rem;\r\n           vertical-align: middle;\r\n\r\n           p,span {\r\n             padding:0;\r\n             margin:0;\r\n           }\r\n \r\n\r\n         }\r\n      }\r\n\r\n      .tile-item {\r\n          display: flex;\r\n          align-items: center;\r\n          flex-direction:column;\r\n          border: $gray-200 .25rem solid;\r\n          padding:1rem;\r\n          margin-right: 1rem;\r\n          margin-bottom: 1rem;\r\n      }\r\n\r\n      .picture {\r\n          width:5rem;\r\n          height: 5rem;\r\n          background-repeat: no-repeat;\r\n          background-size: contain;\r\n      }\r\n }\r\n\r\n</style>\r\n","<template>\r\n  <div id=\"app\" >\r\n   <printable-lesson :lessonUid=\"lessonUid\" />\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { Inject, Provide, Vue,Options } from 'vue-property-decorator';  \r\nimport PrintableLesson from '@/components/course/PrintableLesson.vue'\r\nimport { EntryRepository } from '@/data/repository/EntryRepository';\r\nimport { EmurseContext } from '@/EmurseCore';\r\n\r\nclass PrintLessonAppModel\r\n{\r\n  constructor(){}\r\n} \r\n\r\n@Options({\r\n  components: {PrintableLesson} \r\n})\r\nexport default class PrintLessonApp extends Vue\r\n{ \r\n  @Inject() lessonUid!: string;\r\n  @Inject() private entryRepository!: EntryRepository;\r\n  @Provide(\"emurseContext\") private emurseContext: EmurseContext = new EmurseContext(\"print\",false);\r\n\r\n  public created()\r\n  {\r\n    this.emurseContext.entryRepository = this.entryRepository;\r\n  }\r\n}\r\n</script> \r\n","<template>\r\n  <div id=\"app\" >\r\n   <printable-lesson :lessonUid=\"lessonUid\" />\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\">\r\nimport { Inject, Provide, Vue,Options } from 'vue-property-decorator';  \r\nimport PrintableLesson from '@/components/course/PrintableLesson.vue'\r\nimport { EntryRepository } from '@/data/repository/EntryRepository';\r\nimport { EmurseContext } from '@/EmurseCore';\r\n\r\nclass PrintLessonAppModel\r\n{\r\n  constructor(){}\r\n} \r\n\r\n@Options({\r\n  components: {PrintableLesson} \r\n})\r\nexport default class PrintLessonApp extends Vue\r\n{ \r\n  @Inject() lessonUid!: string;\r\n  @Inject() private entryRepository!: EntryRepository;\r\n  @Provide(\"emurseContext\") private emurseContext: EmurseContext = new EmurseContext(\"print\",false);\r\n\r\n  public created()\r\n  {\r\n    this.emurseContext.entryRepository = this.entryRepository;\r\n  }\r\n}\r\n</script> \r\n","import PrintLessonApp from './PrintLessonApp.vue'\r\nimport { EmurseStartup, EmurseAppFactory, EmurseAppRegistration, type IAppData } from '@/EmurseStartup';\r\nimport { CourseRepository } from '@/data/repository/CourseRepository';\r\nimport { DictionaryRepository } from '@/data/repository/DictionaryRepository';\r\nimport { EntryRepository } from '@/data/repository/EntryRepository';\r\n\r\nEmurseAppFactory.registerApp(new EmurseAppRegistration(\"printlesson\",(appData: IAppData)=>\r\n{ \r\n  const startupData= {app:PrintLessonApp ,\r\n    appData:appData,\r\n    repositories:{\r\n      courseRepository: CourseRepository,\r\n      dictionaryRepository: DictionaryRepository,\r\n      entryRepository: EntryRepository       \r\n    }}; \r\n  const startup = new EmurseStartup(startupData);\r\n}));  "],"names":["PrintableLesson","Vue","__publicField","lessonData","term","image","segment","s","__decorateClass","Inject","Prop","Watch","Options","TipTapViewer","TermButton","_hoisted_1","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_resolveComponent","_openBlock","_createElementBlock","_ctx","_hoisted_2","_Fragment","_renderList","si","textItem","ti","_createBlock","_component_tip_tap_viewer","$event","_createCommentVNode","_createElementVNode","_toDisplayString","_createVNode","_component_term_button","_cache","_createTextVNode","getBackgroundImage","_normalizeStyle","_hoisted_7","PrintLessonApp","EmurseContext","Provide","EmurseAppFactory","EmurseAppRegistration","appData","startupData","CourseRepository","DictionaryRepository","EntryRepository","EmurseStartup"],"mappings":"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"}