{"version":3,"sources":["webpack:///./src/view/pages/medical_file/comp/MedicalFileInfo.vue?1162","webpack:///./src/view/pages/medical_file/comp/MedicalFileInfo.vue?73e9","webpack:///src/view/pages/medical_file/comp/MedicalFileInfo.vue","webpack:///./src/view/pages/medical_file/comp/MedicalFileInfo.vue?7c83","webpack:///./src/view/pages/medical_file/comp/MedicalFileInfo.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","$root","mobile","_v","_s","$t","staticStyle","attrs","mf","owner","avatar","data","thumbnails","url","first_name","charAt","full_name","gender","_f","birthday","on","$event","showdetails","_e","directives","name","rawName","value","expression","height","weight","blood_type","staticRenderFns","props","components","error","methods","mounted","activated","created","getPatientMF","component","VBtn","VExpandTransition","VIcon","VImg","VListItem","VListItemAction","VListItemAvatar","VListItemContent","VList"],"mappings":"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","file":"js/chunk-3cdadb50.22019d1a.js","sourcesContent":["import mod from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.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!./MedicalFileInfo.vue?vue&type=style&index=0&id=5d13496c&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/dist/cjs.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!./MedicalFileInfo.vue?vue&type=style&index=0&id=5d13496c&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('div',{staticClass:\"py-2 px-1 \",style:(_vm.$root.mobile\n        ? ''\n        : 'display:flex;    height: 60px; align-items: center;')},[_c('h4',{staticClass:\"text-primary font-weight-bolder\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"MF.personal\"))+\" \")])]),(_vm.mf)?_c('div',{staticClass:\"mb-2 listitem\"},[_c('v-list-item',{staticStyle:{\"min-height\":\"80px\"}},[_c('v-list-item-avatar',{attrs:{\"size\":\"47\",\"color\":\"primary\"}},[(_vm.mf != null && _vm.mf.owner.avatar)?_c('v-img',{attrs:{\"src\":_vm.mf.owner.avatar.data.thumbnails[0].url}}):_c('div',{staticClass:\"white--text font-size-h4\",staticStyle:{\"text-transform\":\"uppercase\",\"width\":\"100%\"}},[_vm._v(\" \"+_vm._s(_vm.mf.owner.first_name.charAt(0))+\" \")])],1),_c('v-list-item-content',[_c('div',{staticClass:\"listitemtitle\"},[_vm._v(\" \"+_vm._s(_vm.mf.full_name)+\" \"),_c('br'),_c('div',{staticStyle:{\"padding-top\":\"5px\",\"color\":\"#9e9e9e\"}},[_vm._v(\" \"+_vm._s(_vm.mf.gender)+\" - \"+_vm._s(_vm._f(\"moment\")(_vm.mf.birthday,\"from\", true))+\" old \")])])]),(_vm.$root.mobile)?_c('v-list-item-action',[_c('v-btn',{attrs:{\"icon\":\"\"},on:{\"click\":function($event){_vm.showdetails = !_vm.showdetails}}},[_c('v-icon',{attrs:{\"color\":\"primary\"}},[_vm._v(_vm._s(_vm.showdetails ? \"mdi-chevron-up\" : \"mdi-chevron-down\"))])],1)],1):_vm._e()],1),_c('v-expand-transition',[_c('div',{directives:[{name:\"show\",rawName:\"v-show\",value:(_vm.showdetails || !_vm.$root.mobile),expression:\"showdetails || !$root.mobile\"}]},[_c('div',[_c('v-list-item',[_c('v-list-item-avatar',[_c('span',{staticClass:\"svg-icon svg-icon-primary svg-icon-2x\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"width\":\"24px\",\"height\":\"24px\",\"viewBox\":\"0 0 24 24\",\"version\":\"1.1\"}},[_c('g',{attrs:{\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('polygon',{attrs:{\"points\":\"0 0 24 0 24 24 0 24\"}}),_c('path',{attrs:{\"d\":\"M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z\",\"fill\":\"#000000\",\"fill-rule\":\"nonzero\",\"opacity\":\"0.3\"}}),_c('path',{attrs:{\"d\":\"M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z\",\"fill\":\"#000000\",\"fill-rule\":\"nonzero\"}})])])])]),_c('v-list-item-content',[_c('div',{staticClass:\"cardtitle\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"MF.infobox.dob\"))+\" \")])]),_c('v-list-item-action',[_vm._v(\" \"+_vm._s(_vm.mf.birthday)+\" \")])],1),_c('v-list-item',[_c('v-list-item-avatar',[_c('span',{staticClass:\"svg-icon svg-icon-primary svg-icon-2x\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"width\":\"24px\",\"height\":\"24px\",\"viewBox\":\"0 0 24 24\",\"version\":\"1.1\"}},[_c('g',{attrs:{\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('rect',{attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"24\",\"height\":\"24\"}}),_c('path',{attrs:{\"d\":\"M15,7 L15,8 C15,8.55228475 15.4477153,9 16,9 C16.5522847,9 17,8.55228475 17,8 L17,7 L19,7 L19,10 C19,10.5522847 \\n      19.4477153,11 20,11 C20.5522847,11 21,10.5522847 21,10 L21,7 C22.1045695,7 23,7.8954305 23,9 L23,15 C23,16.1045695 22.1045695,17 21,17 L3,17 C1.8954305,17 1,16.1045695 1,15 L1,9 C1,7.8954305 1.8954305,7 3,7 L3,10 C3,10.5522847 3.44771525,11 4,11 C4.55228475,11 \\n      5,10.5522847 5,10 L5,7 L7,7 L7,8 C7,8.55228475 7.44771525,9 8,9 C8.55228475,9 9,8.55228475 9,8 L9,7 L11,7 L11,10 C11,10.5522847 11.4477153,11 12,11 C12.5522847,11 13,10.5522847 13,10 L13,7 L15,7 Z\",\"fill\":\"#000000\",\"transform\":\"translate(12.000000, 12.000000) rotate(-45.000000) translate(-12.000000, -12.000000) \"}})])])])]),_c('v-list-item-content',[_c('div',{staticClass:\"cardtitle\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"MF.infobox.height\"))+\" \")])]),_c('v-list-item-action',[_vm._v(\" \"+_vm._s(_vm.mf.height)+\" \"+_vm._s(_vm.$t(\"MF.infobox.hSuffix\"))+\" \")])],1),_c('v-list-item',[_c('v-list-item-avatar',[_c('span',{staticClass:\"svg-icon svg-icon-primary svg-icon-2x\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"width\":\"24px\",\"height\":\"24px\",\"viewBox\":\"0 0 24 24\",\"version\":\"1.1\"}},[_c('g',{attrs:{\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('rect',{attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"24\",\"height\":\"24\"}}),_c('rect',{attrs:{\"fill\":\"#000000\",\"opacity\":\"0.3\",\"transform\":\"translate(12.023129, 11.752757) rotate(33.000000) translate(-12.023129, -11.752757) \",\"x\":\"11.0231287\",\"y\":\"7.92751491\",\"width\":\"2\",\"height\":\"7.65048405\",\"rx\":\"1\"}}),_c('path',{attrs:{\"d\":\"M7.5,3 L16.5,3 C18.9852814,3 21,5.01471863 21,7.5 L21,15.5 C21,17.9852814 18.9852814,20 16.5,20 L7.5,20 C5.01471863,20 3,17.9852814 3,15.5 L3,7.5 C3,5.01471863 5.01471863,3 7.5,3 Z M6,7.88235294 L8.57142857,12 L15.4285714,12 L18,7.88235294 C17,5.96078431 15,5 12,5 C9,5 7,5.96078431 6,7.88235294 Z\",\"fill\":\"#000000\"}})])])])]),_c('v-list-item-content',[_c('div',{staticClass:\"cardtitle\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"MF.infobox.weight\"))+\" \")])]),_c('v-list-item-action',[_vm._v(\" \"+_vm._s(_vm.mf.weight)+\" \"+_vm._s(_vm.$t(\"MF.infobox.wSuffix\"))+\" \")])],1),_c('v-list-item',[_c('v-list-item-avatar',[_c('span',{staticClass:\"svg-icon svg-icon-primary svg-icon-2x\"},[_c('svg',{attrs:{\"xmlns\":\"http://www.w3.org/2000/svg\",\"xmlns:xlink\":\"http://www.w3.org/1999/xlink\",\"width\":\"24px\",\"height\":\"24px\",\"viewBox\":\"0 0 24 24\",\"version\":\"1.1\"}},[_c('g',{attrs:{\"stroke\":\"none\",\"stroke-width\":\"1\",\"fill\":\"none\",\"fill-rule\":\"evenodd\"}},[_c('rect',{attrs:{\"x\":\"0\",\"y\":\"0\",\"width\":\"24\",\"height\":\"24\"}}),_c('path',{attrs:{\"d\":\"M12,21 C15.8659932,21 19,17.8659932 19,14 C19,11.4226712 16.6666667,8.08933783 12,4 C7.33333333,8.08933783 5,11.4226712 5,14 C5,17.8659932 8.13400675,21 12,21 Z\",\"fill\":\"#000000\"}})])])])]),_c('v-list-item-content',[_c('div',{staticClass:\"cardtitle\"},[_vm._v(\" \"+_vm._s(_vm.$t(\"MF.infobox.btype\"))+\" \")])]),_c('v-list-item-action',[_vm._v(\" \"+_vm._s(_vm.mf.blood_type)+\" \")])],1)],1)])])],1):_c('div',{staticClass:\"mb-2 listitem\"},[_c('v-list-item',{staticStyle:{\"min-height\":\"80px\"}},[_c('v-list-item-avatar',{attrs:{\"size\":\"47\"}},[_c('div',{staticClass:\"loadingcircle\",staticStyle:{\"text-transform\":\"uppercase\",\"width\":\"100%\"}})]),_c('v-list-item-content',[_c('div',{staticClass:\"listitemtitle\"},[_c('div',{staticClass:\"loadingbar\"}),_c('br'),_c('div',{staticClass:\"loadingbar\"})])]),_c('v-list-item-action')],1)],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <!-------------------------- start view -------------------------->\n  <div>\n    <div\n      :style=\"\n        $root.mobile\n          ? ''\n          : 'display:flex;    height: 60px; align-items: center;'\n      \"\n      class=\"py-2 px-1 \"\n    >\n      <h4 class=\"text-primary font-weight-bolder\">\n        {{ $t(\"MF.personal\") }}\n      </h4>\n    </div>\n    <div v-if=\"mf\" class=\"mb-2 listitem\">\n      <v-list-item style=\"min-height:80px\">\n        <v-list-item-avatar size=\"47\" color=\"primary\">\n          <v-img\n            v-if=\"mf != null && mf.owner.avatar\"\n            :src=\"mf.owner.avatar.data.thumbnails[0].url\"\n          />\n          <div\n            v-else\n            style=\"text-transform: uppercase;width:100%\"\n            class=\"white--text font-size-h4\"\n          >\n            {{ mf.owner.first_name.charAt(0) }}\n          </div>\n        </v-list-item-avatar>\n        <v-list-item-content>\n          <div class=\"listitemtitle\">\n            {{ mf.full_name }} <br />\n            <div style=\"padding-top:5px; color: #9e9e9e;\">\n              {{ mf.gender }} - {{ mf.birthday | moment(\"from\", true) }} old\n            </div>\n          </div>\n        </v-list-item-content>\n        <v-list-item-action v-if=\"$root.mobile\">\n          <v-btn icon @click=\"showdetails = !showdetails\">\n            <v-icon color=\"primary\">{{\n              showdetails ? \"mdi-chevron-up\" : \"mdi-chevron-down\"\n            }}</v-icon>\n          </v-btn>\n        </v-list-item-action>\n      </v-list-item>\n      <v-expand-transition>\n        <div v-show=\"showdetails || !$root.mobile\">\n          <div>\n            <!-------- item 1 ----------->\n            <v-list-item>\n              <v-list-item-avatar>\n                <span class=\"svg-icon svg-icon-primary svg-icon-2x\">\n                  <!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2020-11-19-154210/theme/html/demo4/dist/../src/media/svg/icons/General/User.svg-->\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                    width=\"24px\"\n                    height=\"24px\"\n                    viewBox=\"0 0 24 24\"\n                    version=\"1.1\"\n                  >\n                    <g\n                      stroke=\"none\"\n                      stroke-width=\"1\"\n                      fill=\"none\"\n                      fill-rule=\"evenodd\"\n                    >\n                      <polygon points=\"0 0 24 0 24 24 0 24\" />\n                      <path\n                        d=\"M12,11 C9.790861,11 8,9.209139 8,7 C8,4.790861 9.790861,3 12,3 C14.209139,3 16,4.790861 16,7 C16,9.209139 14.209139,11 12,11 Z\"\n                        fill=\"#000000\"\n                        fill-rule=\"nonzero\"\n                        opacity=\"0.3\"\n                      />\n                      <path\n                        d=\"M3.00065168,20.1992055 C3.38825852,15.4265159 7.26191235,13 11.9833413,13 C16.7712164,13 20.7048837,15.2931929 20.9979143,20.2 C21.0095879,20.3954741 20.9979143,21 20.2466999,21 C16.541124,21 11.0347247,21 3.72750223,21 C3.47671215,21 2.97953825,20.45918 3.00065168,20.1992055 Z\"\n                        fill=\"#000000\"\n                        fill-rule=\"nonzero\"\n                      />\n                    </g></svg\n                  ><!--end::Svg Icon--></span\n                >\n              </v-list-item-avatar>\n              <v-list-item-content>\n                <div class=\"cardtitle\">\n                  {{ $t(\"MF.infobox.dob\") }}\n                </div>\n              </v-list-item-content>\n              <v-list-item-action>\n                {{ mf.birthday }}\n              </v-list-item-action>\n            </v-list-item>\n            <!-------- item 2 ----------->\n            <v-list-item>\n              <v-list-item-avatar>\n                <span class=\"svg-icon svg-icon-primary svg-icon-2x\">\n                  <!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2020-11-19-154210/theme/html/demo4/dist/../src/media/svg/icons/Home/Ruller.svg-->\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                    width=\"24px\"\n                    height=\"24px\"\n                    viewBox=\"0 0 24 24\"\n                    version=\"1.1\"\n                  >\n                    <g\n                      stroke=\"none\"\n                      stroke-width=\"1\"\n                      fill=\"none\"\n                      fill-rule=\"evenodd\"\n                    >\n                      <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" />\n                      <path\n                        d=\"M15,7 L15,8 C15,8.55228475 15.4477153,9 16,9 C16.5522847,9 17,8.55228475 17,8 L17,7 L19,7 L19,10 C19,10.5522847 \n        19.4477153,11 20,11 C20.5522847,11 21,10.5522847 21,10 L21,7 C22.1045695,7 23,7.8954305 23,9 L23,15 C23,16.1045695 22.1045695,17 21,17 L3,17 C1.8954305,17 1,16.1045695 1,15 L1,9 C1,7.8954305 1.8954305,7 3,7 L3,10 C3,10.5522847 3.44771525,11 4,11 C4.55228475,11 \n        5,10.5522847 5,10 L5,7 L7,7 L7,8 C7,8.55228475 7.44771525,9 8,9 C8.55228475,9 9,8.55228475 9,8 L9,7 L11,7 L11,10 C11,10.5522847 11.4477153,11 12,11 C12.5522847,11 13,10.5522847 13,10 L13,7 L15,7 Z\"\n                        fill=\"#000000\"\n                        transform=\"translate(12.000000, 12.000000) rotate(-45.000000) translate(-12.000000, -12.000000) \"\n                      />\n                    </g></svg\n                  ><!--end::Svg Icon--></span\n                >\n              </v-list-item-avatar>\n              <v-list-item-content>\n                <div class=\"cardtitle\">\n                  {{ $t(\"MF.infobox.height\") }}\n                </div>\n              </v-list-item-content>\n              <v-list-item-action>\n                {{ mf.height }} {{ $t(\"MF.infobox.hSuffix\") }}\n              </v-list-item-action>\n            </v-list-item>\n            <!-------- item 3 ----------->\n            <v-list-item>\n              <v-list-item-avatar>\n                <span class=\"svg-icon svg-icon-primary svg-icon-2x\">\n                  <!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2020-11-19-154210/theme/html/demo4/dist/../src/media/svg/icons/Home/Weight2.svg-->\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                    width=\"24px\"\n                    height=\"24px\"\n                    viewBox=\"0 0 24 24\"\n                    version=\"1.1\"\n                  >\n                    <g\n                      stroke=\"none\"\n                      stroke-width=\"1\"\n                      fill=\"none\"\n                      fill-rule=\"evenodd\"\n                    >\n                      <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" />\n                      <rect\n                        fill=\"#000000\"\n                        opacity=\"0.3\"\n                        transform=\"translate(12.023129, 11.752757) rotate(33.000000) translate(-12.023129, -11.752757) \"\n                        x=\"11.0231287\"\n                        y=\"7.92751491\"\n                        width=\"2\"\n                        height=\"7.65048405\"\n                        rx=\"1\"\n                      />\n                      <path\n                        d=\"M7.5,3 L16.5,3 C18.9852814,3 21,5.01471863 21,7.5 L21,15.5 C21,17.9852814 18.9852814,20 16.5,20 L7.5,20 C5.01471863,20 3,17.9852814 3,15.5 L3,7.5 C3,5.01471863 5.01471863,3 7.5,3 Z M6,7.88235294 L8.57142857,12 L15.4285714,12 L18,7.88235294 C17,5.96078431 15,5 12,5 C9,5 7,5.96078431 6,7.88235294 Z\"\n                        fill=\"#000000\"\n                      />\n                    </g></svg\n                  ><!--end::Svg Icon--></span\n                >\n              </v-list-item-avatar>\n              <v-list-item-content>\n                <div class=\"cardtitle\">\n                  {{ $t(\"MF.infobox.weight\") }}\n                </div>\n              </v-list-item-content>\n              <v-list-item-action>\n                {{ mf.weight }} {{ $t(\"MF.infobox.wSuffix\") }}\n              </v-list-item-action>\n            </v-list-item>\n            <!-------- item 3 ----------->\n            <v-list-item>\n              <v-list-item-avatar>\n                <span class=\"svg-icon svg-icon-primary svg-icon-2x\">\n                  <!--begin::Svg Icon | path:/var/www/preview.keenthemes.com/metronic/releases/2020-11-19-154210/theme/html/demo4/dist/../src/media/svg/icons/Design/Color.svg-->\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    xmlns:xlink=\"http://www.w3.org/1999/xlink\"\n                    width=\"24px\"\n                    height=\"24px\"\n                    viewBox=\"0 0 24 24\"\n                    version=\"1.1\"\n                  >\n                    <g\n                      stroke=\"none\"\n                      stroke-width=\"1\"\n                      fill=\"none\"\n                      fill-rule=\"evenodd\"\n                    >\n                      <rect x=\"0\" y=\"0\" width=\"24\" height=\"24\" />\n                      <path\n                        d=\"M12,21 C15.8659932,21 19,17.8659932 19,14 C19,11.4226712 16.6666667,8.08933783 12,4 C7.33333333,8.08933783 5,11.4226712 5,14 C5,17.8659932 8.13400675,21 12,21 Z\"\n                        fill=\"#000000\"\n                      />\n                    </g></svg\n                  ><!--end::Svg Icon--></span\n                >\n              </v-list-item-avatar>\n              <v-list-item-content>\n                <div class=\"cardtitle\">\n                  {{ $t(\"MF.infobox.btype\") }}\n                </div>\n              </v-list-item-content>\n              <v-list-item-action>\n                {{ mf.blood_type }}\n              </v-list-item-action>\n            </v-list-item>\n          </div>\n        </div>\n      </v-expand-transition>\n    </div>\n    <div v-else class=\"mb-2 listitem\">\n      <v-list-item style=\"min-height:80px\">\n        <v-list-item-avatar size=\"47\">\n          <div\n            style=\"text-transform: uppercase;width:100%\"\n            class=\"loadingcircle\"\n          ></div>\n        </v-list-item-avatar>\n        <v-list-item-content>\n          <div class=\"listitemtitle\">\n            <div class=\"loadingbar\"></div>\n            <br />\n            <div class=\"loadingbar\"></div>\n          </div>\n        </v-list-item-content>\n        <v-list-item-action> </v-list-item-action>\n      </v-list-item>\n    </div>\n  </div>\n  <!-------------------------- end mobil view -------------------------->\n</template>\n\n<script>\nimport ApiService from \"@/core/services/api.service\";\n\nexport default {\n  name: \"patient_info\",\n  props: [\"user\", \"mfid\"],\n  components: {},\n  data() {\n    return {\n      mf: null,\n      showdetails: false,\n      error: \"\"\n    };\n  },\n  methods: {\n    async getPatientMF() {\n      if (\n        JSON.parse(localStorage.userInfo).role == 4 &&\n        localStorage.mfdetails\n      ) {\n        this.mf = JSON.parse(localStorage.mfdetails);\n      } else {\n        // console.log(\"getting mf\");\n        try {\n          // var userInfo = JSON.parse(localStorage.userInfo).id;\n          const { data } = await ApiService.get(\n            \"items\",\n            \"medical_file/\" +\n              // `medical_file?filter[owner]=${userInfo}?fields=owner.avatar.data,owner.first_name,owner.last_name,height,weight,blood_type,birthday,gender,full_name`\n              this.mfid +\n              \"?fields=owner.avatar.data,owner.first_name,owner.last_name,height,weight,blood_type,birthday,gender,full_name,gender\"\n          );\n          this.mf = data.data;\n          localStorage.mfdetails = JSON.stringify(data.data);\n          this.$root.title = this.$t(\"MF.mf\") + \": \" + this.mf.full_name;\n        } catch (error) {\n          this.error = error;\n          // console.log(error);\n        }\n      }\n    }\n  },\n  mounted() {\n    // console.log(\"mounted patient info\");\n  },\n  activated() {\n    // console.log(\"activated patient info\");\n  },\n  created() {\n    this.getPatientMF();\n  }\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.listitemtitle {\n  margin: 0px !important;\n}\n.loadingcircle {\n  background-color: #dddbdd;\n  overflow: hidden;\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    transform: translateX(-100%);\n    background-image: linear-gradient(\n      90deg,\n      rgba(#fff, 0) 0,\n      rgba(#fff, 0.2) 20%,\n      rgba(#fff, 0.5) 60%,\n      rgba(#fff, 0)\n    );\n    animation: shimmer 2s infinite;\n    content: \"\";\n  }\n\n  @keyframes shimmer {\n    100% {\n      transform: translateX(100%);\n    }\n  }\n}\n.loadingbar {\n  background-color: #dddbdd;\n  overflow: hidden;\n  height: 17px;\n  width: 100%;\n  border-radius: 5px;\n  &::after {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    transform: translateX(-100%);\n    background-image: linear-gradient(\n      90deg,\n      rgba(#fff, 0) 0,\n      rgba(#fff, 0.2) 20%,\n      rgba(#fff, 0.5) 60%,\n      rgba(#fff, 0)\n    );\n    animation: shimmer 2s infinite;\n    content: \"\";\n  }\n\n  @keyframes shimmer {\n    100% {\n      transform: translateX(100%);\n    }\n  }\n}\n</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!./MedicalFileInfo.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!./MedicalFileInfo.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MedicalFileInfo.vue?vue&type=template&id=5d13496c&scoped=true&\"\nimport script from \"./MedicalFileInfo.vue?vue&type=script&lang=js&\"\nexport * from \"./MedicalFileInfo.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MedicalFileInfo.vue?vue&type=style&index=0&id=5d13496c&lang=scss&scoped=true&\"\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  \"5d13496c\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../../../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VExpandTransition } from 'vuetify/lib/components/transitions';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VListItem } from 'vuetify/lib/components/VList';\nimport { VListItemAction } from 'vuetify/lib/components/VList';\nimport { VListItemAvatar } from 'vuetify/lib/components/VList';\nimport { VListItemContent } from 'vuetify/lib/components/VList';\ninstallComponents(component, {VBtn,VExpandTransition,VIcon,VImg,VListItem,VListItemAction,VListItemAvatar,VListItemContent})\n"],"sourceRoot":""}