{"id":865,"date":"2022-02-09T07:47:29","date_gmt":"2022-02-09T04:47:29","guid":{"rendered":"https:\/\/detsad20-kyzyl.rtyva.ru\/?page_id=865"},"modified":"2022-02-09T07:47:29","modified_gmt":"2022-02-09T04:47:29","slug":"%d0%be%d0%b1%d1%80%d0%b0%d1%82%d0%bd%d0%b0%d1%8f-%d1%81%d0%b2%d1%8f%d0%b7%d1%8c","status":"publish","type":"page","link":"https:\/\/detsad20-kyzyl.rtyva.ru\/?page_id=865","title":{"rendered":"\u041e\u0431\u0440\u0430\u0442\u043d\u0430\u044f \u0441\u0432\u044f\u0437\u044c"},"content":{"rendered":"<div id=\"fbapp\">\r\n\r\n<el-col :span=\"14\" >\r\n\r\n<el-card v-loading=\"loading\">\r\n\r\n<el-form ref=\"form\" :model=\"form\" label-width=\"120px\">\r\n\r\n<el-form-item label=\"\u0424\u0418\u041e\">\r\n\r\n<el-input v-model=\"form.mailFio\"><\/el-input>\r\n\r\n<\/el-form-item>\r\n\r\n<el-form-item label=\"Email\">\r\n\r\n<el-input v-model=\"form.mailFrom\"><\/el-input>\r\n\r\n<\/el-form-item>\r\n\r\n<el-form-item label=\"\u0422\u0435\u043c\u0430\">\r\n\r\n<el-input v-model=\"form.mailTema\"><\/el-input>\r\n\r\n<\/el-form-item>\r\n\r\n<el-form-item label=\"\u041e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435\">\r\n\r\n<el-input type=\"textarea\" v-model=\"form.mailText\"><\/el-input>\r\n\r\n<\/el-form-item>\r\n\r\n<el-form-item label=\"\u041f\u0440\u0438\u043a\u0440\u0435\u043f\u0438\u0442\u044c \u0444\u0430\u0439\u043b\">\r\n\r\n<input id=\"f\" type=\"file\" name=\"avatar\" @change=\"onFileChanged\"\/>\r\n\r\n<p style=\"color:red\">* \u0435\u0441\u043b\u0438 \u0444\u0430\u0439\u043b\u043e\u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e, \u0441\u043e\u0431\u0435\u0440\u0438\u0442\u0435 \u0438\u0445 \u0432 \u0430\u0440\u0445\u0438\u0432 <br>\r\n\r\n\u0440\u0430\u0437\u043c\u0435\u0440 \u0444\u0430\u0439\u043b\u0430 \u043d\u0435 \u0431\u043e\u043b\u0435\u0435 8\u043c\u0431<\/p>\r\n\r\n<\/el-form-item>\r\n\r\n<el-form-item>\r\n\r\n<el-button type=\"primary\" @click=\"onSubmit\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c<\/el-button>\r\n\r\n<\/el-form-item>\r\n\r\n<\/el-form>\r\n\r\n<\/el-card>\r\n\r\n<\/el-col>\r\n\r\n<el-col :span=\"14\" >\r\n\r\n<el-card>\r\n\r\n<!-- <el-button @click=\"sendFile\">asdasd<\/el-button> -->\r\n\r\n<\/el-card>\r\n\r\n<\/el-col>\r\n\r\n<\/div>\r\n\r\n<script>\r\n\r\nvar fb = new Vue({\r\n\r\nel: '#fbapp',\r\n\r\ndata() {\r\n\r\nreturn {\r\n\r\nloading:false,\r\n\r\nform: {\r\n\r\nmailTo: '',\r\n\r\nmailFrom: '',\r\n\r\nmailFio: '',\r\n\r\nmailText: '',\r\n\r\nmailTema: '',\r\n\r\n},\r\n\r\nselectedFile:'',\r\n\r\nselectedFilename:'',\r\n\r\nselectedFilepath:''\r\n\r\n}\r\n\r\n},\r\n\r\nmethods:{\r\n\r\nonFileChanged (event) {\r\n\r\nconsole.log(event)\r\n\r\nthis.selectedFile = event.target.files[0]\r\n\r\nthis.selectedFilename = event.target.files[0].name\r\n\r\n},\r\n\r\nonSubmit() {\r\n\r\nthis.loading = true\r\n\r\nif (this.selectedFile!=''){\r\n\r\nthis.sendFile()\r\n\r\n}\r\n\r\nelse {\r\n\r\nthis.send()\r\n\r\n}\r\n\r\n},\r\n\r\nsendFile(){\r\n\r\nvar formdata = new FormData();\r\n\r\nformdata.append(\"fileTest\", this.selectedFilename);\r\n\r\nformdata.append(\"avatar\", this.selectedFile, this.selectedFilename );\r\n\r\nvar requestOptions = {\r\n\r\nmethod: 'POST',\r\n\r\nbody: formdata,\r\n\r\nredirect: 'follow'\r\n\r\n};\r\n\r\nfetch(\"https:\/\/minobrmailer.rtyva.ru\/test.php\", requestOptions)\r\n\r\n.then(response => response.text())\r\n\r\n.then(result =>{\r\n\r\nif (result==='success'){\r\n\r\nthis.selectedFilepath = 'https:\/\/minobrmailer.rtyva.ru\/'+this.selectedFilename;\r\n\r\nthis.send()\r\n\r\n}\r\n\r\n})\r\n\r\n.catch(error => console.log('error', error));\r\n\r\n},\r\n\r\nsend(){\r\n\r\nvar formdata = new FormData();\r\n\r\nformdata.append(\"mailFrom\", this.form.mailFrom);\r\n\r\nformdata.append(\"mailTo\", \"detskiisad20@yandex.ru\");\r\n\r\nformdata.append(\"fileName\", this.selectedFilename );\r\n\r\nformdata.append(\"filePath\", this.selectedFilepath );\r\n\r\nformdata.append(\"mailTema\", '\u041e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0441 \u0441\u0430\u0439\u0442\u0430; \u0442\u0435\u043c\u0430 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f :'+this.form.mailTema);\r\n\r\nlet text= `\u041e\u0442 : `+this.form.mailFio+`\r\n\r\nEmail: `+this.form.mailFrom+`\r\n\r\n\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435:\r\n\r\n`+this.form.mailText;\r\n\r\nformdata.append(\"mailText\",text);\r\n\r\nvar requestOptions = {\r\n\r\nmethod: 'POST',\r\n\r\nbody: formdata,\r\n\r\nredirect: 'follow'\r\n\r\n};\r\n\r\nfetch(\"https:\/\/minobrmailer.rtyva.ru\/test.php\", requestOptions)\r\n\r\n.then(response => response.json())\r\n\r\n.then(result =>{\r\n\r\nif (result.accepted[0]===formdata.get('mailTo')) this.$notify({\r\n\r\ntitle: '\u0412\u043d\u0438\u043c\u0430\u043d\u0438\u0435',\r\n\r\nmessage: '\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e',\r\n\r\ntype: 'success'\r\n\r\n});\r\n\r\nthis.loading = false\r\n\r\nif (this.selectedFile!=''){\r\n\r\nthis.delFile()\r\n\r\n}\r\n\r\nelse {\r\n\r\nthis.form.mailFrom=''\r\n\r\nthis.form.mailFio=''\r\n\r\nthis.form.mailText=''\r\n\r\nthis.form.mailTema=''\r\n\r\n}\r\n\r\n})\r\n\r\n.catch(error => console.log('error', error));\r\n\r\n},\r\n\r\ndelFile(){\r\n\r\nvar formdata = new FormData();\r\n\r\nformdata.append(\"fileRemove\", this.selectedFilename);\r\n\r\nvar requestOptions = {\r\n\r\nmethod: 'POST',\r\n\r\nbody: formdata,\r\n\r\nredirect: 'follow'\r\n\r\n};\r\n\r\nfetch(\"https:\/\/minobrmailer.rtyva.ru\/test.php\", requestOptions)\r\n\r\n.then(response => response.text())\r\n\r\n.then(result =>{\r\n\r\nif (result==='success'){\r\n\r\nthis.form.mailFrom=''\r\n\r\nthis.form.mailFio=''\r\n\r\nthis.form.mailText=''\r\n\r\nthis.form.mailTema=''\r\n\r\nthis.selectedFile=''\r\n\r\nthis.selectedFilename=''\r\n\r\nthis.selectedFilepath=''\r\n\r\n}\r\n\r\n})\r\n\r\n.catch(error => console.log('error', error));\r\n\r\n}\r\n\r\n},\r\n\r\ncreated(){\r\n\r\n}\r\n\r\n})\r\n\r\n<\/script>\r\n\r\n<!-- Add \"scoped\" attribute to limit CSS to this component only -->\r\n\r\n<style scoped>\r\n\r\nh3 {\r\n\r\nmargin: 40px 0 0;\r\n\r\n}\r\n\r\nul {\r\n\r\nlist-style-type: none;\r\n\r\npadding: 0;\r\n\r\n}\r\n\r\nli {\r\n\r\ndisplay: inline-block;\r\n\r\nmargin: 0 10px;\r\n\r\n}\r\n\r\na {\r\n\r\ncolor: #42b983;\r\n\r\n}\r\n\r\n<\/style>\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":[],"_links":{"self":[{"href":"https:\/\/detsad20-kyzyl.rtyva.ru\/index.php?rest_route=\/wp\/v2\/pages\/865"}],"collection":[{"href":"https:\/\/detsad20-kyzyl.rtyva.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/detsad20-kyzyl.rtyva.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/detsad20-kyzyl.rtyva.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/detsad20-kyzyl.rtyva.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=865"}],"version-history":[{"count":1,"href":"https:\/\/detsad20-kyzyl.rtyva.ru\/index.php?rest_route=\/wp\/v2\/pages\/865\/revisions"}],"predecessor-version":[{"id":867,"href":"https:\/\/detsad20-kyzyl.rtyva.ru\/index.php?rest_route=\/wp\/v2\/pages\/865\/revisions\/867"}],"wp:attachment":[{"href":"https:\/\/detsad20-kyzyl.rtyva.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=865"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}