{"version":3,"sources":["webpack:///./src/views/forms/MyForm.vue?3961","webpack:///src/views/forms/MyForm.vue","webpack:///./src/views/forms/MyForm.vue?9272","webpack:///./src/views/forms/MyForm.vue","webpack:///./src/views/forms/MyForm.vue?9357"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","_v","_s","formName","attrs","on","backToMyForms","$layoutsLabelPlural","_e","fullWidthWrapperEnabled","toggleFullwidhtContainer","class","$event","showStartWorkflowManager","staticRenderFns","name","components","StartWorkflowManager","data","isAuthed","computed","canAccessAllForms","created","payload","StartNumber","MaxReturnCount","IncludeUserSecurity","IncludeFields","PopulateOnlyNameAndID","methods","component"],"mappings":"yHAAA,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAOE,EAAG,MAAM,CAACE,YAAY,6CAA6C,CAACF,EAAG,MAAM,CAACE,YAAY,eAAe,CAACF,EAAG,MAAM,CAACE,YAAY,iCAAiC,CAACN,EAAIO,GAAG,IAAIP,EAAIQ,GAAGR,EAAIS,UAAU,OAAOL,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAAEN,EAAqB,kBAAEI,EAAG,eAAe,CAACE,YAAY,eAAeI,MAAM,CAAC,GAAK,SAAS,KAAO,SAAS,UAAY,QAAQC,GAAG,CAAC,oBAAsBX,EAAIY,gBAAgB,CAACZ,EAAIO,GAAG,eAAeP,EAAIQ,GAAGR,EAAIa,qBAAqB,OAAOb,EAAIc,KAAKV,EAAG,eAAe,CAACE,YAAY,iBAAiBI,MAAM,CAAC,GAAK,eAAe,KAAO,eAAe,MAAS,oBAAsBV,EAAIe,wBAA0B,MAAQ,MAAO,KAAOf,EAAIe,wBAA0B,2BAA6B,wBAAwBJ,GAAG,CAAC,oBAAsBX,EAAIgB,6BAA6B,KAAKZ,EAAG,MAAM,CAACE,YAAY,kBAAkB,CAAEN,EAAY,SAAEI,EAAG,MAAM,CAACa,MAAM,CAAE,aAAcjB,EAAIe,wBAAyB,gBAAiB,IAAQ,CAACX,EAAG,uBAAuB,CAACM,MAAM,CAAC,UAAW,GAAMC,GAAG,CAAC,mBAAqB,SAASO,GAAQlB,EAAImB,0BAA2B,OAAW,GAAGnB,EAAIc,UACtqCM,EAAkB,G,gDC4CP,GACfC,cACAC,YACAC,6BAEAC,gBACA,OACAT,2BACAU,gBAGAC,UACAC,6BAAA,kEACAlB,oBACA,4BACA,IACA,kBACA,4BAGA,yCAGAmB,mBAAA,0JAQA,GAPAC,GACAC,cACAC,mBACAC,uBACAC,iBACAC,0BAEA,gDACA,2MACA,uFACA,2FAXA,IAaAC,SACAvB,yBAAA,mBAAAS,kBACAL,oCACA,2DACA,gECrF+V,I,wBCQ3VoB,EAAY,eACd,EACArC,EACAqB,GACA,EACA,KACA,WACA,MAIa,aAAAgB,E,oECnBf","file":"js/chunk-dfc11188.a21ef8d1.js","sourcesContent":["var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"lightestGreyBackground vasion-calc-height\"},[_c('div',{staticClass:\"form-header\"},[_c('div',{staticClass:\"vasion-page-title header-text\"},[_vm._v(\" \"+_vm._s(_vm.formName)+\" \")]),_c('div',{staticClass:\"btns-container\"},[(_vm.canAccessAllForms)?_c('VasionButton',{staticClass:\"button-right\",attrs:{\"id\":\"cancel\",\"name\":\"cancel\",\"classProp\":'text'},on:{\"vasionButtonClicked\":_vm.backToMyForms}},[_vm._v(\" Back to My \"+_vm._s(_vm.$layoutsLabelPlural)+\" \")]):_vm._e(),_c('VasionButton',{staticClass:\"full-width-btn\",attrs:{\"id\":\"btnFullWidth\",\"name\":\"btnFullWidth\",\"title\":(\"Turn Full Width \" + (_vm.fullWidthWrapperEnabled ? 'Off' : 'On')),\"icon\":_vm.fullWidthWrapperEnabled ? 'VasionExitFullscreenIcon' : 'VasionFullscreenIcon'},on:{\"vasionButtonClicked\":_vm.toggleFullwidhtContainer}})],1)]),_c('div',{staticClass:\"form-container\"},[(_vm.isAuthed)?_c('div',{class:{ 'full-width': _vm.fullWidthWrapperEnabled, 'form-wrapper' : true }},[_c('StartWorkflowManager',{attrs:{\"viewMode\":true},on:{\"closeStartWorkflow\":function($event){_vm.showStartWorkflowManager = false}}})],1):_vm._e()])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"lightestGreyBackground vasion-calc-height\">\n    <div class=\"form-header\">\n      <div class=\"vasion-page-title header-text\">\n        {{ formName }}\n      </div>\n      <div class=\"btns-container\">\n        <VasionButton\n          v-if=\"canAccessAllForms\"\n          id=\"cancel\"\n          name=\"cancel\"\n          :classProp=\"'text'\"\n          class=\"button-right\"\n          @vasionButtonClicked=\"backToMyForms\"\n        >\n          Back to My {{ $layoutsLabelPlural }}\n        </VasionButton>\n        <VasionButton\n          id=\"btnFullWidth\"\n          name=\"btnFullWidth\"\n          class=\"full-width-btn\"\n          :title=\"`Turn Full Width ${fullWidthWrapperEnabled ? 'Off' : 'On'}`\"\n          :icon=\"fullWidthWrapperEnabled ? 'VasionExitFullscreenIcon' : 'VasionFullscreenIcon'\"\n          @vasionButtonClicked=\"toggleFullwidhtContainer\"\n        />\n      </div>\n    </div>\n    <div class=\"form-container\">\n      <div\n        v-if=\"isAuthed\"\n        :class=\"{ 'full-width': fullWidthWrapperEnabled, 'form-wrapper' : true }\"\n      >\n        <StartWorkflowManager\n          :viewMode=\"true\"\n          @closeStartWorkflow=\"showStartWorkflowManager = false\"\n        />\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\n/* eslint-disable global-require */\nimport StartWorkflowManager from '@/components/workflow/StartWorkflowManager.vue'\n\nexport default {\n  name: 'MyForm',\n  components: {\n    StartWorkflowManager,\n  },\n  data: function () {\n    return {\n      fullWidthWrapperEnabled: false,\n      isAuthed: null,\n    }\n  },\n  computed: {\n    canAccessAllForms() { return this.$store.getters['common/canAccessFormsApp_RolesOnly'] },\n    formName() {\n      if (this.isAuthed === null) {\n        return ''\n      } else if (this.isAuthed === true) {\n        return this.$route.params.formName\n      }\n\n      return 'Invalid Permissions to View the Form'\n    },\n  },\n  async created() {\n    const payload = {\n      StartNumber: 1,\n      MaxReturnCount: 10000,\n      IncludeUserSecurity: false,\n      IncludeFields: false,\n      PopulateOnlyNameAndID: true,\n    }\n    this.$store.dispatch('attributeForm/getMyForms', payload)\n    this.isAuthed = !this.$route.params.formID ? false : await this.$store.dispatch('forms/checkIfUserCanAccessEForm', this.$route.params.formID)\n    this.$store.dispatch('mainViews/changeMainNav', `my-form-${this.$route.params.formID}`)\n    this.$store.dispatch('attributeForm/setIsForm', true)\n  },\n  methods: {\n    backToMyForms() { this.$router.push({ name: 'MyForms' }) },\n    toggleFullwidhtContainer() {\n      this.fullWidthWrapperEnabled = !this.fullWidthWrapperEnabled\n      this.$root.$emit('update-zoom', this.fullWidthWrapperEnabled)\n    },\n  },\n}\n</script>\n\n<style lang=\"scss\" scoped>\n@import '@/assets/css/variables.scss';\n.lightestGreyBackground {\n  background-color: $grey-75;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n}\n// xs\n.form-header {\n  display: block;\n  height: 96px;\n  width: 100%;\n  box-shadow: 0 1px 0 0 $grey-100;\n  background-color: $white;\n  align-items: center;\n  justify-content: space-between;\n}\n.vasion-page-title {\n  margin: 6px 16px 0 16px;\n  font-size: 18px;\n  height: 40px;\n}\n.btns-container {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.full-width-btn {\n  display: none ;\n}\n.form-container {\n  width: 100%;\n  height: calc(100vh - 152px);\n  padding: 1rem;\n}\n.form-wrapper {\n  border-radius: 0.5rem;\n  box-shadow: 0 .125rem .25rem rgba(33,37,41,.075);\n  background-color: $white;\n  overflow-y: auto;\n  max-height: calc(100vh - 172px);\n  width: 100%;\n}\n.full-width {\n  width: 100% !important;\n}\n// sm: 576px\n@media (min-width: $breakpoint-sm) {\n  .form-header {\n    height: 90px;\n  }\n  .form-wrapper {\n    max-height: calc(100vh - 166px);\n  }\n}\n// md: 768px\n@media (min-width: $breakpoint-md) {\n  .form-header {\n    display: flex;\n    height: 74px;\n  }\n  .vasion-page-title {\n    margin: 0 0 0 16px;\n    font-size: 20px;\n    height: unset;\n  }\n  .full-width-btn {\n    display: block;\n    margin-right: 16px;\n  }\n  .form-container {\n    height: calc(100vh - 130px);\n    display: flex;\n    justify-content: center;\n  }\n  .form-wrapper {\n    max-height: calc(100vh - 150px);\n    width: 736px;\n  }\n}\n// prevent side bar\n@media (min-width: 950px) and (max-width: 991.98px) {\n  .form-header {\n    height: 76px;\n  }\n  .vasion-page-title {\n    font-size: 22px;\n  }\n  .form-container {\n    height: calc(100vh - 132px);\n    display: flex;\n    justify-content: center;\n  }\n  .form-wrapper {\n    width: 918px - 256px;\n  }\n}\n// lg: 992px\n@media (min-width: $breakpoint-lg) {\n  .form-header {\n    height: 76px;\n  }\n  .vasion-page-title {\n    font-size: 22px;\n  }\n  .form-container {\n    height: calc(100vh - 132px);\n    display: flex;\n    justify-content: center;\n  }\n  .form-wrapper {\n    width: 960px - 256px;\n  }\n}\n// xl: 1200px\n@media (min-width: $breakpoint-xl) {\n  .form-header {\n    height: 78px;\n  }\n  .vasion-page-title {\n    font-size: 24px;\n  }\n  .form-container {\n    height: calc(100vh - 134px);\n  }\n  .form-wrapper {\n    width: 1168px - 256px;\n  }\n}\n// xxl: 1400px\n@media (min-width: $breakpoint-xxl) { \n  .form-wrapper {\n    width: 1368px - 256px;\n  }\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyForm.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyForm.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./MyForm.vue?vue&type=template&id=4bb82140&scoped=true&\"\nimport script from \"./MyForm.vue?vue&type=script&lang=js&\"\nexport * from \"./MyForm.vue?vue&type=script&lang=js&\"\nimport style0 from \"./MyForm.vue?vue&type=style&index=0&id=4bb82140&prod&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  \"4bb82140\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./MyForm.vue?vue&type=style&index=0&id=4bb82140&prod&lang=scss&scoped=true&\""],"sourceRoot":""}