{"version":3,"sources":["webpack:///./src/views/modules/lms/student/sections/zoomList.vue?eb70","webpack:///src/views/modules/lms/student/sections/zoomList.vue","webpack:///./src/views/modules/lms/student/sections/zoomList.vue?20d9","webpack:///./src/views/modules/lms/student/sections/zoomList.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","undefined","b","nm","_l","t","i","key","attrs","on","$event","activeMode","$emit","class","_e","task","getSeconds","dueStartDate","scopedSlots","_u","fn","ref","days","hours","minutes","seconds","dueDate","_f","staticRenderFns","components","VueCountdown","props","tasks","type","Array","default","course","Object","mounted","methods","moment","isBefore","date","now","_range","component"],"mappings":"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","file":"js/chunk-2d237cf7.3647d0e4.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"card mg-b-20\"},[_c('div',{staticClass:\"card-header d-flex align-items-center justify-content-between\"},[_c('h6',{staticClass:\"mg-b-0\"},[_vm._v(_vm._s(_vm.b != undefined ? _vm.b.nm : \"Лайв сургалт\"))])]),_c('ul',{staticClass:\"list-group list-group-flush\"},_vm._l((_vm.tasks),function(t,i){return _c('li',{key:i,staticClass:\"list-group-item list-group-item-action d-flex align-items-center bd-0\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){_vm.activeMode(t) == -1 ? '' : _vm.$emit('on-detail', t)}}},[_c('div',{staticClass:\"d-flex\"},[_c('div',{staticClass:\"avatar d-none d-sm-block\"},[(_vm.activeMode(t) == 0)?_c('span',{class:\"avatar-initial rounded-circle bg-info\"},[_c('i',{staticClass:\"icon ion-md-time\"})]):(_vm.activeMode(t) == 1)?_c('span',{class:\"avatar-initial rounded-circle bg-warning\"},[_c('i',{staticClass:\"icon ion-md-open\"})]):(_vm.activeMode(t) == -1)?_c('span',{class:\"avatar-initial rounded-circle bg-gray-400\"},[_c('i',{staticClass:\"icon ion-md-checkmark\"})]):_vm._e()]),_c('div',{staticClass:\"pd-l-10\"},[_c('h6',{staticClass:\"tx-14 tx-semibold mg-b-5\"},[_vm._v(_vm._s(t.task))]),_c('div',{staticClass:\"text-center tx-11 tx-color-03\"},[(_vm.activeMode(t) == 0)?_c('span',[_c('vue-countdown',{attrs:{\"time\":_vm.getSeconds(t.dueStartDate)},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar days = ref.days;\nvar hours = ref.hours;\nvar minutes = ref.minutes;\nvar seconds = ref.seconds;\nreturn [_vm._v(\" \"+_vm._s(days)+\"х:\"+_vm._s(hours)+\"ц:\"+_vm._s(minutes)+\"м:\"+_vm._s(seconds)+\"с \")]}}],null,true)})],1):(_vm.activeMode(t) == 1)?_c('span',[_c('vue-countdown',{attrs:{\"time\":_vm.getSeconds(t.dueDate)},scopedSlots:_vm._u([{key:\"default\",fn:function(ref){\nvar days = ref.days;\nvar hours = ref.hours;\nvar minutes = ref.minutes;\nvar seconds = ref.seconds;\nreturn [_vm._v(\" \"+_vm._s(days)+\"х:\"+_vm._s(hours)+\"ц:\"+_vm._s(minutes)+\"м:\"+_vm._s(seconds)+\"с \")]}}],null,true)})],1):(_vm.activeMode(t) == -1)?_c('div',[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(t.dueStartDate,\"YYYY.MM.DD HH:mm\"))+\" - \"+_vm._s(_vm._f(\"moment\")(t.dueDate,\"YYYY.MM.DD HH:mm\"))+\" \")]):_vm._e()])])]),_c('button',{staticClass:\"btn btn-xs btn-outline-light mg-l-auto\"},[(_vm.activeMode(t) == 0)?_c('span',[_vm._v(\" Удахгүй эхлэх \")]):(_vm.activeMode(t) == 1)?_c('span',[_vm._v(\" Яг одоо үргэлжилж байна \")]):(_vm.activeMode(t) == -1)?_c('span',[_vm._v(\" Дууссан \")]):_vm._e()])])}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"card mg-b-20\">\r\n      <div\r\n        class=\"card-header d-flex align-items-center justify-content-between\"\r\n      >\r\n        <h6 class=\"mg-b-0\">{{ b != undefined ? b.nm : \"Лайв сургалт\" }}</h6>\r\n      </div>\r\n      <ul class=\"list-group list-group-flush\">\r\n        <li\r\n          @click=\"activeMode(t) == -1 ? '' : $emit('on-detail', t)\"\r\n          class=\"list-group-item list-group-item-action d-flex align-items-center bd-0\"\r\n          v-for=\"(t, i) in tasks\"\r\n          :key=\"i\"\r\n          role=\"button\"\r\n        >\r\n          <div class=\"d-flex\">\r\n            <!-- <div class=\"avatar\">\r\n              <span :class=\"`avatar-initial rounded-circle bg-transparent bd bd-gray-900`\">\r\n                <feather type=\"video\" class=\"tx-color-02\" style=\"margin-top: -4px; width: 19px; height: 19px;\"></feather>\r\n              </span>\r\n            </div> -->\r\n            <div class=\"avatar d-none d-sm-block\">\r\n              <span\r\n                v-if=\"activeMode(t) == 0\"\r\n                :class=\"`avatar-initial rounded-circle bg-info`\"\r\n              >\r\n                <i class=\"icon ion-md-time\"></i>\r\n              </span>\r\n              <span\r\n                v-else-if=\"activeMode(t) == 1\"\r\n                :class=\"`avatar-initial rounded-circle bg-warning`\"\r\n              >\r\n                <i class=\"icon ion-md-open\"></i>\r\n              </span>\r\n              <span\r\n                v-else-if=\"activeMode(t) == -1\"\r\n                :class=\"`avatar-initial rounded-circle bg-gray-400`\"\r\n              >\r\n                <i class=\"icon ion-md-checkmark\"></i>\r\n              </span>\r\n            </div>\r\n            <div class=\"pd-l-10\">\r\n              <h6 class=\"tx-14 tx-semibold mg-b-5\">{{ t.task }}</h6>\r\n              <div class=\"text-center tx-11 tx-color-03\">\r\n                <span v-if=\"activeMode(t) == 0\">\r\n                  <vue-countdown\r\n                    :time=\"getSeconds(t.dueStartDate)\"\r\n                    v-slot=\"{ days, hours, minutes, seconds }\"\r\n                  >\r\n                    {{ days }}х:{{ hours }}ц:{{ minutes }}м:{{ seconds }}с\r\n                  </vue-countdown>\r\n                </span>\r\n                <span v-else-if=\"activeMode(t) == 1\">\r\n                  <vue-countdown\r\n                    :time=\"getSeconds(t.dueDate)\"\r\n                    v-slot=\"{ days, hours, minutes, seconds }\"\r\n                  >\r\n                    {{ days }}х:{{ hours }}ц:{{ minutes }}м:{{ seconds }}с\r\n                  </vue-countdown>\r\n                </span>\r\n                <div v-else-if=\"activeMode(t) == -1\">\r\n                  {{ t.dueStartDate | moment(\"YYYY.MM.DD HH:mm\") }} -\r\n                  {{ t.dueDate | moment(\"YYYY.MM.DD HH:mm\") }}\r\n                </div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <button class=\"btn btn-xs btn-outline-light mg-l-auto\">\r\n            <span v-if=\"activeMode(t) == 0\">\r\n              Удахгүй эхлэх\r\n            </span>\r\n            <span v-else-if=\"activeMode(t) == 1\">\r\n              Яг одоо үргэлжилж байна\r\n            </span>\r\n            <span v-else-if=\"activeMode(t) == -1\">\r\n              Дууссан\r\n            </span>\r\n          </button>\r\n        </li>\r\n      </ul>\r\n    </div>\r\n    <!--  -->\r\n  </div>\r\n  <!-- <div class=\"row row-xs\">\r\n    <div class=\"col-6 col-sm-4 col-md-3 col-lg-3 col-xl-3 col-xxl-3\" v-for=\"(t,i) in tasks\" :key=\"i\">\r\n        <div class=\"card\">\r\n          <div class=\"pd-20 pos-relative\" :class=\"{'bg-danger': activeMode(t)==1, 'bg-success': activeMode(t)==-1, 'bg-primary': activeMode(t)==0 }\">\r\n            <a v-if=\"activeMode(t)==0\" @click=\"$emit('on-detail', t)\" class=\"btn btn-outline-info btn-xs pos-absolute r-10 t-10 text-white\">\r\n              <feather type=\"clock\" class=\"mg-r-5\"></feather>\r\n              Эхлээгүй\r\n            </a>\r\n            <a v-else-if=\"activeMode(t)==1\" @click=\"$emit('on-detail', t)\" class=\"btn btn-outline-warning btn-xs pos-absolute r-10 t-10 text-white\">\r\n              <feather type=\"wifi\" class=\"mg-r-5\"></feather>\r\n              LIVE\r\n            </a>\r\n            <a v-else-if=\"activeMode(t)==-1\" class=\"btn btn-outline-light btn-xs pos-absolute r-10 t-10 text-white\">\r\n              <feather type=\"check\" class=\"mg-r-5\"></feather>\r\n              Дууссан\r\n            </a>\r\n\r\n            <div class=\"text-center mg-t-40 mg-b-10 text-white tx-13\">\r\n              <span v-if=\"activeMode(t)==0\">\r\n                <div>эхлэхэд</div>\r\n                <vue-countdown :time=\"getSeconds(t.dueStartDate)\" v-slot=\"{ days, hours, minutes, seconds }\">\r\n                  {{days}}х:{{ hours }}ц:{{ minutes }}м:{{ seconds }}с\r\n                </vue-countdown>\r\n              </span>\r\n              <span v-else-if=\"activeMode(t)==1\">\r\n                <div>Яг одоо үргэлжилж байна</div>\r\n                <vue-countdown :time=\"getSeconds(t.dueDate)\" v-slot=\"{ days, hours, minutes, seconds }\">\r\n                  {{days}}х:{{ hours }}ц:{{ minutes }}м:{{ seconds }}с\r\n                </vue-countdown>\r\n              </span>\r\n              <div v-else-if=\"activeMode(t)==-1\">\r\n                <div>Дууссан</div>\r\n                <div>{{t.dueStartDate | moment('MM.DD HH:mm')}} - {{t.dueDate | moment('MM.DD HH:mm')}}</div>\r\n              </div>\r\n            </div>\r\n          </div>\r\n          <div class=\"card-body tx-13\">\r\n            <div>\r\n              <h6><a>{{t.task}}</a></h6>\r\n              <button v-if=\"activeMode(t)==-1\" class=\"btn btn-block btn-white btn-xs\" disabled>дууссан</button>\r\n              <button v-else @click=\"$emit('on-detail', t)\" class=\"btn btn-block btn-primary btn-xs\">оролцох</button>\r\n            </div>\r\n          </div>\r\n        </div>\r\n\r\n    </div>\r\n    \r\n  </div> -->\r\n</template>\r\n\r\n<script>\r\nconst moment = require(\"moment\");\r\nimport VueCountdown from \"@chenfengyuan/vue-countdown\";\r\n\r\nexport default {\r\n  components: {\r\n    VueCountdown\r\n  },\r\n  props: {\r\n    tasks: {\r\n      type: Array,\r\n      default: () => []\r\n    },\r\n    course: {\r\n      type: Object,\r\n      default: () => {}\r\n    },\r\n    b: {\r\n      type: Object,\r\n      default: () => {}\r\n    }\r\n  },\r\n  mounted() {\r\n    //console.log(this.course);\r\n  },\r\n  methods: {\r\n    activeMode(t) {\r\n      if (moment(t.dueDate).isBefore(moment(this.course.date.now))) {\r\n        //# past\r\n        return -1;\r\n      } else if (\r\n        moment(t.dueStartDate).isBefore(moment(this.course.date.now)) &&\r\n        moment(t.dueDate).isAfter(moment(this.course.date.now))\r\n      ) {\r\n        //# LIVE\r\n        return 1;\r\n      } else if (moment(t.dueStartDate).isAfter(moment(this.course.date.now))) {\r\n        //# FUTURE\r\n        return 0;\r\n      }\r\n    },\r\n    getSeconds(d) {\r\n      let _range =\r\n        new Date(d).getTime() - new Date(this.course.date.now).getTime();\r\n      return _range;\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style></style>\r\n","import mod from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./zoomList.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../../../../../node_modules/thread-loader/dist/cjs.js!../../../../../../node_modules/babel-loader/lib/index.js!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./zoomList.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./zoomList.vue?vue&type=template&id=91332d7c&\"\nimport script from \"./zoomList.vue?vue&type=script&lang=js&\"\nexport * from \"./zoomList.vue?vue&type=script&lang=js&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}