{"version":3,"sources":["webpack:///./src/views/modules/lms/student/sections/zoomList.vue?75dc","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.e722c714.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>\n  <div>\n    <div class=\"card mg-b-20\">\n      <div\n        class=\"card-header d-flex align-items-center justify-content-between\"\n      >\n        <h6 class=\"mg-b-0\">{{ b != undefined ? b.nm : \"Лайв сургалт\" }}</h6>\n      </div>\n      <ul class=\"list-group list-group-flush\">\n        <li\n          @click=\"activeMode(t) == -1 ? '' : $emit('on-detail', t)\"\n          class=\"list-group-item list-group-item-action d-flex align-items-center bd-0\"\n          v-for=\"(t, i) in tasks\"\n          :key=\"i\"\n          role=\"button\"\n        >\n          <div class=\"d-flex\">\n            <!-- <div class=\"avatar\">\n              <span :class=\"`avatar-initial rounded-circle bg-transparent bd bd-gray-900`\">\n                <feather type=\"video\" class=\"tx-color-02\" style=\"margin-top: -4px; width: 19px; height: 19px;\"></feather>\n              </span>\n            </div> -->\n            <div class=\"avatar d-none d-sm-block\">\n              <span\n                v-if=\"activeMode(t) == 0\"\n                :class=\"`avatar-initial rounded-circle bg-info`\"\n              >\n                <i class=\"icon ion-md-time\"></i>\n              </span>\n              <span\n                v-else-if=\"activeMode(t) == 1\"\n                :class=\"`avatar-initial rounded-circle bg-warning`\"\n              >\n                <i class=\"icon ion-md-open\"></i>\n              </span>\n              <span\n                v-else-if=\"activeMode(t) == -1\"\n                :class=\"`avatar-initial rounded-circle bg-gray-400`\"\n              >\n                <i class=\"icon ion-md-checkmark\"></i>\n              </span>\n            </div>\n            <div class=\"pd-l-10\">\n              <h6 class=\"tx-14 tx-semibold mg-b-5\">{{ t.task }}</h6>\n              <div class=\"text-center tx-11 tx-color-03\">\n                <span v-if=\"activeMode(t) == 0\">\n                  <vue-countdown\n                    :time=\"getSeconds(t.dueStartDate)\"\n                    v-slot=\"{ days, hours, minutes, seconds }\"\n                  >\n                    {{ days }}х:{{ hours }}ц:{{ minutes }}м:{{ seconds }}с\n                  </vue-countdown>\n                </span>\n                <span v-else-if=\"activeMode(t) == 1\">\n                  <vue-countdown\n                    :time=\"getSeconds(t.dueDate)\"\n                    v-slot=\"{ days, hours, minutes, seconds }\"\n                  >\n                    {{ days }}х:{{ hours }}ц:{{ minutes }}м:{{ seconds }}с\n                  </vue-countdown>\n                </span>\n                <div v-else-if=\"activeMode(t) == -1\">\n                  {{ t.dueStartDate | moment(\"YYYY.MM.DD HH:mm\") }} -\n                  {{ t.dueDate | moment(\"YYYY.MM.DD HH:mm\") }}\n                </div>\n              </div>\n            </div>\n          </div>\n          <button class=\"btn btn-xs btn-outline-light mg-l-auto\">\n            <span v-if=\"activeMode(t) == 0\">\n              Удахгүй эхлэх\n            </span>\n            <span v-else-if=\"activeMode(t) == 1\">\n              Яг одоо үргэлжилж байна\n            </span>\n            <span v-else-if=\"activeMode(t) == -1\">\n              Дууссан\n            </span>\n          </button>\n        </li>\n      </ul>\n    </div>\n    <!--  -->\n  </div>\n  <!-- <div class=\"row row-xs\">\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\">\n        <div class=\"card\">\n          <div class=\"pd-20 pos-relative\" :class=\"{'bg-danger': activeMode(t)==1, 'bg-success': activeMode(t)==-1, 'bg-primary': activeMode(t)==0 }\">\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\">\n              <feather type=\"clock\" class=\"mg-r-5\"></feather>\n              Эхлээгүй\n            </a>\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\">\n              <feather type=\"wifi\" class=\"mg-r-5\"></feather>\n              LIVE\n            </a>\n            <a v-else-if=\"activeMode(t)==-1\" class=\"btn btn-outline-light btn-xs pos-absolute r-10 t-10 text-white\">\n              <feather type=\"check\" class=\"mg-r-5\"></feather>\n              Дууссан\n            </a>\n\n            <div class=\"text-center mg-t-40 mg-b-10 text-white tx-13\">\n              <span v-if=\"activeMode(t)==0\">\n                <div>эхлэхэд</div>\n                <vue-countdown :time=\"getSeconds(t.dueStartDate)\" v-slot=\"{ days, hours, minutes, seconds }\">\n                  {{days}}х:{{ hours }}ц:{{ minutes }}м:{{ seconds }}с\n                </vue-countdown>\n              </span>\n              <span v-else-if=\"activeMode(t)==1\">\n                <div>Яг одоо үргэлжилж байна</div>\n                <vue-countdown :time=\"getSeconds(t.dueDate)\" v-slot=\"{ days, hours, minutes, seconds }\">\n                  {{days}}х:{{ hours }}ц:{{ minutes }}м:{{ seconds }}с\n                </vue-countdown>\n              </span>\n              <div v-else-if=\"activeMode(t)==-1\">\n                <div>Дууссан</div>\n                <div>{{t.dueStartDate | moment('MM.DD HH:mm')}} - {{t.dueDate | moment('MM.DD HH:mm')}}</div>\n              </div>\n            </div>\n          </div>\n          <div class=\"card-body tx-13\">\n            <div>\n              <h6><a>{{t.task}}</a></h6>\n              <button v-if=\"activeMode(t)==-1\" class=\"btn btn-block btn-white btn-xs\" disabled>дууссан</button>\n              <button v-else @click=\"$emit('on-detail', t)\" class=\"btn btn-block btn-primary btn-xs\">оролцох</button>\n            </div>\n          </div>\n        </div>\n\n    </div>\n    \n  </div> -->\n</template>\n\n<script>\nconst moment = require(\"moment\");\nimport VueCountdown from \"@chenfengyuan/vue-countdown\";\n\nexport default {\n  components: {\n    VueCountdown\n  },\n  props: {\n    tasks: {\n      type: Array,\n      default: () => []\n    },\n    course: {\n      type: Object,\n      default: () => {}\n    },\n    b: {\n      type: Object,\n      default: () => {}\n    }\n  },\n  mounted() {\n    //console.log(this.course);\n  },\n  methods: {\n    activeMode(t) {\n      if (moment(t.dueDate).isBefore(moment(this.course.date.now))) {\n        //# past\n        return -1;\n      } else if (\n        moment(t.dueStartDate).isBefore(moment(this.course.date.now)) &&\n        moment(t.dueDate).isAfter(moment(this.course.date.now))\n      ) {\n        //# LIVE\n        return 1;\n      } else if (moment(t.dueStartDate).isAfter(moment(this.course.date.now))) {\n        //# FUTURE\n        return 0;\n      }\n    },\n    getSeconds(d) {\n      let _range =\n        new Date(d).getTime() - new Date(this.course.date.now).getTime();\n      return _range;\n    }\n  }\n};\n</script>\n\n<style></style>\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=cf1f3cb2&\"\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":""}