{"id":639,"date":"2021-05-26T13:49:48","date_gmt":"2021-05-26T10:49:48","guid":{"rendered":"https:\/\/cheleesh-sush.rtyva.ru\/?page_id=639"},"modified":"2021-05-26T13:49:48","modified_gmt":"2021-05-26T10:49:48","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:\/\/cheleesh-sush.rtyva.ru\/?page_id=639","title":{"rendered":"\u041e\u0431\u0440\u0430\u0442\u043d\u0430\u044f \u0441\u0432\u044f\u0437\u044c"},"content":{"rendered":"  <div id=\"app\">\r\n     <div id=\"fb\">\r\n \r\n     <div class=\"w3-conteiner w3-content w3-card w3-round w3-white w3-padding\">\r\n      \r\n      <div class=\"w3-row-padding\">\r\n        <div class=\"w3-col\">\r\n            <div class=\"w3-container \">\r\n              <h6 class=\"w3-opacity\">\u0424\u0418\u041e<\/h6>\r\n              <input  v-model=\"fio\" class=\"w3-input w3-border w3-padding\">\r\n          <\/div>\r\n          <div class=\"w3-col\">\r\n            <div class=\"w3-container\">\r\n              <h6 class=\"w3-opacity\">Email<\/h6>\r\n              <input  v-model=\"email\" class=\"w3-input w3-border w3-padding\">\r\n            <\/div>\r\n        <\/div>\r\n            \r\n        <div class=\"w3-col m12\">\r\n               <div class=\"w3-container\">\r\n               <h6 class=\"w3-opacity\">\u0422\u0435\u043c\u0430<\/h6>\r\n               <input  v-model=\"subject\" class=\"w3-input w3-border w3-padding\">\r\n       <\/div>\r\n       <div class=\"w3-col m12\">  \r\n             <div class=\"w3-container \">\r\n               <h6 class=\"w3-opacity\">\u0422\u0435\u043a\u0441\u0442 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f<\/h6>\r\n               <textarea id=\"text\" v-model=\"text\" wrap=\"soft\" class=\"w3-textarea w3-border w3-padding w3-margin-bottom\"><\/textarea>\r\n              \r\n            <\/div>\r\n        <p class=\"w3-text-red\">*\u0420\u0430\u0437\u043c\u0435\u0440 \u0444\u0430\u0439\u043b\u0430 \u043d\u0435 \u0431\u043e\u043b\u0435\u0435 8\u043c\u0431 <\/p> \r\n         <p class=\"w3-text-red\">*\u0415\u0441\u043b\u0438 \u0444\u0430\u0439\u043b\u043e\u0432 \u043d\u0435\u0441\u043a\u043e\u043b\u044c\u043a\u043e, \u043e\u0431\u044a\u0435\u0434\u0438\u043d\u0438\u0442\u0435 \u0432 \u0430\u0440\u0445\u0438\u0432 <\/p> \r\n          <el-button class=\"m-2 mt-1\" @click=\"addDoc_dialog=true\" type=\"primary\">\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0444\u0430\u0439\u043b<\/el-button> \r\n   <div v-if=\"path!=''\">\r\n    <p>\u0417\u0430\u0433\u0440\u0443\u0436\u0435\u043d\u044b\u0439 \u0444\u0430\u0439\u043b: <\/p>\r\n  <a :href=\"'https:\/\/ais.rtyva.ru\/files\/feedback\/'+path\" target=\"_blank\" class=\"w3-text-blue\">https:\/\/ais.rtyva.ru\/files\/feedback\/{{path}}<\/a>\r\n    <\/div>\r\n         \r\n         \r\n         \r\n       <\/div> \r\n<button type=\"button\" @click=\"send()\" class=\"w3-button w3-green mt-5\"><i class=\"fa fa-pencil w3-margin-right\"><\/i>\u041e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u044c<\/button>  \r\n         <input class=\"w3-margin-bottom\" id=email value=Tcheleesh.mbdou@yandex.ru>  \r\n        <\/div>\r\n      <\/div>\r\n         \r\n       <\/div>\r\n       \r\n       \r\n       \r\n     <\/div> \r\n<\/div>\r\n\r\n   \r\n<el-dialog\r\n  title=\"\u0414\u043e\u0431\u0430\u0432\u0438\u0442\u044c \u0434\u043e\u043a\u0443\u043c\u0435\u043d\u0442\"\r\n  :visible.sync=\"addDoc_dialog\"\r\n  width=\"50%\"\r\n  center>\r\n   <div class=\"mt-3\">\r\n        \r\n        <el-row>\r\n            <el-col :span=\"8\">\r\n                <el-button  @click=\"$refs.fileInput.click()\">\u0412\u044b\u0431\u0440\u0430\u0442\u044c \u0444\u0430\u0439\u043b<\/el-button>\r\n            <\/el-col> \r\n            <el-col :span=\"8\">\r\n               <label v-html=\"selectedFilename\"><\/label>                                  \r\n             <\/el-col> \r\n        <\/el-row>\r\n                   \r\n         <el-row class=\"mt-2\">\r\n            <el-col :span=\"8\">\r\n               <el-button type=\"primary\" @click=\"onUpload\" \r\n                v-if=\"(upload_caption!='')&&(selectedFilename!='')\">\r\n                \u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440<\/el-button>\r\n               <el-button type=\"primary\" @click=\"onUpload\" \r\n                v-if=\"(upload_caption==='')||(selectedFilename==='')\" disabled>\r\n                \u0417\u0430\u0433\u0440\u0443\u0437\u0438\u0442\u044c \u043d\u0430 \u0441\u0435\u0440\u0432\u0435\u0440<\/el-button>\r\n            <\/el-col>\r\n        <\/el-row> \r\n          \r\n        <el-col class=\"mt-3\">\r\n                <el-progress :percentage=\"progres_upload\" color=\"#8e71c7\"><\/el-progress>    \r\n        <\/el-col>        \r\n        <input v-show=\"false\" type=\"file\" accept=\"application\" ref=\"fileInput\" @change=\"onFileChanged\">\r\n        \r\n        \r\n    <\/div>\r\n  \r\n  \r\n   <span slot=\"footer\" class=\"dialog-footer\">\r\n       <el-button @click=\"addDoc_dialog = false\">\u041e\u0442\u043c\u0435\u043d\u0430<\/el-button>\r\n   <\/span>\r\n  \r\n\r\n<\/el-dialog>     \r\n  <\/div>\r\n<script>\r\nvar test = new Vue({\r\n  el: '#app',\r\n  data(){\r\n    return {\r\n     path:'',\r\n     addDoc_dialog:false,\r\n     progres_upload: 0\r\n              ,selectedFile: null\r\n              ,selectedFilename: ''\r\n              ,upload_cat:'' \r\n              ,upload_table:''\r\n              ,upload_caption:'asdasd', \r\n               \r\n       value:[],\r\n        fio:'',\r\n        text:'',\r\n        subject:'',\r\n        email:'',\r\n        email_to:''\r\n    }\r\n  },\r\n  methods:{\r\n       onUpload() {\r\n          \/\/ let name=''\r\n          const formData = new FormData()\r\n          formData.append('feedback', this.selectedFile, this.selectedFile.name)\r\n         \/\/  formData.append('file_caption', this.upload_caption)\r\n          \/\/ formData.append('sch_cod', this.sch_cod)\r\n          \/\/ formData.append('radio', this.radio)\r\n          axios.post('https:\/\/ais.rtyva.ru\/rest.php', formData, {\r\n                   onUploadProgress: progressEvent => {\r\n                 this.progres_upload= Math.round(progressEvent.loaded \/ progressEvent.total)*100;\r\n                 \r\n          }\r\n          }).then(function(response) { test.addDoc_dialog=false, test.path=response.data.path   });\r\n          \r\n   \r\n        },\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      \r\n   open() {\r\n        this.$notify.success({\r\n          title: '\u041e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e',\r\n          message: '\u0412\u0430\u0448\u0435 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0443\u0441\u043f\u0435\u0448\u043d\u043e \u043e\u0442\u043f\u0440\u0430\u0432\u043b\u0435\u043d\u043e!',\r\n          offset: 100\r\n        });\r\n      },\r\n       \r\nsend(){\r\n  let s = '\u041e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u0435 \u0441 \u0441\u0430\u0439\u0442\u0430 ';\r\n  let t = `\u0422\u0435\u043c\u0430 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f: `+this.subject+`\r\nEmail \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u0435\u043b\u044f : `+this.email+`\r\n\u0424\u0418\u041e \u043e\u0442\u043f\u0440\u0430\u0432\u0438\u0442\u0435\u043b\u044f : `+this.fio+`\r\n\u0422\u0435\u043a\u0441\u0442 \u043e\u0431\u0440\u0430\u0449\u0435\u043d\u0438\u044f: `+this.text+`\r\n\u041f\u0440\u0438\u043a\u0440\u0435\u043f\u043b\u0435\u043d\u043d\u044b\u0439 \u0444\u0430\u0439\u043b: https:\/\/ais.rtyva.ru\/files\/feedback\/`+this.path+``;\r\n  \r\naxios({ method:'POST',url:'https:\/\/api.rtyva.ru\/api\/feedback',data:{name:this.fio,emailFrom:this.email,emailTo:this.email_to, text:t, subject:s}})\r\n          .then(function(response) { console.log(response.data); test.open(); \r\n                                   \r\n                                   }); \r\n  \r\n} \r\n    \r\n    \r\n    \r\n  },\r\n  created(){\r\n    \r\n    this.email_to=document.getElementById(\"email\").value;\r\n  \r\n  \r\n  }\r\n})\r\n<\/script>\r\n\r\n<style>\r\n  a{\r\n    text-decoration: underline;\r\n  }\r\n#app {\r\n  font-family: 'Avenir', Helvetica, Arial, sans-serif;\r\n  -webkit-font-smoothing: antialiased;\r\n  -moz-osx-font-smoothing: grayscale;\r\n  text-align: center;\r\n  color: #2c3e50;\r\n  margin-top: 60px;\r\n}\r\n  #text{\r\n   width:-webkit-fill-available;\r\n  }\r\n  #email{ display:none;  }\r\n<\/style>\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:\/\/cheleesh-sush.rtyva.ru\/index.php?rest_route=\/wp\/v2\/pages\/639"}],"collection":[{"href":"https:\/\/cheleesh-sush.rtyva.ru\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/cheleesh-sush.rtyva.ru\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/cheleesh-sush.rtyva.ru\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cheleesh-sush.rtyva.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=639"}],"version-history":[{"count":1,"href":"https:\/\/cheleesh-sush.rtyva.ru\/index.php?rest_route=\/wp\/v2\/pages\/639\/revisions"}],"predecessor-version":[{"id":640,"href":"https:\/\/cheleesh-sush.rtyva.ru\/index.php?rest_route=\/wp\/v2\/pages\/639\/revisions\/640"}],"wp:attachment":[{"href":"https:\/\/cheleesh-sush.rtyva.ru\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=639"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}