{"version":3,"sources":["webpack:///./src/views/profile.vue?3931","webpack:///src/views/profile.vue","webpack:///./src/views/profile.vue?93ed","webpack:///./src/views/profile.vue?acd0","webpack:///./src/views/profile.vue?e443"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","attrs","imageSrc","_s","formData","Notes","colCountByScreen","staticRenderFns","props","picture","String","data","ID","FirstName","LastName","Prefix","Position","Picture","BirthDate","Date","HireDate","Address","xs","sm","md","lg","components","DxForm","component"],"mappings":"iJAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACA,EAAG,KAAK,CAACE,YAAY,iBAAiB,CAACN,EAAIO,GAAG,aAAaH,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACI,MAAM,CAAC,IAAMR,EAAIS,cAAcL,EAAG,OAAO,CAACJ,EAAIO,GAAGP,EAAIU,GAAGV,EAAIW,SAASC,YAAYR,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACF,EAAG,UAAU,CAACI,MAAM,CAAC,GAAK,OAAO,iBAAiB,MAAM,YAAYR,EAAIW,SAAS,iBAAmBX,EAAIa,qBAAqB,MACviBC,EAAkB,G,qBCwBtB,GACEC,MAAO,CACLC,QAASC,QAEXC,KAJF,WAKI,IAAJ,4BACI,MAAO,CACLT,SAAU,0DAAhB,UACME,SAAU,CACRQ,GAAI,EACJC,UAAW,SACXC,SAAU,UACVC,OAAQ,OACRC,SAAU,aACVC,QAASR,EACTS,UAAW,IAAIC,KAAK,cACpBC,SAAU,IAAID,KAAK,cACnBd,MAER,iNAIQgB,QAAS,uBAEXf,iBAAkB,CAChBgB,GAAI,EACJC,GAAI,EACJC,GAAI,EACJC,GAAI,KAIVC,WAAY,CACVC,OAAJ,MC3D0e,I,wBCQteC,EAAY,eACd,EACApC,EACAe,GACA,EACA,KACA,KACA,MAIa,aAAAqB,E,2CCnBf,yBAAklB,EAAG","file":"js/display-data308.5f1dc92c.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[_c('h2',{staticClass:\"content-block\"},[_vm._v(\"Profile\")]),_c('div',{staticClass:\"content-block dx-card responsive-paddings\"},[_c('div',{staticClass:\"form-avatar\"},[_c('img',{attrs:{\"src\":_vm.imageSrc}})]),_c('span',[_vm._v(_vm._s(_vm.formData.Notes))])]),_c('div',{staticClass:\"content-block dx-card responsive-paddings\"},[_c('dx-form',{attrs:{\"id\":\"form\",\"label-location\":\"top\",\"form-data\":_vm.formData,\"colCountByScreen\":_vm.colCountByScreen}})],1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <h2 class=\"content-block\">Profile</h2>\r\n\r\n    <div class=\"content-block dx-card responsive-paddings\">\r\n      <div class=\"form-avatar\">\r\n        <img :src=\"imageSrc\" />\r\n      </div>\r\n      <span>{{ formData.Notes }}</span>\r\n    </div>\r\n\r\n    <div class=\"content-block dx-card responsive-paddings\">\r\n      <dx-form\r\n        id=\"form\"\r\n        label-location=\"top\"\r\n        :form-data=\"formData\"\r\n        :colCountByScreen=\"colCountByScreen\"\r\n      />\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport DxForm from \"devextreme-vue/form\";\r\n\r\nexport default {\r\n  props: {\r\n    picture: String\r\n  },\r\n  data() {\r\n    const picture = \"images/employees/06.png\";\r\n    return {\r\n      imageSrc: `https://js.devexpress.com/Demos/WidgetsGallery/JSDemos/${picture}`,\r\n      formData: {\r\n        ID: 7,\r\n        FirstName: \"Sandra\",\r\n        LastName: \"Johnson\",\r\n        Prefix: \"Mrs.\",\r\n        Position: \"Controller\",\r\n        Picture: picture,\r\n        BirthDate: new Date(\"1974/11/15\"),\r\n        HireDate: new Date(\"2005/05/11\"),\r\n        Notes:\r\n\r\n          \"Sandra is a CPA and has been our controller since 2008. \" +\r\n          \"She loves to interact with staff so if you`ve not met her, be certain to say hi.\" +\r\n          \"\\r\\n\\r\\n\" +\r\n          \"Sandra has 2 daughters both of whom are accomplished gymnasts.\",\r\n        Address: \"4600 N Virginia Rd.\"\r\n      },\r\n      colCountByScreen: {\r\n        xs: 1,\r\n        sm: 2,\r\n        md: 3,\r\n        lg: 4\r\n      }\r\n    };\r\n  },\r\n  components: {\r\n    DxForm\r\n  }\r\n};\r\n</script>\r\n\r\n<style lang=\"scss\">\r\n.form-avatar {\r\n  float: left;\r\n  height: 120px;\r\n  width: 120px;\r\n  margin-right: 20px;\r\n  border: 1px solid rgba(0, 0, 0, 0.1);\r\n  background-size: contain;\r\n  background-repeat: no-repeat;\r\n  background-position: center;\r\n  background-color: #fff;\r\n  overflow: hidden;\r\n\r\n  img {\r\n    height: 120px;\r\n    display: block;\r\n    margin: 0 auto;\r\n  }\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/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./profile.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/vue-cli-plugin-quasar/lib/loader.transform-quasar-imports.js!../../node_modules/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./profile.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./profile.vue?vue&type=template&id=fa5747d6&\"\nimport script from \"./profile.vue?vue&type=script&lang=js&\"\nexport * from \"./profile.vue?vue&type=script&lang=js&\"\nimport style0 from \"./profile.vue?vue&type=style&index=0&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  null,\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/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./profile.vue?vue&type=style&index=0&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/vue-cli-plugin-quasar/lib/loader.auto-import.js?kebab!../../node_modules/cache-loader/dist/cjs.js??ref--0-1!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./profile.vue?vue&type=style&index=0&lang=scss&\""],"sourceRoot":""}