{"id":60,"date":"2017-08-06T14:12:27","date_gmt":"2017-08-06T11:12:27","guid":{"rendered":"http:\/\/new.vipgraphics.com.ua\/?page_id=60"},"modified":"2020-10-11T16:58:15","modified_gmt":"2020-10-11T13:58:15","slug":"zayavka-na-prorahunok","status":"publish","type":"page","link":"https:\/\/vipgraphics.com.ua\/ru\/zayavka-na-prorahunok\/","title":{"rendered":"\u0417\u0430\u044f\u0432\u043a\u0430 \u043d\u0430 \u043f\u0440\u043e\u0441\u0447\u0435\u0442"},"content":{"rendered":"\n\t<style>\n\t\t.calculator-form-group {\n\t\t\tdisplay: block;\n\t\t\tmargin: 10px 0 30px;\n\t\t\tmax-width: 400px;\n\t\t}\n\t\t.calculator-form-input {\n\t\t\tbox-shadow: 1.5px 1.5px 2px #b7b7b7 inset;\n\t\t\t-webkit-appearance: auto !important;\n\t\t\tmargin-bottom: 0 !important;\n\t\t}\n\t\t.calculator-form-label {\n\t\t\tcolor: #585c71;\n\t\t\tfont-size: 20px;\n\t\t}\n\t\t.calculator-form-tip {\n\t\t\tcolor: red;\n\t\t\tfont-size: 13px;\n\t\t}\n\t\t.calculator-form-label {\n\t\t\tcolor: #585c71;\n\t\t\tfont-size: 20px;\n\t\t}\n\t\t.calculator-form-input.v-lg {\n\t\t\tmax-width: calc(100% - 120px);\n\t\t\tbox-shadow: none;\n\t\t\tborder: 1px solid #d1d1d1;\n\t\t}\n\t\t.calculator-form-input.v-sm {\n\t\t\twidth: 120px;\n\t\t\tbox-shadow: none;\n\t\t\tborder: 1px solid #d1d1d1;\n\t\t}\n\t\t.calculator-form-measure.v-sm {\n\t\t\twidth: 120px;\n\t\t\tbackground-color: white;\n\t\t\tdisplay: flex;\n\t\t\tjustify-content: ;\n\t\t\talign-items: center;\n\t\t\tpadding: 10px;\n\t\t\tborder: 1px solid #d1d1d1;\n\t\t}\n\t\t.calculator-form-row {\n\t\t\tdisplay: flex;\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.calculator-form-col {\n\t\t\tuser-select: none;\n\t\t\tdisplay: flex;\n\t\t\twidth: 100%;\n\t\t\tcursor: pointer;\n\t\t}\n\t\t.calculator-form-select-different {\n\t\t\tdisplay: flex;\n\t\t}\n\t\t.calculator-form-col > .calculator-form-input {\n\t\t\tbox-shadow: none;\n\t\t\tborder: 1px solid #d1d1d1;\n\t\t}\n\t\t.calculator-form-col-title {\n\t\t    width: calc(100% - 38px);\n\t\t    box-shadow: none;\n\t\t    border: 1px solid #d1d1d1;\n\t\t    background-color: white;\n\t\t    padding: 0 15px;\n\t\t    height: 38px;\n\t\t    display: flex;\n\t\t    align-items: center;\n\t\t    border-bottom: 0;\n\t\t}\n\t\t.calculator-form-checkbox {\n\t\t    width: 38px;\n\t\t    height: 38px;\n\t\t    background-color: white;\n\t\t    display: flex;\n\t\t    justify-content: center;\n\t\t    align-items: center;\n\t\t    border: 1px solid #d1d1d1;\n\t\t    border-left: 0;\n\t\t    border-bottom: 0;\n\t\t}\n\t\t.calculator-form-row:nth-last-child(2) .calculator-form-col-title,\n\t\t.calculator-form-row:nth-last-child(2) .calculator-form-checkbox {\n\t\t\tborder-bottom: 1px solid #d1d1d1;\n\t\t}\n\t\t.calculator-form-checkbox-svg {\n\t\t    width: 14px;\n\t\t    height: 14px;\n\t\t    fill: #1e435a;\n\t\t    display: none;\n\t\t}\n\t\t.calculator-form-checkbox-input:checked + .calculator-form-checkbox > .calculator-form-checkbox-svg {\n\t\t\tdisplay: block;\n\t\t}\n\t<\/style>\n\t<div class=\"calculator-form\" id=\"app\">\n\t\t<label class=\"calculator-form-group\">\n\t\t\t<div class=\"calculator-form-label\">\n\t\t\t\t\t\t\t\t\t\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u0432\u0438\u0434 \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430:\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<select class=\"calculator-form-input\" v-model=\"type\">\n\t\t\t\t<option :value=\"index\" v-for=\"(type,index) in types\" v-text=\"type.title\"><\/option>\n\t\t\t<\/select>\n\t\t<\/label>\n\t\t<div class=\"calculator-form-group\">\n\t\t\t<div class=\"calculator-form-label\">\n\t\t\t\t\t\t\t\t\t\u0412\u044b\u0431\u0435\u0440\u0438\u0442\u0435 \u043a\u0430\u0442\u0435\u0433\u043e\u0440\u0438\u044e \u043c\u0430\u0442\u0435\u0440\u0438\u0430\u043b\u0430:\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<select class=\"calculator-form-input\" v-model=\"category\">\n\t\t\t\t<option :value=\"index\" v-for=\"(cat, index) in types[type].categories\" v-text=\"types[type].categories[index]\"><\/option>\n\t\t\t<\/select>\n\t\t\t<input type=\"text\" class=\"calculator-form-input\" v-model=\"category_other\" v-if=\"types[type].categories[category] == '\u0414\u0440\u0443\u0433\u043e\u0435' || types[type].categories[category] == '\u0406\u043d\u0448\u0435'\">\n\t\t<\/div>\n\t\t<div class=\"calculator-form-group\">\n\t\t\t<div class=\"calculator-form-label\">\n\t\t\t\t\t\t\t\t\t\u0423\u043a\u0430\u0436\u0438\u0442\u0435 \u043a\u043e\u043b\u0438\u0447\u0435\u0441\u0442\u0432\u043e:\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"calculator-form-select-different\">\n\t\t\t\t<input type=\"text\" class=\"calculator-form-input v-lg\" v-model=\"quantity.count\" placeholder=\"200\">\n\t\t\t\t<select class=\"calculator-form-input v-sm\" v-model=\"quantity.type\">\n\t\t\t\t\t<option value=\"\u0448\u0442.\">\u0448\u0442.<\/option>\n\t\t\t\t\t<option value=\"\u043a\u0433\">\u043a\u0433<\/option>\n\t\t\t\t<\/select>\n\t\t\t<\/div>\n\t\t\t<div class=\"calculator-form-tip\" v-show=\"quantity.error\">\n\t\t\t\t\t\t\t\t\t\u041f\u043e\u043b\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0434\u043b\u044f \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<div class=\"calculator-form-group\">\n\t\t\t<div class=\"calculator-form-label\">\n\t\t\t\t\t\t\t\t\t\u041f\u0430\u0440\u0430\u043c\u0435\u0442\u0440\u044b \u0438\u0437\u0434\u0435\u043b\u0438\u044f:\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<label class=\"calculator-form-select-different\">\n\t\t\t\t<input type=\"text\" class=\"calculator-form-input v-lg\" v-model=\"dimensions.width\" placeholder=\"200\">\n\t\t\t\t<div class=\"calculator-form-measure v-sm\">\u0448\u0438\u0440\u0438\u043d\u0430, \u043c\u043c<\/div>\n\t\t\t<\/label>\n\t\t\t<label class=\"calculator-form-select-different\">\n\t\t\t\t<input type=\"text\" class=\"calculator-form-input v-lg\" v-model=\"dimensions.step\" placeholder=\"200\">\n\t\t\t\t<div class=\"calculator-form-measure v-sm\">\n\t\t\t\t\t\t\t\t\t\t\t\u0448\u0430\u0433, \u043c\u043c\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/label>\n\t\t\t<div class=\"calculator-form-tip\" v-show=\"dimensions.error\">\n\t\t\t\t\t\t\t\t\t\u041f\u043e\u043b\u044f \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u044b\u0435 \u0434\u043b\u044f \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t<label class=\"calculator-form-group\">\n\t\t\t<div class=\"calculator-form-label\">\n\t\t\t\t\t\t\t\t\t\u0428\u0438\u0440\u0438\u043d\u0430 \u0440\u0443\u043b\u043e\u043d\u0430 \u0433\u043e\u0442\u043e\u0432\u043e\u0439 \u043f\u0440\u043e\u0434\u0443\u043a\u0446\u0438\u0438:\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"calculator-form-select-different\">\n\t\t\t\t<input type=\"text\" class=\"calculator-form-input v-lg\" v-model=\"width.count\" placeholder=\"200\">\n\t\t\t\t<div class=\"calculator-form-measure v-sm\">\u043c\u043c<\/div>\n\t\t\t<\/div>\n\t\t\t<div class=\"calculator-form-tip\" v-show=\"width.error\">\n\t\t\t\t\t\t\t\t\t\u041f\u043e\u043b\u0435 \u043e\u0431\u044f\u0437\u0430\u0442\u0435\u043b\u044c\u043d\u043e\u0435 \u0434\u043b\u044f \u0437\u0430\u043f\u043e\u043b\u043d\u0435\u043d\u0438\u044f\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/label>\n\t\t<div class=\"calculator-form-group\">\n\t\t\t<div class=\"calculator-form-label\">\n\t\t\t\t\t\t\t\t\t\u041a\u0440\u0430\u0441\u043e\u0447\u043d\u043e\u0441\u0442\u044c:\n\t\t\t\t\t\t\t<\/div>\n\t\t\t<div class=\"calculator-form-row\" v-for=\"color in colors.arr\">\n\t\t\t\t<label class=\"calculator-form-col\">\n\t\t\t\t\t<div class=\"calculator-form-col-title\" v-text=\"color.title\"><\/div>\n\t\t\t\t\t<input class=\"calculator-form-checkbox-input\" type=\"checkbox\" style=\"display: none;\" v-model=\"color.state\">\n\t\t\t\t\t<div class=\"calculator-form-checkbox\">\n\t\t\t\t\t\t<svg class=\"calculator-form-checkbox-svg\" height=\"417pt\" viewBox=\"0 -46 417.81333 417\" width=\"417pt\">\n\t\t\t\t\t\t\t<path d=\"m159.988281 318.582031c-3.988281 4.011719-9.429687 6.25-15.082031 6.25s-11.09375-2.238281-15.082031-6.25l-120.449219-120.46875c-12.5-12.5-12.5-32.769531 0-45.246093l15.082031-15.085938c12.503907-12.5 32.75-12.5 45.25 0l75.199219 75.203125 203.199219-203.203125c12.503906-12.5 32.769531-12.5 45.25 0l15.082031 15.085938c12.5 12.5 12.5 32.765624 0 45.246093zm0 0\"\/>\n\t\t\t\t\t\t<\/svg>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/label>\n\t\t\t<\/div>\n\t\t\t<div class=\"calculator-form-tip\" v-show=\"colors.error\">\n\t\t\t\t\t\t\t\t\t\u0417\u0430\u043f\u043e\u043b\u043d\u0438\u0442\u0435 \u0445\u043e\u0442\u044f \u0431\u044b \u043e\u0434\u043d\u043e \u043f\u043e\u043b\u0435\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n\t<script src=\"\/wp-content\/themes\/business-hub\/assets\/js\/vue.js\"><\/script>\n\t<script>\n\t\tvar app = new Vue({\n\t\t\tel: '#app',\n\t\t\tdata: {\n\t\t\t\ttypes: [\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: '\u0411\u0443\u043c\u0430\u0433\u0430, \u043b\u0430\u043c\u0438\u043d\u0438\u0440\u043e\u0432\u0430\u043d\u043d\u0430\u044f \u043f\u043e\u043b\u0438\u044d\u0442\u0438\u043b\u0435\u043d\u043e\u043c',\n\t\t\t\t\t\tcategories: [\n\t\t\t\t\t\t\t'MGBK \u043a\u0440\u0430\u0444\u0442 40 + \u0420\u0415 15 (55 \u0433\/\u043c^2)',\n\t\t\t\t\t\t\t'\u0420\u0410\u0420 45 + \u0420\u0415 15 (60 \u0433\/\u043c^2)',\n\t\t\t\t\t\t\t'\u0420\u0410\u0420 50 + \u0420\u0415 20 (70 \u0433\/\u043c^2)',\n\t\t\t\t\t\t\t'\u0420\u0410\u0420 80 + \u0420\u0415 20 (100 \u0433\/\u043c^2)',\n\t\t\t\t\t\t\t'\u0420\u0410\u0420 90 + \u0420\u0415 20 (110 \u0433\/\u043c^2)',\n\t\t\t\t\t\t\t'\u0420\u0410\u0420 70 + \u0420\u0415 20 (90 \u0433\/\u043c^2)',\n\t\t\t\t\t\t\t'\u0414\u0440\u0443\u0433\u043e\u0435',\n\t\t\t\t\t\t],\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: '\u0414\u0443\u043f\u043b\u0435\u043a\u0441',\n\t\t\t\t\t\tcategories: [\n\t\t\t\t\t\t\t'PAP 60 + BOPP met20 (80 \u0433\/\u043c^2)',\n\t\t\t\t\t\t\t'PAP 65 + BOPP met20 (85 \u0433\/\u043c^2)',\n\t\t\t\t\t\t\t'PAP 70 + BOPP met20 (90 \u0433\/\u043c^2)',\n\t\t\t\t\t\t],\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: '\u0422\u0440\u0438\u043f\u043b\u0435\u043a\u0441',\n\t\t\t\t\t\tcategories: [\n\t\t\t\t\t\t\t'PAP 50 + PE 12 + Alu7my + PE 23'\n\t\t\t\t\t\t],\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\ttitle: '\u041f\u043b\u0435\u043d\u043a\u0438',\n\t\t\t\t\t\tcategories: [\n\t\t\t\t\t\t\t'\u041f\u043e\u043b\u0438\u043f\u0440\u043e\u043f\u0438\u043b\u0435\u043d \u0436\u0435\u043c. 35 \u043c\u043a\u043c',\n\t\t\t\t\t\t\t'\u041f\u043e\u043b\u0438\u043f\u0440\u043e\u043f\u0438\u043b\u0435\u043d \u043f\u0440\u043e\u0437\u0440. 35 \u043c\u043a\u043c',\n\t\t\t\t\t\t\t'\u041f\u043e\u043b\u0438\u043f\u0440\u043e\u043f\u0438\u043b\u0435\u043d \u043f\u0440\u043e\u0437\u0440. 40 \u043c\u043a\u043c',\n\t\t\t\t\t\t\t'\u042d\u043a\u043e\u043b\u0438\u043d \u2013 Film WHITE, Film light Barrier 60 \u0433\/\u043c^2',\n\t\t\t\t\t\t\t'\u0414\u0440\u0443\u0433\u043e\u0435',\n\t\t\t\t\t\t],\n\t\t\t\t\t},\n\t\t\t\t],\n\t\t\t\ttype: 0,\n\t\t\t\tcategory: 0,\n\t\t\t\tcategory_other: '',\n\t\t\t\tquantity: {\n\t\t\t\t\ttype: '\u0448\u0442.',\n\t\t\t\t\tcount: '',\n\t\t\t\t\terror: false,\n\t\t\t\t},\n\t\t\t\tdimensions: {\n\t\t\t\t\twidth: '',\n\t\t\t\t\tstep: '',\n\t\t\t\t\terror: false,\n\t\t\t\t},\n\t\t\t\twidth: {\n\t\t\t\t\tcount: '',\n\t\t\t\t\terror: false,\n\t\t\t\t},\n\t\t\t\tcolors: {\n\t\t\t\t\tarr: [\n\t\t\t\t\t\t{title: 'Cyan', state: false},\n\t\t\t\t\t\t{title: 'Magenta', state: false},\n\t\t\t\t\t\t{title: 'Yellow', state: false},\n\t\t\t\t\t\t{title: 'Black', state: false},\n\t\t\t\t\t\t{title: 'Pantone 1', state: false},\n\t\t\t\t\t\t{title: 'Pantone 2', state: false},\n\t\t\t\t\t\t{title: 'Pantone 3', state: false},\n\t\t\t\t\t\t{title: 'White', state: false},\n\t\t\t\t\t],\n\t\t\t\t\terror: false,\n\t\t\t\t},\n\t\t\t},\n\t\t\tmethods: {\n\t\t\t\tget_form: function(){\n\n\t\t\t\t\tvar errors = 0\n\n\t\t\t\t\tif (this.quantity.count == '') {\n\t\t\t\t\t\tthis.quantity.error = true\n\t\t\t\t\t\terrors++\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.quantity.error = false\n\t\t\t\t\t}\n\t\t\t\t\tif (this.dimensions.width == '' || this.dimensions.step == '') {\n\t\t\t\t\t\tthis.dimensions.error = true\n\t\t\t\t\t\terrors++\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.dimensions.error = false\n\t\t\t\t\t}\n\t\t\t\t\tif (this.width.count == '') {\n\t\t\t\t\t\tthis.width.error = true\n\t\t\t\t\t\terrors++\n\t\t\t\t\t} else {\n\t\t\t\t\t\tthis.width.error = false\n\t\t\t\t\t}\n\n\t\t\t\t\tthis.colors.error = true\n\t\t\t\t\terrors++\n\t\t\t\t\tfor (var i = 0; i < this.colors.arr.length; i++) {\n\t\t\t\t\t\tif (this.colors.arr[i].state) {\n\t\t\t\t\t\t\terrors--\n\t\t\t\t\t\t\tthis.colors.error = false\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t\tvar category = this.types[this.type].categories[this.category]\n\t\t\t\t\tif (category == '\u0414\u0440\u0443\u0433\u043e\u0435' || category == '\u0406\u043d\u0448\u0435') {\n\t\t\t\t\t\tcategory = this.category_other\n\t\t\t\t\t}\n\n\t\t\t\t\tif (errors > 0) {\n\t\t\t\t\t\treturn false\n\t\t\t\t\t}\n\n\t\t\t\t\treturn {\n\t\t\t\t\t\ttype: this.types[this.type].title,\n\t\t\t\t\t\tcategory: category,\n\t\t\t\t\t\tquantity: this.quantity.count + ' ' + this.quantity.type,\n\t\t\t\t\t\tdimensions_width: this.dimensions.width + ' \u043c\u043c',\n\t\t\t\t\t\tdimensions_step: this.dimensions.step + ' \u043c\u043c',\n\t\t\t\t\t\twidth: this.width.count + ' \u043c\u043c',\n\t\t\t\t\t\tcolors: JSON.stringify(this.colors.arr),\n\t\t\t\t\t}\n\t\t\t\t},\n\t\t\t},\n\t\t\twatch: {\n\t\t\t\ttype: function(){\n\t\t\t\t\tthis.category = 0\n\t\t\t\t},\n\t\t\t},\n\t\t\tmounted: function(){\n\t\t\t\tdocument.addEventListener('DOMContentLoaded',()=>{\n\t\t\t\t\tjQuery('.widget .wpcf7-submit').click((event)=>{\n\n\t\t\t\t\t\tvar form = this.get_form()\n\t\t\t\t\t\tif (form === false)\n\t\t\t\t\t\t\treturn false\n\t\t\t\t\t})\n\t\t\t\t})\n\t\t\t\tdocument.addEventListener('wpcf7beforesubmit', (event)=>{\n\n\t\t\t\t\tif (event.detail.contactFormId == 102 || event.detail.contactFormId == 1212 || event.detail.contactFormId == 1213) {\n\n\t\t\t\t\t\tvar form = this.get_form()\n\t\t\t\t\t\tif (form === false)\n\t\t\t\t\t\t\treturn false\n\n\t\t\t\t\t\tfor (var i in form) {\n\n\t\t\t\t\t\t\tevent.detail.formData.append(i, form[i])\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\n\t\t\t\t}, false );\n\t\t\t},\n\t\t})\n\t<\/script>\n\n\t\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"lead-page.php","meta":[],"_links":{"self":[{"href":"https:\/\/vipgraphics.com.ua\/ru\/wp-json\/wp\/v2\/pages\/60"}],"collection":[{"href":"https:\/\/vipgraphics.com.ua\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vipgraphics.com.ua\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vipgraphics.com.ua\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vipgraphics.com.ua\/ru\/wp-json\/wp\/v2\/comments?post=60"}],"version-history":[{"count":22,"href":"https:\/\/vipgraphics.com.ua\/ru\/wp-json\/wp\/v2\/pages\/60\/revisions"}],"predecessor-version":[{"id":1285,"href":"https:\/\/vipgraphics.com.ua\/ru\/wp-json\/wp\/v2\/pages\/60\/revisions\/1285"}],"wp:attachment":[{"href":"https:\/\/vipgraphics.com.ua\/ru\/wp-json\/wp\/v2\/media?parent=60"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}