{"id":635,"date":"2021-12-03T09:04:52","date_gmt":"2021-12-03T06:04:52","guid":{"rendered":"https:\/\/belek-b-aryg.rtyva.ru\/?page_id=635"},"modified":"2021-12-03T09:04:52","modified_gmt":"2021-12-03T06:04:52","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-4","status":"publish","type":"page","link":"https:\/\/belek-b-aryg.rtyva.ru\/?page_id=635","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      <el-card v-loading=\"loading\">\r\n              <el-form ref=\"form\" :model=\"form\" label-width=\"120px\">\r\n  <el-form-item label=\"\u0424\u0418\u041e\">\r\n    <el-input v-model=\"form.mailFio\"><\/el-input>\r\n  <\/el-form-item>\r\n  <el-form-item label=\"Email\">\r\n    <el-input v-model=\"form.mailFrom\"><\/el-input>\r\n  <\/el-form-item>\r\n  <el-form-item label=\"\u0422\u0435\u043c\u0430\">\r\n    <el-input v-model=\"form.mailTema\"><\/el-input>\r\n  <\/el-form-item>\r\n  \r\n  <el-form-item label=\"\u041e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435\">\r\n    <el-input type=\"textarea\" v-model=\"form.mailText\"><\/el-input>\r\n  <\/el-form-item>\r\n  <el-form-item label=\"\u041f\u0440\u0438\u043a\u0440\u0435\u043f\u0438\u0442\u044c \u0444\u0430\u0439\u043b\">\r\n    <input id=\"f\" type=\"file\" name=\"avatar\" @change=\"onFileChanged\"\/>\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      \u0440\u0430\u0437\u043c\u0435\u0440 \u0444\u0430\u0439\u043b\u0430 \u043d\u0435 \u0431\u043e\u043b\u0435\u0435 8\u043c\u0431<\/p>\r\n  <\/el-form-item>\r\n  <el-form-item>\r\n    <el-button type=\"primary\" @click=\"onSubmit\">\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c<\/el-button>\r\n  <\/el-form-item>\r\n   \r\n<\/el-form>\r\n      <\/el-card>\r\n        \r\n    <\/el-col>\r\n    <el-col :span=\"14\" >\r\n      <el-card>\r\n           \r\n             \r\n               <!-- <el-button @click=\"sendFile\">asdasd<\/el-button> -->\r\n      <\/el-card>\r\n        \r\n    <\/el-col>\r\n      \r\n      \r\n  <\/div>\r\n\r\n\r\n<script>\r\nvar fb = new Vue({\r\n  el: '#fbapp',\r\n    data() {\r\n      return {\r\n        loading:false,\r\n        form: {\r\n          mailTo: '',\r\n          mailFrom: '',\r\n          mailFio: '',\r\n          mailText: '',\r\n          mailTema: '',\r\n        },\r\n        selectedFile:'',\r\n        selectedFilename:'',\r\n        selectedFilepath:''\r\n      }\r\n   },    \r\n  methods:{\r\n    onFileChanged (event) {\r\n              console.log(event)\r\n            this.selectedFile = event.target.files[0]\r\n            this.selectedFilename = event.target.files[0].name\r\n          },\r\n     onSubmit() {\r\n        \r\n        this.loading = true\r\n        if (this.selectedFile!=''){  \r\n           this.sendFile()\r\n        }\r\n        else {\r\n          this.send()\r\n        }\r\n      },\r\n      sendFile(){\r\n         var formdata = new FormData();\r\n         formdata.append(\"fileTest\", this.selectedFilename);\r\n         formdata.append(\"avatar\", this.selectedFile, this.selectedFilename );\r\n          var requestOptions = {\r\n            method: 'POST',\r\n            body: formdata,\r\n            redirect: 'follow'\r\n          };\r\n\r\n          fetch(\"https:\/\/minobrmailer.rtyva.ru\/test.php\", requestOptions)\r\n            .then(response => response.text())\r\n            .then(result =>{ \r\n                if (result==='success'){\r\n                  this.selectedFilepath = 'https:\/\/minobrmailer.rtyva.ru\/'+this.selectedFilename;\r\n                  this.send()\r\n                }\r\n            })\r\n            .catch(error => console.log('error', error));\r\n      },\r\nsend(){\r\n   var formdata = new FormData();\r\nformdata.append(\"mailFrom\", this.form.mailFrom);\r\nformdata.append(\"mailTo\", \"belekdsad@mail.ru\");\r\nformdata.append(\"fileName\", this.selectedFilename );\r\nformdata.append(\"filePath\", this.selectedFilepath );\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\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\nformdata.append(\"mailText\",text);\r\n\r\nvar requestOptions = {\r\n  method: 'POST',\r\n  body: formdata,\r\n  redirect: 'follow'\r\n};\r\n\r\nfetch(\"https:\/\/minobrmailer.rtyva.ru\/test.php\", requestOptions)\r\n  .then(response => response.json())\r\n  .then(result =>{ \r\n     if (result.accepted[0]===formdata.get('mailTo')) this.$notify({\r\n          title: '\u0412\u043d\u0438\u043c\u0430\u043d\u0438\u0435',\r\n          message: '\u0421\u043e\u043e\u0431\u0449\u0435\u043d\u0438\u0435 \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e',\r\n          type: 'success'\r\n        });\r\n        this.loading = false\r\n        if (this.selectedFile!=''){\r\n           this.delFile()  \r\n        }\r\n        else {\r\n                  this.form.mailFrom=''\r\n                  this.form.mailFio=''\r\n                  this.form.mailText=''\r\n                  this.form.mailTema=''\r\n        }\r\n        \r\n  })\r\n  .catch(error => console.log('error', error));\r\n   },\r\n   delFile(){\r\n          var formdata = new FormData();\r\n         formdata.append(\"fileRemove\", this.selectedFilename);\r\n         \r\n          var requestOptions = {\r\n            method: 'POST',\r\n            body: formdata,\r\n            redirect: 'follow'\r\n          };\r\n\r\n          fetch(\"https:\/\/minobrmailer.rtyva.ru\/test.php\", requestOptions)\r\n            .then(response => response.text())\r\n            .then(result =>{ \r\n                if (result==='success'){\r\n                  this.form.mailFrom=''\r\n                  this.form.mailFio=''\r\n                  this.form.mailText=''\r\n                  this.form.mailTema=''\r\n                  this.selectedFile=''\r\n                  this.selectedFilename=''\r\n                  this.selectedFilepath=''\r\n\r\n                }\r\n            })\r\n            .catch(error => console.log('error', error)); \r\n\r\n   }\r\n  },\r\n  created(){\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<style scoped>\r\nh3 {\r\n  margin: 40px 0 0;\r\n}\r\nul {\r\n  list-style-type: none;\r\n  padding: 0;\r\n}\r\nli {\r\n  display: inline-block;\r\n  margin: 0 10px;\r\n}\r\na {\r\n  color: #42b983;\r\n}\r\n<\/style>\r\n\r\n\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:\/\/belek-b-aryg.rtyva.ru\/index.php?rest_route=\/wp\/v2\/pages\/635"}],"collection":[{"href":"https:\/\/belek-b-aryg.rtyva.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/belek-b-aryg.rtyva.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/belek-b-aryg.rtyva.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/belek-b-aryg.rtyva.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=635"}],"version-history":[{"count":1,"href":"https:\/\/belek-b-aryg.rtyva.ru\/index.php?rest_route=\/wp\/v2\/pages\/635\/revisions"}],"predecessor-version":[{"id":637,"href":"https:\/\/belek-b-aryg.rtyva.ru\/index.php?rest_route=\/wp\/v2\/pages\/635\/revisions\/637"}],"wp:attachment":[{"href":"https:\/\/belek-b-aryg.rtyva.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=635"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}