{"version":3,"sources":["webpack:///./src/views/modules/lms/teacher/components/calendar.vue?f4e8","webpack:///./src/views/modules/lms/teacher/components/calendar.vue?aa54","webpack:///src/views/modules/lms/teacher/components/calendar.vue","webpack:///./src/views/modules/lms/teacher/components/calendar.vue?005b","webpack:///./src/views/modules/lms/teacher/components/calendar.vue?f835"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","_f","value1","staticStyle","attrs","on","fetchData","model","value","callback","$$v","expression","_l","c","i","key","day","index","class","today","style","gridColumn","column","format","directives","name","rawName","getDayHas","getDayColor","cal","$event","hasLink","$router","push","getRoute","type","calendarDate","course","desc","task","form","title","staticRenderFns","components","DatePicker","data","calendarBox","monthStart","logData","inTime","liog","months","outTime","calendarData","mounted","Date","methods","toggleBodyClass","addRemoveClass","el","classList","add","className","remove","rv","rawUrl","_dd","length","color","api","params","year","moment","month","future","store","$store","res","init","self","md","days","isSame","getTime","undefined","log","rrr","logTime","filter","computed","dots","component"],"mappings":"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","file":"js/chunk-f60fbb22.4c563e60.js","sourcesContent":["import mod from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./calendar.vue?vue&type=style&index=0&id=59c19fc2&scoped=true&lang=css&\"; export default mod; export * from \"-!../../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./calendar.vue?vue&type=style&index=0&id=59c19fc2&scoped=true&lang=css&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('section',[_c('div',{staticClass:\"d-flex align-items-center\"},[_c('label',{staticClass:\"tx-uppercase tx-10 tx-medium tx-spacing-1 tx-color-03\"},[_vm._v(\"Календарь\")]),_c('label',{staticClass:\"tx-10 tx-medium tx-spacing-1 tx-color-01 mg-l-auto\"},[_vm._v(_vm._s(_vm._f(\"moment\")(_vm.value1,\"YYYY оны MM-р сар\")))])]),_c('DatePicker',{staticClass:\"mg-l-auto\",staticStyle:{\"width\":\"100%\"},attrs:{\"type\":\"month\",\"size\":\"mini\",\"placeholder\":\"Сонгоно уу\"},on:{\"change\":_vm.fetchData},model:{value:(_vm.value1),callback:function ($$v) {_vm.value1=$$v},expression:\"value1\"}}),_vm._l((_vm.calendarBox),function(c,i){return _c('div',{key:i,staticClass:\"bd-t mg-t-10\"},[_c('main',{staticClass:\"calendargo\"},[_c('div',{staticClass:\"text-muted\"},[_vm._v(\"Ня\")]),_c('div',{staticClass:\"font-weight-bold\"},[_vm._v(\"Да\")]),_c('div',{staticClass:\"font-weight-bold\"},[_vm._v(\"Мя\")]),_c('div',{staticClass:\"font-weight-bold\"},[_vm._v(\"Лх\")]),_c('div',{staticClass:\"font-weight-bold\"},[_vm._v(\"Пү\")]),_c('div',{staticClass:\"font-weight-bold\"},[_vm._v(\"Ба\")]),_c('div',{staticClass:\"text-muted\"},[_vm._v(\"Бя\")]),_vm._l((c.days),function(day,index){return _c('div',{key:index,class:{ 'bg-secondary lms-calendar-today tx-white': _vm.today(day) },style:({ gridColumn: _vm.column(index, i) })},[_vm._v(\" \"+_vm._s(day.format(\"D\"))+\" \"),_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.getDayHas(day)),expression:\"getDayHas(day)\"}],class:(\"wd-10 ht-10 rounded-circle mb-n4 ml-n2 bg-\" + (_vm.getDayColor(day)))})])})],2)])}),_c('div',{staticClass:\"mg-t-20\"},[_c('div',{staticClass:\"card card-widget card-events bd-0\",staticStyle:{\"box-shadow\":\"none\"}},[_c('ul',{staticClass:\"list-unstyled media-list mg-b-0\"},_vm._l((_vm.calendarData),function(cal,i){return _c('li',{key:i,staticClass:\"media mg-b-20\",attrs:{\"role\":\"button\"},on:{\"click\":function($event){cal.hasLink ? _vm.$router.push(_vm.getRoute(cal)) : ''}}},[_c('div',{staticClass:\"media-left text-center\"},[_c('div',[(cal.type == 3)?_c('img',{staticClass:\"wd-40\",attrs:{\"src\":\"https://res.gosmart.mn/media/gif/live.gif\"}}):(cal.type == 1)?_c('img',{staticClass:\"wd-40\",attrs:{\"src\":\"https://res.gosmart.mn/media/gif/live.gif\"}}):(cal.type == 4)?_c('feather',{staticClass:\"tx-color-03 wd-25-f ht-25-f\",attrs:{\"type\":\"credit-card\"}}):_c('feather',{staticClass:\"tx-color-03 wd-25-f ht-25-f\",attrs:{\"type\":\"calendar\"}})],1),_c('label',[_vm._v(_vm._s(_vm._f(\"moment\")(cal.calendarDate,\"MM/DD\")))]),_c('p',{staticStyle:{\"min-width\":\"45px\",\"font-size\":\"16px !important\"}},[_vm._v(\" \"+_vm._s(_vm._f(\"moment\")(cal.calendarDate,\"HH:mm\"))+\" \")])]),_c('div',{staticClass:\"media-body event-panel-green\"},[(cal.type == 1 || cal.type == 2 || cal.type == 3)?_c('span',{staticClass:\"event-time\"},[_vm._v(_vm._s(cal.course.name))]):_c('span',{staticClass:\"event-time\"},[_vm._v(_vm._s(cal.desc))]),_c('router-link',{attrs:{\"to\":cal.hasLink ? _vm.getRoute(cal) : ''}},[(cal.type == 1 || cal.type == 3)?_c('h6',{staticClass:\"event-title\"},[_vm._v(\" \"+_vm._s(cal.task.task)+\" \")]):(cal.type == 2)?_c('h6',{staticClass:\"event-title\"},[_vm._v(\" \"+_vm._s(cal.form.name)+\" \")]):_c('h6',{staticClass:\"event-title\"},[_vm._v(_vm._s(cal.title))])])],1)])}),0)])])],2)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <section>\r\n    <div class=\"d-flex align-items-center\">\r\n      <label class=\"tx-uppercase tx-10 tx-medium tx-spacing-1 tx-color-03\"\r\n        >Календарь</label\r\n      >\r\n      <label class=\"tx-10 tx-medium tx-spacing-1 tx-color-01 mg-l-auto\">{{\r\n        value1 | moment(\"YYYY оны MM-р сар\")\r\n      }}</label>\r\n    </div>\r\n    <DatePicker\r\n      v-model=\"value1\"\r\n      @change=\"fetchData\"\r\n      type=\"month\"\r\n      size=\"mini\"\r\n      placeholder=\"Сонгоно уу\"\r\n      class=\"mg-l-auto\"\r\n      style=\"width: 100%\"\r\n    ></DatePicker>\r\n\r\n    <!-- {{calendarData}} -->\r\n    <div v-for=\"(c, i) in calendarBox\" :key=\"i\" class=\"bd-t mg-t-10\">\r\n      <main class=\"calendargo\">\r\n        <div class=\"text-muted\">Ня</div>\r\n        <div class=\"font-weight-bold\">Да</div>\r\n        <div class=\"font-weight-bold\">Мя</div>\r\n        <div class=\"font-weight-bold\">Лх</div>\r\n        <div class=\"font-weight-bold\">Пү</div>\r\n        <div class=\"font-weight-bold\">Ба</div>\r\n        <div class=\"text-muted\">Бя</div>\r\n\r\n        <div\r\n          v-for=\"(day, index) in c.days\"\r\n          :key=\"index\"\r\n          :style=\"{ gridColumn: column(index, i) }\"\r\n          :class=\"{ 'bg-secondary lms-calendar-today tx-white': today(day) }\"\r\n        >\r\n          {{ day.format(\"D\") }}\r\n          <div\r\n            v-show=\"getDayHas(day)\"\r\n            :class=\"\r\n              `wd-10 ht-10 rounded-circle mb-n4 ml-n2 bg-${getDayColor(day)}`\r\n            \"\r\n          ></div>\r\n        </div>\r\n      </main>\r\n    </div>\r\n    <div class=\"mg-t-20\">\r\n      <!-- <div v-if=\"$store.state.app.activeGroup.id==9241 || $store.state.app.activeGroup.id==9249\" class=\"schedule-group\">\r\n        <router-link :to=\"getRoute(cal)\" v-for=\"(cal,i) in calendarData\" :key=\"i\" href=\"#\" :class=\"`schedule-item bd-l bd-2 bd-${cal.color}`\" >\r\n          <h6 v-if=\"cal.type==1\" class=\"d-flex align-items-center\">\r\n            <feather :size=\"16\" type=\"video\" class=\"wd-20-f ht-20-f pd-r-20 mg-r-10\"></feather>\r\n            <span class=\"tx-13\">{{cal.task.task}}</span>\r\n          </h6>\r\n          <h6 v-else-if=\"cal.type==2\" class=\"d-flex align-items-center\">\r\n            <feather :size=\"16\" type=\"pen-tool\" class=\"wd-20-f ht-20-f pd-r-20 mg-r-10\"></feather>\r\n            {{cal.form.name}}\r\n          </h6>\r\n          <span>{{cal.calendarDate | moment('YYYY.MM.DD HH:mm, dddd')}}<br /> {{cal.course.name}}</span>\r\n        </router-link>\r\n      </div>-->\r\n\r\n      <div class=\"card card-widget card-events bd-0\" style=\"box-shadow: none\">\r\n        <ul class=\"list-unstyled media-list mg-b-0\">\r\n          <li\r\n            @click=\"cal.hasLink ? $router.push(getRoute(cal)) : ''\"\r\n            class=\"media mg-b-20\"\r\n            v-for=\"(cal, i) in calendarData\"\r\n            :key=\"i\"\r\n            role=\"button\"\r\n          >\r\n            <!-- {{cal}} -->\r\n            <div class=\"media-left text-center\">\r\n              <div>\r\n                <!-- <feather\r\n                  v-else-if=\"cal.type==1\"\r\n                  type=\"pen-tool\"\r\n                  class=\"tx-color-03 wd-25-f ht-25-f\"\r\n                ></feather> -->\r\n                <!-- <feather v-if=\"cal.type==3\" type=\"wifi\" class=\"text-danger wd-25-f ht-25-f\"></feather> -->\r\n                <img\r\n                  v-if=\"cal.type == 3\"\r\n                  src=\"https://res.gosmart.mn/media/gif/live.gif\"\r\n                  class=\"wd-40\"\r\n                />\r\n                <img\r\n                  v-else-if=\"cal.type == 1\"\r\n                  src=\"https://res.gosmart.mn/media/gif/live.gif\"\r\n                  class=\"wd-40\"\r\n                />\r\n                <feather\r\n                  v-else-if=\"cal.type == 4\"\r\n                  type=\"credit-card\"\r\n                  class=\"tx-color-03 wd-25-f ht-25-f\"\r\n                ></feather>\r\n                <feather\r\n                  v-else\r\n                  type=\"calendar\"\r\n                  class=\"tx-color-03 wd-25-f ht-25-f\"\r\n                ></feather>\r\n              </div>\r\n              <!-- <label>{{cal.calendarDate | moment('dddd')}}</label> -->\r\n              <label>{{ cal.calendarDate | moment(\"MM/DD\") }}</label>\r\n              <p style=\"min-width: 45px; font-size: 16px !important\">\r\n                {{ cal.calendarDate | moment(\"HH:mm\") }}\r\n              </p>\r\n              <!-- <div class=\"mg-t-5\">{{cal.calendarDate | moment('MM/DD')}}</div> -->\r\n            </div>\r\n            <div class=\"media-body event-panel-green\">\r\n              <span\r\n                v-if=\"cal.type == 1 || cal.type == 2 || cal.type == 3\"\r\n                class=\"event-time\"\r\n                >{{ cal.course.name }}</span\r\n              >\r\n              <span v-else class=\"event-time\">{{ cal.desc }}</span>\r\n              <router-link :to=\"cal.hasLink ? getRoute(cal) : ''\">\r\n                <h6 v-if=\"cal.type == 1 || cal.type == 3\" class=\"event-title\">\r\n                  {{ cal.task.task }}\r\n                </h6>\r\n                <h6 v-else-if=\"cal.type == 2\" class=\"event-title\">\r\n                  {{ cal.form.name }}\r\n                </h6>\r\n                <h6 v-else class=\"event-title\">{{ cal.title }}</h6>\r\n              </router-link>\r\n            </div>\r\n          </li>\r\n        </ul>\r\n      </div>\r\n    </div>\r\n  </section>\r\n</template>\r\n\r\n<script>\r\nimport { request } from \"@/api/all\";\r\nimport { hasOneOf } from \"@/libs/tools\";\r\nconst moment = require(\"moment\");\r\nimport { DatePicker } from \"element-ui\";\r\n\r\nexport default {\r\n  components: {\r\n    DatePicker\r\n  },\r\n  data() {\r\n    return {\r\n      value1: \"\",\r\n      calendarBox: [],\r\n      monthStart: 0,\r\n\r\n      logData: {\r\n        inTime: \"\",\r\n        liog: [],\r\n        months: [],\r\n        outTime: \"\"\r\n      },\r\n      calendarData: []\r\n    };\r\n  },\r\n  mounted() {\r\n    require(\"@/assets/scss/pages/calendar.scss\");\r\n    this.value1 = new Date();\r\n    this.fetchData();\r\n    //this.init();\r\n  },\r\n  methods: {\r\n    toggleBodyClass(addRemoveClass, className) {\r\n      const el = document.body;\r\n\r\n      if (addRemoveClass === \"addClass\") {\r\n        el.classList.add(className);\r\n      } else {\r\n        el.classList.remove(className);\r\n      }\r\n    },\r\n    getRoute(cal) {\r\n      let rv = \"\";\r\n      if (cal.type == 1) {\r\n        ///lms/courseView/:id/:bid/:iid/:bot\r\n        rv = `/lms/courseView/${cal.course.id}/${cal.box.id}/${cal.task.id}/${cal.box.objectTypeId}`;\r\n      } else if (cal.type == 2) {\r\n        rv = `/lms/courseView/${cal.course.id}/${cal.box.id}/0/${cal.box.objectTypeId}`;\r\n      } else if (cal.type == 3) {\r\n        rv = `/lms/courseView/${cal.course.id}/${cal.box.id}/${cal.task.id}/${cal.box.objectTypeId}`;\r\n      } else {\r\n        rv = cal.rawUrl;\r\n      }\r\n      return rv;\r\n    },\r\n    getDayHas(day) {\r\n      return hasOneOf(\r\n        this.calendarData.map(e => {\r\n          return moment(e.calendarDate).format(\"YYYY.MM.DD\");\r\n        }),\r\n        [moment(day).format(\"YYYY.MM.DD\")]\r\n      );\r\n    },\r\n    getDayColor(day) {\r\n      let rv = \"\";\r\n      let _dd = this.calendarData.filter(\r\n        x =>\r\n          moment(x.calendarDate).format(\"YYYY.MM.DD\") ==\r\n          moment(day).format(\"YYYY.MM.DD\")\r\n      );\r\n      if (_dd.length) {\r\n        rv = _dd[0].color;\r\n      }\r\n      return rv;\r\n    },\r\n    fetchData() {\r\n      this.toggleBodyClass(\"addClass\", \"dynamic-locker\");\r\n      request({\r\n        api: { method: \"get\", url: \"v2/Learn/GetStudentCalendarData\" },\r\n        params: {\r\n          year: moment(this.value1).format(\"YYYY\"),\r\n          month: moment(this.value1).format(\"MM\"),\r\n          future: true\r\n        },\r\n        store: this.$store\r\n      }).then(res => {\r\n        this.toggleBodyClass(\"removeClass\", \"dynamic-locker\");\r\n        if (res != false) {\r\n          //console.log('res.data.list', res.data.list);\r\n          this.calendarData = res.data.list;\r\n          this.init();\r\n        }\r\n      });\r\n    },\r\n    init() {\r\n      let self = this;\r\n      self.calendarBox = [];\r\n      for (var i = self.monthStart; i < self.monthStart + 1; i++) {\r\n        //let md = moment(new Date().setMonth(new Date().getMonth() + i)).startOf(\"month\");\r\n        let md = moment(self.value1)\r\n          .add(i, \"month\")\r\n          .startOf(\"month\");\r\n        //console.log(formatDateYM(md, 'оны ')+'-р сар');\r\n        //console.log(md)\r\n\r\n        self.calendarBox.push({\r\n          title: md,\r\n          days: [...Array(md.daysInMonth())].map((_, i) =>\r\n            md.clone().add(i, \"day\")\r\n          )\r\n        });\r\n      }\r\n    },\r\n    column(index, i) {\r\n      if (index == 0) {\r\n        return this.calendarBox[i].days[0].day() + 1;\r\n      }\r\n    },\r\n    today(day) {\r\n      return moment().isSame(day, \"day\");\r\n    },\r\n    getTime(flag, date) {\r\n      let rv = \"\";\r\n      let rrr = \"\";\r\n      if (this.logData.log != undefined && this.logData.log.length > 0) {\r\n        rrr = this.logData.log[0].logTime.filter(\r\n          x =>\r\n            x.time != null &&\r\n            x.flag == flag &&\r\n            moment(x.time, \"YYYY/MM/DD\").isSame(moment(date, \"YYYY/MM/DD\"))\r\n        );\r\n        if (rrr.length > 0) {\r\n          if (rrr[0].type == null || rrr[0].type == \"\")\r\n            rv = rrr[0].timeSpan.substring(0, 5);\r\n          else if (flag == 2) rv = rrr[0].type;\r\n        }\r\n      }\r\n      return rv;\r\n    }\r\n  },\r\n  computed: {\r\n    dots() {\r\n      return [\r\n        {\r\n          dot: \"red\",\r\n          dates: [\r\n            new Date(this.thisMonthYear, this.thisMonth, 1),\r\n            new Date(this.thisMonthYear, this.thisMonth, 10),\r\n            new Date(this.thisMonthYear, this.thisMonth, 22),\r\n            new Date(this.nextMonthYear, this.nextMonth, 6),\r\n            new Date(this.nextMonthYear, this.nextMonth, 16)\r\n          ]\r\n        },\r\n        {\r\n          dot: \"teal\",\r\n          dates: [\r\n            new Date(this.thisMonthYear, this.thisMonth, 4),\r\n            new Date(this.thisMonthYear, this.thisMonth, 10),\r\n            new Date(this.thisMonthYear, this.thisMonth, 15),\r\n            new Date(this.nextMonthYear, this.nextMonth, 1),\r\n            new Date(this.nextMonthYear, this.nextMonth, 12),\r\n            {\r\n              start: new Date(this.nextMonthYear, this.nextMonth, 20),\r\n              end: new Date(this.nextMonthYear, this.nextMonth, 25)\r\n            }\r\n          ]\r\n        },\r\n        {\r\n          dot: \"blue\",\r\n          dates: [\r\n            new Date(this.thisMonthYear, this.thisMonth, 12),\r\n            new Date(this.thisMonthYear, this.thisMonth, 26),\r\n            new Date(this.thisMonthYear, this.thisMonth, 15),\r\n            new Date(this.nextMonthYear, this.nextMonth, 9),\r\n            new Date(this.nextMonthYear, this.nextMonth, 5),\r\n            new Date(this.nextMonthYear, this.nextMonth, 6),\r\n            new Date(this.nextMonthYear, this.nextMonth, 20),\r\n            new Date(this.nextMonthYear, this.nextMonth, 25)\r\n          ]\r\n        }\r\n      ];\r\n    }\r\n  }\r\n};\r\n</script>\r\n\r\n<style scoped>\r\n.m-calendar {\r\n  background: #fff;\r\n  padding: 0;\r\n}\r\n.calendargo {\r\n  display: grid;\r\n  grid-template-columns: repeat(7, 1fr);\r\n  max-width: 100vw;\r\n  width: 100%;\r\n}\r\n\r\n.calendargo > * {\r\n  align-items: center;\r\n  display: flex;\r\n  justify-content: center;\r\n  font-size: 14px;\r\n  line-height: 21px;\r\n  cursor: pointer;\r\n  height: 35px;\r\n}\r\n\r\n.calendargo > *::before {\r\n  content: \"\";\r\n  display: inline-block;\r\n  height: 0;\r\n  padding-bottom: 100%;\r\n  width: 1px;\r\n}\r\n\r\n.calendargo > *.today {\r\n  background-color: hsl(241deg 100% 79%) !important;\r\n  color: white;\r\n  /* border: 0.1em solid rgba(0, 0, 0, 0.2); */\r\n  border-radius: 100%;\r\n}\r\n\r\n.calendargo > *.active {\r\n  border-radius: 100%;\r\n  background: rgb(43, 175, 180);\r\n  color: #fff;\r\n}\r\n</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!./calendar.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!./calendar.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./calendar.vue?vue&type=template&id=59c19fc2&scoped=true&\"\nimport script from \"./calendar.vue?vue&type=script&lang=js&\"\nexport * from \"./calendar.vue?vue&type=script&lang=js&\"\nimport style0 from \"./calendar.vue?vue&type=style&index=0&id=59c19fc2&scoped=true&lang=css&\"\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  \"59c19fc2\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}