{"version":3,"sources":["webpack:///./src/components/navigation/ManageButtons.vue?248a","webpack:///src/components/navigation/ManageButtons.vue","webpack:///./src/components/navigation/ManageButtons.vue?562a","webpack:///./src/components/navigation/ManageButtons.vue","webpack:///./src/components/modals/StripingEditor3D.vue?e260","webpack:///./src/components/misc/StripingDiagram.vue?5c59","webpack:///./src/components/navigation/ManageButtons.vue?e77f","webpack:///./src/views/_manage/singles/Material.vue?6dd5","webpack:///./src/components/modals/StripingEditor3D.vue?b536","webpack:///src/components/modals/StripingEditor3D.vue","webpack:///./src/components/modals/StripingEditor3D.vue?efe0","webpack:///./src/components/modals/StripingEditor3D.vue","webpack:///./src/components/misc/StripingDiagram.vue?dc86","webpack:///src/components/misc/StripingDiagram.vue","webpack:///./src/components/misc/StripingDiagram.vue?311e","webpack:///./src/components/misc/StripingDiagram.vue","webpack:///src/views/_manage/singles/Material.vue","webpack:///./src/views/_manage/singles/Material.vue?4668","webpack:///./src/views/_manage/singles/Material.vue","webpack:///./src/views/_manage/singles/Material.vue?6bd9"],"names":["render","_vm","this","_c","_self","attrs","staticClass","on","$event","$emit","_v","disabledSave","staticRenderFns","props","type","Boolean","default","component","errors","has","first","directives","name","rawName","value","expression","model","grade","callback","$$v","$set","staticStyle","_l","ksi","key","id","domProps","_s","label","guaranteedWall","stripingModal","class","selected","selectedType","gradeStripes","specialCoupling","nativeOn","changeGradeStripes","apply","arguments","cancel","save","_e","gui","controls","color","index","components","ModelViewer","required","Object","String","material","stripeColors","methods","loadingComponent","$buefy","loading","open","container","close","style","tncField","tncCouplingStripe1","tncCouplingStripe2","tncCouplingStripe3","tncTubeStripe1","tncTubeStripe2","tncTubeStripe3","plainendStripe1","plainendStripe2","plainendStripe3","plainendStripe4","semiflushStripe1","semiflushStripe2","semiflushStripe3","semiflushStripe4","sptncField","sptncCouplingStripe1","sptncCouplingStripe2","sptncCouplingStripe3","sptncTubeStripe1","sptncTubeStripe2","sptncTubeStripe3","datasheet","ManageButtons","StripingDiagram","StripingEditor3D","mixins","mixin","notes","gradeKsiLess","gradeKsiLessHasMst","gradeKsiGreater","gradeKsiGreaterHasMst","yieldStrengthMin","yieldStrengthMax","tensileStrengthMin","bendingModulus","compressiveStrength","chrome","public","ksiValues","loaded","tncCouplingStripe4","tncTubeStripe4","sptncCouplingStripe4","sptncTubeStripe4","images","TubeAndCoupling","TubeAndCouplingSp","SemiPremiumTubeAndCoupling","SemiPremiumTubeAndCouplingSp","PlainEnd","PlainEndSp","SemiFlush","SemiFlushSp","imageData","computed","$route","params","screenshotUrl","watch","next","deep","$store","commit","AdminApi","getGradeById","stripes","getGradeColorsById","setCouplingImage","$nextTick","EventBus","data","details","screenshot_key","redirect","$validator","validateAll","gradeId","createGrade","updateGrade","updateGradeColors","toast","message","$router","push","file","reader","FileReader","size","onload","imageType","result","readAsDataURL","items","position","e","console","log"],"mappings":"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","file":"assets/js/chunk-6edb9a3a.198e797c.js","sourcesContent":["var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{attrs:{\"id\":\"manage_buttons\"}},[_c('div',{staticClass:\"row padding-xy-3 padding-x-5-tablet\"},[_c('div',{staticClass:\"columns is-vcentered is-mobile\"},[_c('div',{staticClass:\"column\"},[_c('b-button',{staticClass:\"is-transparent is-dark\",attrs:{\"size\":\"is-medium\"},on:{\"click\":function($event){return _vm.$emit('cancel')}}},[_vm._v(\" Cancel \")])],1),_c('div',{staticClass:\"column is-narrow\"},[_c('b-button',{attrs:{\"disabled\":_vm.disabledSave,\"type\":\"is-success\",\"size\":\"is-medium\"},on:{\"click\":function($event){return _vm.$emit('save')}}},[_vm._v(\" Save \")])],1)])])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div id=\"manage_buttons\">\r\n    <div class=\"row padding-xy-3 padding-x-5-tablet\">\r\n      <div class=\"columns is-vcentered is-mobile \">\r\n        <div class=\"column\">\r\n          <b-button size=\"is-medium\" class=\"is-transparent is-dark\" @click=\"$emit('cancel')\">\r\n            Cancel\r\n          </b-button>\r\n        </div>\r\n        <div class=\"column is-narrow\">\r\n          <b-button :disabled=\"disabledSave\" type=\"is-success\" size=\"is-medium\" @click=\"$emit('save')\">\r\n            Save\r\n          </b-button>\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nexport default {\r\n  props: {\r\n    disabledSave: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      // xxx: xxxx\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n#manage_buttons {\r\nz-index: 1;\r\nposition: fixed;\r\n.button.is-transparent {\r\n  background: rgba(255,255,255,0.25);\r\n  &:hover {\r\n    background: rgba(255,255,255,0.5);\r\n    color: #fff;\r\n  }\r\n}\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ManageButtons.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ManageButtons.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./ManageButtons.vue?vue&type=template&id=1b35e578&scoped=true\"\nimport script from \"./ManageButtons.vue?vue&type=script&lang=js\"\nexport * from \"./ManageButtons.vue?vue&type=script&lang=js\"\nimport style0 from \"./ManageButtons.vue?vue&type=style&index=0&id=1b35e578&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  \"1b35e578\",\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!./StripingEditor3D.vue?vue&type=style&index=0&id=3323013a&prod&lang=scss&scoped=true\"","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!./StripingDiagram.vue?vue&type=style&index=0&id=3720b530&prod&lang=scss&scoped=true\"","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!./ManageButtons.vue?vue&type=style&index=0&id=1b35e578&prod&lang=scss&scoped=true\"","var render = function render(){var _vm=this,_c=_vm._self._c;return (_vm.loaded)?_c('div',[_c('div',{staticClass:\"columns padding-x-2\",attrs:{\"id\":\"material_editor\"}},[_c('div',{staticClass:\"column padding-x-4\"},[_c('div',{staticClass:\"section-title\"},[_vm._v(\" Material \")]),_c('div',{staticClass:\"columns is-mobile\"},[_c('div',{staticClass:\"column\"},[_c('b-field',{staticClass:\"required\",attrs:{\"label\":\"Name\",\"type\":{'is-danger': _vm.errors.has('name')},\"message\":_vm.errors.first('name')}},[_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"name\":\"name\",\"data-vv-as\":\"first name\",\"maxlength\":\"30\"},model:{value:(_vm.grade.name),callback:function ($$v) {_vm.$set(_vm.grade, \"name\", $$v)},expression:\"grade.name\"}})],1)],1),_c('div',{staticClass:\"column is-narrow\"},[_c('div',{staticStyle:{\"height\":\"30px\"}}),_c('b-switch',{staticStyle:{\"margin-right\":\"80px\"},attrs:{\"true-value\":\"1\",\"false-value\":\"0\"},model:{value:(_vm.grade.public),callback:function ($$v) {_vm.$set(_vm.grade, \"public\", $$v)},expression:\"grade.public\"}},[_vm._v(\" Public \")]),_c('b-switch',{attrs:{\"true-value\":\"1\",\"false-value\":\"0\"},model:{value:(_vm.grade.chrome),callback:function ($$v) {_vm.$set(_vm.grade, \"chrome\", $$v)},expression:\"grade.chrome\"}},[_vm._v(\" Chrome \")])],1)]),_c('div',{staticClass:\"columns is-mobile\"},[_c('div',{staticClass:\"column\"},[_c('b-field',{staticClass:\"required\",attrs:{\"label\":\"Yield Strength Min\",\"type\":{'is-danger': _vm.errors.has('yieldStrengthMin')},\"message\":_vm.errors.first('yieldStrengthMin')}},[_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"name\":\"yieldStrengthMin\",\"data-vv-as\":\"Yield Strength Min\"},model:{value:(_vm.grade.yieldStrengthMin),callback:function ($$v) {_vm.$set(_vm.grade, \"yieldStrengthMin\", $$v)},expression:\"grade.yieldStrengthMin\"}})],1)],1),_c('div',{staticClass:\"column\"},[_c('b-field',{staticClass:\"required\",attrs:{\"label\":\"Yield Strength Max\",\"type\":{'is-danger': _vm.errors.has('yieldStrengthMax')},\"message\":_vm.errors.first('yieldStrengthMax')}},[_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"name\":\"yieldStrengthMax\",\"data-vv-as\":\"Yield Strength Max\"},model:{value:(_vm.grade.yieldStrengthMax),callback:function ($$v) {_vm.$set(_vm.grade, \"yieldStrengthMax\", $$v)},expression:\"grade.yieldStrengthMax\"}})],1)],1)]),_c('div',{staticClass:\"columns is-mobile\"},[_c('div',{staticClass:\"column\"},[_c('b-field',{staticClass:\"required\",attrs:{\"label\":\"Tensile Strength Min\",\"type\":{'is-danger': _vm.errors.has('tensileStrengthMin')},\"message\":_vm.errors.first('tensileStrengthMin')}},[_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"name\":\"tensileStrengthMin\",\"data-vv-as\":\"Tensile Strength Min\"},model:{value:(_vm.grade.tensileStrengthMin),callback:function ($$v) {_vm.$set(_vm.grade, \"tensileStrengthMin\", $$v)},expression:\"grade.tensileStrengthMin\"}})],1)],1),_c('div',{staticClass:\"column\"},[_c('b-field',{staticClass:\"required\",attrs:{\"label\":\"Ksi <= 4.5\",\"type\":{'is-danger': _vm.errors.has('gradeKsiLess')},\"message\":_vm.errors.first('gradeKsiLess')}},[_c('b-select',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"expanded\":\"\",\"name\":\"gradeKsiLess\",\"data-vv-as\":\"Ksi value\"},model:{value:(_vm.grade.gradeKsiLess),callback:function ($$v) {_vm.$set(_vm.grade, \"gradeKsiLess\", $$v)},expression:\"grade.gradeKsiLess\"}},_vm._l((_vm.ksiValues),function(ksi){return _c('option',{key:ksi.id,domProps:{\"value\":ksi.id}},[_vm._v(\" \"+_vm._s(ksi.label)+\" \")])}),0)],1),_c('b-switch',{attrs:{\"true-value\":\"1\",\"false-value\":\"0\"},model:{value:(_vm.grade.gradeKsiLessHasMst),callback:function ($$v) {_vm.$set(_vm.grade, \"gradeKsiLessHasMst\", $$v)},expression:\"grade.gradeKsiLessHasMst\"}},[_vm._v(\" MST \")])],1),_c('div',{staticClass:\"column\"},[_c('b-field',{staticClass:\"required\",attrs:{\"label\":\"Ksi > 4.5\",\"type\":{'is-danger': _vm.errors.has('gradeKsiGreater')},\"message\":_vm.errors.first('gradeKsiGreater')}},[_c('b-select',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"expanded\":\"\",\"name\":\"gradeKsiGreater\",\"data-vv-as\":\"Ksi value\"},model:{value:(_vm.grade.gradeKsiGreater),callback:function ($$v) {_vm.$set(_vm.grade, \"gradeKsiGreater\", $$v)},expression:\"grade.gradeKsiGreater\"}},_vm._l((_vm.ksiValues),function(ksi){return _c('option',{key:ksi.id,domProps:{\"value\":ksi.id}},[_vm._v(\" \"+_vm._s(ksi.label)+\" \")])}),0)],1),_c('b-switch',{attrs:{\"true-value\":\"1\",\"false-value\":\"0\"},model:{value:(_vm.grade.gradeKsiGreaterHasMst),callback:function ($$v) {_vm.$set(_vm.grade, \"gradeKsiGreaterHasMst\", $$v)},expression:\"grade.gradeKsiGreaterHasMst\"}},[_vm._v(\" MST \")])],1)]),_c('div',{staticClass:\"columns is-mobile\"},[_c('div',{staticClass:\"column\"},[_c('b-field',{attrs:{\"label\":\"Compressive Strength\"}},[_c('div',{staticClass:\"body\"},[_c('b-field',[_c('b-input',{attrs:{\"expanded\":\"\"},model:{value:(_vm.grade.compressiveStrength),callback:function ($$v) {_vm.$set(_vm.grade, \"compressiveStrength\", $$v)},expression:\"grade.compressiveStrength\"}}),_c('p',{staticClass:\"control\"},[_c('span',{staticClass:\"button is-static\"},[_vm._v(\"%\")])])],1)],1)])],1),_c('div',{staticClass:\"column\"},[_c('b-field',{staticClass:\"required\",attrs:{\"label\":\"Guaranteed Wall\",\"type\":{'is-danger': _vm.errors.has('guaranteedWall')},\"message\":_vm.errors.first('guaranteedWall')}},[_c('div',{staticClass:\"body\"},[_c('b-field',[_c('b-input',{directives:[{name:\"validate\",rawName:\"v-validate\",value:('required'),expression:\"'required'\"}],attrs:{\"name\":\"guaranteedWall\",\"data-vv-as\":\"Guaranteed Wall\",\"expanded\":\"\"},model:{value:(_vm.guaranteedWall),callback:function ($$v) {_vm.guaranteedWall=$$v},expression:\"guaranteedWall\"}}),_c('p',{staticClass:\"control\"},[_c('span',{staticClass:\"button is-static\"},[_vm._v(\"%\")])])],1)],1)])],1)]),_c('div',{staticClass:\"columns is-mobile\"},[_c('div',{staticClass:\"column\"},[_c('b-field',{attrs:{\"label\":\"Notes (only visible to admins)\"}},[_c('b-input',{attrs:{\"type\":\"textarea\",\"rows\":\"3\"},model:{value:(_vm.grade.notes),callback:function ($$v) {_vm.$set(_vm.grade, \"notes\", $$v)},expression:\"grade.notes\"}})],1)],1)]),_c('hr'),_c('div',{staticClass:\"columns\"},[_c('div',{staticClass:\"column is-clickable\",on:{\"click\":function($event){return _vm.stripingModal('TubeAndCoupling')}}},[_c('label',{staticClass:\"label is-medium\"},[_vm._v(\"Premium Tube & Coupling\")]),_c('StripingDiagram',{staticClass:\"padding-y-1\",class:{selected: _vm.selectedType === 'TubeAndCoupling'},attrs:{\"type\":\"TubeAndCoupling\",\"grade-stripes\":_vm.gradeStripes}})],1),_c('div',{staticClass:\"column is-clickable\",on:{\"click\":function($event){return _vm.stripingModal('SemiPremiumTubeAndCoupling')}}},[_c('label',{staticClass:\"label is-medium\"},[_vm._v(\"Semi-Premium Tube & Coupling\")]),_c('StripingDiagram',{staticClass:\"padding-y-1\",class:{selected: _vm.selectedType === 'SemiPremiumTubeAndCoupling'},attrs:{\"type\":\"SemiPremiumTubeAndCoupling\",\"grade-stripes\":_vm.gradeStripes}})],1),_c('div',{staticClass:\"column is-clickable\",on:{\"click\":function($event){return _vm.stripingModal('PlainEnd')}}},[_c('label',{staticClass:\"label is-medium\"},[_vm._v(\"Plain End\")]),_c('StripingDiagram',{staticClass:\"padding-y-1\",class:{selected: _vm.selectedType === 'PlainEnd'},attrs:{\"type\":\"PlainEnd\",\"grade-stripes\":_vm.gradeStripes}})],1),_c('div',{staticClass:\"column is-clickable\",on:{\"click\":function($event){return _vm.stripingModal('SemiFlush')}}},[_c('label',{staticClass:\"label is-medium\"},[_vm._v(\"Semi-Flush\")]),_c('StripingDiagram',{staticClass:\"padding-y-1\",class:{selected: _vm.selectedType === 'SemiFlush'},attrs:{\"type\":\"SemiFlush\",\"grade-stripes\":_vm.gradeStripes}})],1)]),_c('StripingEditor3D',{attrs:{\"grade-stripes\":_vm.gradeStripes,\"type\":_vm.selectedType,\"material\":_vm.grade.name || '',\"special-coupling\":_vm.specialCoupling},nativeOn:{\"change\":function($event){return _vm.changeGradeStripes.apply(null, arguments)}}})],1)]),_c('div',{staticClass:\"padding-y-6\"}),_c('manage-buttons',{on:{\"cancel\":_vm.cancel,\"save\":_vm.save}})],1):_vm._e()\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[_c('div',{staticClass:\"striping-editor\"},[_c('section',{staticClass:\"striping-editor-body\"},[_c('ModelViewer',{staticClass:\"model-viewer-container\",attrs:{\"model-type\":_vm.type,\"colors\":_vm.gradeStripes,\"special-coupling\":_vm.specialCoupling,\"config\":{gui: false, controls: true}}}),_c('div',{staticClass:\"striping-editor-tools\"},[(_vm.type === 'TubeAndCoupling')?_c('div',[_c('div',{staticClass:\"column\"},[_c('b-field',{staticStyle:{\"font-size\":\"30px\",\"line-height\":\"1.2\"},attrs:{\"label\":`Premium Tube & Coupling`}}),_c('b-field',{staticStyle:{\"font-size\":\"24px\"},attrs:{\"label\":\"Coupling\"}}),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Field\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.tncField),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"tncField\", $$v)},expression:\"gradeStripes.tncField\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe1\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.tncCouplingStripe1),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"tncCouplingStripe1\", $$v)},expression:\"gradeStripes.tncCouplingStripe1\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe2\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.tncCouplingStripe2),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"tncCouplingStripe2\", $$v)},expression:\"gradeStripes.tncCouplingStripe2\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe3\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.tncCouplingStripe3),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"tncCouplingStripe3\", $$v)},expression:\"gradeStripes.tncCouplingStripe3\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1)],1),_c('div',{staticClass:\"column\"},[_c('b-field',{staticStyle:{\"font-size\":\"24px\"},attrs:{\"label\":\"Tube\"}}),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe1\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.tncTubeStripe1),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"tncTubeStripe1\", $$v)},expression:\"gradeStripes.tncTubeStripe1\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe2\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.tncTubeStripe2),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"tncTubeStripe2\", $$v)},expression:\"gradeStripes.tncTubeStripe2\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe3\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.tncTubeStripe3),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"tncTubeStripe3\", $$v)},expression:\"gradeStripes.tncTubeStripe3\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1)],1)]):_vm._e(),(_vm.type === 'SemiPremiumTubeAndCoupling')?_c('div',[_c('div',{staticClass:\"column\"},[_c('b-field',{staticStyle:{\"font-size\":\"30px\",\"line-height\":\"1.2\"},attrs:{\"label\":`Semi-Premium Tube & Coupling`}}),_c('b-field',{staticStyle:{\"font-size\":\"24px\"},attrs:{\"label\":\"Coupling\"}}),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Field\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.sptncField),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"sptncField\", $$v)},expression:\"gradeStripes.sptncField\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe1\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.sptncCouplingStripe1),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"sptncCouplingStripe1\", $$v)},expression:\"gradeStripes.sptncCouplingStripe1\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe2\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.sptncCouplingStripe2),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"sptncCouplingStripe2\", $$v)},expression:\"gradeStripes.sptncCouplingStripe2\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe3\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.sptncCouplingStripe3),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"sptncCouplingStripe3\", $$v)},expression:\"gradeStripes.sptncCouplingStripe3\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1)],1),_c('div',{staticClass:\"column\"},[_c('b-field',{staticStyle:{\"font-size\":\"24px\"},attrs:{\"label\":\"Tube\"}}),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe1\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.sptncTubeStripe1),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"sptncTubeStripe1\", $$v)},expression:\"gradeStripes.sptncTubeStripe1\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe2\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.sptncTubeStripe2),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"sptncTubeStripe2\", $$v)},expression:\"gradeStripes.sptncTubeStripe2\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe3\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.sptncTubeStripe3),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"sptncTubeStripe3\", $$v)},expression:\"gradeStripes.sptncTubeStripe3\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1)],1)]):_vm._e(),(_vm.type === 'PlainEnd')?_c('div',{staticClass:\"column\"},[_c('b-field',{staticStyle:{\"font-size\":\"30px\",\"line-height\":\"1.2\"},attrs:{\"label\":`Plain End`}}),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe1\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.plainendStripe1),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"plainendStripe1\", $$v)},expression:\"gradeStripes.plainendStripe1\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe2\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.plainendStripe2),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"plainendStripe2\", $$v)},expression:\"gradeStripes.plainendStripe2\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe3\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.plainendStripe3),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"plainendStripe3\", $$v)},expression:\"gradeStripes.plainendStripe3\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe4\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.plainendStripe4),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"plainendStripe4\", $$v)},expression:\"gradeStripes.plainendStripe4\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1)],1):_vm._e(),(_vm.type === 'SemiFlush')?_c('div',[_c('div',{staticClass:\"column\"},[_c('b-field',{staticStyle:{\"font-size\":\"30px\",\"line-height\":\"1.2\"},attrs:{\"label\":`Semi Flush`}}),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe1\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.semiflushStripe1),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"semiflushStripe1\", $$v)},expression:\"gradeStripes.semiflushStripe1\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe2\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.semiflushStripe2),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"semiflushStripe2\", $$v)},expression:\"gradeStripes.semiflushStripe2\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe3\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.semiflushStripe3),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"semiflushStripe3\", $$v)},expression:\"gradeStripes.semiflushStripe3\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1),_c('b-field',{attrs:{\"horizontal\":\"\",\"label\":\"Stripe4\"}},[_c('b-select',{staticClass:\"b-select\",attrs:{\"expanded\":\"\"},model:{value:(_vm.gradeStripes.semiflushStripe4),callback:function ($$v) {_vm.$set(_vm.gradeStripes, \"semiflushStripe4\", $$v)},expression:\"gradeStripes.semiflushStripe4\"}},_vm._l((_vm.stripeColors),function(color,index){return _c('option',{key:index,domProps:{\"value\":color.value}},[_vm._v(\" \"+_vm._s(color.name)+\" \")])}),0)],1)],1)]):_vm._e()])],1)])])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div class=\"striping-editor\">\r\n      <!-- <header class=\"striping-editor-header\"></header> -->\r\n      <section class=\"striping-editor-body\">\r\n        <ModelViewer\r\n          class=\"model-viewer-container\"\r\n          :model-type=\"type\"\r\n          :colors=\"gradeStripes\"\r\n          :special-coupling=\"specialCoupling\"\r\n          :config=\"{gui: false, controls: true}\" />\r\n\r\n        <div class=\"striping-editor-tools\">\r\n          <!-- tube and coupling fields -->\r\n          <div v-if=\"type === 'TubeAndCoupling'\">\r\n            <div class=\"column\">\r\n              <b-field\r\n                :label=\"`Premium Tube &amp; Coupling`\"\r\n                style=\"font-size: 30px; line-height: 1.2\" />\r\n              <b-field label=\"Coupling\" style=\"font-size: 24px\" />\r\n              <b-field horizontal label=\"Field\">\r\n                <b-select v-model=\"gradeStripes.tncField\" class=\"b-select\" expanded>\r\n                  <option\r\n                    v-for=\"(color, index) in stripeColors\"\r\n                    :key=\"index\"\r\n                    :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n              <b-field horizontal label=\"Stripe1\">\r\n                <b-select\r\n                  v-model=\"gradeStripes.tncCouplingStripe1\"\r\n                  class=\"b-select\"\r\n                  expanded>\r\n                  <option\r\n                    v-for=\"(color, index) in stripeColors\"\r\n                    :key=\"index\"\r\n                    :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n              <b-field\r\n                horizontal\r\n                label=\"Stripe2\">\r\n                <b-select\r\n                  v-model=\"gradeStripes.tncCouplingStripe2\"\r\n                  class=\"b-select\"\r\n                  expanded>\r\n                  <option\r\n                    v-for=\"(color, index) in stripeColors\"\r\n                    :key=\"index\"\r\n                    :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n              <b-field\r\n                horizontal\r\n                label=\"Stripe3\">\r\n                <b-select\r\n                  v-model=\"gradeStripes.tncCouplingStripe3\"\r\n                  class=\"b-select\"\r\n                  expanded>\r\n                  <option\r\n                    v-for=\"(color, index) in stripeColors\"\r\n                    :key=\"index\"\r\n                    :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n            </div>\r\n            <div class=\"column\">\r\n              <b-field label=\"Tube\" style=\"font-size: 24px\" />\r\n              <b-field horizontal label=\"Stripe1\">\r\n                <b-select\r\n                  v-model=\"gradeStripes.tncTubeStripe1\"\r\n                  class=\"b-select\"\r\n                  expanded>\r\n                  <option\r\n                    v-for=\"(color, index) in stripeColors\"\r\n                    :key=\"index\"\r\n                    :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n              <b-field\r\n                horizontal\r\n                label=\"Stripe2\">\r\n                <b-select\r\n                  v-model=\"gradeStripes.tncTubeStripe2\"\r\n                  class=\"b-select\"\r\n                  expanded>\r\n                  <option\r\n                    v-for=\"(color, index) in stripeColors\"\r\n                    :key=\"index\"\r\n                    :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n              <b-field\r\n                horizontal\r\n                label=\"Stripe3\">\r\n                <b-select\r\n                  v-model=\"gradeStripes.tncTubeStripe3\"\r\n                  class=\"b-select\"\r\n                  expanded>\r\n                  <option\r\n                    v-for=\"(color, index) in stripeColors\"\r\n                    :key=\"index\"\r\n                    :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- semi-premium tube and coupling fields -->\r\n          <div v-if=\"type === 'SemiPremiumTubeAndCoupling'\">\r\n            <div class=\"column\">\r\n              <b-field\r\n                :label=\"`Semi-Premium Tube &amp; Coupling`\"\r\n                style=\"font-size: 30px; line-height: 1.2\" />\r\n              <b-field label=\"Coupling\" style=\"font-size: 24px\" />\r\n              <b-field horizontal label=\"Field\">\r\n                <b-select v-model=\"gradeStripes.sptncField\" class=\"b-select\" expanded>\r\n                  <option\r\n                    v-for=\"(color, index) in stripeColors\"\r\n                    :key=\"index\"\r\n                    :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n              <b-field horizontal label=\"Stripe1\">\r\n                <b-select\r\n                  v-model=\"gradeStripes.sptncCouplingStripe1\"\r\n                  class=\"b-select\"\r\n                  expanded>\r\n                  <option\r\n                    v-for=\"(color, index) in stripeColors\"\r\n                    :key=\"index\"\r\n                    :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n              <b-field\r\n                horizontal\r\n                label=\"Stripe2\">\r\n                <b-select\r\n                  v-model=\"gradeStripes.sptncCouplingStripe2\"\r\n                  class=\"b-select\"\r\n                  expanded>\r\n                  <option\r\n                    v-for=\"(color, index) in stripeColors\"\r\n                    :key=\"index\"\r\n                    :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n              <b-field\r\n                horizontal\r\n                label=\"Stripe3\">\r\n                <b-select\r\n                  v-model=\"gradeStripes.sptncCouplingStripe3\"\r\n                  class=\"b-select\"\r\n                  expanded>\r\n                  <option\r\n                    v-for=\"(color, index) in stripeColors\"\r\n                    :key=\"index\"\r\n                    :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n            </div>\r\n            <div class=\"column\">\r\n              <b-field label=\"Tube\" style=\"font-size: 24px\" />\r\n              <b-field horizontal label=\"Stripe1\">\r\n                <b-select\r\n                  v-model=\"gradeStripes.sptncTubeStripe1\"\r\n                  class=\"b-select\"\r\n                  expanded>\r\n                  <option\r\n                    v-for=\"(color, index) in stripeColors\"\r\n                    :key=\"index\"\r\n                    :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n              <b-field\r\n                horizontal\r\n                label=\"Stripe2\">\r\n                <b-select\r\n                  v-model=\"gradeStripes.sptncTubeStripe2\"\r\n                  class=\"b-select\"\r\n                  expanded>\r\n                  <option\r\n                    v-for=\"(color, index) in stripeColors\"\r\n                    :key=\"index\"\r\n                    :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n              <b-field\r\n                horizontal\r\n                label=\"Stripe3\">\r\n                <b-select\r\n                  v-model=\"gradeStripes.sptncTubeStripe3\"\r\n                  class=\"b-select\"\r\n                  expanded>\r\n                  <option\r\n                    v-for=\"(color, index) in stripeColors\"\r\n                    :key=\"index\"\r\n                    :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n            </div>\r\n          </div>\r\n\r\n          <!-- plain end fields -->\r\n          <div v-if=\"type === 'PlainEnd'\" class=\"column\">\r\n            <b-field :label=\"`Plain End`\" style=\"font-size: 30px; line-height: 1.2\" />\r\n            <b-field horizontal label=\"Stripe1\">\r\n              <b-select\r\n                v-model=\"gradeStripes.plainendStripe1\"\r\n                class=\"b-select\"\r\n                expanded>\r\n                <option\r\n                  v-for=\"(color, index) in stripeColors\"\r\n                  :key=\"index\"\r\n                  :value=\"color.value\">\r\n                  {{ color.name }}\r\n                </option>\r\n              </b-select>\r\n            </b-field>\r\n            <b-field\r\n              horizontal\r\n              label=\"Stripe2\">\r\n              <b-select\r\n                v-model=\"gradeStripes.plainendStripe2\"\r\n                class=\"b-select\"\r\n                expanded>\r\n                <option\r\n                  v-for=\"(color, index) in stripeColors\"\r\n                  :key=\"index\"\r\n                  :value=\"color.value\">\r\n                  {{ color.name }}\r\n                </option>\r\n              </b-select>\r\n            </b-field>\r\n            <b-field\r\n              horizontal\r\n              label=\"Stripe3\">\r\n              <b-select\r\n                v-model=\"gradeStripes.plainendStripe3\"\r\n                class=\"b-select\"\r\n                expanded>\r\n                <option\r\n                  v-for=\"(color, index) in stripeColors\"\r\n                  :key=\"index\"\r\n                  :value=\"color.value\">\r\n                  {{ color.name }}\r\n                </option>\r\n              </b-select>\r\n            </b-field>\r\n            <b-field\r\n              horizontal\r\n              label=\"Stripe4\">\r\n              <b-select\r\n                v-model=\"gradeStripes.plainendStripe4\"\r\n                class=\"b-select\"\r\n                expanded>\r\n                <option\r\n                  v-for=\"(color, index) in stripeColors\"\r\n                  :key=\"index\"\r\n                  :value=\"color.value\">\r\n                  {{ color.name }}\r\n                </option>\r\n              </b-select>\r\n            </b-field>\r\n          </div>\r\n\r\n          <!-- semi flush fields -->\r\n          <div v-if=\"type === 'SemiFlush'\">\r\n            <div class=\"column\">\r\n              <b-field :label=\"`Semi Flush`\" style=\"font-size: 30px; line-height: 1.2\" />\r\n              <b-field horizontal label=\"Stripe1\">\r\n                <b-select v-model=\"gradeStripes.semiflushStripe1\" class=\"b-select\" expanded>\r\n                  <option v-for=\"(color, index) in stripeColors\" :key=\"index\" :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n              <b-field horizontal label=\"Stripe2\">\r\n                <b-select v-model=\"gradeStripes.semiflushStripe2\" class=\"b-select\" expanded>\r\n                  <option v-for=\"(color, index) in stripeColors\" :key=\"index\" :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n              <b-field horizontal label=\"Stripe3\">\r\n                <b-select v-model=\"gradeStripes.semiflushStripe3\" class=\"b-select\" expanded>\r\n                  <option v-for=\"(color, index) in stripeColors\" :key=\"index\" :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n              <b-field horizontal label=\"Stripe4\">\r\n                <b-select v-model=\"gradeStripes.semiflushStripe4\" class=\"b-select\" expanded>\r\n                  <option v-for=\"(color, index) in stripeColors\" :key=\"index\" :value=\"color.value\">\r\n                    {{ color.name }}\r\n                  </option>\r\n                </b-select>\r\n              </b-field>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nimport ModelViewer from '@/components/misc/ModelViewer'\r\n\r\nexport default {\r\n  name: 'StripingEditor3D',\r\n  components: {\r\n    ModelViewer\r\n  },\r\n  props: {\r\n    gradeStripes: {\r\n      required: true,\r\n      type: Object\r\n    },\r\n    type: {\r\n      required: true,\r\n      type: String\r\n    },\r\n    material: {\r\n      required: true,\r\n      type: String\r\n    },\r\n    specialCoupling: {\r\n      type: Boolean,\r\n      default: false\r\n    }\r\n  },\r\n  data () {\r\n    return {\r\n      stripeColors: [\r\n        {\r\n          name: 'None',\r\n          value: 'none'\r\n        },\r\n        {\r\n          name: 'White',\r\n          value: 'white'\r\n        },\r\n        {\r\n          name: 'Orange',\r\n          value: '#EF6534'\r\n        },\r\n        {\r\n          name: 'Yellow',\r\n          value: '#F0C430'\r\n        },\r\n        {\r\n          name: 'Brown',\r\n          value: '#833D16'\r\n        },\r\n        {\r\n          name: 'Green',\r\n          value: '#53B150'\r\n        },\r\n        {\r\n          name: 'Blue',\r\n          value: 'blue'\r\n        },\r\n        {\r\n          name: 'Pink',\r\n          value: '#EC509A'\r\n        },\r\n        {\r\n          name: 'Purple',\r\n          value: '#9C55FC'\r\n        },\r\n        {\r\n          name: 'Red',\r\n          value: 'red'\r\n        },\r\n        {\r\n          name: 'Black',\r\n          value: 'black'\r\n        },\r\n        {\r\n          name: 'Gray',\r\n          value: '#D8D8D8'\r\n        }\r\n      ]\r\n    }\r\n  },\r\n  mounted () {},\r\n  methods: {\r\n    async save () {\r\n      // no actual db actions here - that happens at material page\r\n      const loadingComponent = this.$buefy.loading.open({ container: null })\r\n      // this.$emit('change', newGradeStripes)\r\n      loadingComponent.close()\r\n\r\n      // this.$parent.close()\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n.model-viewer-container {\r\n  height: 450px;\r\n  border-radius: 3px;\r\n  overflow: hidden;\r\n}\r\n\r\n.b-select {\r\n  z-index: 0;\r\n  position: relative;\r\n}\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StripingEditor3D.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StripingEditor3D.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./StripingEditor3D.vue?vue&type=template&id=3323013a&scoped=true\"\nimport script from \"./StripingEditor3D.vue?vue&type=script&lang=js\"\nexport * from \"./StripingEditor3D.vue?vue&type=script&lang=js\"\nimport style0 from \"./StripingEditor3D.vue?vue&type=style&index=0&id=3323013a&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  \"3323013a\",\n  null\n  \n)\n\nexport default component.exports","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(_vm.type === 'TubeAndCoupling')?_c('div',[_c('div',{staticClass:\"pipe\"},[_c('div',{staticClass:\"inner\",style:(_vm.gradeStripes.tncField != 'none' ? 'background-color:' + _vm.gradeStripes.tncField : '')},[(_vm.gradeStripes.tncCouplingStripe1 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.tncCouplingStripe1})}):_vm._e(),(_vm.gradeStripes.tncCouplingStripe2 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.tncCouplingStripe2})}):_vm._e(),(_vm.gradeStripes.tncCouplingStripe3 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.tncCouplingStripe3})}):_vm._e(),(_vm.specialCoupling)?_c('div',{staticClass:\"stripe\",style:({'background-color': 'black'})}):_vm._e()]),_c('div',{staticClass:\"inner tube\"},[(_vm.gradeStripes.tncTubeStripe1 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.tncTubeStripe1})}):_vm._e(),(_vm.gradeStripes.tncTubeStripe2 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.tncTubeStripe2})}):_vm._e(),(_vm.gradeStripes.tncTubeStripe3 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.tncTubeStripe3})}):_vm._e()])])]):_vm._e(),(_vm.type === 'PlainEnd')?_c('div',[_c('div',{staticClass:\"pipe\"},[_c('div',{staticClass:\"inner\"},[(_vm.gradeStripes.plainendStripe1 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.plainendStripe1})}):_vm._e(),(_vm.gradeStripes.plainendStripe2 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.plainendStripe2})}):_vm._e(),(_vm.gradeStripes.plainendStripe3 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.plainendStripe3})}):_vm._e(),(_vm.gradeStripes.plainendStripe4 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.plainendStripe4})}):_vm._e()])])]):_vm._e(),(_vm.type === 'SemiFlush')?_c('div',[_c('div',{staticClass:\"pipe\",attrs:{\"id\":\"semiflush\"}},[_c('div',{staticClass:\"inner left\"}),_c('div',{staticClass:\"inner center\"},[_c('svg',{attrs:{\"viewbox\":\"0 0 100 100\",\"preserveAspectRatio\":\"none\",\"width\":\"100%\",\"height\":\"100%\"}},[_c('path',{attrs:{\"d\":\"M0,0 L100,20 L100,80 L0,100\",\"fill\":\"#D8D8D8\"}}),_c('polyline',{attrs:{\"points\":\"0,0 100,20 100,80 0,100\",\"fill\":\"#D8D8D8\",\"stroke\":\"#000\",\"stroke-width\":\"1px\"}})])]),_c('div',{staticClass:\"inner right\"},[(_vm.gradeStripes.semiflushStripe1 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.semiflushStripe1})}):_vm._e(),(_vm.gradeStripes.semiflushStripe2 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.semiflushStripe2})}):_vm._e(),(_vm.gradeStripes.semiflushStripe3 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.semiflushStripe3})}):_vm._e(),(_vm.gradeStripes.semiflushStripe4 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.semiflushStripe4})}):_vm._e()])])]):_vm._e(),(_vm.type === 'SemiPremiumTubeAndCoupling')?_c('div',[_c('div',{staticClass:\"pipe\"},[_c('div',{staticClass:\"inner\",style:(_vm.gradeStripes.sptncField != 'none' ? 'background-color:' + _vm.gradeStripes.sptncField : '')},[(_vm.gradeStripes.sptncCouplingStripe1 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.sptncCouplingStripe1})}):_vm._e(),(_vm.gradeStripes.sptncCouplingStripe2 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.sptncCouplingStripe2})}):_vm._e(),(_vm.gradeStripes.sptncCouplingStripe3 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.sptncCouplingStripe3})}):_vm._e(),(_vm.specialCoupling)?_c('div',{staticClass:\"stripe\",style:({'background-color': 'black'})}):_vm._e()]),_c('div',{staticClass:\"inner tube\"},[(_vm.gradeStripes.sptncTubeStripe1 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.sptncTubeStripe1})}):_vm._e(),(_vm.gradeStripes.sptncTubeStripe2 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.sptncTubeStripe2})}):_vm._e(),(_vm.gradeStripes.sptncTubeStripe3 != 'none')?_c('div',{staticClass:\"stripe\",style:({'background-color': _vm.gradeStripes.sptncTubeStripe3})}):_vm._e()])])]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div v-if=\"type === 'TubeAndCoupling'\">\r\n      <div class=\"pipe\">\r\n        <div class=\"inner\" :style=\"gradeStripes.tncField != 'none' ? 'background-color:' + gradeStripes.tncField : ''\">\r\n          <div v-if=\"gradeStripes.tncCouplingStripe1 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.tncCouplingStripe1}\" />\r\n          <div v-if=\"gradeStripes.tncCouplingStripe2 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.tncCouplingStripe2}\" />\r\n          <div v-if=\"gradeStripes.tncCouplingStripe3 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.tncCouplingStripe3}\" />\r\n          <div v-if=\"specialCoupling\" class=\"stripe\" :style=\"{'background-color': 'black'}\" />\r\n        </div>\r\n        <div class=\"inner tube\">\r\n          <div v-if=\"gradeStripes.tncTubeStripe1 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.tncTubeStripe1}\" />\r\n          <div v-if=\"gradeStripes.tncTubeStripe2 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.tncTubeStripe2}\" />\r\n          <div v-if=\"gradeStripes.tncTubeStripe3 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.tncTubeStripe3}\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div v-if=\"type === 'PlainEnd'\">\r\n      <div class=\"pipe\">\r\n        <div class=\"inner\">\r\n          <div v-if=\"gradeStripes.plainendStripe1 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.plainendStripe1}\" />\r\n          <div v-if=\"gradeStripes.plainendStripe2 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.plainendStripe2}\" />\r\n          <div v-if=\"gradeStripes.plainendStripe3 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.plainendStripe3}\" />\r\n          <div v-if=\"gradeStripes.plainendStripe4 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.plainendStripe4}\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n\r\n    <div v-if=\"type === 'SemiFlush'\">\r\n      <div id=\"semiflush\" class=\"pipe\">\r\n        <div class=\"inner left\" />\r\n        <div class=\"inner center\">\r\n          <svg viewbox=\"0 0 100 100\" preserveAspectRatio=\"none\" width=\"100%\" height=\"100%\">\r\n            <path d=\"M0,0 L100,20 L100,80 L0,100\" fill=\"#D8D8D8\" />\r\n            <polyline points=\"0,0 100,20 100,80 0,100\" fill=\"#D8D8D8\" stroke=\"#000\" stroke-width=\"1px\" />\r\n          </svg>\r\n        </div>\r\n        <div class=\"inner right\">\r\n          <div v-if=\"gradeStripes.semiflushStripe1 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.semiflushStripe1}\" />\r\n          <div v-if=\"gradeStripes.semiflushStripe2 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.semiflushStripe2}\" />\r\n          <div v-if=\"gradeStripes.semiflushStripe3 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.semiflushStripe3}\" />\r\n          <div v-if=\"gradeStripes.semiflushStripe4 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.semiflushStripe4}\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n    <div v-if=\"type === 'SemiPremiumTubeAndCoupling'\">\r\n      <div class=\"pipe\">\r\n        <div class=\"inner\" :style=\"gradeStripes.sptncField != 'none' ? 'background-color:' + gradeStripes.sptncField : ''\">\r\n          <div v-if=\"gradeStripes.sptncCouplingStripe1 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.sptncCouplingStripe1}\" />\r\n          <div v-if=\"gradeStripes.sptncCouplingStripe2 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.sptncCouplingStripe2}\" />\r\n          <div v-if=\"gradeStripes.sptncCouplingStripe3 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.sptncCouplingStripe3}\" />\r\n          <div v-if=\"specialCoupling\" class=\"stripe\" :style=\"{'background-color': 'black'}\" />\r\n        </div>\r\n        <div class=\"inner tube\">\r\n          <div v-if=\"gradeStripes.sptncTubeStripe1 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.sptncTubeStripe1}\" />\r\n          <div v-if=\"gradeStripes.sptncTubeStripe2 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.sptncTubeStripe2}\" />\r\n          <div v-if=\"gradeStripes.sptncTubeStripe3 != 'none'\" class=\"stripe\" :style=\"{'background-color': gradeStripes.sptncTubeStripe3}\" />\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nexport default {\r\n  props: {\r\n    type: {\r\n      required: true,\r\n      type: String\r\n    },\r\n    gradeStripes: {\r\n      required: true,\r\n      type: Object\r\n    },\r\n    label: {\r\n      required: false,\r\n      type: String\r\n    },\r\n    datasheet: {\r\n      required: false,\r\n      type: Boolean\r\n    },\r\n    specialCoupling: {\r\n      required: false,\r\n      type: Boolean\r\n    }\r\n  }\r\n}\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n$lt-grey: #D8D8D8;\r\n\r\n.flex {\r\n  display: flex;\r\n}\r\n\r\n.pipe {\r\n  @extend .flex;\r\n  height: 100px;\r\n  width: 100%;\r\n  .inner {\r\n    @extend .flex;\r\n    flex: 1;\r\n    justify-content: center;\r\n    background: $lt-grey;\r\n    border: solid 1px #000;\r\n    .stripe {\r\n      width: 10px;\r\n      background: #333;\r\n      margin: 0 2%;\r\n    }\r\n  }\r\n  .tube {\r\n    background: $lt-grey;\r\n    margin: 10px auto 10px -1px;\r\n  }\r\n\r\n  &#semiflush {\r\n    .inner {\r\n      &.left {\r\n        border-right: none;\r\n      }\r\n      &.center {\r\n        background: none;\r\n        border: none;\r\n        margin: 0 -1px;\r\n        flex: 0;\r\n        min-width: 50px;\r\n        svg {\r\n          width: 100%;\r\n          fill: $lt-grey;\r\n        }\r\n      }\r\n      &.right {\r\n        border-left: none;\r\n        margin: 10px 0;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n</style>\r\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StripingDiagram.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./StripingDiagram.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./StripingDiagram.vue?vue&type=template&id=3720b530&scoped=true\"\nimport script from \"./StripingDiagram.vue?vue&type=script&lang=js\"\nexport * from \"./StripingDiagram.vue?vue&type=script&lang=js\"\nimport style0 from \"./StripingDiagram.vue?vue&type=style&index=0&id=3720b530&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  \"3720b530\",\n  null\n  \n)\n\nexport default component.exports","<template>\r\n  <div v-if=\"loaded\">\r\n    <div id=\"material_editor\" class=\"columns padding-x-2\">\r\n      <div class=\"column padding-x-4\">\r\n        <div class=\"section-title\">\r\n          Material\r\n        </div>\r\n        <div class=\"columns is-mobile\">\r\n          <div class=\"column\">\r\n            <b-field class=\"required\" label=\"Name\" :type=\"{'is-danger': errors.has('name')}\" :message=\"errors.first('name')\">\r\n              <b-input v-model=\"grade.name\" v-validate=\"'required'\" name=\"name\" data-vv-as=\"first name\" maxlength=\"30\" />\r\n            </b-field>\r\n          </div>\r\n          <div class=\"column is-narrow\">\r\n            <div style=\"height: 30px\" />\r\n            <b-switch v-model=\"grade.public\" true-value=\"1\" false-value=\"0\" style=\"margin-right: 80px\">\r\n              Public\r\n            </b-switch>\r\n            <b-switch v-model=\"grade.chrome\" true-value=\"1\" false-value=\"0\">\r\n              Chrome\r\n            </b-switch>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"columns is-mobile\">\r\n          <div class=\"column\">\r\n            <b-field class=\"required\" label=\"Yield Strength Min\" :type=\"{'is-danger': errors.has('yieldStrengthMin')}\" :message=\"errors.first('yieldStrengthMin')\">\r\n              <b-input v-model=\"grade.yieldStrengthMin\" v-validate=\"'required'\" name=\"yieldStrengthMin\" data-vv-as=\"Yield Strength Min\" />\r\n            </b-field>\r\n          </div>\r\n          <div class=\"column\">\r\n            <b-field class=\"required\" label=\"Yield Strength Max\" :type=\"{'is-danger': errors.has('yieldStrengthMax')}\" :message=\"errors.first('yieldStrengthMax')\">\r\n              <b-input v-model=\"grade.yieldStrengthMax\" v-validate=\"'required'\" name=\"yieldStrengthMax\" data-vv-as=\"Yield Strength Max\" />\r\n            </b-field>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"columns is-mobile\">\r\n          <div class=\"column\">\r\n            <b-field class=\"required\" label=\"Tensile Strength Min\" :type=\"{'is-danger': errors.has('tensileStrengthMin')}\" :message=\"errors.first('tensileStrengthMin')\">\r\n              <b-input v-model=\"grade.tensileStrengthMin\" v-validate=\"'required'\" name=\"tensileStrengthMin\" data-vv-as=\"Tensile Strength Min\" />\r\n            </b-field>\r\n          </div>\r\n          <div class=\"column\">\r\n            <b-field class=\"required\" label=\"Ksi <= 4.5\" :type=\"{'is-danger': errors.has('gradeKsiLess')}\" :message=\"errors.first('gradeKsiLess')\">\r\n              <b-select v-model=\"grade.gradeKsiLess\" v-validate=\"'required'\" expanded name=\"gradeKsiLess\" data-vv-as=\"Ksi value\">\r\n                <option v-for=\"ksi in ksiValues\" :key=\"ksi.id\" :value=\"ksi.id\">\r\n                  {{ ksi.label }}\r\n                </option>\r\n              </b-select>\r\n            </b-field>\r\n            <b-switch v-model=\"grade.gradeKsiLessHasMst\" true-value=\"1\" false-value=\"0\">\r\n              MST\r\n            </b-switch>\r\n          </div>\r\n          <div class=\"column\">\r\n            <b-field class=\"required\" label=\"Ksi > 4.5\" :type=\"{'is-danger': errors.has('gradeKsiGreater')}\" :message=\"errors.first('gradeKsiGreater')\">\r\n              <b-select v-model=\"grade.gradeKsiGreater\" v-validate=\"'required'\" expanded name=\"gradeKsiGreater\" data-vv-as=\"Ksi value\">\r\n                <option v-for=\"ksi in ksiValues\" :key=\"ksi.id\" :value=\"ksi.id\">\r\n                  {{ ksi.label }}\r\n                </option>\r\n              </b-select>\r\n            </b-field>\r\n            <b-switch v-model=\"grade.gradeKsiGreaterHasMst\" true-value=\"1\" false-value=\"0\">\r\n              MST\r\n            </b-switch>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"columns is-mobile\">\r\n          <div class=\"column\">\r\n            <b-field label=\"Compressive Strength\">\r\n              <div class=\"body\">\r\n                <b-field>\r\n                  <b-input v-model=\"grade.compressiveStrength\" expanded />\r\n                  <p class=\"control\">\r\n                    <span class=\"button is-static\">%</span>\r\n                  </p>\r\n                </b-field>\r\n              </div>\r\n            </b-field>\r\n          </div>\r\n          <div class=\"column\">\r\n            <b-field class=\"required\" label=\"Guaranteed Wall\" :type=\"{'is-danger': errors.has('guaranteedWall')}\" :message=\"errors.first('guaranteedWall')\">\r\n              <div class=\"body\">\r\n                <b-field>\r\n                  <b-input v-model=\"guaranteedWall\" v-validate=\"'required'\" name=\"guaranteedWall\" data-vv-as=\"Guaranteed Wall\" expanded />\r\n                  <p class=\"control\">\r\n                    <span class=\"button is-static\">%</span>\r\n                  </p>\r\n                </b-field>\r\n              </div>\r\n            </b-field>\r\n          </div>\r\n        </div>\r\n\r\n        <div class=\"columns is-mobile\">\r\n          <div class=\"column\">\r\n            <b-field label=\"Notes (only visible to admins)\">\r\n              <b-input type=\"textarea\" rows=\"3\" v-model=\"grade.notes\" />\r\n            </b-field>\r\n          </div>\r\n        </div>\r\n\r\n        <hr>\r\n\r\n        <div class=\"columns\">\r\n          <div class=\"column is-clickable\" @click=\"stripingModal('TubeAndCoupling')\">\r\n            <label class=\"label is-medium\">Premium Tube &amp; Coupling</label>\r\n            <StripingDiagram\r\n              :class=\"{selected: selectedType === 'TubeAndCoupling'}\"\r\n              class=\"padding-y-1\"\r\n              type=\"TubeAndCoupling\"\r\n              :grade-stripes=\"gradeStripes\" />\r\n          </div>\r\n          <div class=\"column is-clickable\" @click=\"stripingModal('SemiPremiumTubeAndCoupling')\">\r\n            <label class=\"label is-medium\">Semi-Premium Tube &amp; Coupling</label>\r\n            <StripingDiagram\r\n              :class=\"{selected: selectedType === 'SemiPremiumTubeAndCoupling'}\"\r\n              class=\"padding-y-1\"\r\n              type=\"SemiPremiumTubeAndCoupling\"\r\n              :grade-stripes=\"gradeStripes\" />\r\n          </div>\r\n          <div class=\"column is-clickable\" @click=\"stripingModal('PlainEnd')\">\r\n            <label class=\"label is-medium\">Plain End</label>\r\n            <StripingDiagram\r\n              :class=\"{selected: selectedType === 'PlainEnd'}\"\r\n              class=\"padding-y-1\"\r\n              type=\"PlainEnd\"\r\n              :grade-stripes=\"gradeStripes\" />\r\n          </div>\r\n          <div class=\"column is-clickable\" @click=\"stripingModal('SemiFlush')\">\r\n            <label class=\"label is-medium\">Semi-Flush</label>\r\n            <StripingDiagram\r\n              :class=\"{selected: selectedType === 'SemiFlush'}\"\r\n              class=\"padding-y-1\"\r\n              type=\"SemiFlush\"\r\n              :grade-stripes=\"gradeStripes\" />\r\n          </div>\r\n        </div>\r\n\r\n        <!-- Testing: -->\r\n        <!-- <img v-if=\"grade\" style=\"width: 200px\" :src=\"selectedTypeImageUrl\" alt=\"\">\r\n        <img v-if=\"grade\" style=\"width: 200px\" :src=\"selectedTypeImageUrlSp\" alt=\"\">\r\n        <img v-for=\"(image, index) of imageData\" :key=\"index\" style=\"width: 200px\" :src=\"image.imageData\" alt=\"\"> -->\r\n        <StripingEditor3D :grade-stripes=\"gradeStripes\" :type=\"selectedType\" :material=\"grade.name || ''\" :special-coupling=\"specialCoupling\" @change.native=\"changeGradeStripes\" />\r\n      </div>\r\n    </div>\r\n    <div class=\"padding-y-6\" />\r\n    <manage-buttons @cancel=\"cancel\" @save=\"save\" />\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport Vue2Filters from 'vue2-filters'\r\nimport AdminApi from '@/apis/AdminApi'\r\nimport ManageButtons from '@/components/navigation/ManageButtons'\r\nimport { SnackbarProgrammatic as Snackbar } from 'buefy'\r\n// import StripingEditor from '@/components/modals/StripingEditor'\r\nimport StripingEditor3D from '@/components/modals/StripingEditor3D'\r\nimport StripingDiagram from '@/components/misc/StripingDiagram'\r\n\r\nimport { EventBus, GET_VIEWER_SCREENSHOT } from '@/webgl/EventBus'\r\n\r\nexport default {\r\n  components: {\r\n    ManageButtons,\r\n    StripingDiagram,\r\n    // StripingEditor,\r\n    StripingEditor3D\r\n  },\r\n  mixins: [Vue2Filters.mixin],\r\n  data () {\r\n    return {\r\n      grade: {\r\n        name: null,\r\n        notes: null,\r\n        gradeKsiLess: null,\r\n        gradeKsiLessHasMst: 0,\r\n        gradeKsiGreater: null,\r\n        gradeKsiGreaterHasMst: 0,\r\n        yieldStrengthMin: null,\r\n        yieldStrengthMax: null,\r\n        tensileStrengthMin: null,\r\n        guaranteedWall: 0.875,\r\n        bendingModulus: 218.166,\r\n        compressiveStrength: null,\r\n        chrome: 0,\r\n        public: 1\r\n      },\r\n      ksiValues: [\r\n        { id: 55, label: '55' },\r\n        { id: 75, label: '75' },\r\n        { id: 80, label: '80' },\r\n        { id: 85, label: '85' },\r\n        { id: 90, label: '90' },\r\n        { id: 95, label: '95' },\r\n        { id: 100, label: '100' },\r\n        { id: 105, label: '105' },\r\n        { id: 110, label: '110' },\r\n        { id: 125, label: '125' },\r\n        { id: 140, label: '140' }\r\n      ],\r\n      loaded: false,\r\n      guaranteedWall: 87.5,\r\n      gradeStripes: {\r\n        tncField: 'white',\r\n        tncCouplingStripe1: 'none',\r\n        tncCouplingStripe2: 'none',\r\n        tncCouplingStripe3: 'none',\r\n        tncCouplingStripe4: 'none',\r\n        tncTubeStripe1: 'none',\r\n        tncTubeStripe2: 'none',\r\n        tncTubeStripe3: 'none',\r\n        tncTubeStripe4: 'none',\r\n        sptncField: 'white',\r\n        sptncCouplingStripe1: 'none',\r\n        sptncCouplingStripe2: 'none',\r\n        sptncCouplingStripe3: 'none',\r\n        sptncCouplingStripe4: 'none',\r\n        sptncTubeStripe1: 'none',\r\n        sptncTubeStripe2: 'none',\r\n        sptncTubeStripe3: 'none',\r\n        sptncTubeStripe4: 'none',\r\n        plainendStripe1: 'none',\r\n        plainendStripe2: 'none',\r\n        plainendStripe3: 'none',\r\n        plainendStripe4: 'none',\r\n        semiflushStripe1: 'none',\r\n        semiflushStripe2: 'none',\r\n        semiflushStripe3: 'none',\r\n        semiflushStripe4: 'none'\r\n      },\r\n      selectedType: 'TubeAndCoupling',\r\n      images: {\r\n        TubeAndCoupling: 'tubecouplingImg',\r\n        TubeAndCouplingSp: 'tubecouplingImgSp',\r\n        SemiPremiumTubeAndCoupling: 'semipremtubecouplingImg',\r\n        SemiPremiumTubeAndCouplingSp: 'semipremtubecouplingImgSp',\r\n        PlainEnd: 'plainendImg',\r\n        PlainEndSp: 'plainendImgSp',\r\n        SemiFlush: 'semiflushImg',\r\n        SemiFlushSp: 'semiflushImgSp'\r\n      },\r\n      specialCoupling: false,\r\n\r\n      imageData: {}\r\n    }\r\n  },\r\n  computed: {\r\n    id () {\r\n      return this.$route.params.id\r\n    },\r\n    selectedTypeImageUrl () {\r\n      if (this.grade && this.selectedType) {\r\n        return this.grade[this.images[this.selectedType]] || this.grade.screenshotUrl\r\n      } else {\r\n        return ''\r\n      }\r\n    },\r\n    selectedTypeImageUrlSp () {\r\n      if (this.grade && this.selectedType) {\r\n        return this.grade[this.images[this.selectedType + 'Sp']] || this.grade.screenshotUrl\r\n      } else {\r\n        return ''\r\n      }\r\n    }\r\n  },\r\n  watch: {\r\n    gradeStripes: {\r\n      handler (next) {\r\n        // this.setCouplingImage()\r\n      },\r\n      deep: true\r\n    }\r\n  },\r\n  async created () {\r\n    if (this.id === 'new') {\r\n      this.$store.commit('setTitle', 'New Material')\r\n    } else {\r\n      this.grade = await AdminApi.getGradeById(this.id)\r\n      this.guaranteedWall = this.grade.guaranteedWall * 100\r\n      this.$store.commit('setTitle', 'Material: ' + (this.grade.name))\r\n    }\r\n\r\n    // get saved grade stripes for diagram\r\n    const stripes = await AdminApi.getGradeColorsById(this.grade.id)\r\n    if (stripes) {\r\n      this.gradeStripes = stripes\r\n    }\r\n\r\n    this.loaded = true\r\n  },\r\n  methods: {\r\n    changeGradeStripes () {\r\n      // Set image\r\n      this.setCouplingImage()\r\n      this.specialCoupling = true\r\n      this.setCouplingImage(true)\r\n    },\r\n    setCouplingImage (specialCoupling = false) {\r\n      this.$nextTick(() => {\r\n        EventBus.$emit(GET_VIEWER_SCREENSHOT, (data) => {\r\n          if (data.details) {\r\n            this.imageData = {\r\n              ...this.imageData,\r\n              [data.details.screenshot_key + (specialCoupling ? 'Sp' : '')]: data\r\n            }\r\n            if (specialCoupling) {\r\n              this.specialCoupling = false\r\n            }\r\n          }\r\n        })\r\n      })\r\n    },\r\n    async save (redirect = true) {\r\n      if (await this.$validator.validateAll()) {\r\n        const loadingComponent = this.$buefy.loading.open({ container: null })\r\n\r\n        this.grade.guaranteedWall = this.guaranteedWall / 100\r\n        let gradeId = this.id\r\n\r\n        if (this.id === 'new') {\r\n          this.grade = await AdminApi.createGrade(this.grade)\r\n          gradeId = this.grade.id\r\n        }\r\n\r\n        this.grade = await AdminApi.updateGrade(gradeId, {\r\n          ...this.grade,\r\n          imageData: { ...this.imageData }\r\n        })\r\n        this.gradeStripes = await AdminApi.updateGradeColors(gradeId, this.gradeStripes)\r\n\r\n        loadingComponent.close()\r\n\r\n        this.$buefy.toast.open({\r\n          message: this.grade.name + ' saved',\r\n          type: 'is-success'\r\n        })\r\n\r\n        if (redirect) {\r\n          this.$router.push({ name: 'manage_materials' })\r\n        }\r\n      }\r\n    },\r\n    async cancel () {\r\n      this.$router.push({ name: 'manage_materials' })\r\n    },\r\n    async uploadFile (file) {\r\n      try {\r\n        const reader = new FileReader()\r\n\r\n        if (file.size < 1000000) {\r\n          reader.onload = () => {\r\n            this.grade.imageType = file.type\r\n            this.grade.imageData = reader.result\r\n          }\r\n\r\n          reader.readAsDataURL(file)\r\n        } else {\r\n          this.errors.items.push('imageUp')\r\n          Snackbar.open({\r\n            message: 'File size should be less than 1MB',\r\n            type: 'is-warning',\r\n            position: 'is-top'\r\n          })\r\n          await this.$validator.validateAll()\r\n        }\r\n      } catch (e) {\r\n        console.log(e)\r\n      }\r\n    },\r\n    async stripingModal (type) {\r\n      this.selectedType = type\r\n      // this.$buefy.modal.open({\r\n      //   parent: this,\r\n      //   component: StripingEditor,\r\n      //   props: {\r\n      //     gradeStripes: this.gradeStripes,\r\n      //     type: type,\r\n      //     material: this.grade.name\r\n      //   },\r\n      //   events: {\r\n      //     change: newGradeStripes => {\r\n      //       this.gradeStripes = newGradeStripes\r\n      //     }\r\n      //   }\r\n      // })\r\n    }\r\n  }\r\n}\r\n\r\n</script>\r\n\r\n<style lang=\"scss\" scoped>\r\n  /deep/ .pipe {\r\n    opacity: 0.2;\r\n    &:hover,\r\n    .selected & {\r\n      opacity: 1;\r\n    }\r\n  }\r\n  .label.is-medium {\r\n    font-size: 14px;\r\n  }\r\n</style>\r\n","import mod from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Material.vue?vue&type=script&lang=js\"; export default mod; export * from \"-!../../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./Material.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./Material.vue?vue&type=template&id=3a8eda2a&scoped=true\"\nimport script from \"./Material.vue?vue&type=script&lang=js\"\nexport * from \"./Material.vue?vue&type=script&lang=js\"\nimport style0 from \"./Material.vue?vue&type=style&index=0&id=3a8eda2a&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  \"3a8eda2a\",\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!./Material.vue?vue&type=style&index=0&id=3a8eda2a&prod&lang=scss&scoped=true\""],"sourceRoot":""}