{"version":3,"sources":["webpack:///./src/views/images_sheet.vue?5641","webpack:///./node_modules/core-js/modules/web.dom.iterable.js","webpack:///./src/views/images_sheet.vue?84c8","webpack:///src/views/images_sheet.vue","webpack:///./src/views/images_sheet.vue?829a","webpack:///./src/views/images_sheet.vue","webpack:///./src/views/images_sheet.vue?e92f"],"names":["$iterators","getKeys","redefine","global","hide","Iterators","wks","ITERATOR","TO_STRING_TAG","ArrayValues","Array","DOMIterables","CSSRuleList","CSSStyleDeclaration","CSSValueList","ClientRectList","DOMRectList","DOMStringList","DOMTokenList","DataTransferItemList","FileList","HTMLAllCollection","HTMLCollection","HTMLFormElement","HTMLSelectElement","MediaList","MimeTypeArray","NamedNodeMap","NodeList","PaintRequestList","Plugin","PluginArray","SVGLengthList","SVGNumberList","SVGPathSegList","SVGPointList","SVGStringList","SVGTransformList","SourceBufferList","StyleSheetList","TextTrackCueList","TextTrackList","TouchList","collections","i","length","key","NAME","explicit","Collection","proto","prototype","render","_vm","this","_h","$createElement","_c","_self","staticClass","on","print","_v","_s","name","ym","ref","_l","image","index","attrs","staticRenderFns","data","$route","query","month","images","created","getImages","computed","imagesLeft","filter","imagesRight","methods","$http","get","params","id","res","forEach","Image","src","base64","onload","canvas","document","createElement","ctx","getContext","width","height","rotate","Math","PI","translate","drawImage","window","component"],"mappings":"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","file":"js/images_sheet.182b5e17.js","sourcesContent":["import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./images_sheet.vue?vue&type=style&index=1&lang=scss&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./images_sheet.vue?vue&type=style&index=1&lang=scss&\"","var $iterators = require('./es6.array.iterator');\nvar getKeys = require('./_object-keys');\nvar redefine = require('./_redefine');\nvar global = require('./_global');\nvar hide = require('./_hide');\nvar Iterators = require('./_iterators');\nvar wks = require('./_wks');\nvar ITERATOR = wks('iterator');\nvar TO_STRING_TAG = wks('toStringTag');\nvar ArrayValues = Iterators.Array;\n\nvar DOMIterables = {\n  CSSRuleList: true, // TODO: Not spec compliant, should be false.\n  CSSStyleDeclaration: false,\n  CSSValueList: false,\n  ClientRectList: false,\n  DOMRectList: false,\n  DOMStringList: false,\n  DOMTokenList: true,\n  DataTransferItemList: false,\n  FileList: false,\n  HTMLAllCollection: false,\n  HTMLCollection: false,\n  HTMLFormElement: false,\n  HTMLSelectElement: false,\n  MediaList: true, // TODO: Not spec compliant, should be false.\n  MimeTypeArray: false,\n  NamedNodeMap: false,\n  NodeList: true,\n  PaintRequestList: false,\n  Plugin: false,\n  PluginArray: false,\n  SVGLengthList: false,\n  SVGNumberList: false,\n  SVGPathSegList: false,\n  SVGPointList: false,\n  SVGStringList: false,\n  SVGTransformList: false,\n  SourceBufferList: false,\n  StyleSheetList: true, // TODO: Not spec compliant, should be false.\n  TextTrackCueList: false,\n  TextTrackList: false,\n  TouchList: false\n};\n\nfor (var collections = getKeys(DOMIterables), i = 0; i < collections.length; i++) {\n  var NAME = collections[i];\n  var explicit = DOMIterables[NAME];\n  var Collection = global[NAME];\n  var proto = Collection && Collection.prototype;\n  var key;\n  if (proto) {\n    if (!proto[ITERATOR]) hide(proto, ITERATOR, ArrayValues);\n    if (!proto[TO_STRING_TAG]) hide(proto, TO_STRING_TAG, NAME);\n    Iterators[NAME] = ArrayValues;\n    if (explicit) for (key in $iterators) if (!proto[key]) redefine(proto, key, $iterators[key], true);\n  }\n}\n","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"sheets\"},[_c('button',{staticClass:\"print-button pure-button\",on:{\"click\":_vm.print}},[_vm._v(\"印刷\")]),_c('section',{staticClass:\"sheet\"},[_c('div',{staticClass:\"property\"},[_c('span',{staticClass:\"name\"},[_vm._v(_vm._s(_vm.name))]),_c('span',[_vm._v(_vm._s(_vm.ym))])]),_c('div',{ref:\"tables\",staticClass:\"tables\"},[_c('table',_vm._l((_vm.imagesLeft),function(image,index){return _c('tr',{key:index},[_c('td',{staticClass:\"td-image\"},[_c('img',{staticClass:\"image\",attrs:{\"src\":image}})])])}),0),_c('table',_vm._l((_vm.imagesRight),function(image,index){return _c('tr',{key:index},[_c('td',{staticClass:\"td-image\"},[_c('img',{staticClass:\"image\",attrs:{\"src\":image}})])])}),0)])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"sheets\">\n    <button class=\"print-button pure-button\" @click=\"print\">印刷</button>\n    <section class=\"sheet\">\n      <div class=\"property\">\n        <span class=\"name\">{{ name }}</span><span>{{ ym }}</span>\n      </div>\n      <div class=\"tables\" ref=\"tables\">\n        <table>\n          <tr v-for=\"(image, index) in imagesLeft\" :key=\"index\">\n            <td class=\"td-image\">\n              <img class=\"image\" :src=\"image\" />\n            </td>\n          </tr>\n        </table>\n        <table>\n          <tr v-for=\"(image, index) in imagesRight\" :key=\"index\">\n            <td class=\"td-image\">\n              <img class=\"image\" :src=\"image\" />\n            </td>\n          </tr>\n        </table>\n      </div>\n    </section>\n  </div>\n</template>\n\n<script>\nimport moment from \"moment\"\n\nexport default {\n  data() {\n    return {\n      ym: this.$route.query.month,\n      name: this.$route.query.name,\n      images: []\n    }\n  },\n\n  created() {\n    this.getImages()\n  },\n\n  computed: {\n    imagesLeft() {\n      return this.images.filter((_, index) => {\n        return index % 8 < 4\n      })\n    },\n\n    imagesRight() {\n      return this.images.filter((_, index) => {\n        return 4 <= index % 8\n      })\n    }\n  },\n\n  methods: {\n    getImages() {\n      this.$http.get(\"/transport_image_data\", {\n        params: {\n          month: moment(this.$route.query.month).format('YYYY-MM'),\n          id: this.$route.query.id\n        }\n      })\n      .then(res => {\n        res.data.images.forEach(image => {\n          let imageType = 'image/png'\n          let base64 = 'data:' + imageType + ';base64, ' + image\n\n          var image = new Image()\n\n          image.src = base64\n\n          image.onload = () => {\n            // 画像整形用のcanvas用意\n            var canvas = document.createElement('canvas')\n            var ctx = canvas.getContext('2d')\n\n            if (image.width < image.height) {\n              // 縦長画像の場合は横置きになるよう設定\n              canvas.height = image.width\n              canvas.width = image.height\n              ctx.rotate(270 * Math.PI / 180)\n              ctx.translate(-image.width, 0)\n            } else {\n              canvas.height = image.height\n              canvas.width = image.width\n            }\n\n            ctx.drawImage(image, 0, 0, image.width, image.height)\n            let dstBase64 = canvas.toDataURL(imageType)\n\n            this.images.push(dstBase64)\n          }\n        })\n      })\n    },\n\n    print() {\n      window.print()\n    }\n  }\n}\n</script>\n\n<style lang=\"scss\" scoped>\n.name {\n  margin-right: 10px;\n}\n\n.tables {\n  display: flex;\n}\n\n.print-button {\n  margin: 20px 30px 0 auto;\n  display: block;\n  background: linear-gradient(135deg, #fff5ee, #83ccd2);\n}\n\n.property {\n  text-align: end;\n}\n\ntable {\n  width: 50%;\n  table-layout: fixed;  \n\n  tr {\n    page-break-inside: avoid;\n  }\n\n  // ヘッダー部分に画像が被るのを防止\n  tr:nth-child(4n-3) {\n    img {\n      margin-top: 30px;\n    }\n  }\n\n  td {\n    padding: 3px;\n    display: flex;\n  }\n}\n\n.td-image {\n  height: 64mm;\n}\n\nimg {\n  width: 100%;\n  height: 100%;\n  object-fit: contain;\n  object-position: top left;\n}\n\n/* hide in print */\n@media print {\n  .print-button {\n    display: none;\n  }\n\n  .sheet {\n    page-break-after: always;\n  }\n\n  .property {\n    position: fixed;\n    top: 0;\n    right: 0;\n  }\n}\n\n/* for preview */\n@media screen {\n  .sheet {\n    width: 200mm;\n    min-height: 296mm;\n    margin: 5px auto;\n    padding: 5mm;\n    background: white;\n    box-shadow: 0 .5mm 2mm rgba(0,0,0,.3);\n  }\n}\n</style>\n\n<style lang=\"scss\">\n#app {\n  overflow-y: initial !important;\n}\n\nfooter {\n  display: none;\n}\n\n/* for preview */\n@media screen {\n  body {  \n    background: #eee;\n  }\n}\n\n@media print {\n  body {\n    height: auto;\n  }\n}\n</style>","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!./images_sheet.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!./images_sheet.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./images_sheet.vue?vue&type=template&id=72d07e63&scoped=true&\"\nimport script from \"./images_sheet.vue?vue&type=script&lang=js&\"\nexport * from \"./images_sheet.vue?vue&type=script&lang=js&\"\nimport style0 from \"./images_sheet.vue?vue&type=style&index=0&id=72d07e63&lang=scss&scoped=true&\"\nimport style1 from \"./images_sheet.vue?vue&type=style&index=1&lang=scss&\"\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  \"72d07e63\",\n  null\n  \n)\n\nexport default component.exports","import mod from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./images_sheet.vue?vue&type=style&index=0&id=72d07e63&lang=scss&scoped=true&\"; export default mod; export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../node_modules/css-loader/index.js??ref--8-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./images_sheet.vue?vue&type=style&index=0&id=72d07e63&lang=scss&scoped=true&\""],"sourceRoot":""}