{"version":3,"file":"js/app.e81879d1.js","mappings":"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","sources":["webpack://desalgnes/./src/App.vue","webpack://desalgnes/./src/App.vue?7ccd","webpack://desalgnes/./src/components/LoginUno.vue","webpack://desalgnes/./src/components/LoginUno.vue?b0be","webpack://desalgnes/./src/pages/serve/onePage.vue","webpack://desalgnes/./src/JS/api.js","webpack://desalgnes/./src/pages/serve/onePage.vue?13cd","webpack://desalgnes/./src/pages/serve/neuroIN.vue","webpack://desalgnes/./src/pages/serve/neuroIN.vue?3a88","webpack://desalgnes/./src/pages/serve/picFolder.vue","webpack://desalgnes/./src/pages/serve/picFolder.vue?6b7f","webpack://desalgnes/./src/pages/serve/neuroLayer.vue","webpack://desalgnes/./src/pages/serve/neuroLayer.vue?f187","webpack://desalgnes/./src/pages/serve/twoPage.vue","webpack://desalgnes/./src/pages/serve/twoPage.vue?ebf2","webpack://desalgnes/./src/pages/serve/threePage.vue","webpack://desalgnes/./src/pages/serve/threePage.vue?a840","webpack://desalgnes/./src/pages/serve/picDescr.vue","webpack://desalgnes/./src/pages/serve/picDescr.vue?5882","webpack://desalgnes/./src/pages/serve/picsDescr.vue","webpack://desalgnes/./src/pages/serve/picsDescr.vue?9bea","webpack://desalgnes/./src/const/constructorUno.vue","webpack://desalgnes/./src/const/constructorUno.vue?2280","webpack://desalgnes/./src/land/conferencePage.vue","webpack://desalgnes/./src/land/components/slider/sliderSwiper.vue","webpack://desalgnes/./src/land/components/slider/sliderSwiper.vue?b76d","webpack://desalgnes/./src/land/components/slider/sliderCom.vue","webpack://desalgnes/./src/land/components/slider/sliderCom.vue?28ce","webpack://desalgnes/./src/land/components/components/topHead.vue","webpack://desalgnes/./src/land/components/components/topHead.vue?4c1b","webpack://desalgnes/./src/land/components/acordeonUno.vue","webpack://desalgnes/./src/land/components/acordeonUno.vue?6495","webpack://desalgnes/./src/land/hederUno.vue","webpack://desalgnes/./src/land/hederUno.vue?75d0","webpack://desalgnes/./src/land/footerUno.vue","webpack://desalgnes/./src/land/footerUno.vue?6d45","webpack://desalgnes/./src/land/conferencePage.vue?d67d","webpack://desalgnes/./src/land/forDesigners.vue","webpack://desalgnes/./src/land/components/components/boostUno.vue","webpack://desalgnes/./src/land/components/components/boostUno.vue?5c33","webpack://desalgnes/./src/land/forDesigners.vue?85a4","webpack://desalgnes/./src/land/contactsUno.vue","webpack://desalgnes/./src/land/contactsUno.vue?fdaf","webpack://desalgnes/./src/land/enterTeam.vue","webpack://desalgnes/./src/land/components/components/questsUno.vue","webpack://desalgnes/./src/land/components/components/questsUno.vue?b134","webpack://desalgnes/./src/land/enterTeam.vue?3443","webpack://desalgnes/./src/land/aboutUs.vue","webpack://desalgnes/./src/land/aboutUs.vue?168d","webpack://desalgnes/./src/land/forLendlords.vue","webpack://desalgnes/./src/land/forLendlords.vue?8cae","webpack://desalgnes/./src/land/forPartners.vue","webpack://desalgnes/./src/land/forPartners.vue?cb97","webpack://desalgnes/./src/land/forPitomniks.vue","webpack://desalgnes/./src/land/forPitomniks.vue?4a96","webpack://desalgnes/./src/land/getQuestion.vue","webpack://desalgnes/./src/land/getQuestion.vue?6088","webpack://desalgnes/./src/land/oprPredpocteniq.vue","webpack://desalgnes/./src/land/oprPredpocteniq.vue?e939","webpack://desalgnes/./src/land/resIntervue.vue","webpack://desalgnes/./src/land/resIntervue.vue?53f1","webpack://desalgnes/./src/land/tarifsCosts.vue","webpack://desalgnes/./src/land/tarifsCosts.vue?aff4","webpack://desalgnes/./src/land/zaglushkaUno.vue","webpack://desalgnes/./src/land/zaglushkaUno.vue?9656","webpack://desalgnes/./src/land/gameUno.vue","webpack://desalgnes/./src/land/gameUno.vue?2b61","webpack://desalgnes/./src/land/enterTeamDuo.vue","webpack://desalgnes/./src/land/enterTeamDuo.vue?6a9e","webpack://desalgnes/./src/component/pages/landingUno.vue","webpack://desalgnes/./src/component/pages/components/hederUno.vue","webpack://desalgnes/./src/component/pages/components/authModal.vue","webpack://desalgnes/./src/component/pages/components/tipPolzov.vue","webpack://desalgnes/./src/component/pages/components/tipPolzov.vue?fcb5","webpack://desalgnes/./src/component/pages/components/authModal.vue?a4b4","webpack://desalgnes/./src/component/pages/components/hederUno.vue?c74c","webpack://desalgnes/./src/component/pages/landingUno.vue?5b3a","webpack://desalgnes/./src/component/pages/authUno.vue","webpack://desalgnes/./src/component/pages/authUno.vue?ccee","webpack://desalgnes/./src/component/pages/authDuo.vue","webpack://desalgnes/./src/component/pages/authDuo.vue?53dd","webpack://desalgnes/./src/component/pages/tipPolzov.vue","webpack://desalgnes/./src/component/pages/tipPolzov.vue?790e","webpack://desalgnes/./src/component/pages/aliasPage.vue","webpack://desalgnes/./src/JS/apiint.js","webpack://desalgnes/./src/component/pages/components/hederTree.vue","webpack://desalgnes/./src/component/pages/components/hederTree.vue?8bc7","webpack://desalgnes/./src/component/pages/components/leftMenu.vue","webpack://desalgnes/./src/component/pages/components/leftMenu.vue?19f2","webpack://desalgnes/./src/component/pages/aliasPage.vue?9341","webpack://desalgnes/./src/component/pages/willCreate.vue","webpack://desalgnes/./src/component/pages/components/leftCreate.vue","webpack://desalgnes/./src/component/pages/components/leftCreate.vue?8721","webpack://desalgnes/./src/component/pages/components/footerCreate.vue","webpack://desalgnes/./src/component/pages/components/footerCreate.vue?7750","webpack://desalgnes/./src/component/pages/willCreate.vue?4f49","webpack://desalgnes/./src/component/pages/projectUno.vue","webpack://desalgnes/./src/component/pages/components/Content/contentDuo.vue","webpack://desalgnes/./src/component/pages/components/Content/TabsWrapper.vue","webpack://desalgnes/./src/component/pages/components/Content/TabsWrapper.vue?e72c","webpack://desalgnes/./src/component/pages/components/Content/TabsCon.vue","webpack://desalgnes/./src/component/pages/components/Content/TabsCon.vue?ae50","webpack://desalgnes/./src/component/pages/components/Content/contentDuo.vue?5fa3","webpack://desalgnes/./src/component/pages/projectUno.vue?979f","webpack://desalgnes/./src/component/pages/shablonUno.vue","webpack://desalgnes/./src/component/pages/components/hederDuo.vue","webpack://desalgnes/./src/component/pages/components/hederDuo.vue?7661","webpack://desalgnes/./src/component/pages/shablonUno.vue?a71c","webpack://desalgnes/./src/component/pages/tegUno.vue","webpack://desalgnes/./src/component/pages/tegUno.vue?2870","webpack://desalgnes/./src/component/pages/visualPreferens.vue","webpack://desalgnes/./src/component/pages/visualPreferens.vue?5098","webpack://desalgnes/./src/component/pages/shablonChange.vue","webpack://desalgnes/./src/component/pages/shablonChange.vue?6f45","webpack://desalgnes/./src/component/pages/constructorUno.vue","webpack://desalgnes/./src/component/pages/components/SaveModal.vue","webpack://desalgnes/./src/component/pages/components/SaveModal.vue?2d92","webpack://desalgnes/./src/component/pages/constructorUno.vue?9843","webpack://desalgnes/./src/component/pages/shagDva.vue","webpack://desalgnes/./src/component/pages/components/uploadModal.vue","webpack://desalgnes/./src/component/pages/components/uploadModal.vue?5fd0","webpack://desalgnes/./src/component/pages/shagDva.vue?d62f","webpack://desalgnes/./src/component/pages/shagTri.vue","webpack://desalgnes/./src/component/pages/shagTri.vue?258b","webpack://desalgnes/./src/component/pages/shagFoor.vue","webpack://desalgnes/./src/component/pages/shagFoor.vue?e127","webpack://desalgnes/./src/component/pages/osnovDan.vue","webpack://desalgnes/./src/component/pages/osnovDan.vue?2310","webpack://desalgnes/./src/component/pages/myOrders.vue","webpack://desalgnes/./src/component/pages/myOrders.vue?8770","webpack://desalgnes/./src/component/pages/changePlant.vue","webpack://desalgnes/./src/component/pages/changePlant.vue?0220","webpack://desalgnes/./src/component/pages/documentsUno.vue","webpack://desalgnes/./src/component/pages/documentsUno.vue?8c95","webpack://desalgnes/./src/component/pages/docsFrame.vue","webpack://desalgnes/./src/component/pages/docsFrame.vue?6da2","webpack://desalgnes/./src/component/pages/plantPod.vue","webpack://desalgnes/./src/component/pages/plantPod.vue?3e63","webpack://desalgnes/./src/component/pages/versionsProject.vue","webpack://desalgnes/./src/component/pages/versionsProject.vue?e06b","webpack://desalgnes/./src/component/pages/orderUno.vue","webpack://desalgnes/./src/component/pages/orderUno.vue?ca84","webpack://desalgnes/./src/component/pages/orderChange.vue","webpack://desalgnes/./src/component/pages/orderChange.vue?ca8e","webpack://desalgnes/./src/component/pages/galeryPage.vue","webpack://desalgnes/./src/component/pages/galeryPage.vue?54d3","webpack://desalgnes/./src/component/pages/testProject.vue","webpack://desalgnes/./src/component/pages/testProject.vue?418c","webpack://desalgnes/./src/component/pages/testDou.vue","webpack://desalgnes/./src/component/pages/testDou.vue?c529","webpack://desalgnes/./src/ontologia/pageUno.vue","webpack://desalgnes/./src/ontologia/component/contentUno.vue","webpack://desalgnes/./src/ontologia/component/contentUno.vue?5e99","webpack://desalgnes/./src/ontologia/component/leftMenu.vue","webpack://desalgnes/./src/ontologia/component/leftMenu.vue?4b1d","webpack://desalgnes/./src/ontologia/pageUno.vue?0208","webpack://desalgnes/./src/router.js","webpack://desalgnes/./src/main.js","webpack://desalgnes/webpack/bootstrap","webpack://desalgnes/webpack/runtime/chunk loaded","webpack://desalgnes/webpack/runtime/compat get default export","webpack://desalgnes/webpack/runtime/define property getters","webpack://desalgnes/webpack/runtime/global","webpack://desalgnes/webpack/runtime/hasOwnProperty shorthand","webpack://desalgnes/webpack/runtime/make namespace object","webpack://desalgnes/webpack/runtime/publicPath","webpack://desalgnes/webpack/runtime/jsonp chunk loading","webpack://desalgnes/webpack/startup"],"sourcesContent":["<template>\n <div id='app' >\n <!-- <LoginUno v-model=\"files\" /> -->\n\n  <!-- <interER />\n  <HeaderUno/>\n  <leftMenu/>\n  <contentUno/> -->\n\n </div>\n   <router-view></router-view>\n\n</template>\n\n<script  >\n//  import { defineComponent, ref } from 'vue';\n//  import LoginUno from './components/LoginUno.vue';\n// import interER from './components/interER.vue'\n// import HeaderUno from './components/HeaderUno.vue'\n// import leftMenu from './components/leftMenu.vue'\n//  import contentUno from './components/contentUno.vue'\nexport default ({\n  // components:{\n  //   LoginUno,\n  // },\n  // setup() {\n  //   const files = ref<Array<File>>([]);\n  //   return { files };\n  // },\n  name: 'App',\n  data(){\n    return{\n      isActive: true\n    }\n  },\n  //  components:{\n  //    interER,\n  //     HeaderUno,\n  //    leftMenu,\n  //    contentUno\n  // }\n\n });\n\n\n</script>\n\n<style>\n@font-face {\n  font-family: \"Montserrat-SemiBold\";\n  src: local(\"Montserrat-SemiBold\"),\n   url(./fonts/Montserrat-SemiBold.woff) format(\"truetype\");\n}\n@font-face {\n  font-family: \"Montserrat-Bold\";\n  src: local(\"Montserrat-Bold\"),\n   url(./fonts/Montserrat-Bold.woff) format(\"truetype\");\n}\n@font-face {\n  font-family: \"Montserrat-Regular\";\n  src: local(\"Montserrat-Regular\"),\n   url(./fonts/Montserrat-Regular.woff) format(\"truetype\");\n}\n@font-face {\n  font-family: \"Montserrat-ThinItalic\";\n  src: local(\"Montserrat-ThinItalic\"),\n   url(./fonts/Montserrat-ThinItalic.ttf) format(\"truetype\");\n}\n@font-face {\n  font-family: \"OlgaCTT\";\n  src: local(\"OlgaCTT\"),\n   url(./fonts/ofont.ru_OlgaCTT.ttf) format(\"truetype\");\n}\n@font-face {\n  font-family: \"OlgaCTTw\";\n  src: local(\"OlgaCTTw\"),\n   url(./fonts/ofont.ru_OlgaCTT.woff) format(\"truetype\");\n}\n</style>\n","import { render } from \"./App.vue?vue&type=template&id=61d31e64\"\nimport script from \"./App.vue?vue&type=script&lang=js\"\nexport * from \"./App.vue?vue&type=script&lang=js\"\n\nimport \"./App.vue?vue&type=style&index=0&id=61d31e64&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"," <template>\n\n\n  <div class=\"login\">\n\n    <label>\n          Email<br>\n          <input\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"Ваша эл. почта\"\n            v-model=\"email\"\n          >\n        </label><br>\n        <label>\n          Пароль<br>\n          <input\n            type=\"password\"\n            class=\"form-control\"\n            placeholder=\"Ваш пароль\"\n            v-model=\"password\"\n          >\n            </label><br>\n            <input @click.prevent=\"signIn\" type=\"submit\" class=\"btn btn-ptimary\">\n     \n\n  </div>\n \n </template>\n \n <script>\n \n  import axios from 'axios';\n  //import router from '/src/router.js';\n    export default{\n      data(){\n       return{\n            email: null,\n            password: null,\n          \n           \n        }\n    },\n   \n    mounted(){\n    \n    },\n\n    methods: {\n        signIn() {\n          let self = this\n        const options = {\n          method: 'POST',\n          url: 'http://185.221.152.242:5500/api/user/login',\n          headers: {'Content-Type': 'application/json'},\n          data: {username: this.email, password: this.password}\n          \n        };\n\n        axios.request(options).then(function (response) {\n          console.log(response.data);\n          localStorage.setItem('access_token', response.data.access_token),\n          //this.router.push(name {'onePage'})  \n          self.$router.push( {path: 'onePage'}) \n\n        }).catch(function (error) {\n          console.error(error);\n          localStorage.setItem('access_token', JSON.stringify(options))\n          localStorage.setItem('user', JSON.stringify(options))\n            \n           // console.log(router)     \n        });\n                console.log(options)\n              },\n\n\n\n    }\n\n  }\n </script>\n \n <style lang=\"scss\">\n  .login{\n    width: 300px;\n    height: 500px;\n    position: relative;\n    margin-left: 40%;\n    margin-top: 10%;\n  }\n\n\n </style> ","import { render } from \"./LoginUno.vue?vue&type=template&id=be1883d0\"\nimport script from \"./LoginUno.vue?vue&type=script&lang=js\"\nexport * from \"./LoginUno.vue?vue&type=script&lang=js\"\n\nimport \"./LoginUno.vue?vue&type=style&index=0&id=be1883d0&lang=scss\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n\n  <div class=\"link\">\n    <div class=\"a\">\n    <a href=\"#twoPage\">К работе с изображениями</a>\n    </div>\n    <div class=\"a\">\n    <a href=\"#threePage\">К работе с построенной нейросетью</a>\n\n    </div>\n</div>\n\n\n<div class=\"div\">\n  \n\n       \n    <div class=\"content\">\n                        <!-- <button @click=\"neurinetCreate\">Создать </button> -->\n                        \n                       \n                        \n                     \n                      \n                        \n                   \n           <div class=\"div\">\n\n                        <input\n            width=\"200px\"           \n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"descr\"\n            v-model=\"descr\"\n          >\n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"m_loss\"\n            v-model=\"m_loss\"\n          >\n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"m_metrics\"\n            v-model=\"m_metrics\"\n          >\n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"m_optimizer\"\n            v-model=\"m_optimizer\"\n          >\n        \n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"name\"\n            v-model=\"name\"\n          >\n        \n        </div>\n        <button @click=\"neurinetCreate\">Создать </button>\n          <br>\n        \n          \n\n           <table class=\"table\">\n              <thead>\n                <tr>\n                    <th></th>\n                    <th scope=\"col\">descr</th>\n                    <th scope=\"col\">id</th>\n                    <th scope=\"col\">m_loss</th>\n                    <th scope=\"col\">m_metrics</th>\n                    <th scope=\"col\">m_optimizer</th>\n                    <th scope=\"col\">model_created</th>\n                    <th scope=\"col\">model_file</th>\n                    <th scope=\"col\">name</th>\n                    <th scope=\"col\">model_file</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr\n                 v-for:=\"options2 in neuronet\" \n                 \n                >\n                  <input\n                  class=\"form-check-input\" \n                  type=\"radio\" \n                  name=\"flexRadioDefault\" \n                  id=\"flexRadioDefault1\"\n                  \n                  />\n                    <th scope=\"row\" @click=\"neuroclick(options2.id)\" >{{options2.descr}}</th>\n                    <td>{{options2.id}}</td>\n                    <td>{{options2.m_loss}}</td>\n                    <td>{{options2.m_metrics}}</td>\n                    <td>{{options2.m_optimizer}}</td>\n                    <td>{{options2.model_created}}</td>\n                    <td>{{options2.model_file}}</td>\n                    <td>{{options2.name}}</td>\n                    <td>{{options2.pic_folder_id}}</td>\n                </tr>\n              </tbody>\n           </table>\n           \n          \n          \n    </div>\n\n</div>\n\n</template>\n\n<script>\n\n\n\n//import api from \"@/api\";\n//import axios from \"axios\";\nimport api from \"../../JS/api.js\"\n//import consoleHeadVue from \"./consoleHead.vue\"\n\n\n\n export default{\n  components:{\n    \n  },\n  \n    name: \"neuronetIN\",\n\n  \n\n    data(){\n       return{\n           \n            neuronet: null,\n            \n           \n        }\n    },\n    \n    mounted(){\n      console.log(this)\n        this.neuronetIN(this)  //использовать для прорисовки по умолчанию\n    },\n\n    methods: {\n      \n        \n         neuronetIN(this2){\n\n                console.log('Hello world');\n\n          const options2 = {\n            method: 'GET',\n            url: 'http://185.221.152.242:5500/api/neuronet',\n            \n          };\n          \n          api.request(options2).then(function (response) {\n           \n         \n            localStorage.setItem('id', response.data.id)\n           console.log(this2)\n            console.log(response.data);\n              this2.neuronet = response.data;\n             \n              \n          }) \n                  \n          .catch(function (error) {\n            console.error(error);\n            console.log(options2)\n          });\n          \n           },\n\n           neurinetCreate(){\n             \n            console.log('Hello world');\n\n            const options3 = {\n            method: 'POST',\n            url: 'http://185.221.152.242:5500/api/neuronet' ,\n            headers: {'Content-Type': 'application/json'},\n          data: {\n\n            descr: this.descr,\n\n            m_loss: this.m_loss,\n\n            m_metrics: this.m_metrics,\n\n            m_optimizer: this.m_optimizer,\n\n            model_created: this.model_created,\n\n            model_file: this.model_file,\n\n            name: this.name\n          \n            }\n            \n          };\n           api.request(options3).then(function (response) {\n          \n            \n            console.log(response);\n             console.log(options3);\n             window.location.reload();\n                            \n           }) \n             \n          },     \n          \n          \n          \n        \n          neuroclick( id){\n          console.log('qwerty')\n          console.log(id);\n          //this.$router.push({path: this.$route.fullPath + '/'+'neuroNet' + '/' +id })\n          this.$router.push( {path: 'neuroIN', query: { 'neuronet': id }})\n      \n      },\n   \n\n}\n    \n}\n \n\n</script>\n\n\n<style scoped>\n\n.a{\n  \n      margin-top: 1%;\n      margin-left: 3%;\n      \n    \n}\n.link{\n  padding: 5px;\n  display: flex;\n}\n\n    .div{\n        padding: 5px;\n        display: flex;\n    }\n\n    .content{\n        margin-top: 5%;\n        margin-left: 5%;\n\n    }\n    .table{\n    \n        margin-top: 5%;\n    }\n\n\n</style>","import axios from \"axios\";\nimport router from \"@/router\";\n\n\nconst api = axios.create();\n\n            api.interceptors.request.use(config =>{\n              if(localStorage.getItem('access_token')){\n              config.headers = {\n                Authorization: ` Bearer ${localStorage.getItem('access_token')}`\n              }\n            }\n              return config\n            }, error =>{\n              console.log(error)  \n            })\n\n            api.interceptors.response.use(config =>{\n              if(localStorage.getItem('access_token')){\n              config.headers = {\n                Authorization: ` Bearer ${localStorage.getItem('access_token')}`\n              }\n            }\n\n              return config\n            }, error =>{\n                \n                if (error.response.status === 401)\n                  router.push( 'landing2')\n              \n            })\n\nexport default api","import { render } from \"./onePage.vue?vue&type=template&id=25d84e93&scoped=true\"\nimport script from \"./onePage.vue?vue&type=script&lang=js\"\nexport * from \"./onePage.vue?vue&type=script&lang=js\"\n\nimport \"./onePage.vue?vue&type=style&index=0&id=25d84e93&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-25d84e93\"]])\n\nexport default __exports__","<template>\n  <div class=\"link\"  ><a href=\"#onePage\">back</a></div>\n    <!-- <div class=\"panel-button\">\n\n        <button @click=\"neurinetUpdate\">Изменить </button>\n        <button @click=\"neurinetDElete\">Удалить</button>\n       \n\n    </div> -->\n\n\n    <div class=\"panel\">\n\n        <input\n            width=\"200px\"           \n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"descr\"\n            v-model=\"descr\"\n          >\n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"m_loss\"\n            v-model=\"m_loss\"\n          >\n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"m_metrics\"\n            v-model=\"m_metrics\"\n          >\n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"m_optimizer\"\n            v-model=\"m_optimizer\"\n          >\n        \n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"name\"\n            v-model=\"name\"\n          >\n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"ID каталога\"\n            v-model=\"pic_folder_id \"\n\n          >\n          \n\n    </div> \n    <div class=\"panel-button\">\n\n<button @click=\"neurinetUpdate\">Изменить </button>\n<button @click=\"neurinetDElete\">Удалить</button>\n\n\n</div>\n    <div class=\"training\">\n\n            <button @click=\"neuroStart\">Обучить</button><br>\n            <input\n          width=\"200px\"\n            type=\"number\"\n            class=\"form-control\"\n            placeholder=\"epochs\"\n            v-model=epochs\n          >\n         \n          <input\n          width=\"200px\"\n            type=\"number\"\n            class=\"form-control\"\n            placeholder=\"verbose, всегда вводить значение 1!!!\"\n            v-model=verbose\n          >\n         \n         \n          </div>\n          <div class=\"trainingresult\">\n            <!-- <button @click=\"neuroStat\">result</button> -->\n            <ul>\n              <li v-for:=\"options8 in neuro\">\n                  {{options8}}\n              </li>\n            </ul>\n          </div>\n\n\n    <div class=\"div\">\n       \n        <table class=\"table\">\n              <thead>\n                <tr>\n                    <th></th>\n                    <th scope=\"col\">descr</th>\n                    <th scope=\"col\">id</th>\n                    <th scope=\"col\">m_loss</th>\n                    <th scope=\"col\">m_metrics</th>\n                    <th scope=\"col\">m_optimizer</th>\n                    <th scope=\"col\">model_created</th>\n                    <th scope=\"col\">model_file</th>\n                    <th scope=\"col\">name</th>\n                    <th scope=\"col\">model_file</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr\n                \n                 \n                >\n                  <input\n                  class=\"form-check-input\" \n                  type=\"radio\" \n                  name=\"flexRadioDefault\" \n                  id=\"flexRadioDefault1\"\n                  \n                  />\n                  <td scope=\"row\"  >{{(neuronet)? neuronet.descr : ''}}</td>\n                    <td>{{(neuronet)? neuronet.id : ''}}</td>\n                    <td>{{(neuronet)? neuronet.m_loss : ''}}</td>\n                    <td>{{(neuronet)? neuronet.m_metrics : ''}}</td>\n                    <td>{{(neuronet)? neuronet.m_optimizer : ''}}</td>\n                    <td>{{(neuronet)? neuronet.model_created : ''}}</td>\n                    <td>{{(neuronet)? neuronet.model_file : ''}}</td>\n                    <td>{{(neuronet)? neuronet.name : ''}}</td>\n                    <td>{{(neuronet)? neuronet.pic_folder_id : ''}}</td>\n                </tr>\n              </tbody>\n           </table>\n            {{neuro}}\n           <!-- <button @click=\"neuroLayers\">neurolayers</button> -->\n              <div class=\"layerscreate\">\n\n                <!-- <div class=\"panel2\">\n                <button @click=\"neurinetCreate\" >Создать </button>\n                </div> -->\n                <div class=\"panel1\">\n                  \n              \n                   <input\n                    width=\"200px\"           \n                    type=\"text\"\n                    class=\"form-control\"\n                    placeholder=\"activation\"\n                    v-model=\"activation\"\n                  >\n                  <input\n                  width=\"200px\"\n                    type=\"text\"\n                    class=\"form-control\"\n                    placeholder=\"input_num\"\n                    v-model=\"input_num\"\n                  >\n                  <input\n                  width=\"200px\"\n                    type=\"text\"\n                    class=\"form-control\"\n                    placeholder=\"input_x\"\n                    v-model=\"input_x\"\n                  >\n                  <input\n                  width=\"200px\"\n                    type=\"text\"\n                    class=\"form-control\"\n                    placeholder=\"input_y\"\n                    v-model=\"input_y\"\n                  >\n                  <input\n                  width=\"200px\"\n                    type=\"text\"\n                    class=\"form-control\"\n                    placeholder=\"layer_type\"\n                    v-model=\"layer_type\"  \n                  >\n                  <input\n                  width=\"200px\"\n                    type=\"text\"\n                    class=\"form-control\"\n                    placeholder=\"n_count\"\n                    v-model=\"n_count\"\n                  >\n                \n                  <input\n                  width=\"200px\"\n                    type=\"text\"\n                    class=\"form-control\"\n                    placeholder=\"order\"\n                    v-model=\"order\"\n                  >\n                  <input\n                  width=\"200px\"\n                    type=\"text\"\n                    class=\"form-control\"\n                    placeholder=\"x\"\n                    v-model=\"x\"\n                  >\n                \n                  <input\n                  width=\"200px\"\n                    type=\"text\"\n                    class=\"form-control\"\n                    placeholder=\"y\"\n                    v-model=\"y\"\n                  >\n\n                </div>\n                \n              </div>\n              <div class=\"panel2\">\n                <button @click=\"neurinetCreate\" >Создать </button>\n                </div>\n           <table class=\"table\">\n              <thead>\n                <tr>\n                    \n                    <th scope=\"col\">activation</th>\n                    <th scope=\"col\">input_num</th>\n                    <th scope=\"col\">input_x</th>\n                    <th scope=\"col\">input_y</th>\n                    <th scope=\"col\">layer_type</th>\n                    <th scope=\"col\">n_count</th>\n                    <th scope=\"col\">order</th>\n                    <th scope=\"col\">x</th>\n                    <th scope=\"col\">y</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr\n                 v-for:=\"qwerty in neurolay\" \n                 @click=\"neuroclick(qwerty.id) \"\n                >                  \n                    <td scope=\"row\"  >{{qwerty.activation}}</td>\n                    <td>{{qwerty.input_num}}</td>\n                    <td>{{qwerty.input_x}}</td>\n                    <td>{{qwerty.input_y}}</td>\n                    <td>{{qwerty.layer_type}}</td>\n                    <td>{{qwerty.n_count}}</td>\n                    <td>{{qwerty.order}}</td>\n                    <td>{{qwerty.x}}</td>\n                    <td>{{qwerty.y}}</td>\n                    <td>{{qwerty.id}}</td>\n                </tr>\n              </tbody>\n           </table>\n          \n    </div>\n    \n    </template>\n    \n    <script>\n    \n    \n    //import { mapGetters } from 'vuex';\n    import api from  \"../../JS/api.js\"    //import axios from \"axios\";\n    //import VueRouter from \"vue-router\";\n    \n       //axios \n    \n     export default{\n      \n        name: \"neuroNet\",\n        data(){\n       return{\n           \n            neuronet: null,\n            neurolay: null,\n            neuro: null\n        }\n    },\n    \n    mounted(){\n      console.log(this,'1')\n        this.neuronetIN(this)  //использовать для прорисовки по умолчанию\n        this.neuroLayers(this)\n    },\n\n    methods: {\n      \n        \n         neuronetIN(this3){\n\nconsole.log('neuroIN', this.$route.query.neuronet) \n            let result = this.$route.query.neuronet\n                console.log('Hello world','3');\n          \n          const options5 = {\n            method: 'GET',\n            url: 'http://185.221.152.242:5500/api/neuronet/'+ result,\n        \n        }\n                              \n          api.request(options5).then(function (response) {\n                       \n           console.log(this3,'4')\n            console.log(response.data);\n             this3.neuronet = response.data;\n             //console.log(this3.neuronet.id)\n              //console.log(options5)\n              \n          }) \n                  \n          .catch(function (error) {\n            console.error(error,'5');\n            console.log(options5,'6')\n          })\n          \n           },\n           \n           neurinetUpdate(){\n           \n             \n           console.log('Hello world');\n           let result = this.$route.query.neuronet\n                console.log('Hello world','3');\n          \n           const options4 = {\n           method: 'POST',\n           url: 'http://185.221.152.242:5500/api/neuronet/'+ result,\n           headers: {'Content-Type': 'application/json'},\n         data: {\n          \n\n           descr: this.descr,\n\n           \n           m_loss: this.m_loss,\n\n           m_metrics: this.m_metrics,\n          \n           m_optimizer: this.m_optimizer,\n\n           model_created: this.model_created,\n\n           model_file: this.model_file,\n\n           name: this.name,\n\n           pic_folder_id: this.pic_folder_id\n          \n\n           }\n          \n         };\n          api.request(options4).then(function (response) {\n           console.log(response);\n            console.log(options4);\n            window.location.reload();\n        \n          }) \n         \n  \n         },   \n         neurinetDElete(){\n           \n             \n           console.log('Hello world');\n           let result = this.$route.query.neuronet\n                console.log('Hello world','3');\n          \n           const options6 = {\n           method: 'DELETE',\n           url: 'http://185.221.152.242:5500/api/neuronet/'+ result,\n           headers: {'Content-Type': 'application/json'},\n        \n         };\n          api.request(options6).then(function (response) {\n           console.log(response);\n            console.log(options6);\n            window.location.reload();\n        \n             \n             \n             \n          }) \n         \n  \n         },   \n\n\n         neuroStart(){\n            let result = this.$route.query.neuronet\n            const options7 = {\n                method: 'POST',\n                url: 'http://185.221.152.242:5500/api/neurostart/'+ result,\n                data: {\n                  epochs: this.epochs, //эпохи\n                  verbose: this.verbose  // не трогать\n                  \n                    }\n                };\n\n                api.request(options7).then(function (response) {\n                console.log(response.data);\n                }).catch(function (error) {\n                console.error(error);\n                });\n\n\n         },\n\n         neuroStat(){\n            let result = this.$route.query.neuronet\n            const options8 = {\n                method: 'GET',\n                url: 'http://185.221.152.242:5500/api/neurostart/'+ result,\n                \n                };\n\n                api.request(options8).then(function (response) {\n                console.log(response.data, );\n               //let neurt = response.data\n                alert('data: ',response.data)\n               // console.log(neurt, 'qwerrt');\n                }).catch(function (error) {\n                console.error(error);\n                });\n         },\n\n         neuroLayers(this2){\n            let result = this.$route.query.neuronet\n            const options2 = {\n                method: 'GET',\n                url: 'http://185.221.152.242:5500/api/neurolayers/' + result,\n            }\n\n            api.request(options2).then(function (response) {\n           \n         \n           localStorage.setItem('id', response.data.id)\n          console.log(this2)\n           console.log(response.data);\n             this2.neurolay = response.data;\n             let qwerty = response.data;\n             console.log(qwerty);\n            \n             \n         }) \n         },\n         neuroclick( id){\n          console.log('qwerty')\n          console.log(id);\n          //this.$router.push({path: this.$route.fullPath + '/'+'neuroNet' + '/' +id })\n          // this.$router.push( {path: 'neuroLayer', query: { 'layer': id }})\n         },\n         calculator(){\n          let result = this.$route.query.neuronet\n            const options2 = {\n                method: 'GET',\n                url: 'http://185.221.152.242:5500/api/neurolayers/' + result,\n            }\n\n            api.request(options2).then(function (response) {\n           \n         \n             localStorage.setItem('id', response.data.id)\n             let id = response.data.id\n             console.log('id'+ id);\n\n            //  console.log(this2)\n            //  console.log(response.data);\n            //  this2.neurolay = response.data;\n            //  let qwerty = response.data;\n            //  console.log(qwerty);\n            \n             \n         }) \n          //localStorage.setItem('id', response.data.id)\n          \n          \n         },\n         neurinetCreate(){\n             \n             console.log('Hello world');\n             let result = this.$route.query.neuronet\n             const options3 = {\n             method: 'POST',\n             url: 'http://185.221.152.242:5500/api/neurolayers/' + result,\n             //headers: {'Content-Type': 'application/json'},\n           data: {\n \n            activation: this.activation,\n \n            input_num: this.input_num,\n \n            input_x: this.input_x,\n \n            layer_type: this.layer_type,\n \n            n_count: this.n_count,\n \n             order: this.order,\n \n             x: this.x,\n\n             y: this.y\n           \n             }\n             \n           };\n            api.request(options3).then(function (response) {\n           \n             \n             console.log(response);\n              console.log(options3);\n              window.location.reload();\n                             \n            }) \n              \n           },     \n\n          //  pic_folder_id(){\n\n          //  }\n\n\n           \n               \n    }\n     }\n\n    </script>\n    \n    \n    <style scoped>\n    .link{\n      margin-top: 1%;\n      margin-left: 3%;\n      \n    }\n    .trainingresult{\n\n      margin-top: 1%;\n        margin-left: 10%;\n        display: flex;\n    }\n    .training{\n      margin-top: 5%;\n        margin-left: 10%;\n        display: flex;\n    }\n    .panel-button{\n        margin-top: 5%;\n        margin-left: 10%;\n        display: flex;\n    }\n    .panel{\n        margin-top: 5%;\n        margin-left: 10%;\n        display: flex;\n    }\n    .panel1{\n        \n       margin-bottom: 3%;\n        display: flex;\n    }\n    .panel2{\n        margin-top: 1%;\n       \n        display: flex;\n    }\n    .div{\n        margin-top: 5%;\n        margin-left: 10%;\n    }\n    \n    </style>","import { render } from \"./neuroIN.vue?vue&type=template&id=0ccff776&scoped=true\"\nimport script from \"./neuroIN.vue?vue&type=script&lang=js\"\nexport * from \"./neuroIN.vue?vue&type=script&lang=js\"\n\nimport \"./neuroIN.vue?vue&type=style&index=0&id=0ccff776&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0ccff776\"]])\n\nexport default __exports__","<template>\n<div class=\"link\"><a href=\"#twoPage\">back</a></div>\n    <div>\n    \n\n        <div class=\"button\">\n            <button @click=\"folderUpdate\">Изменить </button>\n            <button @click=\"folderDelate\">Удалить</button>\n\n            \n        </div>\n        <!-- <div class=\"input\">\n            <input\n            name=\"descr\"\n            width=\"200px\"           \n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"descr\"\n            v-model=\"descr\"\n          >\n          <input\n          name=\"name\"\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"name\"\n            v-model=\"name\"\n          >\n        </div> -->\n       \n\n\n           \n        </div>\n        <div class=\"content\">\n            <table class=\"table\">\n              <thead>\n                <tr>\n                 \n                    <th scope=\"col\">descr</th>\n                    <th scope=\"col\">id</th>\n                    <th scope=\"col\">name</th>\n                    <th scope=\"col\">root_id</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr\n                \n                >\n                  \n                   \n                    <td scope=\"row\"  >{{(neuronet)? neuronet.descr : ''}}</td>\n                    <td>{{(neuronet)? neuronet.id : ''}}</td>\n                    <td>{{(neuronet)? neuronet.name : ''}}</td>\n                    <td>{{(neuronet)? neuronet.root_id : ''}}</td>\n                </tr>\n              </tbody>\n           </table>\n           \n <!-- ------------------------------------------------------------------- -->          \n                <!-- <div             \n                class=\"picview\"\n                >\n              <button @click=\"picsCreate\">Создать</button>\n\n            </div> -->\n              <div class=\"input\">\n\n                <input\n                name=\"descr\"\n            width=\"200px\"           \n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"descr\"\n            v-model=\"descr\"\n          >\n          <input\n          name=\"name\"\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"name\"\n            v-model=\"name\"\n        \n >\n\n              </div>\n              <div             \n                class=\"picview\"\n                >\n              <button @click=\"picsCreate\">Создать</button>\n              \n            </div>\n                <table class=\"table\">\n                 \n              <thead>\n                 <tr> Список подкаталогов</tr>\n                <tr>\n                    <th>  \n                      Описание подкаталога          \n                  </th>\n                  <th>  \n                      id          \n                  </th>\n                  <th>  \n                        Имя         \n                  </th>\n                  <th>  \n                        root_id    \n                  </th>\n                    \n                </tr>\n              </thead>\n              <tbody>\n                <tr\n                 v-for:=\"pic in picview\" \n                 \n                >\n                                 \n                    <td \n                    scope=\"row\" \n                     @click=\"neuroclick(pic.id)\"  >\n                     {{pic.descr}}</td>\n                    <td\n                                      \n                    >{{pic.id}}</td>\n                    <td>{{pic.name}}</td>\n                    <td>{{pic.root_id}}</td>\n                   \n                </tr>\n              </tbody>\n           </table>\n           <!-- <button @click=\"pictest\">qwerty</button> -->\n\n                \n        </div>\n   \n\n\n</template>\n\n<script>\n//import axios from \"axios\"\nimport api from \"../../JS/api.js\"\n    export default{\n       \n        data(){\n            return{\n                accessToken: null,\n                neuronet: null,\n                 image : null,\n                file: null,\n                picview: null,\n\n        }\n        },\n\n        mounted(){\n            this.getAccessToken()\n            console.log(this)\n            this.neuronetIN(this) \n            this.picVue(this)\n        },\n\n        updated(){\n            this.getAccessToken()\n        },\n\n        methods:{\n            \n            getAccessToken() {\n                this.accessToken = localStorage.getItem('accessToken')\n            },\n\n            neuronetIN(this2){  //picfolders вывести  папку\n                let result = this.$route.query.folder\n                const options2 = {\n            method: 'GET',\n            url: 'http://185.221.152.242:5500/api/picfolder/' + result ,\n            \n          };\n          \n          api.request(options2).then(function (response) {\n          \n           console.log(this2)\n            console.log(response.data);\n              this2.neuronet = response.data; \n                                      \n          }) \n                  \n          .catch(function (error) {\n            console.error(error);\n            console.log(options2)\n          });\n        },\n\n        folderUpdate(){ // изменить папку\n            let result = this.$route.query.folder\n                const options2 = {\n            method: 'POST',\n            url: 'http://185.221.152.242:5500/api/picfolder/' + result ,\n            data: {\n                descr: this.descr, \n                name: this.name\n            }\n          };\n          \n          api.request(options2).then(function (response) {\n          \n            console.log(this.descr)\n            console.log(response.data);\n            window.location.reload();                      \n          }) \n                  \n          .catch(function (error) {\n            console.error(error);\n            console.log(options2)\n          });\n        },\n        folderDelate(){ //удалить папку\n            let result = this.$route.query.folder\n                const options2 = {\n            method: 'DELETE',\n            url: 'http://185.221.152.242:5500/api/picfolder/' + result ,\n           \n          };\n          api.request(options2).then(function (response) {\n          \n           \n            console.log(response.data);\n                                      \n          }) \n                  \n          .catch(function (error) {\n            console.error(error);\n            console.log(options2)\n          });\n        },\n\n      \n\n    picVue(this2){ //просмотр подкаталогов каталога\n        let result = this.$route.query.folder\n        const picvue1 = {\n        method: 'GET',\n        url: 'http://185.221.152.242:5500/api/picfolders/' + result,        \n        };\n            api.request(picvue1).then(function (response) {\n            console.log(response.data);\n            console.log(picvue1)\n            this2.picview = response.data\n            let pic = response.data\n            console.log(pic)\n            }).catch(function (error) {\n            console.error(error);\n            });\n            },\n\n            neuroclick( id){\n          console.log('qwerty')\n          console.log(id);\n          this.$router.push( {path: 'picDescr', query: { 'picfolder': id }})\n      \n            },\n\n            picsCreate(){\n              let result = this.$route.query.folder\n              const options = {\n\n              method: 'POST',\n              url: 'http://185.221.152.242:5500/api/picfolders/'+ result,\n              \n              data: {descr: this.descr,  name: this.name}\n            };\n\n            api.request(options).then(function (response) {\n              console.log(response.data);\n              \n              window.location.reload();  \n            }).catch(function (error) {\n              console.error(error);\n            });\n            },\n            pictest(){\n              let qwerty = {\n               data: {filename: this.descr,  picname: this.name}\n              }\n              console.log(qwerty,'12344')\n            }\n\n\n        }        \n}\n    \n</script>\n\n<style scoped>\n\n.picview{\n  margin-top: 3%;\n    margin-left: 4%;\n    margin-bottom: 3%;\n}\n  .imguploader{\n    margin-top: 3%;\n    margin-left: 4%;\n  }\n .link{\n      margin-top: 1%;\n      margin-left: 3%;\n      \n    }\n.input{\n    display: flex;\n    margin-top: 3%;\n    margin-left: 4%;\n}\n.content{\n    margin-top: 3%;\n    margin-left: 4%;\n}\n.button{\n    margin-top: 3%;\n    margin-left: 4%;\n    \n}\n</style>","import { render } from \"./picFolder.vue?vue&type=template&id=ff43267a&scoped=true\"\nimport script from \"./picFolder.vue?vue&type=script&lang=js\"\nexport * from \"./picFolder.vue?vue&type=script&lang=js\"\n\nimport \"./picFolder.vue?vue&type=style&index=0&id=ff43267a&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-ff43267a\"]])\n\nexport default __exports__","<template>\n   <div class=\"link\"><a href=\"#neuroIN\">back</a></div> \n    <!-- <div class=\"panel-button\">\n\n        <button @click=\"neurinetUpdate\">Изменить </button>\n        <button @click=\"neurinetDElete\">Удалить</button>\n       \n\n    </div> -->\n\n\n    <div class=\"panel\">\n\n        <input\n            width=\"200px\"           \n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"activation\"\n            v-model=\"activation\"\n          >\n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"input_num\"\n            v-model=\"input_num\"\n          >\n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"input_x\"\n            v-model=\"input_x\"\n          >\n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"input_y\"\n            v-model=\"input_y\"\n          >\n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"layer_type\"\n            v-model=\"layer_type\"\n          >\n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"n_count\"\n            v-model=\"n_count\"\n          >\n        \n        \n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"order\"\n            v-model=\"order\"\n          >\n          \n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"x\"\n            v-model=\"XMLSerializer\"\n          >\n          \n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"y\"\n            v-model=\"y\"\n          >\n          \n\n    </div> \n    <div class=\"panel-button\">\n\n<button @click=\"neurinetUpdate\">Изменить </button>\n<button @click=\"neurinetDElete\">Удалить</button>\n\n\n</div>\n        <div class=\"tableborder\">\n    <table class=\"table\">\n              <thead>\n                <tr>\n                    <th></th>\n                    \n                    <th scope=\"col\">activation</th>\n                    <th scope=\"col\">input_num</th>\n                    <th scope=\"col\">input_x</th>\n                    <th scope=\"col\">input_y</th>\n                    <th scope=\"col\">layer_type</th>\n                    <th scope=\"col\">n_count</th>\n                    <th scope=\"col\">order</th>\n                    <th scope=\"col\">x</th>\n                    <th scope=\"col\">y</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr\n               \n                 \n                >\n                  <input\n                  class=\"form-check-input\" \n                  type=\"radio\" \n                  name=\"flexRadioDefault\" \n                  id=\"flexRadioDefault1\"\n                  \n                  />\n                   \n                    <td scope=\"row\"  >{{(neuronet)? neuronet.activation : ''}}</td>\n                    <td>{{(neuronet)? neuronet.input_num : ''}}</td>\n                    <td>{{(neuronet)? neuronet.input_x : ''}}</td>\n                    <td>{{(neuronet)? neuronet.input_y : ''}}</td>\n                    <td>{{(neuronet)? neuronet.layer_type : ''}}</td>\n                    <td>{{(neuronet)? neuronet.n_count : ''}}</td>\n                    <td>{{(neuronet)? neuronet.order : ''}}</td>\n                    <td>{{(neuronet)? neuronet.x : ''}}</td>\n                    <td>{{(neuronet)? neuronet.y : ''}}</td>\n                </tr>\n              </tbody>\n           </table>\n           </div>\n</template>\n\n\n<script>\nimport api from \"../../JS/api.js\"\nexport default{\n    name: \"neuronetIN\",\n\n  \n\ndata(){\n   return{\n       \n        neuronet: null,\n        \n       \n    }\n},\n\nmounted(){\n  console.log(this)\n    this.neuronetIN(this)  //использовать для прорисовки по умолчанию\n},\n\nmethods: {\n  \n    \n     neuronetIN(this2){\n        let result = this.$route.query.layer\n            console.log('Hello world');\n\n      const options2 = {\n        method: 'GET',\n        url: 'http://185.221.152.242:5500/api/neurolayer/' + result,\n        \n      };\n      \n      api.request(options2).then(function (response) {\n       \n     \n        localStorage.setItem('id', response.data.id)\n       console.log(this2)\n        console.log(response.data);\n          this2.neuronet = response.data;\n         \n          \n      }) \n              \n      .catch(function (error) {\n        console.error(error);\n        console.log(options2)\n      });\n      \n       },\n       neurinetUpdate(){\n           \n             \n           console.log('Hello world');\n           let result = this.$route.query.layer\n                console.log('Hello world','3');\n          \n           const options4 = {\n           method: 'POST',\n           url: 'http://185.221.152.242:5500/api/neurolayer/'+ result,\n           headers: {'Content-Type': 'application/json'},\n         data: {\n          \n\n          activation: this.activation,\n\n           \n          input_num: this.input_num,\n\n           input_x: this.input_x,\n\n           input_y: this.input_y,\n\n           layer_type: this.layer_type,\n\n           n_count: this.n_count,\n\n           order: this.order,\n\n           x: this.x,\n\n           y: this.y\n          \n\n           }\n           \n         };\n          api.request(options4).then(function (response) {\n           console.log(response);\n            console.log(options4);\n            window.location.reload();\n        \n             \n             \n             \n          }) \n         \n  \n         },   \n         neurinetDElete(){\n           \n             \n           console.log('Hello world');\n           let result = this.$route.query.layer\n                console.log('Hello world','3');\n          \n           const options6 = {\n           method: 'DELETE',\n           url: 'http://185.221.152.242:5500/api/neurolayer/'+ result,\n           headers: {'Content-Type': 'application/json'},\n        \n         };\n          api.request(options6).then(function (response) {\n           console.log(response);\n            console.log(options6);\n            window.location.reload();\n        \n             \n             \n             \n          }) \n         \n  \n         },   \n\n}\n}\n</script>\n\n\n<style scoped>\n\n.tableborder{\n    margin-top: 3%;\n    margin-left: 3%;\n}\n.panel-button{\n    margin-top: 3%;\n    margin-left: 3%;\n}\n.panel{\n    margin-top: 3%;\n    margin-left: 5%;\n    display: flex;\n}\n\n.link{\n      margin-top: 1%;\n      margin-left: 3%;\n      \n    }\n</style>","import { render } from \"./neuroLayer.vue?vue&type=template&id=01917784&scoped=true\"\nimport script from \"./neuroLayer.vue?vue&type=script&lang=js\"\nexport * from \"./neuroLayer.vue?vue&type=script&lang=js\"\n\nimport \"./neuroLayer.vue?vue&type=style&index=0&id=01917784&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-01917784\"]])\n\nexport default __exports__","<template>\n  <div class=\"link\">\n    <a v-if=\"!accessToken\" href=\"#onePage\">К работе с нейросетями</a>\n  <!-- <a href=\"#threePage\">threePage</a> -->\n  </div>\n    <div class=\"div\">\n      \n        <div class=\"content\">\n                    <button @click=\"picCreate\">Создать папку</button>\n                    <!-- <button>Изменить параметры</button>\n                    <button>Добавить папку в корень </button>\n                    <button>Удалить папку</button><br>\n                                         -->\n            \n        </div>\n        <div class=\"input\">\n            <input\n            width=\"200px\"           \n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"descr\"\n            v-model=\"descr\"\n          >\n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"name\"\n            v-model=\"name\"\n          >\n        </div>\n        <table class=\"table\">\n              <thead>\n                <tr>\n                    <th></th>\n                    <th scope=\"col\">descr</th>\n                    <th scope=\"col\">id</th>\n                    <th scope=\"col\">name</th>\n                    <th scope=\"col\">root_id</th>\n                </tr>\n              </thead>\n              <tbody>\n                <tr\n                 v-for:=\"options2 in neuronet\" \n                 \n                >\n                  <input\n                  class=\"form-check-input\" \n                  type=\"radio\" \n                  name=\"flexRadioDefault\" \n                  id=\"flexRadioDefault1\"\n                  \n                  />\n                    <th scope=\"row\" @click=\"neuroclick(options2.id)\" >{{options2.descr}}</th>\n                    <td>{{options2.id}}</td>\n                    <td>{{options2.name}}</td>\n                    <td>{{options2.root_id}}</td>\n                </tr>\n              </tbody>\n           </table>\n\n               \n           \n        </div>\n    \n   \n    \n    </template>\n    \n    <script>\n    //import axios from \"axios\";\n    import api from \"../../JS/api.js\"\n    export default{\n       \n        data(){\n            return{\n                accessToken: null,\n                neuronet: null,\n\n            }\n        },\n\n        mounted(){\n            this.getAccessToken()\n            console.log(this)\n            this.neuronetIN(this) \n        },\n\n        updated(){\n            this.getAccessToken()\n        },\n\n        methods:{\n            \n            getAccessToken() {\n                this.accessToken = localStorage.getItem('accessToken')\n            },\n\n            neuronetIN(this2){  //picfolders\n                const options2 = {\n            method: 'GET',\n            url: 'http://185.221.152.242:5500/api/picfolders',\n            \n          };\n          \n          api.request(options2).then(function (response) {\n          \n           console.log(this2)\n            console.log(response.data);\n              this2.neuronet = response.data;                           \n          }) \n                  \n          .catch(function (error) {\n            console.error(error);\n            console.log(options2)\n          });\n          \n           },\n           neuroclick( id){\n          console.log('qwerty')\n          console.log(id);\n         \n          this.$router.push( {path: 'picFolder', query: { 'folder': id }})\n      \n      },\n\n        picCreate(){\n           \n                const options2 = {\n            method: 'POST',\n            url: 'http://185.221.152.242:5500/api/picfolders' ,\n            data: {\n                descr: this.descr, \n                name: this.name\n            }\n          };\n          \n          api.request(options2).then(function (response) {\n          \n         \n            console.log(response.data);\n            window.location.reload();                      \n          }) \n                  \n          .catch(function (error) {\n            console.error(error);\n            console.log(options2)\n          });\n        }\n        }\n    \n    }\n    \n    </script>\n    \n    \n    <style scoped>\n     .link{\n      margin-top: 1%;\n      margin-left: 3%;\n      \n    }\n    .input{\n      margin-top: 1%;\n      display: flex;\n    }\n        .div{\n            padding: 5px;\n            margin-left: 5%;\n        }\n    \n        .content{\n            margin-top: 5%;\n            margin-left: 5%;\n    \n        }\n        \n        .table{\n            width: 60%;\n            margin-top: 3%;\n        }\n\n        .form-control{\n            width: 60%;\n        }\n        \n        .imguploader{\n            padding: 5px;\n            margin-top: 2%;\n        }\n    \n    </style>","import { render } from \"./twoPage.vue?vue&type=template&id=e20fa3c8&scoped=true\"\nimport script from \"./twoPage.vue?vue&type=script&lang=js\"\nexport * from \"./twoPage.vue?vue&type=script&lang=js\"\n\nimport \"./twoPage.vue?vue&type=style&index=0&id=e20fa3c8&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-e20fa3c8\"]])\n\nexport default __exports__","<template>\n <a  href=\"#onePage\">К работе с нейросетями </a>\n        <a href=\"#twoPage\">К работе с изображениями</a> \n    <div class=\"content-box\">\n        \n\n\n\n        <div class=\"content1\">\n\n            <!-- <button @click=\"neurorec\">Запустить</button> -->\n\n            <!-- <select class=\"select select-initialized\" type=\"multitype\" placeholder=\"Выбрать нейросеть\">\n                <option   v-for:=\"options2 in neuronet\" >{{options2.id}}</option>\n                \n            </select> -->\n\n            <input \n            type=\"form-label select\"\n            placeholder=\"введите id\"\n            v-model=\"id\"\n            >\n               \n        \n        </div>\n        \n        <div class=\"content2\">\n\n            <div class=\"imguploader\">\n            <input\n            name=\"image\"\n            type=\"file\" \n            accept=\"image/*\" \n            @change=\"picload\" \n            id=\"file-input\"\n            v-on=\"file\">\n\n            \n                \n        </div>\n      \n        <table class=\"table\">\n\n<tbody>\n<tr\n\n>\n            \n<td>{{(response)? response.data : ''}}</td>\n    \n  \n</tr>\n</tbody>\n\n</table>\n        </div>\n\n   </div>\n    \n    </template>\n    \n    <script>\n    //import axios from \"axios\";\n    import api from \"../../JS/api.js\"\n    \n    export default{\n        data(){\n            return{\n                neuronet: null,\n                rezultat: null,\n            }\n        },\n\n        methods:{\n\n            // neurorec(){\n            //     let id = this.id\n            //     const options = {\n                    \n            //     method: 'POST',\n            //     url: 'http://185.221.152.242:5500/api/neurorec/' + id,\n                \n            //     };\n\n            //     api.request(options).then(function (response) {\n            //     console.log(response.data);\n            //     }).catch(function (error) {\n            //     console.error(error);\n            //     });\n\n\n            // },\n\n            picload(this2){\n\n                //let result = this.$route.query.picdescr\n                let id = this.id\n                const URL = 'http://185.221.152.242:5500/api/neurorec/' + id;//+result; \n\n                let data = new FormData();\n\n                data.append('image', event.target.files[0]); \n\n                let config = {\n                header : {\n                    'Content-Type' : 'multipart/form-data'\n                }\n                }\n                //  console.log(event.target.files, 'qwerty')\n                api.post(\n                URL, \n                data,\n                config\n                ).then(\n                response => {\n                    console.log('image upload response > ', response, '1234')\n                    //alert('image upload  > ', response.data)\n                    this2.rezultat = response.data\n                    \n                    alert(JSON.stringify(response.data))\n\n                    // alert({text: 'Пример', stringify: function() {\n                    // return ` ${response}`\n                    // }})\n                    \n                }\n             )\n\n\n            },\n\n            neuronetIN(this2){\n\n                console.log('Hello world');\n\n                const options2 = {\n                method: 'GET',\n                url: 'http://185.221.152.242:5500/api/neuronet',\n\n                };\n\n                api.request(options2).then(function (response) {\n\n\n                localStorage.setItem('id', response.data.id)\n                console.log(this2)\n                console.log(response.data, '1234');\n                this2.neuronet = response.data;\n                alert( response.data)\n                }) \n                \n                .catch(function (error) {\n                console.error(error);\n                console.log(options2)\n                });\n\n                },\n\n                picReturn() {\n            let result = this.$route.query.picdescr;\n            const imagereturn = {\n              method: 'GET',\n              url: 'http://185.221.152.242:5500/api/picload/' + result,\n             data: {filename: this.filename, picname: this.picname}\n            };\n\n            api.request(imagereturn).then(function (response) {\n              console.log(response.data);\n              let image = response.data\n              console.log(image)\n            }).catch(function (error) {\n              console.error(error);\n            });\n        },\n\n        }\n\n    \n    }\n    \n    </script>\n    \n    \n    <style scoped>\n\n        .content-box{\n            display: flex;\n            padding: 5px;\n            \n        }\n\n        .content1{\n            margin-top: 6%;\n            width: 48%;\n            height: auto;\n            background-color: rgb(98, 98, 99);\n            padding: 5px;\n            border-radius: 5px;\n            margin-left: 1%;\n        }\n\n        .content2{\n            margin-top: 6%;\n            width: 48%;\n            height: auto;\n            background-color: rgb(98, 98, 99);\n            padding: 5px;\n            border-radius: 5px;\n            margin-left: 1%;\n        }\n    \n    \n    \n    </style>","import { render } from \"./threePage.vue?vue&type=template&id=1a8d7e80&scoped=true\"\nimport script from \"./threePage.vue?vue&type=script&lang=js\"\nexport * from \"./threePage.vue?vue&type=script&lang=js\"\n\nimport \"./threePage.vue?vue&type=style&index=0&id=1a8d7e80&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1a8d7e80\"]])\n\nexport default __exports__","<template>\n\n    <div class=\"box-content\">\n      \n      <div class=\"link\">\n        <a href=\"#picfolder\">Back</a>\n      </div>\n\n        <div class=\"panel\">\n            <div>\n            <button @click=\"picUpdate\">Изменить</button>\n            <button @click=\"picDElete\">Удалить</button>\n            <button @click=\"picPost\">Создать</button>\n            <p>\n              Загрузить архив изображений\n            </p>\n            ------------\n            <input\n            name=\"archive\"\n            type=\"file\" \n            accept=\"all/*\" \n            @change=\"picsload\" \n            id=\"file-input\"\n            v-on=\"file\"\n            multiple />\n        </div>\n            <!-- <button @click=\"picAsd\">Get</button> -->\n            </div>\n            <div class=\"input\">\n                <!-- <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"filename\"\n            v-model=\"filename\"\n          >\n          <input\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"picname\"\n            v-model=\"picname\"\n          >\n            \n            </div> -->\n            <div class=\"input\">\n\n                <!-- <input\n                 name=\"image\" \n                 type=\"file\" \n                 accept=\"image/*\" \n                 @change=\"uploadImage($event)\" \n                 id=\"file-input\"> -->\n                \n            </div>\n        </div>\n\n        <table class=\"table\">\n              <thead>\n                <tr>\n                    <th>  \n                      filename          \n                  </th>\n                  <!-- <th>  \n                      id          \n                  </th>\n                  <th>  \n                    pf_id          \n                  </th> -->\n                  <th>  \n                     picname          \n                  </th>\n                    \n                </tr>\n              </thead>\n              <tbody>\n                <tr\n                 \n                >\n                 \n                    <!-- <th scope=\"row\" >{{pic.descr}}</th>\n                    <td>{{pic.id}}</td>\n                    <td>{{pic.pf_id}}</td>\n                    <td>{{pic.name}}</td> -->\n                    <td scope=\"row\"  >{{(pic)? pic.descr : ''}}</td>\n                    <td>{{(neuronet)? neuronet.id : ''}}</td>\n                    <td>{{(neuronet)? neuronet.m_loss : ''}}</td>\n                    <td>{{(neuronet)? neuronet.m_metrics : ''}}</td>\n                </tr>\n              </tbody>\n           </table>\n\n        <div class=\"content\">\n          <div class=\"input\">\n                <input\n                name=\"filename\"\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"filename\"\n            v-model=\"filename\"\n          >\n          <input\n          name=\"picname\"\n          width=\"200px\"\n            type=\"text\"\n            class=\"form-control\"\n            placeholder=\"picname\"\n            v-model=\"picname\"\n          >\n            \n            </div>\n          \n           \n\n\n            <table class=\"table\">\n              <thead>\n                <tr>\n                    <th>  \n                      filename          \n                  </th>\n                  <th>  \n                      id          \n                  </th>\n                  <th>  \n                    pf_id          \n                  </th>\n                  <th>  \n                     picname          \n                  </th>\n                    \n                </tr>\n              </thead>\n              <tbody>\n                <tr\n                 v-for:=\"options2 in neuronet\" \n                >\n                 \n                    <th scope=\"row\" @click=\"neuroclick(options2.id)\" >{{options2.filename}}</th>\n                    <td>{{options2.id}}</td>\n                    <td>{{options2.pf_id}}</td>\n                    <td>{{options2.picname}}</td>\n                  \n                </tr>\n              </tbody>\n           </table>\n\n            <!-- <div v-for:=\"picsee in  image\">{{picsee}}</div>\n            <table class=\"table\">\n\n              <tbody>\n              <tr\n              v-for:=\" image in imagereturn\" \n              >\n                              \n                  <th scope=\"row\" >{{image.image}}</th>\n                  \n                \n              </tr>\n              </tbody>\n\n              </table> -->\n           \n   \n            \n        </div>\n        </div>\n    <!-- </div> -->\n\n</template>\n\n<script>\n\nimport api from \"../../JS/api.js\"\n    export default{\n    data() {\n        return {\n            picview: null,\n            picsee: null,\n            image:null,\n            picaso:null,\n            neuronet: null,\n            options1: null\n\n        };\n    },\n    mounted(){\n      this.picGet(this)\n     // this.picAsd(this)\n      this.neuronetIN(this)\n    },\n    methods: {\n        picGet() {\n            let result = this.$route.query.picfolder\n            const options1 = {\n                method: \"GET\",\n                url: \"http://185.221.152.242:5500/api/picfolders/\"+ result,\n            };\n            api.request(options1).then(function (response) {\n                console.log(response.data);\n              \n                let pic = response.data;\n                console.log(pic);\n            }).catch(function (error) {\n                console.error(error);\n            });\n        },\n\n        picPost() {\n            let result = this.$route.query.picfolder\n            const options12 = {\n              method: 'POST',\n              url: 'http://185.221.152.242:5500/api/pics/' + result,\n              data: {filename: this.filename, picname: this.picname}\n            };\n\n            api.request(options12).then(function (response) {\n              console.log(response.data);\n              \n              \n              window.location.reload();\n            }).catch(function (error) {\n              console.error(error);\n            })\n        },\n        picsload(){\n\n          let result = this.$route.query.picfolder\n          // let id = this.id\n          const URL = 'http://185.221.152.242:5500/api/picarcload/' + result;\n          let data = new FormData();\n\n          data.append('archive', event.target.files[0]); \n\n          let config = {\n          header : {\n              'Content-Type' : 'multipart/form-data'\n          }\n          }\n          //  console.log(event.target.files, 'qwerty')\n          api.post(\n          URL, \n          data,\n          config\n          ).then(\n          response => {\n              console.log('archive upload response > ', response)\n            \n          }\n          )\n\n\n          },\n        // picAsd() {\n        //     let result = this.$route.query.picfolder\n        //     const picaso = {\n        //       method: 'GET',\n        //       url: 'http://185.221.152.242:5500/api/pics/' + result,\n              \n        //     };\n\n        //     api.request(picaso).then(function (response) {\n        //       console.log(response.data);\n        //       let img = response.data\n        //       console.log(img, 'img')\n        //     }).catch(function (error) {\n        //       console.error(error);\n        //     })\n        // },\n\n\n\n        // uploadImage(event) { //загрузка картинки\n\n\n        //   let result = this.$route.query.picfolder\n\n        //     const URL = 'http://185.221.152.242:5500/api/picload/'+ result; \n\n        //   let data = new FormData();\n        //   // data.append('image', 'my-picture');\n        //   data.append('image', event.target.files[0]); \n\n        //   let config = {\n        //     header : {\n        //       'Content-Type' : 'multipart/form-data'\n        //     }\n        //   }\n        //   console.log(event.target.files, 'qwerty')\n        //   api.post(\n        //     URL, \n        //     data,\n        //     config\n        //   ).then(\n        //     response => {\n        //       console.log('image upload response > ', response)\n        //     }\n        //   )\n        //   },\n\n        // picUpdate() {\n        //     console.log(\"Hello world\");\n        //     let result = this.$route.query.picfolder;\n        //     console.log(\"Hello world\", \"3\");\n        //     const options4 = {\n        //         method: \"POST\",\n        //         url: \"http://185.221.152.242:5500/api/pics/\" + result,\n        //         data: {\n        //             filename: this.filename,\n        //             picname: this.picname,\n        //         }\n        //     };\n        //     api.request(options4).then(function (response) {\n        //         console.log(response);\n        //         console.log(options4);\n        //         window.location.reload();\n        //     });\n        // },\n        picDElete() {\n            console.log(\"Hello world\");\n            let result = this.$route.query.picfolder;\n            console.log(\"Hello world\", \"3\");\n            const options6 = {\n                method: \"DELETE\",\n                url: \"http://185.221.152.242:5500/api/pic/\" + result,\n            };\n            api.request(options6).then(function (response) {\n                console.log(response);\n                console.log(options6);\n                window.location.push(\"picFolder\" + result);\n            });\n        },\n        \n        neuronetIN(this2){\n          let result = this.$route.query.picfolder\n          console.log('Hello world');\n\n          const options2 = {\n          method: 'GET',\n          url: 'http://185.221.152.242:5500/api/pics/' + result,\n          };\n          api.request(options2).then(function (response) {\n        \n          console.log(this2)\n          console.log(response.data);\n          this2.neuronet = response.data;\n          })             \n          .catch(function (error) {\n          console.error(error);\n          console.log(options2)\n          });\n\n          },\n\n          neuroclick( id){\n          console.log('qwerty')\n          console.log(id);\n          //this.$router.push({path: this.$route.fullPath + '/'+'neuroNet' + '/' +id })\n          this.$router.push( {path: 'picsDescr', query: { 'description': id }})\n      \n      },\n\n    },\n    \n}\n\n</script>\n\n<style scoped>\n.link{\n  margin-bottom: 2%;\n}\n.input{\n    margin-top: 1%;\n  \n    display: flex;\n}\n.content{\n    margin-top: 2%;\n    margin-left: 3%;\n}\n.box-content{\n    margin-top: 2%;\n    margin-left: 3%;\n}\n\n</style>","import { render } from \"./picDescr.vue?vue&type=template&id=78232720&scoped=true\"\nimport script from \"./picDescr.vue?vue&type=script&lang=js\"\nexport * from \"./picDescr.vue?vue&type=script&lang=js\"\n\nimport \"./picDescr.vue?vue&type=style&index=0&id=78232720&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-78232720\"]])\n\nexport default __exports__","\n<template>\n    <div class=\"content-box\">\n        <div class=\"panel\">\n            <button>Uptate</button>\n            <button>Delete</button>\n        </div>\n        <div class=\"imgloader\">\n            <input\n            name=\"image\"\n            type=\"file\" \n            accept=\"image/*\" \n            @change=\"picload\" \n            id=\"file-input\"\n            v-on=\"file\"\n            multiple />\n            </div>\n        <!-- <button @click=\"imgReturn\">qwerty</button> -->\n        <div class=\"content\">\n            <table class=\"table\">\n              <thead>\n                <tr>\n                    <th>  \n                      filename          \n                  </th>\n                  <th>  \n                      id          \n                  </th>\n                  <th>  \n                    pf_id          \n                  </th>\n                  <th>  \n                     picname          \n                  </th>\n                    \n                </tr>\n              </thead>\n              <tbody>\n                <tr\n                 \n                >\n\n                    <!-- <th scope=\"row\" >{{neuronet.filename}}</th>\n                    <td>{{neuronet.id}}</td>\n                    <td>{{neuronet.pf_id}}</td>\n                    <td>{{neuronet.picname}}</td> -->\n                    <td scope=\"row\"  >{{(neuronet)? neuronet.filename : ''}}</td>\n                    <td>{{(neuronet)? neuronet.id : ''}}</td>\n                    <td>{{(neuronet)? neuronet.pf_id : ''}}</td>\n                    <td>{{(neuronet)? neuronet.picname : ''}}</td>\n                  \n                </tr>\n              </tbody>\n           </table>\n\n        </div>\n    </div>\n</template>\n\n<script>\nimport api from \"../../JS/api.js\"\n\nexport default{\n\n    data(){\n        return{\n            neuronet: null,\n        }\n    },\n\n    mounted(){\n       this.neuronetIN(this)\n       this.imgReturn(this)\n    },\n\n    methods:{\n\n        neuronetIN(this2){\n          let result = this.$route.query.description\n          console.log('Hello world');\n\n          const options2 = {\n          method: 'GET',\n          url: 'http://185.221.152.242:5500/api/pic/' + result,\n\n          };\n\n          api.request(options2).then(function (response) {\n\n\n          localStorage.setItem('id', response.data.id)\n          console.log(this2)\n          console.log(response.data);\n          this2.neuronet = response.data;\n\n\n          }) \n            \n          .catch(function (error) {\n          console.error(error);\n          console.log(options2)\n          });\n\n          },\n\n          picload(){\n\n            let result = this.$route.query.description\n           // let id = this.id\n            const URL = 'http://185.221.152.242:5500/api/picload/' + result;\n            let data = new FormData();\n\n            data.append('image', event.target.files[0]); \n\n            let config = {\n            header : {\n                'Content-Type' : 'multipart/form-data'\n            }\n            }\n            //  console.log(event.target.files, 'qwerty')\n            api.post(\n            URL, \n            data,\n            config\n            ).then(\n            response => {\n                console.log('image upload response > ', response)\n               \n            }\n            )\n\n\n            },\n            \n            \n          imgReturn(){\n            let result = this.$route.query.picfolder\n            const options = {\n            method: 'GET',\n            url: 'http://185.221.152.242:5500/api/picload/'+ result,\n            \n            \n          };\n\n          api.request(options).then(function (response) {\n            console.log(response.data);\n          }).catch(function (error) {\n            console.error(error);\n          });\n          }\n       \n    }\n\n\n}\n\n</script>\n\n<style scoped>\n.panel{\n    margin-top: 2%;\n    margin-left: 3%;\n}\n.imgloader{\n    margin-top: 2%;\n    margin-left: 3%;\n}\n.content{\n    margin-top: 2%;\n    margin-left: 3%;\n}\n.content-box{\n    margin-top: 2%;\n    margin-left: 3%;\n}\n\n</style>","import { render } from \"./picsDescr.vue?vue&type=template&id=2d4349d8&scoped=true\"\nimport script from \"./picsDescr.vue?vue&type=script&lang=js\"\nexport * from \"./picsDescr.vue?vue&type=script&lang=js\"\n\nimport \"./picsDescr.vue?vue&type=style&index=0&id=2d4349d8&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2d4349d8\"]])\n\nexport default __exports__","<template>\n  <div class=\"body1\" >\n\n      <div class=\"header\">\n\n\n        <button class=\"btn\">Сохранить</button>\n        <button class=\"btn\">Загрузить</button>\n        \n\n      </div>\n    <!-- qwerty -->\n    <div class=\"menu\">\n       <!-- <button class=\"btn\" @click=\"Cub\">прямоугольник</button>\n        <button class=\"btn\" @click=\"treugol\">треугольник</button>\n        <button class=\"btn\" @click=\"qwerty\">qwerty</button> -->\n    </div>\n    <div class=\"canvas\">\n        <canvas  id=\"canvas\" ref=\"can\" width=\"1250\" height=\"700\" ></canvas>\n       <div class=\"canvasfooter\">\n\n        <div class=\"canfootcontent\">\n\n        <div class=\"dropdown\">\n          <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton1\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n            Кнопка  1\n          </button>\n          <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton1\">\n            <li><button class=\"btn\" @click=\"qwerty\">qwerty</button></li>\n            <li>Другое действие</li>\n            <li>Что-то еще здесь</li>\n          </ul>\n        </div>\n         <div class=\"dropdown\">\n          <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton1\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n            Кнопка  2\n          </button>\n          <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton1\">\n            <li>Действие</li>\n            <li>Другое действие</li>\n            <li>Что-то еще здесь</li>\n          </ul>\n        </div>\n        <div class=\"dropdown\">\n          <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton1\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n            Кнопка  3\n          </button>\n          <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton1\">\n            <li>Действие</li>\n            <li>Другое действие</li>\n            <li>Что-то еще здесь</li>\n          </ul>\n        </div>\n        <div class=\"dropdown\">\n          <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton1\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n            Кнопка 4\n          </button>\n          <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton1\">\n            <li>Действие</li>\n            <li>Другое действие</li>\n            <li>Что-то еще здесь</li>\n          </ul>\n        </div>\n    </div> \n    </div>\n   </div>\n    <!-- <div class=\"rightmenu0\"> \n          <div class=\"dropdown\">\n          <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton1\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n            Кнопка  1\n          </button>\n          <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton1\">\n            <li><button class=\"btn\" @click=\"qwerty\">qwerty</button></li>\n            <li>Другое действие</li>\n            <li>Что-то еще здесь</li>\n          </ul>\n        </div>\n         <div class=\"dropdown\">\n          <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton1\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n            Кнопка  2\n          </button>\n          <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton1\">\n            <li>Действие</li>\n            <li>Другое действие</li>\n            <li>Что-то еще здесь</li>\n          </ul>\n        </div>\n        <div class=\"dropdown\">\n          <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton1\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n            Кнопка  3\n          </button>\n          <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton1\">\n            <li>Действие</li>\n            <li>Другое действие</li>\n            <li>Что-то еще здесь</li>\n          </ul>\n        </div>\n        <div class=\"dropdown\">\n          <button class=\"btn btn-secondary dropdown-toggle\" type=\"button\" id=\"dropdownMenuButton1\" data-bs-toggle=\"dropdown\" aria-expanded=\"false\">\n            Кнопка 4\n          </button>\n          <ul class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuButton1\">\n            <li>Действие</li>\n            <li>Другое действие</li>\n            <li>Что-то еще здесь</li>\n          </ul>\n        </div>\n      \n    </div>  -->\n        <div class=\"footer\">\n\n          <div class=\"fotermenu\">\n\n            <p>Кнопка</p>\n            <p>Кнопка</p>\n            <p>Кнопка</p>\n            <p>Кнопка</p>\n            <p>Кнопка</p>\n\n          </div>\n        </div>\n  </div>\n</template>\n\n<script>\n//import { moduleExpression } from '@babel/types';\nimport { fabric } from 'fabric';\nexport default{\n\n    mounted() {\n\n      \n\n      \n\n    //const ref = this.$refs.can;\n   // const canvas = new fabric.Canvas(ref);\n    // const rect = new fabric.Rect({\n    //   fill: 'red',\n    //   width: 20,\n    //   height: 20\n    // });\n    // canvas.add(rect);\n        \n  },\n  \n  methods: {\n    Cub(){\n      var ref = this.$refs.can;\n      var canvas = new fabric.Canvas(ref);\n      var rect = new fabric.Rect({\n        fill: 'red',\n        width: 80,\n        height: 80\n    });\n    canvas.add(rect);\n    },\n    treugol(){\n      // var ref = this.$refs.can;\n      // var canvas = new fabric.Canvas(ref);\n      // var triangle = new fabric.triangle({\n      //   fill: 'green',\n      //   width: 30,\n      //   height: 20\n      var canvas = new fabric.Canvas(\"canvas\"); \n  \n        // Initiate a triangle instance \n        var triangle = new fabric.Triangle({\n            width: 100,\n            height: 50\n        });\n   \n    canvas.add(triangle);\n    // canvas.centerObject(triangle);\n    },\n    \n    qwerty(){\n      \n     \n      var ref = this.$refs.can;\n      var canvas = new fabric.Canvas(ref);\n      var rect = new fabric.Rect({\n        fill: 'red',\n        width: 80,\n        height: 80\n    });\n  \n    var rect2 = new fabric.Rect({\n        fill: 'brown',\n        width: 80,\n        height: 80\n    });\n    var rect3 = new fabric.Rect({\n        fill: 'blue',\n        width: 80,\n        height: 80\n    });\n    var rect4 = new fabric.Rect({\n        fill: 'white',\n        width: 80,\n        height: 80\n    });\n    var rect5 = new fabric.Rect({\n        fill: 'white',\n        width: 80,\n        height: 80\n    });\n    // var canvas = new fabric.Canvas(\"canvas\"); \n  \n        // Initiate a triangle instance \n        var triangle = new fabric.Triangle({\n            width: 100,\n            height: 50\n        });\n   \n    canvas.add(triangle, rect, rect2, rect3, rect4, rect5);\n\n    }\n    // draw(){\n    //   const canvas = initCanvas('canvas')\n    //   canvas.on('mouse:move', (event) => {\n    //     if (mousePressed && currentMode === moduleExpression.pan) {\n    //       canvas.ssetCursor('grab')\n    //       canvas.renderAll()\n    //       const mEvent = event.e\n    //       const delta =new fabric.Point(mEvent.movemenX, movementY)\n    //       canvas.relativePan(delta)\n    //     }\n    //   })\n    // }\n  }\n}\n</script>\n\n<style scoped>\n\n  .header{\n    position: absolute;\n    width: 98%;\n    height: 40px;\n    left: 1%;\n    top: 1%;\n\n  }\n  .canfootcontent{\n    margin-left: 30%;\n    display: flex;\n  }\n  .canfootcontent ul{\n    margin-top: 1%;\n    margin-left: 1%;\n  }\n  .fotermenu{\n    margin-left: 40%;\n    display: flex;\n  }\n  .footer{\n    position: absolute;\n    bottom: 1%;\n    width: 98%;\n    background-color: rgb(250, 250, 250);\n    display: flex;\n    margin-left: 1%;\n  }\n\n  .footer p {\n    margin-left: 2%;\n  }\n  .body1{\n    background-color: rgb(151, 151, 151);    \n  }\n  .rightmenu0{\n    position: absolute;\n    right: 1%;\n    top: 30%;\n  }\n\n  .rightmenu0 button{\n    margin-top: 2%;\n  }\n\n  .canvasfooter ul{\n    margin-left: 4%;\n  }\n  .canvasfooter{\n    position: absolute;\n    background-color: rgba(231, 231, 231, 0.63);\n    width: 100%;\n    height: 100px;\n    display: flex;\n   \n  }\n  .canvas{\n    background-color: rgba(231, 231, 231, 0.63);\n    position: absolute;\n    top: 10%;\n    left: 15%;\n\n  }\n  .menu{\n    position: absolute;\n    left: 1%;\n    width: 50px;\n  }\n</style>","import { render } from \"./constructorUno.vue?vue&type=template&id=72f0796c&scoped=true\"\nimport script from \"./constructorUno.vue?vue&type=script&lang=js\"\nexport * from \"./constructorUno.vue?vue&type=script&lang=js\"\n\nimport \"./constructorUno.vue?vue&type=style&index=0&id=72f0796c&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-72f0796c\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n        \n            <HederUno/>\n       \n        \n        <tophead/>\n        <div class=\"slide\">\n            \n        <!-- <div class=\"slide1\" >\n          <img class=\"slide1\" src=\"./assets/backGardenOne.jpg\"> -->\n                       <!-- <img class=\"logoimg\" src=\"./assets/Botany.jpg\"> \n\n            <div class=\"hedtext\">\n                <h1 class=\"hedertext1\">A I . G A R D E N</h1>\n              \n                <p class=\"hedertext2\">Воплощай мечты в реальность</p>\n\n               <button class=\"buton\">Легко!</button>\n            </div>\n           </div>  -->\n        </div>\n        \n<!--  -->\n        <div class=\"slide2\"><br><br>\n            <div class=\"zz\">\n                <div class=\"zack\"></div>\n                <div class=\"zick\"></div>\n                <div class=\"zack\"></div>\n                <div class=\"zick\"></div>\n                <div class=\"zack\"></div>\n                <div class=\"zick\"></div>\n                <div class=\"zack\"></div>\n                <div class=\"zick\"></div>\n                <div class=\"zack\"></div>\n                <div class=\"zick\"></div>\n                <div class=\"zack\"></div>\n                <div class=\"zick\"></div>\n                \n            </div>\n            <div class=\"txt2\">\n                <label>\n                    Создавай авторский дизайн легко и быстро,<br>\nполучай экспертную поддержку на всех этапах, автоматизируй рутину и получай удовольствие от настоящего творчества! \n                </label>\n            </div>\n            <div class=\"zzd\">\n                <div class=\"click\"></div>\n                <div class=\"clack\"></div>\n                <div class=\"click\"></div>\n                <div class=\"clack\"></div>\n                <div class=\"click\"></div>\n                <div class=\"clack\"></div>\n                <div class=\"click\"></div>\n                <div class=\"clack\"></div>\n                <div class=\"click\"></div>\n                <div class=\"clack\"></div>\n                <div class=\"click\"></div>\n                <div class=\"clack\"></div>\n                \n                \n            </div>\n             <!-- <p>  Создавай авторский дизайн легко и быстро,</p> \n             <p>\n        получай экспертную поддержку на всех этапах, автоматизируй рутину \n    </p>\n        <p> и получай удовольствие от настоящего творчества</p> -->\n\n            \n\n        </div>\n        <div class=\"slide3\">\n            <div class=\"box1\">\n\n                <div class=\"card-body\">\n                    <br>\n                    <img class=\"img card-img-top\"  src=\"./assets/free-icon-beet.png\">\n\n \n                    <h5 class=\"card-title\">\n                        <p> \n                              Собственникам\n                        </p>                      \n                        </h5>\n    <label class=\"card-text\"> \n          Создай стильный дизайн\n           участка, исключи дорогостоящие\n            ошибки и закажи материалы \n            по самым выгодным ценам        \n        </label>\n               \n              <div class=\"top1\">\n                       \n          \n                       <a  href=\"#forLendlords\"   class=\"btn btn-primary2\">\n                           Узнать больше\n                       </a>\n                       </div>\n    </div>\n               \n            </div>\n\n            <!--  -->\n            <div class=\"box2\">\n     <div class=\"card-body\"><br>           \n  <img  src=\"./assets/free-icon-chard-8049469.png\" class=\"img card-img-top\" alt=\"...\">\n  \n    <h5 class=\"card-title\">\n        <p>\n        Дизайнерам\n        </p>\n    </h5>\n    <label class=\"card-text\">\n        Передавай сложную рутину  AI, точно определяй потребности, ускоряй работу над проектом и легко подбирай материалы\n        <br>\n                \n                </label>\n               \n                 <div class=\"top2\">\n                       \n          \n                    <a href=\"#designers\" class=\"btn btn-primary2\">\n                        Узнать больше\n                    </a>\n                </div>\n                </div>\n  \n            </div>\n\n            <div class=\"box2\">\n     <div class=\"card-body\"><br>           \n              <img  src=\"./assets/free-icon-plants-8049480.png\" class=\"img card-img-top\" alt=\"...\">\n  \n    <h5 class=\"card-title\"\n\n    >\n        <p>\n    Питомникам\n    </p>\n        </h5>\n    <label class=\"card-text\">\n       Привлекай больше заказов\n        онлайн, ускоряй сделки, \n        снижай расходы, повышай \n        лояльность клиентов\n        <br>\n                \n                </label>\n               \n                 <div class=\"top2\">\n                        \n          \n                    <a href=\"#\" class=\"btn btn-primary2\">\n                        Узнать больше\n                    </a>\n                </div>\n    </div>\n  \n            </div>\n            \n            </div>\n\n        </div>\n        <!--  -->\n        <div class=\"slide4\">\n            <div class=\"heder\">\n                <h1>\n                    <p class=\"how\">\n                    Как это работает?\n                    </p>\n\n                </h1>\n<br>\n            </div>\n\n            <div class=\"kards\">\n<!--  --> \n                <div class=\"kards1\">\n                   \n                    <div class=\"kard1\">\n\n                        <div class=\"img2\">\n                            <img  class=\"img1\" src=\"./assets/kard11.jpg\">\n                        </div>\n\n                        <div class=\"text1\">\n                            <h1>\n                                <p>\n                                Определение предпочтений\n                                </p>\n                            </h1>\n                            <label class=\"txt11\">\n                            Нейросеть автоматически определяет \n                                предпочтения и потребности пользователя \n                                на основе его профиля и выбора \n                                понравившихся изображений\n                            </label>    \n                            \n                        </div>\n\n                    </div>\n\n               \n                   \n                   <div class=\"kard5\">\n\n                       <div class=\"img2\">\n                           <img  class=\"img1\" src=\"./assets/kard3.jpg\">\n                       </div>\n\n                       <div class=\"text1\">\n                           <p>Создание документации</p>\n                           <label class=\"txt11\">\n                           Система генерирует необходимую \n                           проектную документацию,\n                            а также подбирает конкретные\n                            растения исходя из композиции\n                            и условий местности\n                           </label>\n                       </div>\n\n                   </div>\n\n               </div>\n<!--  -->\n                <div class=\"kards2\">\n\n                    <div class=\"rotand\">\n                        <label>\n                           <h2>1</h2>   \n                        </label>\n                     \n                    </div>\n\n                    <div class=\"palocka\">\n\n                    </div>\n\n                    <div class=\"rotand\">\n                        <label>\n                           <h2>2</h2>   \n                        </label>  \n                    </div>\n\n                    <div class=\"palocka\">\n\n                    </div>\n\n                    <div class=\"rotand\">\n                        <label>\n                           <h2>3</h2>   \n                        </label>\n                    </div>\n                    <div class=\"palocka\">\n\n                    </div>\n                    <div class=\"rotand\">\n                        <label>\n                           <h2>4</h2>   \n                        </label>\n                    </div>\n\n                </div>\n<!--  -->\n                <div class=\"kards3\">\n\n                    <div class=\"kard2\">\n\n                        <div class=\"img2\">\n                            <img  class=\"img1\" src=\"./assets/tild6432.jpg\">\n                        </div>\n\n                        <div class=\"text1\" >\n                            <p>Генерация изображений</p>\n                            <label class=\"txt11\">\n                            На основе предпочтений пользователя \n                           генерируются фотореалистичные \n                           изображения композиций,\n                            зон и план участка\n                            </label>\n                        </div>\n\n                    </div>\n                    <div class=\"kard4\">\n\n                        <div class=\"img2\">\n                            <img  class=\"img1\" src=\"./assets/kard4.jpg\">\n                        </div>\n\n                        <div class=\"text1\" >\n                            <p>Быстрый заказ</p>\n                            <label class=\"txt11\">\n                            По сделанной документации\n                             пользователь может получить \n                             информацию о поставщиках \n                             материалов и услуг, \n                             сравнить предложения\n                             и цены и в два клика сделать\n                              заказ у одного или \n                              нескольких поставщиков\n                            </label>\n                        </div>\n\n                        </div>\n\n                </div>\n<!--  -->\n            </div>\n\n        </div>\n        <!--  -->\n        <div class=\"slide5\">\n            <div class=\"slide5body\">\n                <acordeon/>\n               <!--  -->\n                        <!--  -->\n            </div>\n\n        </div>\n\n        <div class=\"slide6\">\n<div class=\"slide6panel\">\n                 <!-- <a href=\"#enterTeam\">\n\n                <button class=\"btn buton5\"> \n                    \n                    <a  href=\"#enterTeamDuo\">\n                          Я с вами\n                    </a>\n                 \n                </button>\n\n                </a> -->\n                 <a class=\"buton5\" href=\"#enterTeam\">\n\n                    <label>\n                            <div class=\"lbtext\">\n                                <div class=\"qazwsx\">\n                                       Я с вами\n                                </div>\n                               \n                            </div>\n                           \n                        </label>\n\n                </a>\n                <!-- <button class=\"btn buton6\">\n                    <a href=\"#forPartners\">\n                         Я подумаю\n                    </a>\n                  \n                </button> -->\n                     <a class=\"buton6\" href=\"#forPartners\">\n                        <label>\n                            <div class=\"lbtext\">\n                                  Я подумаю\n                            </div>\n                           \n                        </label>\n                       \n                    </a>\n            </div>\n            \n\n            <div class=\"dualblock\">\n                \n                <div class=\"lefttext\">\n                    \n                   <p> \n                    <strong> О нас</strong>\n\n                   </p>\n<br>\n                    <h3><label class=\"label1\">\n                        Наша миссия - стать \n                        медиатором между \n                        творчеством людей и\n                         интеллектом машин, \n                         создавая новый ракурс\n                          видения на привычные \n                          вещи\n                    </label></h3><br>\n                    <label class=\"label2\">\n                        Мы мечтаем открывать новые \n                        возможности творчества для \n                        дизайнеров и простых пользователей \n                        при помощи технологий. Мы знаем, \n                        что каждый человек уникален и \n                        обладает неограниченным творческим\n                         потенциалом. И мы верим, \n                         что новые технологии способны\n                          раскрыть эти возможности в каждом из нас.\n                    </label>\n\n                </div>\n                    <img class=\"img imageright\" src=\"./assets/Kviz/12.jpg\" alt=\"\">\n\n               \n\n            </div>\n\n        </div>\n        <div class=\"slide7\">\n\n            <div class=\"command\">\n                <div class=\"teamhed\">\n                   <h1> <p class=\"teamhedp\"> Команда проекта</p></h1>\n                </div>\n               \n                 <slider/>\n                   <sliderdoc/>\n                 </div>\n                 </div>         \n        \n        <div class=\"slide11\">\n            <Footer/>\n            \n        </div> \n        <!--  -->\n       \n\n    \n</template>\n\n\n<script>\n// import sliderduo from './components/slider/sliderDuo.vue'\nimport slider from './components/slider/sliderSwiper.vue'\nimport sliderdoc from './components/slider/sliderCom.vue'\nimport tophead from './components/components/topHead.vue'\n// import opros from \"./components/oprosUno.vue\"\nimport acordeon from \"./components/acordeonUno.vue\"\nimport HederUno from './hederUno.vue'\nimport Footer from './footerUno.vue'\nimport axios from \"axios\";\n\nexport default{\n    components:{\n        HederUno,\n        Footer,\n        acordeon,\n        tophead,\n        slider,\n        sliderdoc,\n        // sliderduo,\n        // opros,\n    },\n    data(){\n            return{\n                step:1,\n                id:null\n            }\n        },\n        methods:{\n            nextStep(){\n                this.step++\n            },\n            backStep(){\n                this.step--\n            },\n            \n            OneStep(){\n                this.step=1\n            },\n            ErrorStep(){\n                this.step=7\n            },\n            tableid(){\n                var  id=1\n                console.log(id)\n            },\n            neuroclick( id){\n        //  console.log('qwerty')\n          console.log(id);\n          //this.$router.push({path: this.$route.fullPath + '/'+'neuroNet' + '/' +id })\n         // this.$router.push( {path: 'neuroLayer', query: { 'layer': id }})\n         },\n         kviz(){\n            const options = {\n                method: 'POST',\n                url: 'https://api.gbif.org/v1/dataset',\n                headers: {\n                    'Content-Type': 'application/json',\n                \n                },\n                data: {\n                    img1: 'img',\n                    img2: 'img',\n                    img3: 'img',\n                    img4: 'img',\n                    email: 'email',\n                    number: 'number',\n                    name: 'name'\n                }\n                };\n\n                axios.request(options).then(function (response) {\n                console.log(response.data);\n                }).catch(function (error) {\n                console.error(error);\n                });\n         }\n            \n        }\n\n}\n</script>\n\n<style scoped>\n    \n    .polot{\n        margin-top: 10%;\n    }\n    .zelenayapoloska{\n        width: 350px;\n        height: 20px;\n        background-color: #a0b19a;\n        position: absolute;\n       \n        display: flex;\n    }\n    .serayapoloska{\n        width: 400px;\n        height: 10px;\n        background-color: #b3b3b3;\n        position: absolute;\n         margin-top: 5px;\n    }\n    .carouselkard{\n        width: 40%;\n        height: 700px;\n        display: block;\n        margin-top: 5%;\n    }\n    .leftitem{\n        width: 50%;\n        position: absolute;\n        left: 15%;\n    }\n    .rightitem{\n        width: 30%;\n        font-family: \"Montserrat-Regular\";\n        float: left;\n        position: absolute;\n        right: 15%;\n    }\n   \n    .table{\n        max-width: 95%;\n        height: auto;\n    }\n    .tr{\n        position: relative;\n        max-width: 95%;\n        min-width: 40%;\n        display: flex;        \n        float: left;\n    }\n    .body{\n        /* width: 1850px; */\n        font-family: \"Montserrat-Regular\";\n    }\n    @media (max-width: 1280px) {\n        .body{\n        max-width: 1280px;\n\n    }\n    }\n   .slide{\n    top:10%;\n    min-width: 100%;\n    margin-top: 4%;\n    background-image: url('./assets/Botany.jpg');\n    background-repeat: no-repeat;\n    background-size: cover;\n    background-position: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n   }\n   @media (max-width:1280px){\n        .slide{\n            /* max-width: 900px; */\n            width: auto;\n        }\n        .slide3{\n            display: block;\n        }\n}\n.logoimg{\n    z-index: 4;\n    margin-left: 0;\n    position: relative;\n}\n    .slide1{\n        display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n        margin-top: 0%;\n        /* margin-left: 7%; */\n        z-index: 7;\n        width: 90%;\n        height: 900px;\n        max-height: 900px;\n        /* background-image: url('./assets/Botany.jpg'); */\n       \n    }\n\n     .hedtext{\n        z-index: 8;\n        position: absolute;\n        /* margin-left:33%; */\n        /* margin-top: 19%; */\n        width: auto;\n        /* max-width: 100%;\n       margin-left: 16.5%;   */\n       text-align: center;\n       \n    }\n    \n   .hedertext1{\n    font-size: 120px;\n    font-family: \"Montserrat-Bold\";\n    text-align: center;\n    \n   }\n   .hedertext2{\n    margin-top: 3%;\n    font-size: 48px;\n    margin-left: 0%;\n       font-family: \"OlgaCTTw\";\n   }\n   .buton{\n    width: 250px;\n    height: 80px;\n    border-radius: 45px;\n    background-color: black;\n    color: aliceblue;\n    margin-left: 0%;\n    font-size: 24px;\n    margin-top: 5%;\n    font-family: 'Montserrat-Bold';\n   }\n   @media (max-width:1280px){\n    .hedtext{\n      \n      \n       margin-left: 5%;  \n       \n       \n    }\n}\n    .slide2{\n        margin-top: -2%;\n        width: 100%;\n        height: 350px;\n        background-color: #a0b19a;\n        display: flex;\n    flex-direction: column;\n    align-items: center;\n    /* justify-content: center; */\n     gap: 7%;\n        /* top: 120%; */\n        \n        }\n    .txt2{\n        /* position: absolute; */\n        width: 55%;\n        /* top: 31%; */\n        font-size: 24px;\n        text-align:center;\n        left: 23%;\n        font-family: \"Montserrat-Bold\";\n        /* margin-left: 25%;\n        margin-top: 2%; */\n       \n    }\n    .zz{\n        /* margin-left: 47%;*/\n        /* margin-top: 1%;  */\n        display: flex;\n        text-align:center;\n        padding: 0, 15px, 0, 0;\n        \n    }\n    .zzd{\n        /* margin-left: 40%; */\n        /* margin-top: 4%; */\n        justify-content: center;\n        \n        display: flex;\n        text-align:center;\n    }\n    \n    .zick{\n        height: 20px;\n        width: 4px;\n        background-color: #000000;\n        transform: rotate(50deg);\n        margin-left: 9px;\n    }\n    .zack{\n        height: 20px;\n        width: 4px;\n        background-color: #000000;\n        transform: rotate(-50deg);\n        margin-left: 9px;\n    }\n    .click{\n        height: 20px;\n        width: 4px;\n        background-color: #000000;\n        transform: rotate(50deg);\n        margin-left: 9px;\n    }\n    .clack{\n        height: 20px;\n        width: 4px;\n        background-color: #000000;\n        transform: rotate(-50deg);\n        margin-left: 9px;\n    }\n    .slide3{\n        /* width: 99%; */\n        display: flex;\n        /* position: absolute;\n        top: 160%; */\n        justify-content: center;\n        text-align: center;\n        margin-top: 3%;\n    }\n\n\n\n   \n\n\n    .box1{\n       padding: 5px;\n        width: 435px;\n        height: 600px;\n        /* background-color: #eeeeee  ; */\n       \n\n    }\n    \n    .box2{\n        padding: 5px;\n        width: 435px;\n        height: 600px;\n       /* background-color: #eeeeee ; */\n       margin-left: 6%;\n\n   }\n   .box2 button{\n    margin-top: 5%;\n   }\n   \n   .box3{\n        padding: 5px;\n        width: 400px;\n        height: 600px;\n       /* background-color: #eeeeee ; */\n       margin-left: 6%;\n\n   }\n\n   @media (max-width:1280px){\n        .slide3{\n            /* width: 99%; */\n            display: block;\n            margin-left: 32%;\n        }\n        .box2{\n        padding: 5px;\n        width: 435px;\n        height: 600px;\n       /* background-color: #eeeeee ; */\n       margin-left: 0%;\n\n   }\n   .box2 button{\n    margin-top: 0%;\n   }\n} \n   .box3 a{\n    margin-top: 21%;\n   }\n   .box2 a{\n    margin-top: -2%;\n   }\n   .top1{\n    \n      height: 62px;\n      margin-top: 41px;\n    }\n    .top2{\n        height: 62px;\n      margin-top: 50px;\n    }\n    /* Кнопки слайда 2 */\n.btn-primary{\n    background-color: #000000;\n        border-radius: 30px;\n        width: 320px;\n        /* margin-top: 165%; */\n        color: #ffffff;\n        font-size: 24px;\n        font-family: \"Montserrat-Bold\";\n    }\n    .btn-primary2{\n        background-color: #000000;\n        border-radius: 30px;\n        width: 320px;\n        /* top: 15%; */\n        color: #ffffff;\n        font-size: 24px;\n        font-family: \"Montserrat-Bold\";\n    }\n   .card-title{\n    font-size: 36px;\n    font-family: \"Montserrat-Bold\";\n    margin-top: 8%;\n   }\n.card-text{\n    height: 130px;\n    font-size: 24px;\n    margin-top: 4%;\n   }\n   \n   .img{\n    margin-top: 10%;\n    width: 32%;\n    margin-left: 0;\n   }\n\n\n .slide4{\n    margin-top: 3%;\n    /* top: 227%; */\n    width: 100%;\n\n    height: auto;\n\n\n   }\n\n   .heder{\n    width: 99%;\n    /* position: absolute;\n    top: 190%; */\n    \n   }\n   .how{\n    margin-top: 5%;\n    font-size: 50px;\n    text-align: center;\n    font-family: 'Montserrat-SemiBold';\n   }\n   /* .heder p{\n    margin-left: 35%;\n   } */\n   .txt3{\n    margin-left: 5%;\n   }\n  \n   .kards{\n    width: 52%;\n    /* position: absolute;\n    top: 221%; */\n    margin-left: 23%;\n    display: flex;\n    height: auto;\n  \n   }\n   .kards1{\n    margin-top: 10%;\n    width: 45%;\n    text-align: right;\n    margin-right: 1.5%;\n   }\n   .text1 p{\n    font-family: \"Montserrat-SemiBold\";\n    font-size: 36px;\n   }\n   .txt11{\n    font-size: 24px;\n    font-family: 'Montserrat-Regular';\n   }\n   .kards2{\n    margin-top: 13%;\n    width: 70px;\n    /* margin-left: 8%; */\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    \n  \n   }\n   .kards2 label{\n    margin-top: 10%;\n   }\n   \n   .rotand{\n    display: flex;\n    justify-content: center;\n    width: 53px;\n    height: 50px;\n    background-color: black;\n    border-radius: 100%;\n    color: white;\n    font-size: 20px;\n    margin-top: 10%;\n   }\n   .rotand h1{\n    /* margin-left: 30%; */\n   }\n   .palocka{\n    background-color: black;\n    width: 5%;\n    height: 36vh;\n    /* margin-left: 45%; */\n    margin-top: 15%;\n   }\n   .kards3{\n    width: 45%;\n    margin-left: 1.5%;\n    text-align: left;\n   }\n   \n   .kard5{\n    width: 100%;\n    margin-top: 110%;\n    /* margin-left: -6%; */\n   }\n   .kard4{\n    /* width: 45%; */\n    /* position: absolute;\n    top: 300%; */\n    margin-top: 85%;\n   }\n   @media (max-width: 3420px) {\n    .kards3{\n    margin-top: -10%;\n   }\n   .kard4{\n    \n    margin-top: 110%;\n   }\n   .kard5{\n    width: 100%;\n    margin-top: 120%;\n    /* margin-left: -6%; */\n   }\n   }\n   @media (max-width: 1900px) {\n    .kards3{\n    margin-top: 20%;\n   }\n   .kard4{\n    \n    margin-top: 235%;\n   }\n   .kard5{\n    width: 100%;\n    margin-top: 240%;\n    /* margin-left: -6%; */\n   }\n   }\n   .img1{\n    width: 100%;\n   }\n   .img2{\n    margin-left: -2%;\n   }\n   .img3{\n    /* margin-left: -2%; */\n    /* width: 100%; */\n   }\n   .kard2{\n    /* position: absolute;\n    top: 100%; */\n    margin-top: 155%;\n   }\n   \n   .slide5{\n    /* position: absolute;\n    top: 420%; */\n    margin-top: 7%;\n    width: 100%;\n    padding: 30px;\n    background-color: #eeeeee;\n    height: 750px;\n    font-family: \"Montserrat-SemiBold\";\n    display: flex;\n    align-items: center;\n    justify-content: center;\n   }\n   \n   @media (max-width:1800px) {\n    .kard2{\n        margin-top: 170%;\n    }\n    .kard5{\n        margin-top: 160%; \n    }\n    \n    .kard4{\n        margin-top: 140%; \n    }\n   }\n   @media (max-width:1624px) {\n    .kard2{\n        margin-top: 190%;\n    }\n    .kard5{\n        margin-top: 180%; \n    }\n    \n    .kard4{\n        margin-top: 160%; \n    }\n   }\n   @media (max-width:1500px) {\n    .kard2{\n        margin-top: 210%;\n    }\n    .kard5{\n        margin-top: 180%; \n    }\n    \n    .kard4{\n        margin-top: 170%; \n    }\n   }\n   @media (max-width:1350px) {\n    .kard2{\n        margin-top: 230%;\n    }\n    .kard5{\n        margin-top: 190%; \n    }\n    \n    .kard4{\n        margin-top: 200%; \n    }\n   }\n   @media (max-width: 1900px) {\n    .kards3{\n    margin-top: 20%;\n   }\n   .kard4{\n    \n    margin-top: 235%;\n   }\n   .kard5{\n    width: 100%;\n    margin-top: 240%;\n    /* margin-left: -6%; */\n   }\n   }\n   @media (max-width: 2000px) {\n    .kards3{\n    margin-top: -15%;\n   }\n   .kard4{\n    \n    margin-top: 35%;\n   }\n   .kard5{\n    width: 100%;\n    margin-top: 50%;\n    /* margin-left: -6%; */\n   }\n   }\n   .slide5body{\n    width: 75%;\n   /* margin-left: 17%; */\n   /* margin-top: 5.6%; */\n   color: #000000;\n   }\n/* --------------------------------------------------------------------------- */\n   .slide6{\n    width: 98%;\n    /* position: absolute;\n    top: 500%; */\n    margin-top: 7%;\n    font-family: \"Montserrat-Regular\";\n   }\n   .slide6panel{\n     margin-top: 0%;\n     display: flex;   \n     justify-content: center;\n   }\n   .buton5{\n    /* margin-left: 25%; */\n    /* position: absolute; */\n    width: 370px;\n    height: 80px;\n    background-color: #a0b19a;\n    border-radius: 40px;\n    border: none;\n    font-family: 'Montserrat-Bold';\n    font-size: 24px;\n    /* border: 4px solid #000000; */\n    text-decoration: none;\n    color: #000000;\n    text-align: center;\n   }\n   .qazwsx{\n    margin-top: 5%;\n   }\n   .buton5 label{\n    width: 100%;\n    height: 100%;\n   }\n   .buton5 :hover{\n    border-radius: 40px;\n    \n    color: white;\n    background-color: #000000;\n   }\n   /* \n     border:1px;\n    border-color: #000000;\n    width: 370px;\n    height: 80px;\n    background-color: #f3f3f3;\n    color: rgb(0, 0, 0);\n    border-radius: 40px;\n    margin-left: 1%;\n    font-family: 'Montserrat-Bold';\n    font-size: 30px;\n   */\n   .buton6{\n    /* right: 25%;\n    position: absolute; */\n    margin-left: 5%;\n    width: 370px;\n    height: 80px;\n    background-color: #ffffff;\n    border-radius: 40px;  \n    font-family: 'Montserrat-Bold';\n    font-size: 24px;\n    border: 4px solid #000000;\n    text-decoration: none;\n    color: #000000;\n    text-align: center;\n\n    }\n   .buton6 label{\n    \n    width: 100%;\n    height: 100%;\n   }\n   .lbtext{\nmargin-top: 4%;\n   }\n   .buton6 :hover{\n    border-radius: 40px;\n    \n    color: white;\n    background-color: #000000;\n   }\n   .buton5 a{\n    text-decoration: none;\n    color: #000000;\n   } \n   .dualblock{\n    /* position: absolute; */\n    margin-top: 5.7%;\n    margin-left: 8.5%;\n    display: flex;\n    justify-content: space-between;\n   }\n   .lefttext{\n    margin-left: 0%;\n    /* width: 42%; */\n   }\n   .lefttext p{\n    font-family: 'Montserrat-Bold';\n    font-size: 60px;\n   }\n   .label1{\n    font-size: 36px;\n    line-height: 150%;\n    color: #a2a2a2;\n   }\n   .label2{\n    text-align: justify;\n    font-size: 24px;\n   }\n   .rightimage{\n    /* position: absolute;\n      top: -45%; */\n    /* right: 15%; */\n    float: left;\n    margin-left: 0%;\n    text-align: center;\n  \n   }\n   .imageright{\n    width: 61%;\n    /* margin-left: 3%; */\n    /* margin-right: 13%; */\n    margin-top: -0%;\n    float: right;\n   }\n   @media (max-width: 2000px) {\n    .imageright{\n        width: 50%;\n    }\n\n   }\n\n   .slide7{\n    /* position: absolute;\n    top: 570%; */\n    width: 100%;\n    margin-top: 6.5%;\n   }\n   .tp1{\n    font-size: 60px;\n   }\n   .tp2{\n    font-size: 36px;\n    color: #a2a2a2;\n   }\n   \n   .teamhed{\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    margin-left: 0%;\n    margin-top: 7%;\n    width: 100%;\n    height: 294px;\n    background-color: #a0b19a;\n   }\n   .teamhed p{\n    /* position: absolute;\n    margin-top: 6.5%;\n    margin-left: 37%;\n    text-align: center; */\n    font-family: 'Montserrat-Bold';\n    font-size: 48px;\n}\n    .teamimg{\n        border-radius: 100px;\n    }\n \n   .commandcart{\n    width: 95%;\n    background-color: #ffffff;\n    margin-top: 5.5%;\n    display: flex;\n    margin-left: 5%;\n    text-align: center;\n    justify-content: center;\n   }\n\n\n   @media (max-width:1280px){\n         .commandcart{\n            width: 95%;\n            background-color: #ffffff;\n            margin-top: 5.5%;\n            display: flex;\n            margin-left: 0%;\n            text-align: center;\n            justify-content: center;\n        }\n\n}\n   .comcont{\n    margin-top: 8px;\n   }\n   .comcont2{\n    margin-top: 6px;\n   }\n   .comcont3{\n    \n    }\n    .comcont4{\n        \n    }\n    .comcont5{\n        \n    }\n   .comlb{\n    margin-top: 0px;\n    font-size: 24px;\n   }\n   \n   .btcom{\n    width: 370px;\n   }\n   .buton61{\n    /* right: 25%;\n    position: absolute; */\n    margin-left: 5%;\n    width: 370px;\n    height: 80px;\n    background-color: #000000;\n    border-radius: 40px;  \n    font-family: 'Montserrat-Bold';\n    font-size: 24px;\n    border: 4px solid #000000;\n    text-decoration: none;\n    color: #ffffff;\n    text-align: center;\n\n    }\n   .buton61 label{\n    \n    width: 100%;\n    height: 100%;\n   }\n   .lbtext2{\n/* margin-top: 4%; */\n   }\n   .buton61 :hover{\n    border-radius: 40px;\n    \n    color: rgb(0, 0, 0);\n    background-color: #ffffff;\n   }\n\n\n\n\n   \n   .commandbody0{\n    width: 30%;\n    margin-left: 0%;\n    margin-top: 1%;\n   }\n   .commandbody{\n    width: 30%;\n    margin-left: 1%;\n    margin-top: 1%;\n   }\n   .commandbody label{\n    font-size: 24px;\n    \n   }\n   .commandbuttonpanel{\n    width: 98%;\n    margin-left: 1%;\n    height: 80px;\n    margin-top: 5%;\n    /* position: absolute;\n    top: 105%; */\n    /* background-color: #a0b19a; */\n   \n     margin-top: 6.6%;\n     display: flex;   \n     justify-content: center;\n   \n   }\n   .commandbuttonpanel a{\n    height: 80px;\n   }\n   .commandbutton1{\n    /* border:1px; */\n    width: 370px;\n    height: 80px;\n    background-color: #a0b19a;\n    border-radius: 40px;\n    border: none;\n    font-family: 'Montserrat-Bold';\n    font-size: 24px;\n    /* border: 4px solid #000000; */\n    text-decoration: none;\n    color: #000000;\n    text-align: center;\n    margin-left: 2%;\n\n   }\n\n   .commandbutton1 :hover{\n    border-radius: 40px;    \n    color: white;\n    background-color: #000000;\n    height: 100%;\n    width: 100%;\n    /* margin-top: -4%; */\n\n   }\n\n   .qwe{\n   border:1px;\n    width: 370px;\n    height: 80px;\n    background-color: #a0b19a;\n    border-radius: 40px;\n    margin-left: 20%;\n    font-family: 'Montserrat-Bold';\n    font-size: 24px;\n    text-decoration: none;\n    color: #000000;\n    padding: 20px;\n\n/* ----------------- */\n\n    width: 370px;\n    height: 80px;\n    background-color: #ffffff;\n    border-radius: 40px;\n    border: none;\n    font-family: 'Montserrat-Bold';\n    font-size: 24px;\n    border: 4px solid #000000;\n    text-decoration: none;\n    color: #000000;\n    text-align: center;\n\n}\n    .commandbutton1 label{\n    width: 370px;\n    height: 80px;\n    text-align: center;\n    margin-top: 0%; \n   }\n   .commandbutton1 label :hover{\n    width: 370px;\n    height: 40px;\n    text-align: center;\n    margin-top: 5%; \n   } \n   .commandbutton2{\n    /* border:1px; */\n    width: 370px;\n    height: 80px;\n    background-color: #000000;\n    border-radius: 40px;\n    border: none;\n    font-family: 'Montserrat-Bold';\n    font-size: 24px;\n    /* border: 4px solid #000000; */\n    text-decoration: none;\n    color: #ffffff;\n    text-align: center;\n    margin-left: 2%;\n\n   }\n\n   .commandbutton2 :hover{\n    border-radius: 40px;    \n    color: rgb(0, 0, 0);\n    background-color: #a0b19a;\n    height: 100%;\n    width: 101%;\n    /* margin-left: -0.1%; */\n    /* margin-top: -4%; */\n\n   }\n\n   \n \n    .commandbutton2 label{\n    width: 370px;\n    height: 80px;\n    text-align: center;\n    margin-top: 0%; \n    \n   }\n   .commandbutton2 label :hover{\n    width: 370px;\n    height: 40px;\n    text-align: center;\n    margin-top: 5%; \n    margin-left: 0%;\n    background-color: #a0b19a;\n   } \n   .commandbutton3{\n    /* border:1px; */\n    width: 370px;\n    height: 80px;\n    background-color: #ffffff;\n\n    border-radius: 40px;\n    border: 4px solid  #000000;\n    font-family: 'Montserrat-Bold';\n    font-size: 24px;\n    /* border: 4px solid #000000; */\n    text-decoration: none;\n    color: #000000;\n    text-align: center;\n    margin-left: 2%;\n\n   }\n\n   .commandbutton3 :hover{\n    border-radius: 40px;    \n    color: white;\n    background-color: #000000;\n    height: 100%;\n    width: 100%;\n    /* margin-top: -4%; */\n\n   }\n\n   \n    .commandbutton3 label{\n    width: 370px;\n    height: 80px;\n    text-align: center;\n    margin-top: 0%; \n   }\n   .commandbutton3 label :hover{\n    width: 360px;\n    height: 40px;\n    text-align: center;\n    margin-top: 5%; \n    margin-left: -0%;\n   } \n   /* .lbtext1{\n    margin-top: 4%; \n    height: 80px;\n   }\n   .lbtext1 p :hover{\n    margin-top: -4%;\n    height: 80px;\n   } */\n   .lbtext{\n    \n   }\n   .rfv{\n    margin-top: 5%;\n    height: 100%;\n    width: 100%;\n}\n\n   \n   .slide8{\n    position: absolute;\n    top: 770%;\n    width: 99%;\n    background-color: #b3b3b3;\n    height: 400px;\n   }\n   .game{\n    margin-left: 35%;\n    margin-top: 5%;\n    width: 30%;\n\n    }\n    .slide10{\n        width: 100%;\n        height: 265px;\n        background-color: #a0b19a;\n        /* position: absolute;\n        top: 780%; */\n        margin-top: 7%;\n        text-align: center;\n        font-family: 'Montserrat-Regular';\n    }\n    .p222{\n        margin-top: 0%;\n    }\n    .slide10 p{\n        margin-left: 0%;\n        /* margin-top: 7%; */\n        font-size: 50px;\n\n    }\n    .opros{\n        width: 60%;\n    }\n    /* .text1{\n    \n    } */\n    .text{\n        margin-top: 5%;\n        margin-left: 4%;\n        font-size: 36px;\n    }\n\n    .slide11{\n      margin-top: 5%;\n        width: 99%;\n        text-align: center;\n\n    }\n    .footertext{\n\n        width: 40%;\n        margin-left: 30%;\n\n    }\n    .footertext label{\n\n    }\n    .footerbutton1{\n        width: 40%;\n        height: 100px;\n        border-radius: 40px;\n        margin-left: 1%;\n        background-color: #a0b19a;\n        margin-top: 4%;\n        color: #ffffff;\n        font-family: 'Montserrat-Bold';\n    }\n  \n    .footer{\n        margin-top: 5%;\n        margin-right: 8%;\n       text-align: left;\n       \n    }\n    .footer a{\n        text-decoration: none;\n        margin-left: 1.5%;\n        padding: 15px;\n        color: #000000;\n        font-family: \"Montserrat-Bold\"; \n         font-size: 20px;\n    }\n    .footfooter{\n        width: 99%;\n\n    }\n    .urtext{\n        width: 20%;\n        height: 150px;\n        margin-left: 40%;\n        margin-top: 5%;\n      \n \n    }\n\n\n   \n   .slide9{\n    position: absolute;\n    top: 680%;\n    width: 99%;\n   }\n   @media (max-width:1200px) {\n        .slide9{\n            max-width: 900px;\n        }\n   }\n   .preferenc{\n \n    width: 60%;\n    margin-left: 20%;\n    height: 600px;\n    background-color: beige;\n   }\n   .prefhed{\n    width: 98%;\n    height: 100px;\n    background-color: #a0b19a;\n   }\n   .prefhed p{\n    margin-top: 5%;\n   }\n   .pprefhed{  \n     \n    margin-left: 27%;\n    \n   }\n   .preferbody{\n    position: absolute; \n   \n   }\n   .imagecont{\n    \n   margin-left: 1.3%;\n   }\n   @media(max-width:1200px){\n    .imagecont{\n        max-width: 100px;\n        float: left;\n    }\n   }\n\n   .imagecont td, tr{\n    padding: 5px;\n   }\n   .img3{\n    width: 200px;\n    height: 130px;\n    border: 3px;\n    margin-left: 2%;\n   }\n   .btnpanel{\n    position: absolute;\n    width: 99%;\n    padding: 5px;\n    display: flex;\n    margin-top: 5%;\n   }\n\n   .preferbodyhed{\n   \n    margin-left: 27%;\n   }\n   \n   .footer{\n    margin-left: 10%;\n   }\n   .footertext{\n    font-size: 30px;\n    text-align: center;\n   }\n   .footertext p{\n    text-align: center;\n    font-size: 60px;\n   }\n   .buton1{\n    position: absolute;\n    left: 4%;\n    border-radius: 5px;\n    background-color: aliceblue;\n    padding: 5px;\n    width: 70px;\n   }\n\n   .buton2{\n    position: absolute;\n    right: 4%;\n    background-color: #a0b19a;\n    border-radius: 5px;\n    padding: 5px;\n    width: 70px;\n   }\n   \n   .input{\n    border:none;\n    border-radius: 5px;\n    width: 100%;\n    height: 40px;\n    margin-top: 4%;\n    margin-left: 25%;\n   }\n   .inputbox{\n    position: absolute;\n    \n   }\n   .preferbody5{\n    position: absolute;\n    width: 50%;\n   }\n   .card{\n    background-color: #eeeeee ;\n    height: 400px;\n    width: 360px;\n    text-align:center;\n   }\n   .card-title{\n    font-family: \"Montserrat-Bold\";\n    font: 60px;\n\n   }\n \n</style>\n","<template>\n    <div class=\"body\">\n     <swiper\n    :modules=\"modules\"\n    :slides-per-view=\"1\"\n    :space-between=\"50\"\n    navigation\n    :pagination=\"{ clickable: true}\"\n  \n    @swiper=\"onSwiper\"\n    @slideChange=\"onSlideChange\"\n  >\n    <swiper-slide>\n   \n        <div class=\"sl\">\n                <img class=\"teamimg\" src=\"./../../assets/foto/Evgenia.png\" alt=\"img\">\n               <div class=\"member\">\n                <p class=\"tp1\">Евгения Крупина</p>\n                            <p class=\"tp2\">Генеральный<br> директор</p>\n                    <label class=\"comlb\">\n                                Ландшафтный архитектор, специалист по маркетингу. Опыт руководства коммерческими организациями более 15 лет, опыт разработки и вывода продуктов на рынок.   \n                     </label>\n                </div>\n        </div>    \n         \n    </swiper-slide>\n    <swiper-slide>\n        <div class=\"sl\">\n        <img class=\"teamimg\" src=\"./../../assets/foto/Alexander.png\" alt=\"img\">\n         <div class=\"member\">\n            <p class=\"tp1\">Александр Жмурко</p>\n                   \n                    <p class=\"tp2\">Руководитель<br> разработки</p>\n                    <label class=\"comlb\">\n                        Опыт руководства инновационными проектами более 10 лет. Реализовано более 20 крупных инновационных проектов для ФОИВ и государственных компаний, в т.ч. решений с использованием ИИ \n                    </label>\n                    </div>\n         </div>\n    </swiper-slide>\n    <swiper-slide>\n        <div class=\"sl\">\n                <img class=\"teamimg\" src=\"./../../assets/foto/Tatiana.png\" alt=\"img\">\n               <div class=\"member\">\n                <p class=\"tp1\">Татьяна<br> Конопатова</p>\n                    <p class=\"tp2\">Руководитель бизнес-<br>планирования</p>\n                    <label class=\"comlb\">\n                        Профессиональный бизнес-консультант (финансы, маркетинг). Опыт бизнес-планирования, продаж, управления проектами более 15 лет.\n                    </label>\n                </div>\n        </div>     \n    </swiper-slide>\n    <swiper-slide>\n     \n      <div class=\"sl\">\n                <img class=\"teamimg\" src=\"./../../assets/foto/Dima.png\" alt=\"img\">\n               <div class=\"member\">\n                <p class=\"tp1\">Дмитрий<br> Борзов</p>\n                    <p class=\"tp2\">Product Director</p>\n                    <label class=\"comlb\">\n                      Опыт управления проектами в сфере безопасности и ML-разработки более 10 лет.                    </label>\n                </div>\n        </div>  \n    </swiper-slide>\n    <swiper-slide>\n <div class=\"sl\">\n                <img class=\"teamimg2\" src=\"./../../assets/foto/Mikhail.jpg\" alt=\"img\">\n               <div class=\"member\">\n                <p class=\"tp1\">Червень<br> Михаил</p>\n                    <p class=\"tp2\">\n                        Фронт-разработчик\n                        \n                        <br> \n                        \n                        \n                    </p>\n                    \n                    <label>\n\n                    </label>\n                </div>\n        </div>  \n    </swiper-slide>\n  \n  </swiper>\n</div>\n</template>\n\n<script>\n import { Navigation, Pagination, Scrollbar, A11y } from 'swiper/modules';\n\n// Import Swiper Vue.js components\nimport { Swiper, SwiperSlide } from 'swiper/vue';\n\n// Import Swiper styles\nimport 'swiper/css';\nimport 'swiper/css/navigation';\nimport 'swiper/css/pagination';\nimport 'swiper/css/scrollbar';\n    export default{\n        components: {\n      Swiper,\n      SwiperSlide,\n    },\n    setup() {\n      const onSwiper = (swiper) => {\n        console.log(swiper);\n        \n      };\n      const onSlideChange = () => {\n        console.log('slide change');\n      };\n      return {\n        onSwiper,\n        onSlideChange,\n        modules: [Navigation, Pagination, Scrollbar, A11y],\n      };\n    },\n    }\n</script>\n\n<style scoped>\n\n.body{\n    margin-top: 3%;\n}\n.member{\n    display: flex;\n    flex-direction: column;\n    width: 30%;\n}\n.sl{\n    display: flex;\n    justify-content: space-evenly;\n    justify-items: center;\n    align-items: center;\n\n}\n.teamimg{\n    padding: 25px;\n}\n.teamimg2{\n  padding: 25px;\n  \n}\n.tp1{\n    font-size: 60px;\n   }\n   .tp2{\n    font-size: 36px;\n    color: #a2a2a2;\n   }\n   .comlb{\n    margin-top: 0px;\n    font-size: 24px;\n   }\n  .image-slider .swiper-button-next::after{\n    color: #000;\n   }\n   .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {\ncontent: '000';\n}\n\n.swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after {\ncontent: '';\ncolor: #000;\n}\n.Navigation{\n  content: '';\ncolor: #000;\n}\n\n</style>","import { render } from \"./sliderSwiper.vue?vue&type=template&id=69a2c534&scoped=true\"\nimport script from \"./sliderSwiper.vue?vue&type=script&lang=js\"\nexport * from \"./sliderSwiper.vue?vue&type=script&lang=js\"\n\nimport \"./sliderSwiper.vue?vue&type=style&index=0&id=69a2c534&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-69a2c534\"]])\n\nexport default __exports__","<template>\n  <div class=\"body\">\n   <swiper\n  :modules=\"modules\"\n  :slides-per-view=\"1\"\n  :space-between=\"50\"\n  navigation\n \n\n  @swiper=\"onSwiper\"\n  @slideChange=\"onSlideChange\"\n>\n  <swiper-slide>\n   <div class=\"doc\">\n        <img class=\"docimg\" src=\"./../../assets/docs/patent.jpg\" alt=\"img\">\n\n   </div>\n\n\n   \n  </swiper-slide>\n\n  <swiper-slide>\n    <div class=\"doc\"> \n    <img class=\"docimg\" src=\"./../../assets/docs/СВ_2023668373_page-0001.jpg\" alt=\"img\">\n      </div>\n\n  </swiper-slide>\n  <swiper-slide>\n    <div class=\"doc\">\n    <img class=\"docimg\" src=\"./../../assets/docs/СВ_2023668441_page-0001.jpg\" alt=\"img\">\n      </div>\n  </swiper-slide>\n\n\n</swiper>\n</div>\n</template>\n\n<script>\nimport { Navigation, Pagination, Scrollbar, A11y } from 'swiper/modules';\n\n// Import Swiper Vue.js components\nimport { Swiper, SwiperSlide } from 'swiper/vue';\n\n// Import Swiper styles\nimport 'swiper/css';\nimport 'swiper/css/navigation';\nimport 'swiper/css/pagination';\nimport 'swiper/css/scrollbar';\n  export default{\n      components: {\n    Swiper,\n    SwiperSlide,\n  },\n  setup() {\n    const onSwiper = (swiper) => {\n      console.log(swiper);\n      \n    };\n    const onSlideChange = () => {\n      console.log('slide change');\n    };\n    return {\n      onSwiper,\n      onSlideChange,\n      modules: [Navigation, Pagination, Scrollbar, A11y],\n    };\n  },\n  }\n</script>\n\n<style scoped>\n\n.body{\n  margin-top: 3%;\n}\n\n.doc{\n  display: flex;\n  justify-content: center;\n}\n.docimg{\n  padding: 25px;\n width: 35%;\n}\n .comlb{\n  margin-top: 0px;\n  font-size: 24px;\n }\n.image-slider .swiper-button-next::after{\n  color: #000;\n }\n .swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {\ncontent: '000';\n}\n\n.swiper-button-prev:after, .swiper-container-rtl .swiper-button-prev:after {\ncontent: '';\ncolor: #000;\n}\n.Navigation{\ncontent: '';\ncolor: #000;\n}\n\n</style>","import { render } from \"./sliderCom.vue?vue&type=template&id=10c84f89&scoped=true\"\nimport script from \"./sliderCom.vue?vue&type=script&lang=js\"\nexport * from \"./sliderCom.vue?vue&type=script&lang=js\"\n\nimport \"./sliderCom.vue?vue&type=style&index=0&id=10c84f89&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-10c84f89\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n        <div class=\"hed\">\n            <div class=\"lefthed\">\n                <div class=\"lcont\">\n                     <h1>\n                    <p class=\"hedtext1\">\n                        A I . G A R D E N\n                    </p>\n\n                </h1>\n                <p class=\"hedtext2\">\n                    Создай сад мечты\n                </p>\n                <a>\n                <button class=\"btn hedbtn\">\n                     Легко!\n                </button>\n                </a>\n                </div>\n               \n                \n            </div>\n            <div class=\"righthed\">\n                <img class=\"img1\" src=\"@/land/assets/tild6432.jpg\">\n            </div>\n          \n        </div>\n    </div>\n</template>\n\n<script>\nexport default{\n\n}\n</script>\n\n<style scoped>\n.lefthed{\n    display: flex;\n    flex-direction: column;\n\n   /* justify-content: space-between; */\n   /* float: left; */\n   text-align: left;\n   margin-left: 2%;\n  \n}\n.lcont{\n    margin-left: 0%;\n    width: 130%;\n   z-index: 3333;\n}\n.hedtext1{\n    justify-content: center;\n   font-size: 100px;\n    font-family: \"Montserrat-Bold\";\n    \n}\n.hedtext2{\n    justify-content: center;\n   color: rgb(172, 172, 172);\n   font-size: 60px;\n   /* margin-top: 50px; */\n}\n.righthed{\n    display: flex;\n   \n    justify-content: right;\n}\n.img1{\n    /* justify-content: center; */\n   width: 65%;\n   min-width: 40%;\n   z-index: 1;\n   margin-left: 10%;\n}\n\n@media (max-width: 1720px) {\n    .hedtext1{\n        font-size: 80px;\n    }\n    .hedtext2{\n        font-size: 40px;\n    }\n    .img1{\n        width: 60%;\n    }\n    }\n    @media (max-width: 1580px) {\n    .hedtext1{\n        font-size: 60px;\n    }\n    .hedtext2{\n        font-size: 40px;\n    }\n    .img1{\n        width: 50%;\n    }\n    }\n    @media (max-width: 1424px) {\n    .hedtext1{\n        font-size: 48px;\n    }\n    .hedtext2{\n        font-size: 30px;\n    }\n    .img1{\n        width: 50%;\n    }\n    }\n.hedbtn{\n    justify-content: center;\n   width: 300px;\n   height: 90px;\n   background-color: black;\n   color: white;\n   border-radius: 50px;\n   font-size: 34px;\n   margin-left: 2%;\nmargin-top: 180px;\n}\n.hed{\n    margin-top: 5%;\n    /* margin-left: 20%; */\n    width: 100%;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n    padding: 5%;\n    /* text-align: center;\n    /* opacity:0;\n    transition: 1s; /*Скорость перехода состояния элемента\n    animation: show 3s 1; /* Указываем название анимации, её время и количество повторов\n    animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации \n        animation-delay: 1s;  Задержка перед началом \n    }\n    @keyframes show{\n    0%{\n    opacity:0;\n    }\n    100% {\n    opacity:1;\n    } */\n}\n</style>\n","import { render } from \"./topHead.vue?vue&type=template&id=757f2876&scoped=true\"\nimport script from \"./topHead.vue?vue&type=script&lang=js\"\nexport * from \"./topHead.vue?vue&type=script&lang=js\"\n\nimport \"./topHead.vue?vue&type=style&index=0&id=757f2876&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-757f2876\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n            <section class=\"ac-container\">\n                <div>\n                    <input id=\"ac-1\" name=\"accordion-1\" type=\"checkbox\"  />\n                    \n                    <label for=\"ac-1\">\n\n                    <div class=\"lbt1\">\n                        Простой интерфейс, доступный каждому\n                         <!--  -->\n                         <div class=\"plus1\">\n                            <input id=\"ac-5\" name=\"accordion-2\" type=\"checkbox\" />\n\n                                <div class=\"gp\">\n\n                                </div>\n                                <div class=\"vp\">\n                                    \n                                </div>\n                            </div>\n                            <!--  -->\n                     </div>\n\n                    </label>\n                   \n\n                    <article>\n                        <p>\n                            Для работы на нашем сервисе не нужно знание специальных программ и графических редакторов. Система сама сделает все чертежи и ведомости, выставит размеры.\n                       \n \n                        </p>\n                    </article>\n                </div>\n                <div>\n                    <input id=\"ac-2\" name=\"accordion-1\" type=\"checkbox\" />\n                    <label for=\"ac-2\">\n                        <div class=\"lbt1\">\n\n                       \n                        Весь функционал в одной программе\n                    <!--  -->\n                            <div class=\"plus1\">\n                                <input id=\"ac-5\" name=\"accordion-2\" type=\"checkbox\" />\n\n                                <div class=\"gp\">\n\n                                </div>\n                                <div class=\"vp\">\n                                    \n                                </div>\n                            </div>\n                    <!--  -->\n                         </div>\n               \n                    </label>\n                    \n                    <article>\n                        <p>\n                            Мы предлагаем единый интерфейс для творчества, визуализаций и документации, что значительно ускоряет процесс, снижает расходы и вообще упрощает жизнь\n\n                        </p>\n                    </article>\n                </div>\n                <div>\n                    <input id=\"ac-3\" name=\"accordion-2\" type=\"checkbox\" />\n                    <label for=\"ac-3\">\n                        <div class=\"lbt1\">\n                         Бесплатная генерация изображений\n                             <!--  -->\n                             <div class=\"plus1\">\n                                <input id=\"ac-5\" name=\"accordion-2\" type=\"checkbox\" />\n\n                                <div class=\"gp\">\n\n                                </div>\n                                <div class=\"vp\">\n                                    \n                                </div>\n                            </div>\n                            <!--  -->\n                        </div>\n                   \n                    </label>\n                    <article>\n                        <p>      \n                         Вы сможете фантазировать и придумывать бесчисленное количество вариантов, просто делая текстовый запрос, а система сама визуализирует Ваши идеи  \n\n                        </p>\n                    </article>\n                </div>\n                <div>\n                    <input id=\"ac-4\" name=\"accordion-2\" type=\"checkbox\" />\n                    <label for=\"ac-4\">\n                        <div class=\"lbt1\">\n                           Сокращение времени и расходов на подбор\n                             <!--  -->\n                             <div class=\"plus1\">\n                                <input id=\"ac-5\" name=\"accordion-2\" type=\"checkbox\" />\n\n                                <div class=\"gp\">\n\n                                </div>\n                                <div class=\"vp\">\n                                    \n                                </div>\n                            </div>\n                            <!--  -->\n                        </div>\n                    </label>\n                    \n                    <article>\n                        \n                        <p>\n                            Вам больше не нужно думать, какие растения подобрать под данные условия участка или где купить выгоднее - система сама все рассчитает и предложит Вам готовые варианты. \n                        </p>\n                    </article>\n                </div>\n         </section>\n    </div>\n</template>\n<script>\n\nexport default{\n\n}\n</script>\n\n<style scoped>\n.gp{\n    height: 1px;\n    width: 35px;\n    background-color: #383838;\n    transform: rotate(0deg);\n    z-index: 2;\n\n}\n.vp{\n    height: 1px;\n    width: 35px;\n    background-color: #383838;\n    transform: rotate(90deg);\n    margin-top: -1px;\n    z-index: 1;\n}\n.plus1{\n    position: absolute;\n    right: 0;\n   \n    justify-content: right;\n    margin-right: 2%;\n    margin-top: 12px;\n}\n.plus1 :checked{\n    transform: rotate(45deg);\n}\n.body{\n    font-family: \"Montserrat-Bold\"; \n    \n}\n.ac-container{\n    width: 85%;\n    margin: 16px auto 30px auto;\n    /* margin-left: 25%; */\n    \n}\n\n.ac-container label{\n    font-family: \"Montserrat-Bold\";\n    padding: 5px 20px;\n    margin-top: 45%;\n    position: relative;\n    z-index: 20;\n    display: block;\n    height: 85px;\n    cursor: pointer;\n    color: #000000;\n    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);\n    line-height: 33px;\n    font-size: 36px;\n    /* background: -moz-linear-gradient(top, #ffffff 1%, #eaeaea 100%);\n\tbackground: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#eaeaea));\n\tbackground: -webkit-linear-gradient(top, #ffffff 1%,#eaeaea 100%);\n\tbackground: -o-linear-gradient(top, #ffffff 1%,#eaeaea 100%);\n\tbackground: -ms-linear-gradient(top, #ffffff 1%,#eaeaea 100%); */\n\t/* background: linear-gradient(top, #ffffff 1%,#eaeaea 100%); */\n\t/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 ); */\n\t/* box-shadow: \n\t\t0px 0px 0px 1px rgba(155,155,155,0.3), \n\t\t1px 0px 0px 0px rgba(255,255,255,0.9) inset, \n\t\t0px 2px 2px rgba(0,0,0,0.1); */\n}\n\n\n.ac-container label{\n    background: #fff;\n    margin-top: 0.5%;\n}\n\n.lbt1{\n    margin-top: 2.5%;\n    margin-left: 2.5%;\n    display: flex;\n    \n}\n\n.ac-container input:checked + label,\n.ac-container input:checked + label:hover{\n    background: #ffffff;\n    color: #000000;\n    text-shadow: 0px 1px 1px rgb(255, 255, 255);\n    /* box-shadow: \n        0px 0px 0px 1px rgba(155,155,155,0.3), \n        0px 2px 2px rgba(0,0,0,0.1); */\n}\n.plus1 input:checked{\n    /* transform: rotate(45deg); */\n    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;\n\t-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;\n\t-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;\n\t-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;\n\ttransition: height 0.3s ease-in-out, box-shadow 0.6s linear;\n    box-shadow: 0px 0px 0px 1px rgb(253, 253, 253);\n    height: 110px;\n}\n.ac-container label:hover:after,\n.ac-container input:checked + label:hover:after{\n    content: '';\n    position: absolute;\n    width: 24px;\n    height: 24px;\n    right: 13px;\n    top: 7px;\n    /* background: transparent url(http://netcribe.com/example/arrow_down.png) no-repeat center center;   */\n}\n\n.ac-container input:checked + label:hover:after {\n    /* background-image: url(http://netcribe.com/example/arrow_up.png); */\n}\n.ac-container input{\n    display: none;\n}\n\n.ac-container article{\n    background: rgb(255, 255, 255);\n    margin-top: -1px;\n    overflow: hidden;\n    height: 0px;\n    position: relative;\n    z-index: 10;\n    -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;\n\t-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;\n\t-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;\n\t-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;\n\ttransition: height 0.3s ease-in-out, box-shadow 0.6s linear;\n}\n.ac-container input:checked ~ article{\n     -webkit-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;\n\t-moz-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;\n\t-o-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;\n\t-ms-transition: height 0.3s ease-in-out, box-shadow 0.6s linear;\n\ttransition: height 0.3s ease-in-out, box-shadow 0.6s linear;\n    box-shadow: 0px 0px 0px 1px rgb(253, 253, 253);\n    height: 140px;\n}\n\n.ac-container article p{\n    /* font-style: italic; */\n    margin-top: -0%;\n    text-align: justify;\n    margin-left: 2.5%;\n    color: #000000;\n    line-height: 33px;\n    font-size: 24px;\n    padding: 20px;\n    /* text-shadow: 1px 1px 1px rgba(255,255,255,0.8); */\n    font-family: 'Montserrat-Regular';\n    width: 92%;\n}\n\n.ac-container div label{\n    font-size: 36px;\n    font-family: 'Montserrat-SemiBold';\n    padding: 0px, 0px, 0px, 0;\n}\n@media (max-width: 1600px) {\n    .ac-container div label{\n    font-size: 30px;\n    font-family: 'Montserrat-SemiBold';\n    padding: 0px, 0px, 0px, 0;\n}\n}\n\n</style>\n","import { render } from \"./acordeonUno.vue?vue&type=template&id=0ec9572e&scoped=true\"\nimport script from \"./acordeonUno.vue?vue&type=script&lang=js\"\nexport * from \"./acordeonUno.vue?vue&type=script&lang=js\"\n\nimport \"./acordeonUno.vue?vue&type=style&index=0&id=0ec9572e&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0ec9572e\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n        <div id=\"hed\" class=\"heder\">\n            <a href=\"#landing\">\n            <div class=\"logo\">\n                A I . G A R D E N\n            </div>\n            </a>\n            <div class=\"panel\">\n                <a href=\"#aboutUs#hed\">\n                <button class=\"btn buton\">\n                    О нас\n                </button>\n                </a>\n                <a  href=\"#tarifsCosts#hed\">\n                <button class=\"btn buton\">\n                    Тарифы и цены\n                </button>\n                </a>\n                <a  href=\"#forPartners#hed\">\n                <button class=\"btn buton\">\n                    Партнёрам\n                </button>\n                    </a>\n            </div>\n             <div class=\"rightbutton\">\n                        <a href=\"https://dev.desaigners.com/authentication\">\n                        <button class=\"btn buton2\">\n                           Вход/Регистрация\n                        </button>\n                        </a>\n                    </div> \n\n                <!-- \n                    ==============================\n                 -->\n                 <!-- <input class=\"menu-btn\" type=\"checkbox\" id=\"menu-btn\" name=\"menu-btn\" />\n                <label class=\"menu-icon\" for=\"menu-btn\">\n                    <span class=\"navicon\" aria-label=\"Hamburger menu 'icon'\" />\n                </label>\n                <nav class=\"menu\">\n                    <a href=\"#aboutUs\">\n                <button class=\"btn buton\">\n                    О нас\n                </button>\n                </a>\n                <a  href=\"#tarifsCosts\">\n                <button class=\"btn buton\">\n                    Тарифы и цены\n                </button>\n                </a>\n                <a  href=\"#forPartners\">\n                <button class=\"btn buton\">\n                    Партнёрам\n                </button>\n                </a>\n                 \n                </nav> -->\n              \n        </div>\n    </div>\n  \n</template>\n\n<script>\n    export default{\n\n    }\n</script>\n\n<style scoped>\n .menu a {\n    /* padding: 20px 20px; */\n    /* border-right: 1px solid #f4f4f4; */\n    /* background-color: #eee; */\n    width: 300px;\n    text-decoration: none;\n    text-align: center;\n    margin-left: 50%;\n    margin-top:-10%\n  }\n    .body{\n   \n      z-index: 4444444444444444;\n        height: 100px;\n        position: absolute;\n        top: 0;\n        width: 100%;\n        background-color: black;\n        padding: 5px;\n        position: fixed ;\n        -ms-filter: \"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)\";\n    filter: alpha(opacity=80);\n    -moz-opacity: 0.80;\n    -khtml-opacity: 0.8;\n    opacity: 0.8;\n        /* opacity:0; */\n     /* transition: 1s; /*Скорость перехода состояния элемента*/\n /*animation: show 3s 1; /* Указываем название анимации, её время и количество повторов*/\n /*animation-fill-mode: forwards; /* Чтобы элемент оставался в конечном состоянии анимации */\n /*animation-delay: 1s; Задержка перед началом */\n}\n.body::after{\n  opacity: 50%;\n}\n@keyframes show{\n0%{\nopacity:0;\n}\n100% {\nopacity:1;\n}\n    }\n    .heder{\n        margin-top: 0.5%;\n        font-family: \"Montserrat-Regular\";\n        display: flex;\n        justify-content: center;\n        text-align: center;\n\n    }\n    \n    .logo{\n        margin-left: 2%;\n        position: absolute;\n        margin-top: 0.5%;\n        left: 2%;\n        font-size: 35px;\n        font-family: \"Montserrat-Regular\";\n        color: aliceblue;\n    }\n    .panel{\n        position: absolute;\n        /* margin-left: 10%; */\n        width: 40%;\n        margin-top: 0.5%;\n\n    }\n    .buton{\n        color: aliceblue;\n        font-size: 24px;\n        margin-left: 2%;\n        /* width: 300px; */\n        font-family: \"Montserrat-Regular\";\n    }\n    .rightbutton{\n        position: absolute;\n        right: 5%;\n        color: aliceblue;\n    }\n    .buton2{\n        width: 270px;\n    height: 70px;\n        background-color: aliceblue;\n        color: rgb(0, 0, 0);\n        font-size: 24px;\n        margin-left: 2%;\n        border-radius: 45px;\n        font-family: \"Montserrat-Bold\";\n    }\n    /* width: 250px;\n    height: 80px;\n    border-radius: 45px;\n    background-color: black;\n    color: aliceblue;\n    margin-left: 0%;\n    font-size: 24px;\n    margin-top: 5%;\n    font-family: 'Montserrat-Bold'; */\n\n   \n    header a {\n  text-decoration: none;\n}\n\n/* \"Hide\" checkbox -- moves it off screen*/\n#menu-btn {\n  position: absolute;\n  top: -100%;\n  left: -100%;\n}\n/* Hide hamburger for bigger screens */\n.menu-icon {\n  visibility: hidden;\n}\n.menu {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  max-width: 250px;\n  margin-right: 2rem;\n}\n/* Set width for mobile/smaller screen size. */\n/* I set it big here so I don't have to shrink the screen so much */\n/* for testing purposes */\n@media screen and (max-width: 1100px) {\n  header {\n    display: grid;\n    grid-template-areas:\n      \"title title hamburger\"\n      \"nav nav nav\";\n  }\n  h1 {\n    grid-area: title;\n  }\n  .menu a {\n    text-decoration: none;\n    color: black;\n  }\n  .menu-btn {\n    display: none;\n  }\n  .menu-icon {\n    grid-area: hamburger;\n    cursor: pointer;\n    display: flex;\n    justify-content: flex-end;\n    align-items: baseline;\n    padding: 30px 20px 30px 0;\n    position: relative;\n    user-select: none;\n    visibility: visible;\n  }\n  .navicon {\n    background: #333;\n    display: block;\n    height: 2px;\n    width: 18px;\n    position: relative;\n  }\n  .navicon:before {\n    top: 5px;\n  }\n  .navicon:after {\n    top: -5px;\n  }\n  .navicon:before,\n  .navicon:after {\n    background: #333;\n    display: block;\n    width: 100%;\n    height: 100%;\n    content: \"\";\n    position: absolute;\n    transition: all 0.2s ease-out;\n  }\n  .menu {\n    grid-area: nav;\n    max-width: unset;\n    max-height: 0;\n    transition: max-height 0.2s ease-out;\n    overflow: hidden;\n    margin: 0;\n    padding: 0;\n    background-color: #fff;\n    display: flex;\n    flex-direction: column;\n  }\n  .menu a {\n    padding: 20px 20px;\n    border-right: 1px solid #f4f4f4;\n    background-color: #eee;\n    width: 100%;\n    text-align: center;\n  }\n  .menu-btn:checked ~ .menu {\n    max-height: 240px;\n  }\n  .menu-btn:checked ~ .menu-icon .navicon {\n    background: transparent;\n  }\n  .menu-btn:checked ~ .menu-icon .navicon:before {\n    transform: rotate(-45deg);\n  }\n  .menu-btn:checked ~ .menu-icon .navicon:after {\n    transform: rotate(45deg);\n  }\n  .menu-btn:checked ~ .menu-icon .navicon:before,\n  .menu-btn:checked ~ .menu-icon .navicon:after {\n    top: 0;\n  }\n}\n</style>\n","import { render } from \"./hederUno.vue?vue&type=template&id=6e30de53&scoped=true\"\nimport script from \"./hederUno.vue?vue&type=script&lang=js\"\nexport * from \"./hederUno.vue?vue&type=script&lang=js\"\n\nimport \"./hederUno.vue?vue&type=style&index=0&id=6e30de53&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6e30de53\"]])\n\nexport default __exports__","<template>\n    <div class=\"slide11\">\n        <div class=\"info\">\n            <div class=\"blk1\">\n                <img src=\"./assets/S600xU.webp\"><br>\n                <p>\n                Проект реализован при поддержке Фонда содействия \n                развитию малых форм предприятий в научно-технической сфере\n                в рамках договора №144ГС1ИИС12-D7/79660 от 08.09.2022. </p>\n            </div>\n            <div class=\"blk2\">\n                <img src=\"./assets/Sk__Участник-block-mono-contur-ru_black-10.png\">\n\n            </div>\n\n        </div>\n        <div class=\"footer\">\n                <a href=\"/#/aboutUs#hed\" id=\"hed\">\n                    О нас\n                </a>\n                <a href=\"/#/forPartners\">\n                    Партнёрам\n                </a>\n                <a href=\"#designers#hed\">\n                    Дизайнерам\n                </a>\n                <a href=\"https://boosty.to/ai.garden\">\n                    Стать Vip-пользователем\n                </a>\n                <a href=\"#enterTeamDuo#hed\">\n                    Войти в команду\n                </a>\n                <a href=\"https://boosty.to/ai.garden\">\n                    Поддержать\n                </a>\n                <a @click=\"push\" id=\"hed\">\n                    Задать вопрос\n                </a>\n               \n            </div>\n            <div class=\"footfooter\">\n                <div class=\"urtext\">\n                    © Все права защищены. ООО \"ДизАИнер\".\ndesaigner@yandex.ru\n                </div>\n                <div class=\"dootpoloska\">\n\n                </div>\n            </div>\n        </div>\n        \n   \n</template>\n\n<script>\nexport default{\n\n\n    methods:{\n        push(){\n            this.$router.push({path:  '/#/'+'getQuestion'  })\n           \n        }\n    }\n\n    \n}\n</script>\n\n<style scoped>\n\n\n.blk2{\n\n}\n\n.slide11{\n        \n        width: 100%;\n\n    }\n\n    .info{\n    display: flex;\n    align-items: center;\n  \n  \n    \n}\n\n@media screen and  (max-width: 1280px){\n\n    .info{\n        flex-direction: column;\n    }\n    .blk1 p{\n    width: 100%;\n    }\n}\n\n.blk1{\n    width: 55%;\n    display: flex;\n    flex-direction: column;\n  \n    align-items: center;\n   \n}\n\n.blk1 p{\n    width: 50%;\n    font-family: \"Montserrat-Bold\"; \n    text-align:  center;\n    font-size: 18px;\n    white-space: wrap;\n \n}\n    .footer{\n        margin-top: 6.6%;\n        /* margin-left: 15%; */\n        text-align: center;\n        font-size: 18px;\n    }\n    .footer a{\n        text-decoration: none;\n        margin-left: 1.5%;\n        padding: 15px;\n        color: #000000;\n        font-family: \"Montserrat-Bold\"; \n    }\n    .footfooter{\n        width: 99%;\n\n    }\n    .urtext{\n        width: 20%;\n        height: 150px;\n        margin-left: 40%;\n        margin-top: 2%;\n        text-align: center;\n        font-size: 18px;\n        font-family: \"Montserrat-Regular\"; \n        color: #a2a2a2;\n    }\n\n\n</style>\n","import { render } from \"./footerUno.vue?vue&type=template&id=24a785de&scoped=true\"\nimport script from \"./footerUno.vue?vue&type=script&lang=js\"\nexport * from \"./footerUno.vue?vue&type=script&lang=js\"\n\nimport \"./footerUno.vue?vue&type=style&index=0&id=24a785de&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-24a785de\"]])\n\nexport default __exports__","import { render } from \"./conferencePage.vue?vue&type=template&id=b38da9b2&scoped=true\"\nimport script from \"./conferencePage.vue?vue&type=script&lang=js\"\nexport * from \"./conferencePage.vue?vue&type=script&lang=js\"\n\nimport \"./conferencePage.vue?vue&type=style&index=0&id=b38da9b2&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-b38da9b2\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n        <HederUno/>\n        <tophead/>\n            <div class=\"content\">\n                <P>\n                    Наш проект еще находится в разработке\n                </P>\n                <label>\n                    Мы - молодой стартап, и еще ведем работу над нашим проектам, поэтому пока не готовы Вам его представить. если Вам интересно, вы можете задать нам вопрос или оставить свои контакты и предложения. Как только мы выпустим продукт - Вы будете первым, кто получит к нему доступ\n                </label>\n\n            </div>\n            <div class=\"advert\">\n                <br> <br> <br>\n                <div class=\"adverthed\">\n                <p>\n                    Сделайте Ваших клиентов счастливыми!\n                </p>\n                <label>\n                    Работайте в удовольствие, творите и фантазируйте, а рутину оставьте искусственному интеллекту!\n                </label>\n                </div>\n               <div class=\"table\">\n                    <div class=\"tablebody1\">\n                        <label>\n                            Уникальная система определения предпочтений и потребностей пользователя\n                        </label>\n                        <img src=\"./assets/icons/free-icon-creative-brain-4385919.png\" alt=\"img\">\n                    </div>\n                    <div class=\"tablebody2\">\n                        <label>\n                            Генерация фотореалистичных визуализаций по тегам и отобранным изображениям\n                        </label>\n                        <img src=\"./assets/icons/free-icon-insert-picture-icon-16410.png\" alt=\"img\">\n                    </div>\n                   \n                </div>\n                <div class=\"table\">\n                    \n                    <div class=\"tablebody1\">\n\n                         <label>\n                            Вся работа в одном онлайн-сервисе без тяжелых программ и конвертирования файлов\n                        </label>\n                        <img src=\"./assets/icons/free-icon-innovation-2452643.png\" alt=\"img\">\n                    </div>\n                    <div class=\"tablebody2\">\n                        <label>\n                            Дополнительный заработок на заказах и доставке, удобный формат работы с поставщиками!\n                    </label>\n                    <img src=\"./assets/icons/free-icon-profit-154221.png\" alt=\"img\">\n                    </div>\n                </div>\n                    <div class=\"anketa\">\n                        \n                    </div>\n            </div>\n      \n        <boost/>\n        <Footer/>\n    </div>\n</template>\n\n<script>\nimport HederUno from './hederUno.vue'\nimport Footer from './footerUno.vue'\nimport boost from './components/components/boostUno.vue'\nimport tophead from './components/components/topHead.vue'\n\nexport default{\n    components:{\n        HederUno,\n\n        Footer,\n        boost,\n        tophead,\n        \n    },\n}\n</script>\n\n<style scoped>\n.table{\n    display: flex;\n    width: 100%;\n    margin-top: 2%;\n}\n.tablebody1 img{\n    width: 125px;\n    margin-left: 2%;\n}\n.tablebody2 img{\n    width: 125px;\n    margin-left: 2%;\n}\n.tablebody{\n\n}\n.tablebody1 label{\n    margin-top: 2%;\n    text-align: left;\n    font-size: 24px ;\n   margin-left: 30%;\n    width: 50%;\n    font-family: 'Montserrat-Bold';\n    float: left;\n}\n.tablebody2 label{\n    margin-top: 2%;\n    text-align: left;\n    font-size: 24px ;\n   margin-left: 5%;\n    width: 50%;\n    font-family: 'Montserrat-Bold';\n    float: left;\n}\n.adverthed label{\n    margin-left: 35%;\n    font-size: 24px ;\n    width: 30%;\n    text-align: center;\n}\n.adverthed p{\n    /* margin-left: 33%; */\n    font-family: 'Montserrat-Bold';\n    font-size: 36px ;\n    text-align: center;\n}\n.adverthed{\n    \n}\n.advert{\n    margin-top: 4%;\n    width: 100%;\n    height: 700px;\n    background-color: #a0b19a;\n}\n.content label{\n    font-size: 24px ;\n}\n.content p{\n    font-family: 'Montserrat-Bold';\n    font-size: 36px ;\n}\n.content{\n    width: 60%;\n    margin-left: 20%;\n    text-align: left;\n    margin-top: 4%;\n}\n\n.body{\n    font-family: 'Montserrat-Regular';\n}\n\n</style>\n","<template>\n    <div class=\"body\">\n        \n        <!-- <div class=\"hed\">\n            <div class=\"lefthed\">\n\n                <h1>\n                    <p class=\"hedtext1\">\n                        AI.Garden\n                    </p>\n\n                </h1>\n                <p class=\"hedtext2\">\n                    Создай сад мечты\n                </p>\n                <a>\n                <button class=\"btn hedbtn\">\n                     Легко!\n                </button>\n                </a>\n                \n            </div>\n            <div class=\"righthed\">\n                <img class=\"img1\" src=\"./assets/tild6432.jpg\">\n            </div> -->\n\n        </div>\n        <br><br><br><br><br>\n        <cont2 class=\"cont2\">\n            <a>\n            <button class=\"btn contacts\">\n                Написать нам в WhatsApp\n            </button><br>\n            </a>\n            <!--  -->\n            <a>\n            <button class=\"btn contacts\">\n                Подписаться на Boosty\n            </button><br>\n            </a>\n            <!--  -->\n            <a>\n            <button class=\"btn contacts\">\n                Отправить предложение на e-mail\n            </button>\n            </a>\n        </cont2>\n\n\n        <!-- <div class=\"support\">\n            <button class=\"btn sap\">\n                Поддержать проект \n            </button>\n            <button class=\"btn sap\">\n                Подписаться на новости\n            </button>\n            <button class=\"btn sap\">\n                Стать партнёром\n            </button>\n        </div> -->\n        <!-- <div class=\"srp\" ></div> -->\n      \n    \n</template>\n\n<script>\n\n\nexport default{\n    components:{\n        \n        \n    },\n\n\n}\n</script>\n\n<style scoped>\n.cont2{\n  /* margin-top: 55%; */\n  padding: 5px;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  \n}\n.contacts{\n    background-color: black;\n    color: white;\n    width: 550px;\n    height: 55px;\n    border-radius: 30px;\n    padding: 5px;\n    font-size: 24px;\n    margin-top: 0.5%;\n    text-align: center;\n    /* margin-left: 3%; */\n    /* min-width: 480px; */\n}\n@media screen and (max-width: 600) {\n    .contacts{\n        width: 400px;\n        font-size: 18px;\n    }\n}\n.srp{\n    width: 100%;\n    height: 100px;\n    background-color: rgba(202, 202, 202, 0.788);\n    margin-top: 7%;\n}\n.support{\n    width: 60%;\n    margin-top: 6%;\n    margin-left: 30%;\n}\n.sap{\n    width: 65%;\n    height: 70px;\n    border-radius: 50px;\n    color: white;\n    background-color: #a0b19a;\n    text-align: left;\n    font-size: 20px;\n    margin-top: 1%;\n}\n.polosocka{\n    width: 200px;\n    height: 2px;\n    background-color: black;\n    margin-bottom: 5%;\n}\n.content{\n    width: 70%;\n    margin-top: 3%;\n    margin-left: 25%;\n}\n\n.hedcontent{\n    float: left;\n    text-align: left;\n    width: 35%;\n    font-size: 25px;\n    z-index: 5;\n\n}\n.bodycontent{\n    text-align: left;\n    width: 70%;\n    font-size: 25px;\n    margin-top: 9%;\n    z-index: 4;\n}\n.hedcontentG{\n    font-size: 50px;\n    width: 34%;\n    margin-left: 36%;\n   \n}\n/* .body{\n    font-family: \"Montserrat-Regular\";\n}\n.hed{\n    margin-top: 8%;\n    margin-left: 20%;\n    width: 80%;\n    \n\n} */\n.lefthed{\n   \n    float: left;\n    text-align: left;\n}\n.hedtext1{\n    font-size: 90px;\n     font-family: \"Montserrat-Regular\";\n}\n.hedtext2{\n    color: rgb(172, 172, 172);\n    font-size: 70px;\n}\n.righthed{\n\n}\n.img1{\n    width: 40%;\n}\n\n.hedbtn{\n    width: 200px;\n    height: 60px;\n    background-color: black;\n    color: white;\n    border-radius: 50px;\n    font-size: 30px;\n    margin-left: 2%;\n\n}\n\n\n</style>\n","import { render } from \"./boostUno.vue?vue&type=template&id=53f10aff&scoped=true\"\nimport script from \"./boostUno.vue?vue&type=script&lang=js\"\nexport * from \"./boostUno.vue?vue&type=script&lang=js\"\n\nimport \"./boostUno.vue?vue&type=style&index=0&id=53f10aff&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-53f10aff\"]])\n\nexport default __exports__","import { render } from \"./forDesigners.vue?vue&type=template&id=6cffe3f8&scoped=true\"\nimport script from \"./forDesigners.vue?vue&type=script&lang=js\"\nexport * from \"./forDesigners.vue?vue&type=script&lang=js\"\n\nimport \"./forDesigners.vue?vue&type=style&index=0&id=6cffe3f8&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6cffe3f8\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n        <HederUno/>\n        <!--  -->\n        <cont1 class=\"cont1\">\n            <div class=\"topcont\">\n                <img src=\"./assets/tild3064.png\">\n            </div> \n            <!--  --><br>\n            <div class=\"subcont\">\n                <h2>\n                    <p class=\"hed\">\n                        A I . G A R D E N\n                    </p>\n                </h2>\n                <p class=\"bod\">\n                       Воплощай мечты легко\n                </p>\n            </div>\n        </cont1>\n<!--  -->\n        <div class=\"cont2\">\n            <a>\n            <button class=\"btn contacts\">\n                Написать нам в WhatsApp\n            </button><br>\n            </a>\n            <!--  -->\n            <a>\n            <button class=\"btn contacts\">\n                Подписаться на Boosty\n            </button><br>\n            </a>\n            <!--  -->\n            <a>\n            <button class=\"btn contacts\">\n                Отправить предложение на e-mail\n            </button>\n            </a>\n        </div>\n<!--  -->\n        <cont3>\n\n        </cont3>\n<!--  -->\n        <cont4>\n\n        </cont4>\n<!--  -->\n        <Footer/>\n    </div>\n</template>\n\n<script>\n\nimport HederUno from './hederUno.vue'\nimport Footer from './footerUno.vue'\n\nexport default{\n    components:{\n        HederUno,\n        Footer,\n        \n    },\n\n\n}\n</script>\n\n<style scoped>\n.body{\n    font-family: \"Montserrat-Regular\";\n}\n.cont1{\n    /* position: absolute;\n    top: 5%;     */\n    margin-top: 10%;\n}\n.topcont{\n    margin-left:42%;\n    margin-top: 10%;\n    \n}\n.subcont{\n    margin-top: 5%;\n    text-align: center;\n}\n.hed{\n    font-size: 55px;\n}\n.bod{\n    font-size: 30px;\n}\n.cont2{\n  margin-top: 5%;\n  padding: 5px;\n  \n}\n.contacts{\n    background-color: black;\n    color: white;\n    width: 30%;\n    height: 55px;\n    border-radius: 30px;\n    padding: 5px;\n    font-size: 25px;\n    margin-top: 0.5%;\n    text-align: center;\n    margin-left: 35%;\n}\n\n</style>\n","import { render } from \"./contactsUno.vue?vue&type=template&id=d61c9768&scoped=true\"\nimport script from \"./contactsUno.vue?vue&type=script&lang=js\"\nexport * from \"./contactsUno.vue?vue&type=script&lang=js\"\n\nimport \"./contactsUno.vue?vue&type=style&index=0&id=d61c9768&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-d61c9768\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n        <HederUno/>\n        <tophead/>\n            <div class=\"content\">\n                <P>\n                    Наш проект еще находится в разработке\n                </P>\n                <label>\n                    Мы - молодой стартап, и еще ведем работу над нашим проектам, поэтому пока не готовы Вам его представить. если Вам интересно, вы можете задать нам вопрос или оставить свои контакты и предложения. Как только мы выпустим продукт - Вы будете первым, кто получит к нему доступ\n                </label>\n                <div class=\"bntcont\">\n                    <button type=\"button\" class=\"btn btn-outline-secondary\">\n                        Задать вопрос\n                    </button>\n                    <button class=\"btn button2\" >\n                        Поддержать проект \n                    </button>\n                    <button class=\"btn button3\">\n                        Предложить партнёрство\n                    </button>\n                   \n                </div>\n               \n            </div>\n            <div class=\"zelpoloska\">\n                 \n                 <div>\n                  <br>\n                        <p>\n                            Мы будем благодарны, если Вы немного поможете нам в разработке проекта\n                        </p>\n                        <label>\n                            Ответьте, пожалуйста, на несколько вопросов.\nМы в долгу не останемся. Точно.\n                        </label>\n                    </div> <br>\n            </div>\n        <quest/>\n        <boost/>\n        <Footer/>\n    </div>\n</template>\n\n<script>\nimport HederUno from './hederUno.vue'\nimport Footer from './footerUno.vue'\nimport boost from './components/components/boostUno.vue'\nimport tophead from './components/components/topHead.vue'\nimport quest from './components/components/questsUno.vue'\nexport default{\n    components:{\n        HederUno,\n\n        Footer,\n        boost,\n        tophead,\n        quest,\n    },\n}\n</script>\n\n<style scoped>\n.zelpoloska label{\n    font-size: 25px ;\n    margin-left: 0%;\n   width: 40%;\n}\n.qwer {\nmargin-top: 4%;\n    \n   \n}\n.zelpoloska p{\n    margin-left: 30%;\n   width: 40%;\n   font-family: 'Montserrat-Bold';\n    text-align: center;\n    margin-top: 4%;\n    font-size: 30px ;\n}\n.zelpoloska{\n \n    background-color: #a0b19a;\n    text-align: center;\n    margin-top: 4%;\n    height: 360px;\n}\n.button3{\n    width: 23%;\n    min-width: 350px;\n    height: 60px;\n    border-radius: 35px;\n    background-color: #a0b19a;\n    color: aliceblue;\n    margin-left: 2%;\n    \n}\n.button2{\n    width: 23%;\n    min-width: 350px;\n    height: 60px;\n    border-radius: 35px;\n    background-color: black;\n    color: aliceblue;\n    margin-left: 2%;\n}\n\n.btn-outline-secondary{\n    width: 23%;\n    min-width: 350px;\n    height: 60px;\n    border-radius: 35px;\n\n}\n.bntcont{\n    margin-top: 4%;\n}\n.content label{\n    font-size: 25px ;\n}\n.content p{\n    font-family: 'Montserrat-Bold';\n    font-size: 30px ;\n}\n.content{\n    width: 60%;\n    margin-left: 20%;\n    text-align: center;\n    margin-top: 4%;\n}\n\n.body{\n    font-family: 'Montserrat-Regular';\n}\n\n</style>\n","<template>\n    <div class=\"body\">\n       \n        <div class=\"quest\">\n            \n            <div class=\"opros\">\n               <div class=\"vopros\">\n\n                    <label>\n                        Когда у вас возникает потребность спроектировать свой сад, выбрать оптимальное расположение для клумб и других композиций, применяете ли Вы для этого инструменты моделирования? Какие? (можно выбрать несколько ответов)\n                    </label><br><br>\n                    <div class=\"inputbox\">\n                        <input class=\"input\" type=\"radio\" \n                        value=\"a. Профессиональные программы для проектирования\n                        a. Профессиональные программы для \n                        проектирования\">\n                        <label class=\"voprostext\">\n                            a. Профессиональные программы для проектирования\n                        </label>\n                    </div>\n                    <div class=\"inputbox\">\n                        <input class=\"input\" type=\"radio\" \n                        value=\"a. Профессиональные программы для проектирования\n                        a. Профессиональные программы для \n                        проектирования\">\n                        <label class=\"voprostext\">\n                            b. Адаптированные программы и сервисы под задачи ландшафтного дизайна           \n                        \n                        </label>\n                    </div>\n                    <div class=\"inputbox\">\n                        <input class=\"input\" type=\"radio\" \n                        value=\"a. Профессиональные программы для проектирования\n                        a. Профессиональные программы для \n                        проектирования\">\n                        <label class=\"voprostext\">\n                            c. Онлайн-конструкторы\n                                              </label>\n                    </div>\n                    <div class=\"inputbox\">\n                        <input class=\"input\" type=\"radio\" \n                        value=\"a. Профессиональные программы для проектирования\n                        a. Профессиональные программы для \n                        проектирования\">\n                        <label class=\"voprostext\">\n                            d. Использую комбинацию программных продуктов                        \n                        </label>\n                    </div>\n                    <div class=\"inputbox\">\n                        <input class=\"input\" type=\"radio\" \n                        value=\"a. Профессиональные программы для проектирования\n                        a. Профессиональные программы для \n                        проектирования\">\n                        <label class=\"voprostext\">\n                            e. Не применяю. Визуализирую на бумаге (делаю наброски)                        \n                        </label>\n                    </div>\n                    <div class=\"inputbox\">\n                        <input class=\"input\" type=\"radio\" \n                        value=\"a. Профессиональные программы для проектирования\n                        a. Профессиональные программы для \n                        проектирования\">\n                        <label class=\"voprostext\">\n                            f. Действую по наитию, без предварительной проработки.                        </label>\n                    </div>\n                    <div class=\"inputbox\">\n                        <input class=\"input\" type=\"radio\" \n                        value=\"a. Профессиональные программы для проектирования\n                        a. Профессиональные программы для \n                        проектирования\">\n                        <label class=\"voprostext\">\n                            g. Иное                        </label>\n                    </div>\n\n               </div>\n               <!--  --><br>\n               <div class=\"vopros\">\n                    <label>\n                        Когда у вас возникает потребность спроектировать свой сад, выбрать оптимальное расположение для клумб и других композиций, применяете ли Вы для этого инструменты моделирования? Какие? (можно выбрать несколько ответов)\n                    </label><br><br>\n                    <textarea class=\"txt\">\n\n                    </textarea>\n               </div><br>\n               <!--  -->\n               <div class=\"vopros\">\n                <label>\n                    Какими из них Вы пользуетесь?\n                \n                </label><br><br>\n                    <textarea class=\"txt\">\n\n                    </textarea>\n               </div><br>\n               <!--  -->\n               <div class=\"vopros\">\n                <label>\n                    Какой функционал в них кажется Вам наиболее полезным?\n                \n                </label><br><br>\n                    <textarea class=\"txt\">\n\n                    </textarea>\n               </div><br>\n               <!--  -->\n               <div class=\"vopros\">\n                <label>\n                    Чего Вам не хватает в этих программах? Что хотелось бы улучшить?                \n                </label><br><br>\n                    <textarea class=\"txt\">\n\n                    </textarea>\n               </div><br>\n               <!--  -->\n               <div class=\"vopros\">\n                <label>\n                    Какие Ваши проблемы этот продукт должен решать?\n                </label><br><br>\n                    <textarea class=\"txt\">\n\n                    </textarea>\n               </div><br>\n               <!--  -->\n               <div class=\"vopros\">\n                <label>\n                    На каких условиях Вы готовы использовать продукт (возможно несколько ответов)?                \n                </label><br><br>\n                <div class=\"inputbox\">\n                        <input class=\"input\" type=\"checkbox\">\n                      \n                        <label class=\"voprostext\">\n                            a. Профессиональные программы для проектирования\n                        </label>\n                    </div>\n                    <div class=\"inputbox\">\n                        <input class=\"input\" type=\"checkbox\">\n                     \n                        <label class=\"voprostext\">\n                            b. Адаптированные программы и сервисы под задачи ландшафтного дизайна                        </label>\n                    </div>\n                    <div class=\"inputbox\">\n                        <input class=\"input\" type=\"checkbox\">\n                     \n                        <label class=\"voprostext\">\n                            c. Онлайн-конструкторы                        \n                        </label>\n                    </div>\n                    <div class=\"inputbox\">\n                        <input class=\"input\" type=\"checkbox\">\n                     \n                        <label class=\"voprostext\">\n                            d. Использую комбинацию программных продуктов                        \n                        </label>\n                    </div>\n                    <div class=\"inputbox\">\n                        <input class=\"input\" type=\"checkbox\">\n                     \n                        <label class=\"voprostext\">\n                            e. Не применяю. Визуализирую на бумаге (делаю наброски)                        \n                        </label>\n                    </div>\n                    <div class=\"inputbox\">\n                        <input class=\"input\" type=\"checkbox\">\n                     \n                        <label class=\"voprostext\">\n                            f. Действую по наитию, без предварительной проработки.                        \n                        </label>\n                    </div>\n                    <div class=\"inputbox\">\n                        <input class=\"input\" type=\"checkbox\">\n                     \n                        <label class=\"voprostext\">\n                            g. Иное                        \n                        </label>\n                    </div>\n               </div><br>\n               <!--  -->\n               <div class=\"vopros\">\n                <label>\n                    Укажите приемлемую для вас стоимость месячной подписки, если применимо                \n                </label><br><br>\n                    <textarea class=\"txt\">\n\n                    </textarea>\n               </div><br>\n               <!--  -->\n               <div class=\"voprosbox\">\n                <a >\n               <button class=\"btn send\">\n                    Отправить\n               </button>\n              </a>\n              <label class=\"sogl\">\n                *Нажимая \"Отправить\" Вы соглашаетесь с политикой обработки персональных данных\n              </label>\n               </div> <br>\n               <!--  -->\n            </div>\n        </div>\n\n\n    </div>\n</template>\n\n<script>\nexport default{\n\n}\n</script>\n\n<style scoped>\n.sogl{\n    margin-top: 1%;\n    font-size: 15px;\n    /* margin-left: 20%; */\n    margin-bottom: 5%;\n}\n.send{\n    font-size: 24px;\n    width: 20%;\n    height: 60px;\n    border-radius: 30px;\n    /* margin-left: 40%; */\n    background-color: #a0b19a;\n    margin-top: 6.6%;\n}\n.txt{\n    width: 100%;\n    height: 110px;\n    border: none;\n    border-radius: 20px;\n}\n.voprostext{\n    font-size: 24px;\n}\n.input{\n    width: 35px;\n    padding: 5px;\n    border-radius: 5px;\n    margin-left: -10px;\n}\n\n.vopros{\n    text-align: left;\n    justify-content: center;\n}\n.quest{\n width: 60%; \n  \n   /* margin: 0; */\n    margin-left: 20%;\n    margin-top: 7%;\n    font-size: 24px;\n    text-align: center;\n    background-color: #f1f1f1;\n    border-radius: 20px;\n    padding: 25px; \n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-content: center;\n}\n.body{\n    font-family: 'Montserrat-Regular';\n    text-align: center;\n\n}\n\n.srp{\n    width: 100%;\n    height: 50px;\n    background-color: rgba(202, 202, 202, 0.788);\n    margin-top: 7%;\n}\n@media (max-width:1280px) {\n    .srp {\n    width: 100%;\n    height: 100px;\n    background-color: rgba(202, 202, 202, 0.788);\n    margin-top: 7%;\n}\n.txt{\n    width: 100%;\n    height: 100px;\n}\n/* .srp p{\n    font-family: 'Montserrat-Bold';\n    margin-top: 1%;\n    font-size:40px ;\n    position: absolute;\n    margin-left: 20%;\n} */\n\n}\n.opros{\n    width: 100%;\n    background-color:#eeeeee ;\n    padding: 25px;\n    border-radius: 20px;\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-content: center;\n    \n}\n.srp p{\n    font-family: 'Montserrat-Bold';\n    margin-top: 1%;\n    font-size:30px ;\n    /* position: absolute;\n    margin-left: 20%; */\n}\n.voprosbox{\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-content: center;\n}\n\n</style>\n","import { render } from \"./questsUno.vue?vue&type=template&id=a968795a&scoped=true\"\nimport script from \"./questsUno.vue?vue&type=script&lang=js\"\nexport * from \"./questsUno.vue?vue&type=script&lang=js\"\n\nimport \"./questsUno.vue?vue&type=style&index=0&id=a968795a&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-a968795a\"]])\n\nexport default __exports__","import { render } from \"./enterTeam.vue?vue&type=template&id=7912ba13&scoped=true\"\nimport script from \"./enterTeam.vue?vue&type=script&lang=js\"\nexport * from \"./enterTeam.vue?vue&type=script&lang=js\"\n\nimport \"./enterTeam.vue?vue&type=style&index=0&id=7912ba13&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7912ba13\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n        <HederUno/>\n       <tophead/>\n      \n        <br>\n        <div class=\"content\">\n            <div class=\"hedcont\">\n            <div class=\"hedcontent\">\n                \n                Мы - стартап, созданный людьми, мечтавшими объединить природу и технологии для пользы всех существ на земле. Наш продукт пока еще находится а разработке, и мы не можем Вам его показать. <br>\n              \n                <!-- Но мы активно над ним работаем и совершенствуем наши технологии. Поэтому мы будем невероятно признательны, если Вы уделите нам немного внимания и погуляете по нашему сайту. Мы также с радостью ответим на все вопросы, которые у Вас возникнут. Ну и конечно, мы будем особенно благодарны, если Вы поддержите нас любым удобным для Вас способом: пройдете опрос, подпишитесь на наши новости, или поддержите проект любой суммой, которой можете. Мы же, в свою очередь, не останемся в долгу, и отблагодарим Вас интересными подарками и эксклюзивными условиями пользования сервисом в дальнейшем!         -->\n<div class=\"hedcontentG\">\n              <div class=\"polosocka\">    </div>         \n          \n                <h1>\n                    <p>\n                    Счастье состоит из мелочей\n                    </p>\n                </h1>\n            </div>\n            </div>\n           \n            \n           \n            <div class=\"bodycontent\">\n                Но мы активно над ним работаем и совершенствуем наши технологии. Поэтому мы будем невероятно признательны, если Вы уделите нам немного внимания и погуляете по нашему сайту. Мы также с радостью ответим на все вопросы, которые у Вас возникнут. Ну и конечно, мы будем особенно благодарны, если Вы поддержите нас любым удобным для Вас способом: пройдете опрос, подпишитесь на наши новости, или поддержите проект любой суммой, которой можете. Мы же, в свою очередь, не останемся в долгу, и отблагодарим Вас интересными подарками и эксклюзивными условиями пользования сервисом в дальнейшем!        \n            </div>\n           </div>\n        </div>\n        <div class=\"support\">\n            <button class=\"btn sap\">\n                <label>\n                    Поддержать проект  \n                </label>\n               \n\n                <div class=\"strela\">\n                    <div class=\"belka\"></div>\n                    <div class=\"strelka\"></div>\n                </div>\n            </button>\n            <button class=\"btn sap\">\n                <label>\n                     Подписаться на новости\n                </label>\n               \n                <div class=\"strela\">\n                    <div class=\"belka\"></div>\n                    <div class=\"strelka\"></div>\n                </div>\n\n            </button>\n            <button class=\"btn sap\">\n                <label>\n                     Стать партнёром  \n                </label>\n               \n                <div class=\"strela\">\n                    <div class=\"belka\"></div>\n                    <div class=\"strelka\"></div>\n                </div>\n               \n            </button>\n        </div>\n\n         <div class=\"srp\" ><br>\n                <p class=\"pp\">Ответьте на несколько вопросов и получите подарок!</p>\n            </div>  \n   \n          <quest/>\n        <boost/>\n       \n        <Footer/>\n    </div>\n</template>\n\n<script>\nimport HederUno from './hederUno.vue'\nimport Footer from './footerUno.vue'\nimport boost from './components/components/boostUno.vue'\nimport tophead from './components/components/topHead.vue'\nimport quest from './components/components/questsUno.vue'\nexport default{\n    components:{\n        HederUno,\n\n     Footer,\n        boost,\n        tophead,\n        quest,\n    },\n\n\n}\n</script>\n\n<style scoped>\n.strela{\n    text-align: right;\n    float: left;\n    margin-left: 95%;\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    align-items: left;\n    /* margin-bottom: 45%; */\n    margin-top: -2.6%;\n}\n.belka{\n    width: 20px;\n    height: 2px;\n    background-color: rgb(255, 255, 255);\n    transform: rotate(55deg);\n    margin-top:-5px;\n\n}\n.strelka{\n    width: 20px;\n    height: 2px;\n    background-color: rgb(255, 255, 255);\n    transform:  rotate(-55deg);\n    margin-top: 65%;\n}\n.srp{\n    width: 100%;\n    height: 200px;\n    background-color: rgba(202, 202, 202, 0.788);\n    margin-top: 7%;\n    display: flex;\n    justify-content: center;\n    align-content: center;\n}\n@media (max-width:1280px) {\n    .srp {\n    width: 100%;\n    height: 100px;\n    background-color: rgba(202, 202, 202, 0.788);\n    margin-top: 7%;\n}\n.txt{\n    width: 100%;\n    height: 100px;\n}\n/* .srp p{\n    font-family: 'Montserrat-Bold';\n    margin-top: 1%;\n    font-size:40px ;\n    position: absolute;\n    margin-left: 20%;\n} */\n\n}\n\n.srp p{\n    font-family: 'Montserrat-Bold';\n    margin-top: 3%;\n    font-size:30px ;\n\n    /* position: absolute;*/\n    /* margin-left: 25%;  */\n}\n.pp{\n    margin-top: 105%;\n}\n.support{\n    width: 60%;\n    margin-top: 6%;\n    margin-left: 30%;\n}\n.sap{\n    width: 65%;\n    height: 70px;\n    border-radius: 50px;\n    color: white;\n    background-color: #a0b19a;\n    /* text-align: left; */\n    /* display: flex;\n    flex-direction: row;\n    justify-content:center; */\n    font-size: 20px;\n    /* margin: 1; */\n    margin-top: 1%;\n}\n.sap label{\n    display: flex;\n    flex-direction: row;\n    margin-left: 2%;\n}\n.polosocka{\n    width: 400px;\n    height: 2px;\n    background-color: black;\n    margin-bottom: 5%;\n    /* margin-left: 20%; */\n}\n.content{\n    display: flex;\n    justify-content: center;\n    align-content: center;\n    align-items: center;\n    width: 100%;\n    margin-top: 3%;\n    margin-left: 0%;\n    font-size: 30px;\n}\n.hedcont{\n    display: flex;\n    flex-direction: column;\n    /* justify-content: center; */\n    /* align-content: center; */\n    /* align-items: center; */\n   /* text-align:justify; */\n   /* margin-left: 25%; */\n    width: 50%;\n}\n\n.hedcontent{\n    float: left;\n    display: flex;\n    /* text-align: left; */\n    /* width: 46%; */\n    z-index: 5;\n    font-size: 25px;\n\n}\n.bodycontent{\n    font-size: 25px;\n}\n@media (max-width:1280px)  {\n    .bodycontent{\n        margin-top: 1%;\n    }\n}\n.hedcontentG{\n    font-size: 50px;\n    /* width: 34%; */\n    /* margin-left: 36%; */\n    float: right;\n    margin: 20px;\n    /* height: 150px; */\n}\n.body{\n    font-family: \"Montserrat-Regular\";\n    z-index: 199999999;\n    /* margin-top:100px ; */\n}\n.hed{\n    margin-top: 8%;\n    margin-left: 20%;\n    width: 80%;\n    \n\n}\n.lefthed{\n   \n    float: left;\n    text-align: left;\n}\n.hedtext1{\n    font-size: 90px;\n     font-family: \"Montserrat-Bold\";\n     \n}\n.hedtext2{\n    color: rgb(172, 172, 172);\n    font-size: 70px;\n}\n.righthed{\n\n}\n.img1{\n    width: 40%;\n}\n\n.hedbtn{\n    width: 200px;\n    height: 60px;\n    background-color: black;\n    color: white;\n    border-radius: 50px;\n    font-size: 30px;\n    margin-left: 2%;\n\n}\n\n\n</style>\n","import { render } from \"./aboutUs.vue?vue&type=template&id=435ce8de&scoped=true\"\nimport script from \"./aboutUs.vue?vue&type=script&lang=js\"\nexport * from \"./aboutUs.vue?vue&type=script&lang=js\"\n\nimport \"./aboutUs.vue?vue&type=style&index=0&id=435ce8de&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-435ce8de\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n       <HederUno/>\n       <tophead/>\n       <div class=\"content\">\n            <div class=\"contentbox\">\n            <h1>\n                <p>\n                    Что мы можем предложить нашим пользователям уже сегодня?\n                </p>\n            </h1>\n            <label>\n                Пока наш продукт находится в разработке, мы активно собираем обратную связь и ожидания наших потенциальных пользователей. Мы будем признательны, если Вы ответите на несколько вопросов - это позволит нам сделать продукт наиболее подходящим именно для Вас! Мы также предлагаем Вам оставить свои контакты - как только наш сервис будет готов, Вы сможете первыми протестировать его и получить в дальнейшем специальные условия пользования НАВСЕГДА! Подписывайтесь на наши новости, чтобы не пропустить ничего интересного!\n            </label>\n\n             </div>\n             <br>\n             <div class=\"zelcont\">\n\n                <div class=\"adverthed\">\n                    <br><br><br>\n                <p>\n                    Сделайте Ваших клиентов счастливыми!\n                </p>\n                <label>\n                    Работайте в удовольствие, творите и фантазируйте, а рутину оставьте искусственному интеллекту!\n                </label>\n                </div>\n               <div class=\"table\">\n                    <div class=\"tablebody1\">\n                        <label>\n                            Уникальная система определения предпочтений и потребностей пользователя\n                        </label>\n                        <img src=\"./assets/icons/free-icon-creative-brain-4385919.png\" alt=\"img\">\n                    </div>\n                    <div class=\"tablebody2\">\n                        <label>\n                            Генерация фотореалистичных визуализаций по тегам и отобранным изображениям\n                        </label>\n                        <img src=\"./assets/icons/free-icon-insert-picture-icon-16410.png\" alt=\"img\">\n                    </div>\n                   \n                </div>\n                <div class=\"table\">\n                    \n                    <div class=\"tablebody1\">\n\n                         <label>\n                            Вся работа в одном онлайн-сервисе без тяжелых программ и конвертирования файлов\n                        </label>\n                        <img src=\"./assets/icons/free-icon-innovation-2452643.png\" alt=\"img\">\n                    </div>\n                    <div class=\"tablebody2\">\n                        <label>\n                            Дополнительный заработок на заказах и доставке, удобный формат работы с поставщиками!\n                    </label>\n                    <img src=\"./assets/icons/free-icon-profit-154221.png\" alt=\"img\">\n                    </div>\n             </div>\n             </div>\n             <div class=\"btndiv\">\n                <a>\n                    \n                </a>\n                <button class=\"btn button1\">\n                    Стать вип пользователем\n                </button>\n             </div>\n        </div>\n        <boost/>\n       <Footer/>\n    </div>\n</template>\n\n<script>\nimport HederUno from './hederUno.vue'\nimport Footer from './footerUno.vue'\nimport boost from './components/components/boostUno.vue'\nimport tophead from './components/components/topHead.vue'\nexport default{\n    components:{\n        HederUno,\n        Footer,\n         boost,\n        tophead,\n        \n    },\n\n\n}\n</script>\n\n<style scoped>\n.button1{\n    width: 100%;\n    height: 100px ;\n    background-color: #a0b19a;\n}\n.table{\n    display: flex;\n    width: 100%;\n    margin-top: 2%;\n}\n.tablebody1 img{\n    width: 125px;\n    margin-left: 2%;\n}\n.tablebody2 img{\n    width: 125px;\n    margin-left: 2%;\n}\n.tablebody{\n\n}\n.tablebody1 label{\n    margin-top: 2%;\n    text-align: left;\n    font-size: 25px ;\n   margin-left: 30%;\n    width: 50%;\n    font-family: 'Montserrat-Bold';\n    float: left;\n}\n.tablebody2 label{\n    margin-top: 2%;\n    text-align: left;\n    font-size: 25px ;\n   margin-left: 5%;\n    width: 50%;\n    font-family: 'Montserrat-Bold';\n    float: left;\n}\n.adverthed label{\n   \n    font-size: 25px ;\n    width: 30%;\n    text-align: center;\n}\n.adverthed p{\n    /* margin-left: 33%; */\n    font-family: 'Montserrat-Bold';\n    font-size: 30px ;\n    text-align: center;\n}\n.zelcont{\n    text-align: center;\n    margin-top: 4%;\n}\n.zelcont{\n    width: 100%;\n    height: 700px;\n    background-color: #cecece;\n}\n.body{\n    font-family: \"Montserrat-Regular\";\n}\n.contentbox{\n    width: 60%;\n    margin-left: 20%;\n    \n}\n.content{\n    margin-top: 5%;\n\n}\n\n</style>\n","import { render } from \"./forLendlords.vue?vue&type=template&id=5d3b0d2b&scoped=true\"\nimport script from \"./forLendlords.vue?vue&type=script&lang=js\"\nexport * from \"./forLendlords.vue?vue&type=script&lang=js\"\n\nimport \"./forLendlords.vue?vue&type=style&index=0&id=5d3b0d2b&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-5d3b0d2b\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">   \n       <HederUno/>\n       <tophead/>\n       <div class=\"parthed\">\n            <p>Приветствуем наших потенциальных партнеров!</p>\n            <label>\n                Приветствуем наших потенциальных партнеров!\nМы знаем, что в одиночку мы можем сделать очень мало, но все вместе мы можем изменить мир! Поэтому мы приглашаем к сотрудничеству всех, кого заинтересовал наш проект. Будь Вы инвестор, ищущий, куда выгодно вложит свой капитал, заинтересованный пользователь, мечтающий применить свою творческую энергию и профессиональные компетенции, или команда, работающая над похожим проектом - мы с удовольствием обсудим с Вами взаимовыгодные условия сотрудничества. Уверены, вместе нас ждут великие свершения!\n            </label>\n       </div>\n        <div class=\"forpart\">\n            <input type=\"text\" placeholder=\"Ваше имя\"><br>\n            <input type=\"text\"  placeholder=\"Ваш род деятельности\"><br>\n            <textarea>\n\n            </textarea><br>\n            <input type=\"text\"  placeholder=\"Ваш email или телефон\"><br>\n            <button class=\"btn send\">\n                    Отправить\n               </button>\n        </div>\n        <boost/>\n       <Footer/>\n\n    </div>\n</template>\n\n<script>\nimport HederUno from './hederUno.vue'\nimport Footer from './footerUno.vue'\nimport boost from './components/components/boostUno.vue'\nimport tophead from './components/components/topHead.vue'\n//import quest from './components/components/questsUno.vue'\nexport default{\n    components:{\n        HederUno,\n\n        Footer,\n        boost,\n        tophead,\n      //  quest,\n    },\n\n}\n</script>\n\n<style scoped>\n.parthed p{\n    font-family: 'Montserrat-Bold';\n    font-size: 36px;\n}\n.parthed label{\n    font-family: 'Montserrat-Regular';\n    font-size: 24px;\n}\n.parthed{\n    margin-left: 20%;\n    margin-top: 5%;\n    text-align: left;\n    width: 65%;\n\n}\n.send{\n    margin-top: 3%;\n    font-size: 24px;\n    width: 20%;\n    height: 60px;\n    border-radius: 30px;\n    margin-left: 25%;\n    background-color: #a0b19a;\n}\n.forpart input{\n    width: 70%;\n    height: 50px;\n    padding: 15px;\n    margin-top: 2%;\n}\n.forpart textarea{\n    width: 70%;\n    height: 200px;\n    padding: 5px;\n    margin-top: 2%;\n    padding: 15px;\n}\n.forpart{\n    width: 60%;\n    margin-top: 5%;\n    margin-left: 29%;\n}\n.body{\n    font-family: 'Montserrat-Regular';\n}\n</style>\n","import { render } from \"./forPartners.vue?vue&type=template&id=8ad3d418&scoped=true\"\nimport script from \"./forPartners.vue?vue&type=script&lang=js\"\nexport * from \"./forPartners.vue?vue&type=script&lang=js\"\n\nimport \"./forPartners.vue?vue&type=style&index=0&id=8ad3d418&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-8ad3d418\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n       <HederUno/>\n       <tophead/>\n       <div class=\"content\">\n            <div class=\"contentbox\">\n            <h1>\n                <p>\n                    Чем наш сервис полезен питомникам?\n                </p>\n            </h1>\n            <label>\n                Мы предлагаем питомникам индивидуальный формат сотрудничества. Наша цель - автоматизация процессов взаимодействия с клиентами для максимального снижения расходов и повышения лояльности покупателей. Мы разрабатывам технологии для бесшовного взаимодействия поставщиков, проектировщиков и конечных пользователей в цифровой среде и готовы к диалогу для наиболее полного удовлетворения потребностей наших клиентов!\n            </label>\n\n             </div>\n             <br>\n             <div class=\"zelcont\">\n                <div class=\"zag\">\n                <h1>\n                    <p >\n                        Оптимизируйте рабочие процессы\n                        и привлекайте больше клиентов онлайн!\n                    </p>\n                </h1>\n                </div>\n                <div class=\"kardcont\">\n\n                <div class=\"kard\">\n                    <h1>\n                    <p>\n                      Скорость\n                    </p>\n                </h1>\n                    <label>\n                        Сокращайте время на получение и обработку заказа\n                    </label>\n                </div>\n                <!--  -->\n                <div class=\"kard2\"></div>\n                <!--  -->\n                <div class=\"kard\">\n                    <h1>\n                    <p>\n                         Качество\n                    </p>\n                </h1>\n                <label>\n                    Повышайте качество обслуживания \n                </label>\n                </div>\n                 <!--  -->\n                 <div class=\"kard2\"></div>\n                <!--  -->\n                <div class=\"kard\">\n                    <h1>\n                    <p>\n                        Лояльность\n                    </p>\n                </h1>\n                <label>\n                    Привлекайте больше клиентов за счет уникальных услуг\n                </label>\n                </div>\n                \n                <!--  -->\n                </div>\n             </div>\n        </div>\n        <boost/>\n       <Footer/>\n    </div>\n</template>\n\n<script>\nimport HederUno from './hederUno.vue'\nimport Footer from './footerUno.vue'\nimport boost from './components/components/boostUno.vue'\nimport tophead from './components/components/topHead.vue'\nexport default{\n    components:{\n        HederUno,\n        Footer,\n         boost,\n        tophead,\n        \n    },\n\n\n}\n</script>\n\n<style scoped>\n.zag{\n    margin-top: 5%;\n    \n}\n.zag p{\n    margin-top: 5%;\n}\n.kard2{\n    height: 200px;\n    width: 2px;\n    margin-left: 1%;\n    background-color: rgb(202, 202, 202);\n}\n.kard{\n    width: 200px;\n    height: 400px;\n    margin-left: 1%;\n}\n.kardcont{\n    display: flex;\n    margin-left: 30%;\n}\n.zelcont{\n    text-align: center;\n}\n.zelcont{\n    width: 100%;\n    height: 700px;\n    background-color: #a0b19a;\n}\n.body{\n    font-family: \"Montserrat-Regular\";\n}\n.contentbox{\n    width: 60%;\n    margin-left: 20%;\n    \n}\n.content{\n    margin-top: 5%;\n\n}\n\n</style>\n","import { render } from \"./forPitomniks.vue?vue&type=template&id=41083ff5&scoped=true\"\nimport script from \"./forPitomniks.vue?vue&type=script&lang=js\"\nexport * from \"./forPitomniks.vue?vue&type=script&lang=js\"\n\nimport \"./forPitomniks.vue?vue&type=style&index=0&id=41083ff5&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-41083ff5\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n        <HederUno/>\n        <tophead/>\n        <div class=\"content\">\n            <div class=\"contenthed\">\n                <p>\n                    Что может сделать наш сервис максимально полезным для Вас?\n                </p>\n                <label>\n                    Напишите Ваш вопрос или пожелание. Мы обязательно ответим на Ваш вопрос в ближайшее время и постараемся учесть все пожелания!\n                </label>\n            </div><br>\n            <div class=\"contentbody\">\n                <input type=\"text\" placeholder=\"Напишите Ваше имя\"><br>\n                <input type=\"text\" placeholder=\"Напишите Ваш email или телефон\"><br><br><br>\n                <label>Напишите Ваш вопрос или предложение</label>\n                <textarea class=\"txt\" placeholder=\"Напишите Ваш вопрос или предложение\" >\n\n                </textarea>\n                <a>\n                <button class=\"btn send\">\n                    Отправить\n               </button>\n              </a>\n              <p class=\"sogl\">\n                *Нажимая \"Отправить\" Вы соглашаетесь с политикой обработки персональных данных\n            </p>\n            </div>\n        </div>\n        <boost/>\n        <Footer/>\n</div>\n</template>\n\n<script>\nimport HederUno from './hederUno.vue'\nimport Footer from './footerUno.vue'\nimport boost from './components/components/boostUno.vue'\nimport tophead from './components/components/topHead.vue'\nexport default{\n    components:{\n        HederUno,\n        Footer,\n         boost,\n        tophead,\n        \n    },\n\n\n}\n</script>\n\n<style scoped>\n\n\n.sogl{\n    font-size: 15px;\n    margin-left: 10%;\n    margin-top: 3%;\n}\n.send{\n    margin-top: 5%;\n    font-size: 24px;\n    width: 40%;\n    height: 60px;\n    border-radius: 30px;\n    margin-left: 31%;\n    background-color: #a0b19a;\n}\n.txt{\n    width: 100%;\n    height: 350px;\n    /* margin-top: 5%; */\n    padding: 5px;\n}\n.contentbody input{\n    width: 100%;\n    height: 50px;\n    margin-top: 5%;\n    padding: 5px;\n}\n.contentbody{\n    width: 70%;\n    margin-left: 13%;\n    \n}\n.contentbody label{\n    font-size: 24px ;\n}\n.contenthed label{\n    font-size: 24px ;\n}\n\n.content{\n    width: 60%;\n    margin-left: 20%;\n    text-align: left;\n    margin-top: 4%;\n}\n.contenthed p{\n   font-family: 'Montserrat-Bold';\n    font-size: 36px ;\n}\n.body{\n    font-family: 'Montserrat-Regular';\n}\n</style>\n","import { render } from \"./getQuestion.vue?vue&type=template&id=47e8a03e&scoped=true\"\nimport script from \"./getQuestion.vue?vue&type=script&lang=js\"\nexport * from \"./getQuestion.vue?vue&type=script&lang=js\"\n\nimport \"./getQuestion.vue?vue&type=style&index=0&id=47e8a03e&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-47e8a03e\"]])\n\nexport default __exports__","<template>\n    <div>\n        In developing...\n    </div>\n</template>\n\n<script>\nexport default{\n\n}\n</script>\n\n<style scoped>\n</style>\n","import { render } from \"./oprPredpocteniq.vue?vue&type=template&id=3a5a0aa1\"\nimport script from \"./oprPredpocteniq.vue?vue&type=script&lang=js\"\nexport * from \"./oprPredpocteniq.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div>\n        In developing...\n    </div>\n</template>\n\n<script>\nexport default{\n\n}\n</script>\n\n<style scoped>\n</style>\n","import { render } from \"./resIntervue.vue?vue&type=template&id=0571d798\"\nimport script from \"./resIntervue.vue?vue&type=script&lang=js\"\nexport * from \"./resIntervue.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    \n    <div class=\"body\">\n <HederUno/>\n       \n       <tophead/>\n       <div class=\"tarifs\">\n        <div class=\"tcont\">\n            <!-- <table>\n                <tr>\n                    <td>\n                        <img alt=\"img\">\n                        <p  class=\"tp\">Free</p>\n                    </td>\n                    <td>\n                        <img alt=\"img\">\n                        <p class=\"tp\">Premium 30 дней</p>\n                    </td>\n                    <td>\n                        <img alt=\"img\">\n                        <p class=\"tp\" >Premium 365 дней</p>\n                    </td>\n                </tr>\n            </table> -->\n        <p class=\"tarifhedp\">\n                    Выберите подходящий Вам тариф\n                </p>\n                <table>\n                    <tr>\n                        <td>\n                           \n                           <img class=\"ikon\" src=\"../land/assets/icons/free-icon-tag-2048842.png\" alt=\"img\"   >                           \n                                \n                          \n                           \n                        </td>\n                        <td>\n                            <img class=\"ikon\" src=\"../land/assets/icons/free-icon-premium-quality-4212243.png\" alt=\"img\"   >   \n                        </td>\n                        <td>\n                            <img class=\"ikon\" src=\"../land/assets/icons/free-icon-premium-services-14165.png\" alt=\"img\"   >   \n                           \n                        </td>\n                    </tr>\n                    <tr>\n                        <td>\n                            <h3>\n                                     <strong>\n                                    Free \n                                      </strong>\n                                </h3>                                \n                                \n                          \n                        </td>\n                        <td>\n                            <h3>\n                                     <strong>\n                                        Premium 30\n                                      </strong>\n                                </h3>                                \n                                \n                          \n                        </td>\n                        <td>\n                            <h3>\n                                     <strong>\n                                        Premium 365\n                                      </strong>\n                                </h3>                                \n                                \n                            \n                        </td>\n                    </tr>\n                    <!--  -->\n                    <tr>\n                        <td>\n                            <label>\n                                Определение стилевых и эмоциональных предпочтений\n                            </label>\n                            <div class=\"gpoloska\"></div>\n                        </td>\n                        <td>\n                            <label>\n                                Набор рекомендаций в соответствии с предпочтениями ко всем проектам                            </label>\n                            <div class=\"gpoloska\"></div>\n                        </td>\n                        <td>\n                            <label>\n                                Все, что включено в Премиум-30 на весь год!\n                            </label>\n                            <div class=\"gpoloska\"></div>\n                        </td>\n                    </tr>\n                        <!--  -->\n                    <tr>\n                        <td>\n                            <label>\n                                Доступ к бесплатной базе проектов\n                            \n                            </label>\n                            <div class=\"gpoloska\"></div>\n                        </td>\n                        <td>\n                            <label>\n                                Больше бесплатных шаблонов, бесплатные арт-шаблоны                            \n                            </label>\n                            <div class=\"gpoloska\"></div>\n                        </td>\n                        <td>\n                            <label>\n                                Онлайн-сопровождение дизайнером                            \n                            </label>\n                            <div class=\"gpoloska\"></div>\n                        </td>\n                    </tr>\n                        <!--  -->\n                    <tr>\n                        <td>\n                            <label>\n                                Генерация до 10 изображений в день                            \n                            </label>\n                            <div class=\"gpoloska\"></div> \n                        </td>\n                        <td>\n                            <label>\n                                Безлимитная генерация изображений весь месяц                            </label>\n                            <div class=\"gpoloska\"></div>\n                        </td>\n                        <td>\n                            <label>\n                                Календарь и рекомендации по уходу ко всем проектам на год!\n                            </label>\n                            <div class=\"gpoloska\"></div>\n                        </td>\n                    </tr>\n                        <!--  -->\n                    <tr>\n                        <td>\n                            <label>\n                                Бесплатные шаблоны\n                            \n                            </label>\n                            <div class=\"gpoloska\"></div>\n                        </td>\n                        <td>\n                            <label>\n                                Генерация проектной документации   \n                             </label>\n                            <div class=\"gpoloska\"></div>\n                        </td>\n                        <td>\n                            <label>\n                                Возможность командной работы                            \n                            </label>\n                            <div class=\"gpoloska\"></div>\n                        </td>\n                    </tr>\n                        <!--  -->\n                    <tr>\n                        <td>\n                            <label>\n                                Быстрый заказ\n                            \n                            </label>\n                        </td>\n                        <td>\n                            <label>\n                                Подбор растений и материалов\n                                                         </label>\n                            <div class=\"gpoloska\"></div>\n                        </td>\n                        <td>\n                            <label>\n                                Личный менеджер и техподдержка 24/7\n                            \n                            </label>\n                            <div class=\"gpoloska\"></div>\n                        </td>\n                    </tr>\n                        <!--  -->\n                    <tr>\n                        <td>\n\n                            <!-- <div class=\"tariffoot\">\n                                <p class=\"tfp1\">\n                                    Бесплатной\n                                </p>\n                                <button class=\"btn button1\">\n                                    Забронировать\n                                </button>\n                            </div> -->\n                        </td>\n                        <td>\n                            <label>\n                                Подбор самых выгодных доставок\n                             </label>\n                        </td>\n                        <td>\n                            \n                        </td>\n                    </tr>\n                        <!--  -->\n                    <tr>\n                        <td>\n                            <div class=\"tariffoot\">\n                                <p class=\"tfp4\">\n                                    Бесплатной\n                                </p>\n                                <button class=\"btn button1\">\n                                    Забронировать\n                                </button>\n                            </div>\n                        </td>\n                        <td>\n                            <div class=\"tariffoot\">\n                                <p class=\"tfp4\">\n                                    300 рублей\n                                </p>\n                                <button class=\"btn button1\">\n                                    Забронировать\n                                </button>\n                            </div>\n                        </td>\n                        <td>\n                           <div class=\"tariffoot\">\n                                <p class=\"tfp4\">\n                                    300 рублей\n                                </p>\n                                <button class=\"btn button1\">\n                                    Забронировать\n                                </button>\n                            </div>\n                        </td>\n                    </tr>\n                        <!--  -->\n                  \n                        <!--  -->\n                        <tr>\n                            <td>\n                                \n                            </td>\n                        </tr>\n                </table>\n                <br>\n            <!-- <div class=\"tarifshed\"> \n                \n                <div class=\"tarif1\">\n                    <div class=\"tarifhed\">\n                        <img alt=\"img\">\n                        <p  class=\"tp\">Free</p>\n                    </div>\n                    <div class=\"tarifbody\">\n                            <div class=\"gpoloska\"></div>\n                            <label>\n                                Определение стилевых и эмоциональных предпочтений\n                            </label>\n                            <div class=\"gpoloska\"></div>\n                            <label>\n                                Доступ к бесплатной базе проектов\n                            \n                            </label>\n                            <div class=\"gpoloska\"></div>\n                            <label>\n                                Генерация до 10 изображений в день                            \n                            </label>\n                            <div class=\"gpoloska\"></div>\n                            <label>\n                                Бесплатные шаблоны\n                            \n                            </label>\n                            <div class=\"gpoloska\"></div>\n                            <label>\n                                Быстрый заказ\n                            \n                            </label>\n                            <div class=\"gpoloska\"></div>\n                            <div class=\"tariffoot\">\n                                <p class=\"tfp1\">\n                                    Бесплатной\n                                </p>\n                                <button class=\"btn button1\">\n                                    Забронировать\n                                </button>\n                            </div>\n                    </div>\n                </div>\n                <div class=\"vpoloska\"></div>\n                \n                <div class=\"tarif2\">\n                    <div class=\"tarifhed\">\n                        <img alt=\"img\">\n                        <p class=\"tp\">Premium 30 дней</p>\n                    </div>\n                    <div class=\"tarifbody\">\n                            <div class=\"gpoloska\"></div>\n                            <label>\n                                Набор рекомендаций в соответствии с предпочтениями ко всем проектам                            </label>\n                            <div class=\"gpoloska\"></div>\n                            <label>\n                                Больше бесплатных шаблонов, бесплатные арт-шаблоны                            \n                            </label>\n                            <div class=\"gpoloska\"></div>\n                            <label>\n                                Безлимитная генерация изображений весь месяц                            </label>\n                            <div class=\"gpoloska\"></div>\n                            <label>\n                                Генерация проектной документации   \n                             </label>\n                            <div class=\"gpoloska\"></div>\n                            <label>\n                                Подбор растений и материалов\n                                                         </label>\n                            <div class=\"gpoloska\"></div>\n                            <label>\n                                Подбор самых выгодных доставок\n                             </label>\n                        \n                            <div class=\"tariffoot\">\n                                <p class=\"tfp2\">\n                                    300 рублей\n                                </p>\n                                <button class=\"btn button1\">\n                                    Забронировать\n                                </button>\n                            </div>\n                    </div>\n                </div>\n                <div class=\"vpoloska\"></div>\n                <div class=\"tarif3\">\n                    <div class=\"tarifhed\">\n                        <img alt=\"img\">\n                        <p class=\"tp\" >Premium 365 дней</p>\n                    </div>\n                    <div class=\"tarifbody\">\n                            <div class=\"gpoloska\"></div>\n                            <label>\n                                Все, что включено в Премиум-30 на весь год!\n                            </label>\n                            <div class=\"gpoloska\"></div>\n                            <label>\n                                Онлайн-сопровождение дизайнером                            \n                            </label>\n                            <div class=\"gpoloska\"></div>\n                            <label>\n                                Календарь и рекомендации по уходу ко всем проектам на год!\n                            </label>\n                            <div class=\"gpoloska\"></div>\n                            <label>\n                                Возможность командной работы                            \n                            </label>\n                            <div class=\"gpoloska\"></div>\n                            <label>\n                                Личный менеджер и техподдержка 24/7\n                            \n                            </label>\n                            <div class=\"gpoloska\"></div>\n                            <div class=\"tariffoot\">\n                                <p class=\"tfp3\">\n                                    Бесплатной\n                                </p>\n                                <button class=\"btn button1\">\n                                    Забронировать\n                                </button>\n                            </div>\n                    </div>\n                </div>\n            </div>-->\n        </div>\n       </div>\n          <!-- <quest/> -->\n        <boost/>\n       \n        <Footer/>\n    </div>\n</template>\n\n<script>\nimport HederUno from './hederUno.vue'\nimport Footer from './footerUno.vue'\nimport boost from './components/components/boostUno.vue'\nimport tophead from './components/components/topHead.vue'\n//import quest from './components/components/questsUno.vue'\nexport default{\n    components:{\n        HederUno,\n\n        Footer,\n        boost,\n        tophead,\n      //  quest,\n    },\n\n\n}\n</script>\n\n<style scoped>\n.ikon{\n    width: 100px;\n}\ntable{\n    justify-content: space-between;\n    width: 100%;\n\n}\ntr{\n    width: 30%;\n    text-align: center;\n    /* border: 2px solid red; */\n}\ntd{\n    width: 30%;\n    border: 24px solid rgb(255, 255, 255);\n}\n.tarifbody label{\n    margin-top: 5%;\n    margin: 0;\n    height: 90px;\n    display: flex;\n    align-items: center;\n    /* align-content: center; */\n    justify-content: center;\n    \n}\ntd label{\n    margin-top: 5%;\n    margin: 0;\n    height: 90px;\n    display: flex;\n    align-items: center;\n    /* align-content: center; */\n    justify-content: center;\n    \n}\n.td h3{\n    font-family: 'Montserrat-Bold';\n}\n.tariffoot p{\n    /* margin-top: 5%; */\n}\n\n.tfp1{\n    margin-top: 29%;\n}\n.tfp2{\n    margin-top: 5%;\n}\n.tfp3{\n    margin-top: 23%;\n}\n.tfp4{\n    margin-top: 0%;\n}\n.button1{\n    /* margin-top: 5%; */\n    background-color: #a0b19a;\n    width: 50%;\n    min-width: 200px;\n    height: 50px;\n    border-radius: 25px;\n}\n.gpoloska{\n    width: 100%;\n    height: 2px;\n    background-color: rgb(230, 230, 230);  \n    margin-top: 5%;  \n}\n/* .vpoloska{\n    width: 2px;\n    height: 400px;\n    background-color: rgb(230, 230, 230);\n    margin-left: 45%;\n    \n} */\n.tarif1{\n    float:left;\n\n    /* /* margin-left: 1%; */\n    width: 30%; \n\n}\n.tarif2{\n    float:left;\n    /* margin-left: 2%; */\n    width: 30%; \n    \n}\n.tarif3{\n    float:left;\n    /* margin-left: 1%; */\n    width: 30%; \n}\n.tp{\n    font-size: 30px;\n    font-family: 'Montserrat-Bold';\n}\n.tarif1 p{\n    /* font-size: 25px; */\n    font-family: 'Montserrat-Bold';\n}\n.tarif2 p{\n    /* font-size: 25px; */\n    font-family: 'Montserrat-Bold';\n}\n.tarif3 p{\n    /* font-size: 25px; */\n    font-family: 'Montserrat-Bold';\n}\n.tarifs{\n    /*  */\n    margin-left: 2%;\n    font-family: 'Montserrat-Regular';\n    text-align: center;\n    font-size: 20px;\n     /* width: 55%; */\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column;\n    align-items: center;\n    /* align-content:center */\n}\n\n.tcont{\n    width: 75%;\n      display: flex;\n    align-items: center;\n    justify-content: space-between;\n  \n    flex-direction: column;\n}\n.tarifshed{\n  widows: 75%;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n   align-content: center;\n    flex-direction: row;\n}\n.tarifhedp{\n    font-family: 'Montserrat-Bold';\n    font-size: 50px;\n}\n.body{\n    /* display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center; */\n    font-family: 'Montserrat-Regular';\n    z-index: 199999999999999999;\n    /* margin-top: 100px; */\n}\n</style>\n","import { render } from \"./tarifsCosts.vue?vue&type=template&id=506b110c&scoped=true\"\nimport script from \"./tarifsCosts.vue?vue&type=script&lang=js\"\nexport * from \"./tarifsCosts.vue?vue&type=script&lang=js\"\n\nimport \"./tarifsCosts.vue?vue&type=style&index=0&id=506b110c&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-506b110c\"]])\n\nexport default __exports__","<template>\n    <div>\n        In developing...\n    </div>\n</template>\n\n<script>\nexport default{\n\n}\n</script>\n\n<style scoped>\n</style>\n","import { render } from \"./zaglushkaUno.vue?vue&type=template&id=f3e1f554\"\nimport script from \"./zaglushkaUno.vue?vue&type=script&lang=js\"\nexport * from \"./zaglushkaUno.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div class=\"preferenc\">\n               <div v-show=\"step===1\" class=\"step\">\n           <!--  Начало работы\n            <button @click='nextStep'>Далее</button>\n            </div>\n            <div v-show=\"step===2\" class=\"step\">\n            Введите уравнение\n            <div class=\"buttons\">\n\n            <button @click='nextStep'>Далее</button>\n          \n            </div>-->\n            \n                <div class=\"prefhed\">\n                   <h3> <p class=\"pprefhed\">  Complete the quiz and \n                        find out the best destination for your \n                        vacation.\n                    </p>\n                    </h3>\n                </div>\n                <div class=\"preferbody\">\n                    <p class=\"preferbodyhed\">Выберите, какие изображения Вам нравятся (одно или несколько)</p>\n\n                    <div class=\"imagecont\">\n\n                        <table  @click=\"neuroclick\">\n                            <tr>\n                                <td><img ref=\"2\" src=\"./assets/Kviz/Style/stule1.jpg\" class=\"img3\" alt=\"img\"></td>\n                                <td><img src=\"./assets/Kviz/Style/stule2.jpg\" class=\"img3\" alt=\"img\"></td>\n                                <td><img src=\"./assets/Kviz/Style/stule3.jpg\" class=\"img3\" alt=\"img\"></td>\n                                <td><img src=\"./assets/Kviz/Style/stule4.jpg\" class=\"img3\" alt=\"img\"></td>\n                                <td><img src=\"./assets/Kviz/Style/stule5.jpg\" class=\"img3\" alt=\"img\"></td>\n\n                            </tr>\n                            <tr>\n                                <td><img src=\"./assets/Kviz/Style/stule6.jpg\" class=\"img3\" alt=\"img\"></td>\n                                <td><img src=\"./assets/Kviz/Style/stule7.jpg\" class=\"img3\" alt=\"img\"></td>\n                                <td><img src=\"./assets/Kviz/Style/stule8.jpeg\" class=\"img3\" alt=\"img\"></td>\n                                <td><img src=\"./assets/Kviz/Style/stule9.jpg\" class=\"img3\" alt=\"img\"></td>\n                                <td><img src=\"./assets/Kviz/Style/stule10.jpg\" class=\"img3\" alt=\"img\"></td>\n\n                            </tr>\n                            \n                        </table>\n                        <!-- <div class=\"table\" @click=\"neuroclick\">\n                            <div class=\"tr\">\n                                <div class=\"td\">\n                                    <img ref=\"2\" src=\"./assets/Kviz/Style/stule1.jpg\" class=\"img3\" alt=\"img\">\n                                </div>\n                                <div class=\"td\">\n                                    <img src=\"./assets/Kviz/Style/stule2.jpg\" class=\"img3\" alt=\"img\">\n                                </div>\n                                <div class=\"td\">\n                                    <img src=\"./assets/Kviz/Style/stule3.jpg\" class=\"img3\" alt=\"img\">\n                                </div>\n                                <div class=\"td\">\n                                    <img src=\"./assets/Kviz/Style/stule4.jpg\" class=\"img3\" alt=\"img\">\n                                </div>\n                                <div class=\"td\">\n                                    <img src=\"./assets/Kviz/Style/stule5.jpg\" class=\"img3\" alt=\"img\">\n                                </div>\n                            </div>\n\n                            <div class=\"tr\">\n                                <div class=\"td\">\n                                     <img src=\"./assets/Kviz/Style/stule6.jpg\" class=\"img3\" alt=\"img\">\n                                </div>\n                                <div class=\"td\">\n\n                                </div>\n                                <div class=\"td\"></div>\n                                <div class=\"td\"></div>\n                                <div class=\"td\"></div>\n                            </div>\n                        </div> -->\n                        <div class=\"btnpanel\">\n\n                            <!-- <div class=\"buton1\">\n                                <button class=\"btn\" @click=\"backStep\">Prev</button>\n                            </div> -->\n                            <div class=\"buton2\">\n                                <button class=\"btn\" @click=\"nextStep\">Next</button>\n                            </div>\n                        </div>\n\n                    </div>\n\n                    </div>\n            </div>\n           \n               <div v-show=\"step===2\" class=\"step\">\n                    \n                <div class=\"prefhed\">\n                   <h3> <p class=\"pprefhed\">  Complete the quiz and \n                        find out the best destination for your \n                        vacation.\n                    </p>\n                    </h3>\n                </div>\n                <div class=\"preferbody\">\n                    <p class=\"preferbodyhed\">Выберите, какие изображения Вам нравятся (одно или несколько)</p>\n\n                    <div class=\"imagecont\">\n\n                        <table>\n                            <tr>\n                                <td><img src=\"./assets/Kviz/Flowers/flower1.webp\" class=\"img3\" alt=\"img\"></td>\n                                <td><img src=\"./assets/Kviz/Flowers/flower2.jpg\" class=\"img3\" alt=\"img\"></td>\n                                <td><img src=\"./assets/Kviz/Flowers/flower3.jpg\" class=\"img3\" alt=\"img\"></td>\n                                <td><img src=\"./assets/Kviz/Flowers/flower4.jpg\" class=\"img3\" alt=\"img\"></td>\n                                <td><img src=\"./assets/Kviz/Flowers/flower5.jpg\" class=\"img3\" alt=\"img\"></td>\n\n                            </tr>\n                            <tr>\n                                <td><img src=\"./assets/Kviz/Flowers/flower6.jpg\" class=\"img3\" alt=\"img\"></td>\n                                <td><img src=\"./assets/Kviz/Flowers/flower7.jpg\" class=\"img3\" alt=\"img\"></td>\n                                <td><img src=\"./assets/Kviz/Flowers/flower8.jpeg\" class=\"img3\" alt=\"img\"></td>\n                                <td><img src=\"./assets/Kviz/Flowers/flower9.jpeg\" class=\"img3\" alt=\"img\"></td>\n                                <td><img src=\"./assets/Kviz/Flowers/flower10.jpg\" class=\"img3\" alt=\"img\"></td>\n\n                            </tr>\n                         \n                            \n                        </table>\n                        <div class=\"btnpanel\">\n\n                            <div class=\"buton1\">\n                                <button class=\"btn\" @click=\"backStep\">Prev</button>\n                            </div>\n                            <div class=\"buton2\">\n                                <button class=\"btn\" @click=\"nextStep\">Next</button>\n                            </div>\n                        </div>\n\n                    </div>\n\n                   \n            </div>\n            </div>\n            <div v-show=\"step===3\" class=\"step\">\n                    \n                    <div class=\"prefhed\">\n                       <h3> <p class=\"pprefhed\">  Complete the quiz and \n                            find out the best destination for your \n                            vacation.\n                        </p>\n                        </h3>\n                    </div>\n                    <div class=\"preferbody\">\n                        <p class=\"preferbodyhed\">Выберите, какие изображения Вам нравятся (одно или несколько)</p>\n    \n                        <div class=\"imagecont\">\n    \n                            <table>\n                                <tr>\n                                    <td><img src=\"./assets/Kviz/Objects/141508735_w640_h640_malye-arhitekturnye-formy.webp\" class=\"img3\" alt=\"img\"></td>\n                                    <td><img src=\"./assets/Kviz/Objects/1627061360_5-p-dekorativnii-landshaftnii-mostik-5.jpg\" class=\"img3\" alt=\"img\"></td>\n                                    <td><img src=\"./assets/Kviz/Objects/arki-dlya-roz-31.webp\" class=\"img3\" alt=\"img\"></td>\n                                    <td><img src=\"./assets/Kviz/Objects/figurka-18.jpg\" class=\"img3\" alt=\"img\"></td>\n                                    <td><img src=\"./assets/Kviz/Objects/kitajskij_stil_v_landshaftnom_dizajne_2.jpg\" class=\"img3\" alt=\"img\"></td>\n    \n                                </tr>\n                                <tr>\n                                    <td><img src=\"./assets/Kviz/Objects/141508735_w640_h640_malye-arhitekturnye-formy.webp\" class=\"img3\" alt=\"img\"></td>\n                                    <td><img src=\"./assets/Kviz/Objects/1627061360_5-p-dekorativnii-landshaftnii-mostik-5.jpg\" class=\"img3\" alt=\"img\"></td>\n                                    <td><img src=\"./assets/Kviz/Objects/arki-dlya-roz-31.webp\" class=\"img3\" alt=\"img\"></td>\n                                    <td><img src=\"./assets/Kviz/Objects/figurka-18.jpg\" class=\"img3\" alt=\"img\"></td>\n                                    <td><img src=\"./assets/Kviz/Objects/kitajskij_stil_v_landshaftnom_dizajne_2.jpg\" class=\"img3\" alt=\"img\"></td>\n    \n                                </tr>\n                             \n                                \n                            </table>\n                            <div class=\"btnpanel\">\n    \n                                <div class=\"buton1\">\n                                    <button class=\"btn\" @click=\"backStep\">Prev</button>\n                                </div>\n                                <div class=\"buton2\">\n                                    <button class=\"btn\" @click=\"nextStep\">Next</button>\n                                </div>\n                            </div>\n    \n                        </div>\n    \n                       \n                </div>\n                </div>\n                <div v-show=\"step===4\" class=\"step\">\n                    \n                    <div class=\"prefhed\">\n                       <h3> <p class=\"pprefhed\">  Complete the quiz and \n                            find out the best destination for your \n                            vacation.\n                        </p>\n                        </h3>\n                    </div>\n                    <div class=\"preferbody\">\n                        <p class=\"preferbodyhed\">Выберите, какие изображения Вам нравятся (одно или несколько)</p>\n    \n                        <div class=\"imagecont\">\n    \n                            <table>\n                                <tr>\n                                    <td><img src=\"./assets/Kviz/Colors/1635246851_59-mykaleidoscope-ru-p-rozovie-tsveti-tsveti-66.jpg\" class=\"img3\" alt=\"img\"></td>\n                                    <td><img src=\"./assets/Kviz/Colors/1649658951_72-vsegda-pomnim-com-p-nezhnie-golubie-tsveti-foto-78.jpg\" class=\"img3\" alt=\"img\"></td>\n                                    <td><img src=\"./assets/Kviz/Colors/1649817239_124-vsegda-pomnim-com-p-zheltie-tsveti-foto-135.jpg\" class=\"img3\" alt=\"img\"></td>\n                                    <td><img src=\"./assets/Kviz/Colors/1650534414_12-vsegda-pomnim-com-p-kak-viglyadyat-zelenie-tsveti-foto-12.jpg\" class=\"img3\" alt=\"img\"></td>\n                                    <td><img src=\"./assets/Kviz/Colors/59f714337d4b9af7217b8bbe144bbf0a.jpg\" class=\"img3\" alt=\"img\"></td>\n    \n                                </tr>\n                                <tr>\n                                    <td><img src=\"./assets/Kviz/Colors/5bed3756a007416716a02a7f.jpg\" class=\"img3\" alt=\"img\"></td>\n                                    <!-- <td><img src=\"./assets/Kviz/Colors/a5520888fdc94b4008b99825e7ffce29.jpg\" class=\"img3\" alt=\"img\"></td> -->\n                                    <td><img src=\"./assets/Kviz/Colors/gortenziia_tsvety_sinij_145574_3840x2400.jpg\" class=\"img3\" alt=\"img\"></td>\n                                    <td><img src=\"./assets/Kviz/Colors/tsvety_fioletovyj_rastenie_107518_3840x2400.jpg\" class=\"img3\" alt=\"img\"></td>\n    \n                                </tr>\n                             \n                                \n                            </table>\n                            <div class=\"btnpanel\">\n    \n                                <div class=\"buton1\">\n                                    <button class=\"btn\" @click=\"backStep\">Prev</button>\n                                </div>\n                                <div class=\"buton2\">\n                                    <button class=\"btn\" @click=\"nextStep\">Next</button>\n                                </div>\n                            </div>\n    \n                        </div>\n    \n                       \n                </div>\n                </div>\n                <div v-show=\"step===5\" class=\"step\">\n                    \n                    <div class=\"prefhed\">\n                       <h3> <p class=\"pprefhed\">  Complete the quiz and \n                            find out the best destination for your \n                            vacation.\n                        </p>\n                        </h3>\n                    </div>\n                    <div class=\"preferbody5\">\n                        <p class=\"preferbodyhed\">Выберите, какие изображения Вам нравятся (одно или несколько)</p>\n    \n                        <div class=\"inputbox\">\n    \n                            <input class=\"input\"><br>\n                             \n                            <input class=\"input\">\n                            \n                            <input class=\"input\"><br>\n                            \n                            <div class=\"btnpanel\">\n    \n                                <div class=\"buton1\">\n                                    <button class=\"btn\" @click=\"backStep\">Prev</button>\n                                </div>\n                                <div class=\"buton2\">\n                                    <button class=\"btn\" @click=\"nextStep\">Next</button>\n                                </div>\n                            </div>\n    \n                        </div>\n    \n                       \n                </div>\n                </div>\n            <!--  -->\n\n            </div> \n</template>\n\n<script>\nimport axios from 'axios'\n\nexport default{\n    \n    data(){\n            return{\n                step:1,\n                id:null\n            }\n        },\n        methods:{\n            nextStep(){\n                this.step++\n            },\n            backStep(){\n                this.step--\n            },\n            \n            OneStep(){\n                this.step=1\n            },\n            ErrorStep(){\n                this.step=7\n            },\n            tableid(){\n                var  id=1\n                console.log(id)\n            },\n            neuroclick( id){\n        //  console.log('qwerty')\n          console.log(id);\n          //this.$router.push({path: this.$route.fullPath + '/'+'neuroNet' + '/' +id })\n         // this.$router.push( {path: 'neuroLayer', query: { 'layer': id }})\n         },\n         kviz(){\n            const options = {\n                method: 'POST',\n                url: 'https://api.gbif.org/v1/dataset',\n                headers: {\n                    'Content-Type': 'application/json',\n                \n                },\n                data: {\n                    img1: 'img',\n                    img2: 'img',\n                    img3: 'img',\n                    img4: 'img',\n                    email: 'email',\n                    number: 'number',\n                    name: 'name'\n                }\n                };\n\n                axios.request(options).then(function (response) {\n                console.log(response.data);\n                }).catch(function (error) {\n                console.error(error);\n                });\n         }\n            \n        }\n}\n</script>\n\n<style scoped>\n.preferenc{\n \n width: 60%;\n margin-left: 20%;\n height: 600px;\n background-color: beige;\n}\n.prefhed{\n width: 98%;\n height: 100px;\n background-color: #a0b19a;\n}\n.prefhed p{\n margin-top: 5%;\n}\n.pprefhed{  \n  \n margin-left: 27%;\n \n}\n.preferbody{\n position: absolute; \n\n}\n.imagecont{\n \nmargin-left: 1.3%;\n}\n@media(max-width:1200px){\n .imagecont{\n     max-width: 100px;\n     float: left;\n }\n}\n\n.imagecont td, tr{\n padding: 5px;\n}\n.btnpanel{\n    position: absolute;\n    width: 99%;\n    padding: 5px;\n    display: flex;\n    margin-top: 5%;\n   }\n\n   .preferbodyhed{\n   \n    margin-left: 27%;\n   }\n</style>\n","import { render } from \"./gameUno.vue?vue&type=template&id=d2097a0c&scoped=true\"\nimport script from \"./gameUno.vue?vue&type=script&lang=js\"\nexport * from \"./gameUno.vue?vue&type=script&lang=js\"\n\nimport \"./gameUno.vue?vue&type=style&index=0&id=d2097a0c&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-d2097a0c\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n        <HederUno/>\n        <tophead/>\n        <div class=\"content\">\n            <div class=\"contenthed\">\n                <p>\n                    Мы ищем специалистов в команду!                </p>\n                <label>\n                    Нам в команду требуются специалисты разного профиля: ландшафтные дизайнеры, разработчики, специалисты по маркетингу. Если Вы обладаете одной из этих компетенций и вам интересен наш проект - оставьте ваши контакты, и мы с Вами свяжемся!                </label>\n            </div><br>\n            <div class=\"contentbody\">\n                <input type=\"text\" placeholder=\"Напишите Ваше имя\"><br>\n                <input type=\"text\" placeholder=\"Какие у вас компетенции\"><br><br><br>\n                <label>Что бы Вы хотели делать в рамках проекта?</label>\n                <textarea class=\"txt\" placeholder=\"Напишите Ваш вопрос или предложение\" >\n\n                </textarea>\n                <a>\n                <button class=\"btn send\">\n                    Отправить\n               </button>\n              </a>\n              <p class=\"sogl\">\n                *Нажимая \"Отправить\" Вы соглашаетесь с политикой обработки персональных данных\n              </p>\n            </div>\n        </div>\n        <boost/>\n        <Footer/>\n</div>\n</template>\n\n<script>\nimport HederUno from './hederUno.vue'\nimport Footer from './footerUno.vue'\nimport boost from './components/components/boostUno.vue'\nimport tophead from './components/components/topHead.vue'\nexport default{\n    components:{\n        HederUno,\n        Footer,\n         boost,\n        tophead,\n        \n    },\n\n\n}\n</script>\n\n<style scoped>\n\n\n.sogl{\n    font-size: 15px;\n    margin-left: 10%;\n    margin-top: 3%;\n}\n.send{\n    margin-top: 5%;\n    font-size: 25px;\n    width: 40%;\n    height: 60px;\n    border-radius: 30px;\n    margin-left: 31%;\n    background-color: #a0b19a;\n}\n.txt{\n    width: 100%;\n    height: 200px;\n    /* margin-top: 5%; */\n    padding: 5px;\n}\n.contentbody input{\n    width: 100%;\n    height: 50px;\n    margin-top: 5%;\n    padding: 5px;\n}\n.contentbody{\n    width: 70%;\n    margin-left: 13%;\n    \n}\n.contentbody label{\n    font-size: 24px ;\n}\n.contenthed label{\n    font-size: 24px ;\n}\n\n.content{\n    width: 60%;\n    margin-left: 20%;\n    text-align: left;\n    margin-top: 4%;\n}\n.contenthed p{\n   font-family: 'Montserrat-Bold';\n    font-size: 36px ;\n}\n.sogl{\n    font-size: 18px;\n}\n.body{\n    font-family: 'Montserrat-Regular';\n}\n</style>\n","import { render } from \"./enterTeamDuo.vue?vue&type=template&id=c86e72ba&scoped=true\"\nimport script from \"./enterTeamDuo.vue?vue&type=script&lang=js\"\nexport * from \"./enterTeamDuo.vue?vue&type=script&lang=js\"\n\nimport \"./enterTeamDuo.vue?vue&type=style&index=0&id=c86e72ba&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-c86e72ba\"]])\n\nexport default __exports__","<template>\n    <div>\n        <div class=\"header\">\n            <heder/>\n            \n        </div>\n        <div class=\"content\">\n\n            <div class=\"contentbox\">\n               \n                    <p>\n                        Создайте сами<br> участок мечты\n                    </p><br><br>\n                    <label>\n                        C помощью искусственного<br> интеллекта\n                    </label><br>\n                    <a href=\"#auth\">\n                    <button class=\"btn button1\">\n                        <strong>\n                              Попробовать\n                        </strong>\n                      \n                    </button>\n                    </a>\n\n            </div>\n\n        </div>\n    </div>\n</template>\n\n<script>\nimport heder from \"./components/hederUno.vue\";\nexport default{\n    components:{\n        heder\n        }\n}\n</script>\n\n<style scoped>\n   \n    .contentbox{\n        /* margin-top: 9%; */\n        height: 50%;\n        /* width: 30%; */\n       text-align: center;\n        /* margin-left: 35%; */\n        z-index: 4;\n    }\n    .contentbox a{\n        text-decoration: none;\n        color: black;\n    }\n    .contentbox p{\n        margin-top: 20%;\n        font-size: 80px ;\n        font-family: \"Montserrat-Thin\";\n    }\n    .contentbox label{\n        margin-top: 0%;\n        font-size: 36px ;\n        font-family: \"Montserrat-Regular\";\n        margin-top: 2%;\n    }\n\n     .button1{\n        width: 40%;\n        height: 15%;\n        font-size: 20px ;\n        font-family: \"Montserrat-Regular\";\n        border: 10px;\n        background-color: rgb(114, 114, 114);\n        margin-top: 6%;\n    }\n    .content{\n        position: fixed;\n        width: 100%;\n        margin-top: 0px ;\n        background-color: rgb(211, 211, 211);\n        height: 100%;\n        z-index: 0;\n        display: flex;\n        justify-content: center;\n        /* align-items: center; */\n    }\n\n    \n\n</style>\n","<template>\n    <div class=\"body\">\n        <div class=\"heder\">\n            <a href=\"#alias\">\n            <div class=\"logo\">\n               <!-- <img  class=\"img5\" src=\"@/component/pages/ikons/logo1.png\">  -->\n                A I . G A R D E N \n            \n            </div>\n            </a>\n            <div class=\"panel\">\n                <!-- <a  href=\"\">\n                <button v-bind=\"!accesstoken\" class=\"btn buton\">\n                   Мои проекты\n                </button>\n                </a> -->\n                <!-- <a  href=\"\">\n                <button class=\"btn buton\">\n                    Тарифы\n                </button>\n                </a>\n                <a  href=\"\">\n                <button class=\"btn buton\">\n                   Галерея\n                </button>\n                    </a>\n                    <a  href=\"\">\n                <button class=\"btn buton\">\n                   Как работать\n                </button>\n                    </a>\n                    <a  href=\"\">\n                <button class=\"btn buton\">\n                  Сообщество\n                </button>\n                    </a> -->\n                    <header>\n                    <input class=\"menu-btn\" type=\"checkbox\" id=\"menu-btn\" name=\"menu-btn\" />\n                    <label class=\"menu-icon\" for=\"menu-btn\">\n                        <span class=\"navicon\" aria-label=\"Hamburger menu 'icon'\" />\n                    </label>\n                    <nav class=\"menu\">\n                        <a class=\"nav-item\" href=\"#\">                            \n                            Тарифы                                                      \n                        </a>\n                       \n                        <a class=\"nav-item\" href=\"#\">                           \n                            Галерея                     \n                        </a>\n                        <a class=\"nav-item qweasd\" href=\"#\">                             \n                              Как работать                            \n                         </a>\n                        <a class=\"nav-item\" href=\"#\">                          \n                            Сообщество                           \n                        </a>\n                    </nav>\n                    </header>\n            </div>\n            <div class=\"rightbutton\">\n                <!-- <a href=\"#auth\"> \n              <button v-if=\"!accessToken\" class=\"btn\">\n                    Войти\n                </button>\n                </a> -->\n                <auth/>\n\n\n                <!-- <button v-if=\"!accessToken\">\n                    Name\n                </button> -->\n\n\n                <!-- <button type=\"button\" class=\"btn btn-primary buton2\" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModal\">\n                    Войти\n</button>\n\n  \n<div class=\"modal fade\" id=\"exampleModal\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\n  <div class=\"modal-dialog\">\n    <div class=\"modal-content\">\n      <div class=\"modal-header\">\n        <h5 class=\"modal-title\" id=\"exampleModalLabel\">Зарегистрироваться</h5>\n        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n      </div>\n      <div class=\"modal-body\">\n       \n\n<div class=\"contentbox\">\n\n    <div class=\"contentleft\">\n\n        <div class=\"left\">\n            <p>\n                Зарегистрируйтесь чтобы начать работу \n            </p>\n            <label class=\"label0\" for=\"\">\n                Введите  код из смс или из почты\n            </label><br>\n            <input type=\"text\"><br>\n            <a href=\"#tips\">\n            <button class=\"btn button1\">\n                Зарегистрироваться\n            </button>\n            </a>\n            <div class=\"pbox\">\n                    <div class=\"poloska1\"></div>\n                <label class=\"label1\">\n                    или\n                </label>                                \n                    <div class=\"poloska2\"></div>\n            </div>\n            <label class=\"label2\">\n                Упрощенная регистрация через:\n            </label>\n            <div class=\"rotbox\">\n                <button class=\"bnt buttonR\">\n                    <img class=\"img1\" src=\"@/component/pages/ikons/Vk.png\">\n                </button>\n                 <button class=\"bnt buttonR\">\n                    <img class=\"img1\" src=\"@/component/pages/ikons/icons8-google-30.png\">\n                </button>\n                 <button class=\"bnt buttonR\">\n                    <img class=\"img1\" src=\"@/component/pages/ikons/icons8-yandex-67.png\">\n                </button>\n             \n            </div>\n            <label class=\"label3\">\n                Нажимая кнопку “Зарегистрироваться” Вы соглашаететсь с политикой конфиденциальности\n            </label>\n        </div>\n    </div>\n\n    <div class=\"contentright\">\n\n        <div class=\"right\">\n\n            <p>\n                Или ознакомьтесь с функционалом в сопровождении виртуального помощника\n            </p>\n            <img class=\"img2\" src=\"@/component/pages/ikons/robot.png\">\n            <button class=\"btn button4\">\n                Поехали!\n            </button>\n        </div>\n\n    </div>\n    <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Отмена</button>\n        <button type=\"button\" class=\"btn btn-primary\">Войти</button>\n      </div>\n</div>\n\n</div>\n      </div>\n      <div class=\"modal-footer\">\n        <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Отмена</button>\n        <button type=\"button\" class=\"btn btn-primary\">Войти</button>\n      </div>\n    </div>\n  </div> -->\n   \n   <!--  -->\n\n\n\n   <!--  -->\n\n                </div>\n                \n            </div>\n        </div>\n   \n  \n</template>\n\n<script>\n\nimport auth from'./authModal.vue'\n    export default{\n        components:{\n            auth,\n        }\n    }\n</script>\n\n<style scoped>\n/*  */\n\n/*  */\n.qweasd{\n    width: 300px;\n    \n}\n .body{\n     height: 90px;\n     /* position: absolute; */\n     /* top: 0; */\n     width: 100%;\n     background-color: rgb(255, 255, 255);\n     padding: 5px;\n }\n    .heder{\n        margin-top: 0.9%;\n        font-family: \"Montserrat-Regular\";\n        display: flex;\n    }\n    .heder a{\n        text-decoration: none;\n    }\n    .logo{\n   \n        /* position: absolute; */\n        margin-left: 12.5%;\n        font-size: 36px;\n        font-family: \"Montserrat-SemiBold\";\n        color: rgb(0, 0, 0);\n        width: 300px;\n        text-align: left;\n        /* display:flex; */\n    }\n    .logo img{\n        width: 15%;\n\n    }\n    .panel{\n        /* position: absolute; */\n        margin-left: 10%;\n        width: 50%;\n        /* text-align: center; */\n        /* justify-content: center; */\n        margin-top: -0.8%;\n    \n\n    }\n    .panel a{\n        /* position: absolute; */\n        /* margin-left: 1%; */\n        width: 100%;\n        color: black;\n        font-size: 24px;\n        text-align: center;\n        /* justify-content: center; */\n\n    }\n    .buton{\n        color: rgb(0, 0, 0);\n        font-size: 24px;\n        margin-left: 2%;\n    }\n    .rightbutton{\n        /* position: absolute;\n        right: 10%; */\n        color: rgb(202, 202, 202);\n        margin-left: 13.5%;\n        /* text-align: right; */\n        height: 50px;\n    }\n    .buton2{\n        background-color:rgb(211, 211, 211);\n        color: rgb(0, 0, 0);\n        font-size: 25px;\n        margin-left: 2%;\n        border-radius: 40px;\n    }\n    /*  ============================ */\n  \n\n#menu-btn {\n  position: absolute;\n  top: -100%;\n  left: -100%;\n}\n/* Hide hamburger for bigger screens */\n.menu-icon {\n  visibility: hidden;\n}\n.menu {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  /* max-width: 250px; */\n  margin-right: 2rem;\n}\n.nav-item{\n    width: auto;\n}\n/* Set width for mobile/smaller screen size. */\n/* I set it big here so I don't have to shrink the screen so much */\n/* for testing purposes */\n@media screen and (max-width: 1440px) {\n  header {\n    display: grid;\n    grid-template-areas:\n      \"title title hamburger\"\n      \"nav nav nav\";\n  }\n  h1 {\n    grid-area: title;\n  }\n  .menu a {\n    text-decoration: none;\n    color: black;\n    font-size: 18px;\n  }\n  .menu-btn {\n    display: none;\n  }\n  .menu-icon {\n    grid-area: hamburger;\n    cursor: pointer;\n    display: flex;\n    justify-content: flex-end;\n    align-items: baseline;\n    padding: 30px 20px 30px 0;\n    position: relative;\n    user-select: none;\n    visibility: visible;\n  }\n  .navicon {\n    background: #333;\n    display: block;\n    height: 2px;\n    width: 18px;\n    position: relative;\n  }\n  .navicon:before {\n    top: 5px;\n  }\n  .navicon:after {\n    top: -5px;\n  }\n  .navicon:before,\n  .navicon:after {\n    background: #333;\n    display: block;\n    width: 100%;\n    height: 100%;\n    content: \"\";\n    position: absolute;\n    transition: all 0.2s ease-out;\n  }\n  .menu {\n    grid-area: nav;\n    max-width: unset;\n    max-height: 0;\n    transition: max-height 0.2s ease-out;\n    overflow: hidden;\n    margin: 0;\n    padding: 0;\n    background-color: #fff;\n    display: flex;\n    flex-direction: column;\n  }\n  .menu a {\n    padding: 20px 20px;\n    border-right: 1px solid #f4f4f4;\n    background-color: #ffffff;   \n    \n    opacity: 100%;\n    text-align: center;\n  }\n  .menu-btn:checked ~ .menu {\n    max-height: 240px;\n  }\n  .menu-btn:checked ~ .menu-icon .navicon {\n    background: transparent;\n  }\n  .menu-btn:checked ~ .menu-icon .navicon:before {\n    transform: rotate(-45deg);\n  }\n  .menu-btn:checked ~ .menu-icon .navicon:after {\n    transform: rotate(45deg);\n  }\n  .menu-btn:checked ~ .menu-icon .navicon:before,\n  .menu-btn:checked ~ .menu-icon .navicon:after {\n    top: 0;\n  }\n}\n</style>\n","<template>\n    <div class=\"body\">\n         <div class=\"bbtn\">\n\n              \n                <button v-on:click=\"openmodal\" id=\"open-modal-btn\" class=\"btn brd3\">\n                   Войти\n                </button>\n                <!--  -->\n             \n                \n\n        <!-- <button >Открыть модальное окно</button> -->\n    </div>\n\n    <div class=\"modal\" id=\"my-modal\">\n        <div class=\"modal__box\">\n            <button class=\"modal__close-btn\" id=\"close-my-modal-btn\">\n                <svg width=\"23\" height=\"25\" viewBox=\"0 0 23 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M2.09082 0.03125L22.9999 22.0294L20.909 24.2292L-8.73579e-05 2.23106L2.09082 0.03125Z\"\n                        fill=\"#333333\" />\n                    <path d=\"M0 22.0295L20.9091 0.0314368L23 2.23125L2.09091 24.2294L0 22.0295Z\" fill=\"#333333\" />\n                </svg>\n            </button>\n\n            <div class=\"body2\">\n          \n          <div class=\"content\">\n\n              <div class=\"contentbox\">\n\n                  <div class=\"contentleft\">\n\n                      <div v-show=\"step===1\" class=\"left\">\n                          <p>\n                              Зарегистрируйтесь чтобы начать работу \n                          </p>\n                          <label\n                           class=\"label0\"\n                            for=\"\"\n                           \n                            >\n                              Ваш E-mail\n\n                          </label>\n                          \n                          <br>\n                          <input \n\n                           v-model = \"email\"  \n                           \n                           type=\"text\">\n                           <br>\n                           <label\n                           class=\"label0\"\n                            for=\"\"\n                           \n                            >\n                              Ваш пароль\n\n                          </label>\n                          \n                          <br>\n                          <input \n\n                           v-model = \"pwd\"  \n                           \n                           type=\"password\">\n                           <br>\n                          <!-- <a href=\"#authd\"> -->\n                          <button @click=\"auth1\" class=\"btn button1\">\n                              Войти\n                          </button>\n                              <!-- </a> -->\n                          <div class=\"pbox\">\n                                  <div class=\"poloska1\"></div>\n                              <label class=\"label1\">\n                                  или\n                              </label>\n                                                          \n                                  <div class=\"poloska2\"></div>\n                          </div>\n                           <button @click=\"auth1\" class=\"btn button1\">\n                              Зарегестрироваться\n                          </button>   \n                          <!-- <label class=\"label2\">\n                              Упрощенная регистрация через:\n                          </label> -->\n\n\n                          <!-- <div class=\"rotbox\">\n                              <button class=\"btn buttonR\">\n                                  <img class=\"img1\" src=\"./ik/Vk.png\">\n                              </button>\n                               <button class=\"btn buttonR\">\n                                  <img class=\"img1\" src=\"./ik/icons8-google-30.png\">\n                              </button>\n                               <button class=\"btn buttonR\">\n                                  <img class=\"img1\" src=\"./ik/icons8-yandex-67.png\">\n                              </button>\n                            \n                          </div> -->\n                          <label class=\"label3\">\n                              Нажимая кнопку “Зарегистрироваться” Вы соглашаететсь с политикой конфиденциальности\n                          </label>\n                      </div>\n                      <!-- <div v-show=\"step===2\"  class=\"left\">\n                            <p>\n                                Зарегистрируйтесь чтобы начать работу \n                            </p>\n                            <label class=\"label0\" for=\"\">\n                                Введите  код из смс или из почты\n                            </label><br>\n                            <input\n\n                             v-model=\"pin\" \n                             type=\"text\"\n                             \n                             >\n                             <br>\n                           <a href=\"#tips\"> \n                            <button @click=\"auth2\" class=\"btn button1\">\n                                Зарегистрироваться\n                            </button>\n                           </a> \n                            <div class=\"pbox\">\n                                    <div class=\"poloska1\"></div>\n                                <label class=\"label1\">\n                                    или\n                                </label>                                \n                                    <div class=\"poloska2\"></div>\n                            </div>\n                            <label class=\"label2\">\n                                Упрощенная регистрация через:\n                            </label>\n                            <div class=\"rotbox\">\n                              <button class=\"btn buttonR\">\n                                  <img class=\"img1\" src=\"./ik/Vk.png\">\n                              </button>\n                               <button class=\"btn buttonR\">\n                                  <img class=\"img1\" src=\"./ik/icons8-google-30.png\">\n                              </button>\n                               <button class=\"btn buttonR\">\n                                  <img class=\"img1\" src=\"./ik/icons8-yandex-67.png\">\n                              </button>\n                            \n                          </div>\n                            <label class=\"label3\">\n                                Нажимая кнопку “Зарегистрироваться” Вы соглашаететсь с политикой конфиденциальности\n                            </label>\n                        </div> -->\n                        <div v-show=\"step===2\"  class=\"left\">\n                            <tips/>\n                        </div>\n\n                  </div>\n                 \n                  <!-- <div class=\"contentright\">\n\n                      <div class=\"right\">\n\n                          <p>\n                              Или ознакомьтесь с функционалом в сопровождении виртуального помощника\n                          </p>\n                          <img class=\"img2\" src=\"./ik/robot1.png\"><br>\n                          <button class=\"btn button4\">\n                              Поехали!\n                          </button>\n                      </div>\n\n                  </div> -->\n\n              </div>\n\n          </div>\n  </div>\n        </div>\n\n\n                <!--  -->\n               \n               \n             </div>\n    </div>\n</template>\n\n<script>\nimport axios from \"axios\"\n// import api from  \"../../../JS/api.js\"  \nimport tips from \"./tipPolzov.vue\"\nexport default{\n    components:{\n      //  heder\n      tips\n        },\n    data(){\n            return{\n                step:1,\n                id:null\n            }\n        },\n        methods :{\n\n            nextStep(){\n                this.step++\n            },\n\n            openmodal(){\n                        // Открыть модальное окно\n           if ( document.getElementById(\"open-modal-btn\") != null){\n                document.getElementById(\"my-modal\").classList.add(\"open\")\n            }\n\n            // Закрыть модальное окно\n            document.getElementById(\"close-my-modal-btn\").addEventListener(\"click\", function() {\n                document.getElementById(\"my-modal\").classList.remove(\"open\")\n            })\n\n            // Закрыть модальное окно при нажатии на Esc\n            window.addEventListener('keydown', (e) => {\n                if (e.key === \"Escape\") {\n                    document.getElementById(\"my-modal\").classList.remove(\"open\")\n                }\n            });\n\n            // Закрыть модальное окно при клике вне его\n            document.querySelector(\"#my-modal .modal__box\").addEventListener('click', event => {\n                event._isClickWithInModal = true;\n            });\n            document.getElementById(\"my-modal\").addEventListener('click', event => {\n                if (event._isClickWithInModal) return;\n                event.currentTarget.classList.remove('open');\n            });\n            },\n\n            auth1(){\n                \n                // const options = {\n\n        //         method: 'POST',\n        //         url: 'http://185.221.153.253:5700/api/user/pinlogin',\n        //         headers: {'Content-Type': 'application/json'},\n        //         // headers: {\n        //         //     Authorization: 'Bearer 0f1bc8ef-c67e-462a-8b70-03a8b6a70aa0'},\n        //         data: {\n        //             pin: this.email\n        //          //   username\n                   \n        //         };\n        //         console.log(this.pin)\n        //         axios.request(options).then(function (response) {\n        //         console.log(response.data);\n        //   localStorage.setItem('access_token', response.data.access_token)\n        // //   localStorage.setItem('username', response.data.username)\n        //   console.log(\"qwe\");\n        // //   let name = response\n        //   console.log(name.email);\n\n        //         }).catch(function (error) {\n        //         console.error(error);\n        //         });\n                // import axios from \"axios\";\n\n              let email= \"email=\"+this.email \n                  let pwd= \"pwd=\"+this.pwd\n                const options = {\n                method: 'POST',\n                // url: 'http://185.221.153.253:8000/api/aigarden/auth/simple/email?'+email&pwd,\n               \n                url: 'http://185.221.153.253:8000/api/aigarden/auth/simple/email',\n                params: {email:email, pwd: pwd}\n\n                // data: {\n                //    provider: \"email\",\n                //      email: this.email, \n                //      pwd: this.pwd}\n                };\n                console.log(\"url\");\n                console.log(options.url);\n                console.log(options[\"url\"]);\n                axios.request(options).then(function (response) {\n                    localStorage.setItem('access_token', response.data.JWT)\n                    console.log(\"response\");\n                    console.log(response.data);               \n                    console.log(\"response\");\n                    console.log(response.data.JWT);  \n                // console.log(response.data);\n\n                }).catch(function (error) {\n                console.error(error);\n                });\n                 this.step++\n            },\n\n            auth2(){\n                this.step++\n                const options2 = {\n                method: 'POST',\n                url: 'http://185.221.153.253:5700/api/user/pinactivate',\n                // headers: {Authorization: 'Bearer 0f1bc8ef-c67e-462a-8b70-03a8b6a70aa0'},\n                data: {\n                    pin: this.pin,\n                    token: localStorage.getItem('access_token')}\n                };\n\n                axios.request(options2).then(function (response) {\n                console.log(response.data);\n                // localStorage.setItem('access_token', response.data.access_token)\n                }).catch(function (error) {\n                console.error(error);\n                });\n            },\n\n            \n\n\n                    }\n}\n</script>\n\n<style scoped>\n.bbtn{\n    /* font-size: 24px; */\n    font-family: \"Montserrat-Regular\";\n    margin-top: -3%;\n    height: 30px;\n}\n\n.brd3{\n    font-size: 24px;\n    height: 40px;\n}\n.button4{\n    width: 80%;\n    height: 50px;\n    /* background-color: #D9D9D9; */\n    margin-top: 7%;\n    background-color: #97c004;\n}\n.img2{\n    margin-top: 7%;\n    width: 40%;\n    /* margin-left: 8%; */\n    text-align: center;\n}\n.right{\n    width: 85%;\n    margin-left: 5%;\n    text-align: center;\n    /* margin-top: 20%; */\n}\n\n.contentright p{\n    margin-top: 20%;\n    font-size: 30px;\n    color: white;\n    text-align: center;\n}\n.label3{\n    margin-top: 4%;\n    width: 80%;\n    font-size: 12px;\n}\n.img1{\n    width: 140%;\n    margin-left: -18%;\n}\n\n.buttonR{\n    border-radius: 40%;\n    background-color: white;\n    width: 40px;\n    margin-left: 2%;\n    margin-top: 4%;\n}\n.rotand{\n    border: 1px solid #000000;\n    width: 20%;\n    margin-left: 2%;\n    margin-top: 2%;\n    border-radius: 50px;\n    rotate: 50%;\n}\n.label2{\n    margin-top: 4%;\n    margin-left: 5%;\n    font-size: 20px;\n}\n.pbox{\n    display: flex;\n    width: 80%;\n    margin-left: 10%;\n    margin-top: 4%;\n}\n.label1{\n    margin-left: 5%;\n    font-size: 20px;\n}\n\n.poloska1{\n    border: 1px solid #000000;\n    width: 40%;\n    margin-top: 4%;\n    height: 1px;\n    \n}\n.poloska2{\n    border: 1px solid #000000;\n    width: 40%;\n    margin-top: 4%;\n    height: 1px;\n    margin-left: 5%;\n}\n.left{\n    width: 85%;\n    margin-left: 7.5%;\n}\n.contentleft{\n    width: 90%;\n    height: 100%;\n    background-color: white;\n    float: left;\n    \n}\n.contentleft p{\n    margin-top: 20%;\n    font-size: 30px;\n}\n.label0{\n    margin-top: 4%;\n    font-size: 12px;\n}\n.contentleft input{\n    margin-top: 2%;\n    width: 80%;\n    height: 50px;\n}\n.button1{\n    margin-top: 4%;\n    width: 80%;\n    height: 50px;\n    background-color: #97c004;\n}\n.contentright{\n    width: 50%;\n    height: 100%;\n    float: left;\n    background-color: #404040;\n} \n.contentbox{\n    width: 90%;\n    margin-left: 0%;\n    margin-top: 0%;\n    height: 700px;\n    /* border: 1px;\n    border-color: black; */\n    position: fixed;\n    /* border: 1px solid #000000; */\n    text-align: center;\n}\n.body2{\n    font-family: \"Montserrat-Regular\";\n    background-color: rgb(255, 255, 255);\n    height: 700px;\n    width: 90%;\n    color: black;\n}\n\n/*  */\n\nhtml {\n    box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: inherit;\n}\n\na {\n    color: black;\n    text-decoration: none;\n}\n\nimg {\n    max-width: 100%;\n\n}\n\nbody {\n    font-family: Arial, Verdana, sans-serif;\n}\n\n.container {\n    max-width: 600px;\n    margin: 0 auto;\n    padding: 0 15px;\n}\n\n.modal {\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100vh;\n    z-index: 99998;\n    /* background-color: rgba(0, 0, 0, .3); */\n    display: grid;\n    align-items: center;\n    justify-content: center;\n    overflow-y: auto;\n    visibility: hidden;\n    /* opacity: 0; */\n    transition: opacity .4s, visibility .4s;\n}\n\n.modal__box {\n    position: relative;\n   width: 750px;\n    padding: 45px;\n    z-index: 1;\n    /* margin: 30px 15px; */\n    /* background-color: rgb(211, 211, 211); */\n    /* box-shadow: 0px 0px 17px -7px rgba(34, 60, 80, 0.2); */\n    transform: scale(0);\n    transition: transform .8s;\n    height: 745px;\n}\n\n.modal__close-btn {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border: none;\n    background-color: transparent;\n    padding: 5px;\n    cursor: pointer;\n}\n\n.modal__close-btn svg path {\n    transition: fill .4s;\n}\n\n.modal__close-btn:hover svg path {\n    fill: blue;\n}\n\n.modal__close-btn:active svg path {\n    fill: rgb(186, 53, 0);\n}\n\n.modal.open {\n    visibility: visible;\n    opacity: 1;\n}\n\n.modal.open .modal__box {\n    transform: scale(1);\n}\n</style>\n","<template>\n    <div class=\"body\">\n\n        <div class=\"content\">\n\n            <div class=\"contentbox\">\n\n                <p class=\"p1\">\n                    Какой вы тип пользователя?\n                </p>\n                <div class=\"pbox\">\n\n                    <div class=\"polzovatel\">\n                        <a href=\"#alias\">\n                        <div class=\"imgbox\">\n                            \n                        </div>\n                        <p>\n                            Собственник\n                        </p>\n                        <label>\n                            для собственных нужд\n                        </label>\n                        </a>\n                    </div>\n                   \n\n                  \n                    <div class=\"polzovatel\">\n                        <a href=\"#alias\">\n                         <div class=\"imgbox\">\n                            \n                        </div>\n                        <p>\n                            Дизайнер\n                        </p>\n                        <label>\n                            для учебы/работы\n                        </label>\n                        </a>\n                    </div>\n                   \n                   \n                    <div class=\"polzovatel\">\n                        <a href=\"#alias\">\n                        <div class=\"imgbox\">\n                            \n                        </div>\n                        <p>\n                            Продавец\n                        </p>\n                        <label>\n                            для работы\n                        </label>\n                        </a>\n                    </div>\n                   \n                </div>\n            </div>\n        </div>\n           \n    </div>\n</template>\n\n<script>\n\n// import heder from \"./components/hederUno.vue\";\nexport default{\n    components:{\n      //  heder\n        }\n}\n\n</script>\n\n<style scoped>\n\n\n.pbox{\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    /* margin-left: 10%; */\n    margin-top: 5%;\n\n}\n\n.polzovatel{\n    border: 1px;\n    border: 1px solid #000000;\n    margin-left: 2%;\n    min-width: 220px;\n    width: auto;\n    text-align: center;\n    border-radius: 15px;\n    padding: 5px;\n    \n}\n.polzovatel a{\n    text-decoration: none;\n    color: #000000;\n}\n.polzovatel p{\n    font-size: 30px;\n    margin-top: 15%;\n}\n\n.polzovatel label{\n   margin-bottom: 15%;\n}\n.imgbox{\n    width: 80px;\n    height: 80px;\n    margin-top: 15%;\n    background-color: #D9D9D9;\n    border-radius: 50px;\n    margin-left: 37%;\n}\n.contentbox{\n    width: 90%;\n    /* margin: 5%, 15%, 5%, 5%; */\n    text-align: center;\n    margin-left: 0;\n    margin-top: 15%;\n}\n\n.p1{\n  margin-top: 5%;\n  font-size: 40px;\n  /* margin-left: 30%; */\n\n}\n.content{\n    width: 90%;\n    height: 94%;\n    margin-left: 0%;\n    margin-top: 0%;\n    position: fixed;\n    background-color: white;\n}\n.body{\n    font-family: \"Montserrat-Regular\";\n    /* background-color: rgb(211, 211, 211); */\n    height: 1000px;\n}\n\n</style>\n","import { render } from \"./tipPolzov.vue?vue&type=template&id=2c3f7bd2&scoped=true\"\nimport script from \"./tipPolzov.vue?vue&type=script&lang=js\"\nexport * from \"./tipPolzov.vue?vue&type=script&lang=js\"\n\nimport \"./tipPolzov.vue?vue&type=style&index=0&id=2c3f7bd2&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2c3f7bd2\"]])\n\nexport default __exports__","import { render } from \"./authModal.vue?vue&type=template&id=2a7941d5&scoped=true\"\nimport script from \"./authModal.vue?vue&type=script&lang=js\"\nexport * from \"./authModal.vue?vue&type=script&lang=js\"\n\nimport \"./authModal.vue?vue&type=style&index=0&id=2a7941d5&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2a7941d5\"]])\n\nexport default __exports__","import { render } from \"./hederUno.vue?vue&type=template&id=583e0187&scoped=true\"\nimport script from \"./hederUno.vue?vue&type=script&lang=js\"\nexport * from \"./hederUno.vue?vue&type=script&lang=js\"\n\nimport \"./hederUno.vue?vue&type=style&index=0&id=583e0187&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-583e0187\"]])\n\nexport default __exports__","import { render } from \"./landingUno.vue?vue&type=template&id=2e69ba1f&scoped=true\"\nimport script from \"./landingUno.vue?vue&type=script&lang=js\"\nexport * from \"./landingUno.vue?vue&type=script&lang=js\"\n\nimport \"./landingUno.vue?vue&type=style&index=0&id=2e69ba1f&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-2e69ba1f\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n          \n            <div class=\"content\">\n\n                <div class=\"contentbox\">\n\n                    <div class=\"contentleft\">\n\n                        <div class=\"left\">\n                            <p>\n                                Зарегистрируйтесь чтобы начать работу \n                            </p>\n                            <label class=\"label0\" for=\"\">\n                                Ваш телефон или E-mail\n                            </label><br>\n                            <input type=\"text\"><br>\n                            <a href=\"#authd\">\n                            <button class=\"btn button1\">\n                                Отправить код\n                            </button>\n                                </a>\n                            <div class=\"pbox\">\n                                    <div class=\"poloska1\"></div>\n                                <label class=\"label1\">\n                                    или\n                                </label>                                \n                                    <div class=\"poloska2\"></div>\n                            </div>\n                            <label class=\"label2\">\n                                Упрощенная регистрация через:\n                            </label>\n                            <div class=\"rotbox\">\n                                <button class=\"bnt buttonR\">\n                                    <img class=\"img1\" src=\"./ikons/Vk.png\">\n                                </button>\n                                 <button class=\"bnt buttonR\">\n                                    <img class=\"img1\" src=\"./ikons/icons8-google-30.png\">\n                                </button>\n                                 <button class=\"bnt buttonR\">\n                                    <img class=\"img1\" src=\"./ikons/icons8-yandex-67.png\">\n                                </button>\n                                \n                            </div>\n                            <label class=\"label3\">\n                                Нажимая кнопку “Зарегистрироваться” Вы соглашаететсь с политикой конфиденциальности\n                            </label>\n                        </div>\n                    </div>\n\n                    <div class=\"contentright\">\n\n                        <div class=\"right\">\n\n                            <p>\n                                Или ознакомьтесь с функционалом в сопровождении виртуального помощника\n                            </p>\n                            <img class=\"img2\" src=\"./ikons/robot1.png\">\n                            <button class=\"btn button4\">\n                                Поехали!\n                            </button>\n                        </div>\n\n                    </div>\n\n                </div>\n\n            </div>\n    </div>\n</template>\n\n<script>\n\n// import heder from \"./components/hederUno.vue\";\nexport default{\n    components:{\n      //  heder\n        }\n}\n\n</script>\n\n<style scoped>\n.button4{\n    width: 80%;\n    height: 50px;\n    background-color: #D9D9D9;\n    margin-top: 5%;\n}\n.img2{\n    width: 40%;\n    margin-left: 8%;\n}\n.right{\n    width: 85%;\n    margin-left: 7.5%;\n    text-align: center;\n    /* margin-top: 20%; */\n}\n\n.contentright p{\n    margin-top: 20%;\n    font-size: 30px;\n    color: white;\n}\n.label3{\n    margin-top: 4%;\n    width: 80%;\n    font-size: 12px;\n}\n.img1{\n    width: 140%;\n    margin-left: -18%;\n}\n\n.buttonR{\n    border-radius: 40%;\n    background-color: white;\n    width: 40px;\n    margin-left: 2%;\n    margin-top: 4%;\n}\n.rotand{\n    border: 1px solid #000000;\n    width: 20%;\n    margin-left: 2%;\n    margin-top: 2%;\n    border-radius: 50px;\n    rotate: 50%;\n}\n.label2{\n    margin-top: 4%;\n    margin-left: 5%;\n    font-size: 20px;\n}\n.pbox{\n    display: flex;\n    width: 80%;\n    margin-left: 10%;\n    margin-top: 4%;\n}\n.label1{\n    margin-left: 5%;\n    font-size: 20px;\n}\n\n.poloska1{\n    border: 1px solid #000000;\n    width: 40%;\n    margin-top: 4%;\n    height: 1px;\n    \n}\n.poloska2{\n    border: 1px solid #000000;\n    width: 40%;\n    margin-top: 4%;\n    height: 1px;\n    margin-left: 5%;\n}\n.left{\n    width: 85%;\n    margin-left: 10%;\n}\n.contentleft{\n    width: 50%;\n    height: 100%;\n    background-color: white;\n    float: left;\n    \n}\n.contentleft p{\n    margin-top: 20%;\n    font-size: 30px;\n}\n.label0{\n    margin-top: 4%;\n    font-size: 12px;\n}\n.contentleft input{\n    margin-top: 2%;\n    width: 80%;\n    height: 50px;\n}\n.button1{\n    margin-top: 4%;\n    width: 80%;\n    height: 50px;\n    background-color: #D9D9D9;\n}\n.contentright{\n    width: 50%;\n    height: 100%;\n    float: left;\n    background-color: #404040;\n} \n.contentbox{\n    width: 70%;\n    margin-left: 15%;\n    margin-top: 5%;\n    height: 700px;\n    border: 1px;\n    border-color: black;\n    position: fixed;\n    border: 1px solid #000000;\n    text-align: center;\n}\n.body{\n    font-family: \"Montserrat-Regular\";\n    background-color: rgb(211, 211, 211);\n    height: 1000px;\n}\n\n</style>\n","import { render } from \"./authUno.vue?vue&type=template&id=f8146686&scoped=true\"\nimport script from \"./authUno.vue?vue&type=script&lang=js\"\nexport * from \"./authUno.vue?vue&type=script&lang=js\"\n\nimport \"./authUno.vue?vue&type=style&index=0&id=f8146686&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-f8146686\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n          \n            <div class=\"content\">\n\n                <div class=\"contentbox\">\n\n                    <div class=\"contentleft\">\n\n                        <div class=\"left\">\n                            <p>\n                                Зарегистрируйтесь чтобы начать работу \n                            </p>\n                            <label class=\"label0\" for=\"\">\n                                Введите  код из смс или из почты\n                            </label><br>\n                            <input type=\"text\"><br>\n                            <a href=\"#tips\">\n                            <button class=\"btn button1\">\n                                Зарегистрироваться\n                            </button>\n                            </a>\n                            <div class=\"pbox\">\n                                    <div class=\"poloska1\"></div>\n                                <label class=\"label1\">\n                                    или\n                                </label>                                \n                                    <div class=\"poloska2\"></div>\n                            </div>\n                            <label class=\"label2\">\n                                Упрощенная регистрация через:\n                            </label>\n                            <div class=\"rotbox\">\n                                <button class=\"bnt buttonR\">\n                                    <img class=\"img1\" src=\"./ikons/Vk.png\">\n                                </button>\n                                 <button class=\"bnt buttonR\">\n                                    <img class=\"img1\" src=\"./ikons/icons8-google-30.png\">\n                                </button>\n                                 <button class=\"bnt buttonR\">\n                                    <img class=\"img1\" src=\"./ikons/icons8-yandex-67.png\">\n                                </button>\n                             \n                            </div>\n                            <label class=\"label3\">\n                                Нажимая кнопку “Зарегистрироваться” Вы соглашаететсь с политикой конфиденциальности\n                            </label>\n                        </div>\n                    </div>\n\n                    <!-- <div class=\"contentright\">\n\n                        <div class=\"right\">\n\n                            <p>\n                                Или ознакомьтесь с функционалом в сопровождении виртуального помощника\n                            </p>\n                            <img class=\"img2\" src=\"./ikons/robot.png\">\n                            <button class=\"btn button4\">\n                                Поехали!\n                            </button>\n                        </div>\n\n                    </div> -->\n\n                </div>\n\n            </div>\n    </div>\n</template>\n\n<script>\n\n// import heder from \"./components/hederUno.vue\";\nexport default{\n    components:{\n      //  heder\n        }\n}\n\n</script>\n\n<style scoped>\n.button4{\n    width: 80%;\n    height: 50px;\n    background-color: #D9D9D9;\n    margin-top: 5%;\n}\n.img2{\n    width: 40%;\n    margin-left: 8%;\n}\n.right{\n    width: 85%;\n    margin-left: 7.5%;\n    text-align: center;\n    /* margin-top: 20%; */\n}\n\n.contentright p{\n    margin-top: 20%;\n    font-size: 30px;\n    color: white;\n}\n.label3{\n    margin-top: 4%;\n    width: 80%;\n    font-size: 12px;\n}\n.img1{\n    width: 140%;\n    margin-left: -18%;\n}\n\n.buttonR{\n    border-radius: 40%;\n    background-color: white;\n    width: 40px;\n    margin-left: 2%;\n    margin-top: 4%;\n}\n.rotand{\n    border: 1px solid #000000;\n    width: 20%;\n    margin-left: 2%;\n    margin-top: 2%;\n    border-radius: 50px;\n    rotate: 50%;\n}\n.label2{\n    margin-top: 4%;\n    margin-left: 5%;\n    font-size: 20px;\n}\n.pbox{\n    display: flex;\n    width: 80%;\n    margin-left: 10%;\n    margin-top: 4%;\n}\n.label1{\n    margin-left: 5%;\n    font-size: 20px;\n}\n\n.poloska1{\n    border: 1px solid #000000;\n    width: 40%;\n    margin-top: 4%;\n    height: 1px;\n    \n}\n.poloska2{\n    border: 1px solid #000000;\n    width: 40%;\n    margin-top: 4%;\n    height: 1px;\n    margin-left: 5%;\n}\n.left{\n    width: 85%;\n    margin-left: 10%;\n}\n.contentleft{\n    width: 50%;\n    height: 100%;\n    background-color: white;\n    float: left;\n    \n}\n.contentleft p{\n    margin-top: 20%;\n    font-size: 30px;\n}\n.label0{\n    margin-top: 4%;\n    font-size: 12px;\n}\n.contentleft input{\n    margin-top: 2%;\n    width: 80%;\n    height: 50px;\n}\n.button1{\n    margin-top: 4%;\n    width: 80%;\n    height: 50px;\n    background-color: #D9D9D9;\n}\n.contentright{\n    width: 50%;\n    height: 100%;\n    float: left;\n    background-color: #404040;\n} \n.contentbox{\n    width: 70%;\n    margin-left: 15%;\n    margin-top: 5%;\n    height: 700px;\n    border: 1px;\n    border-color: black;\n    position: fixed;\n    border: 1px solid #000000;\n    text-align: center;\n}\n.body{\n    font-family: \"Montserrat-Regular\";\n    background-color: rgb(211, 211, 211);\n    height: 1000px;\n}\n\n</style>\n","import { render } from \"./authDuo.vue?vue&type=template&id=7a30d400&scoped=true\"\nimport script from \"./authDuo.vue?vue&type=script&lang=js\"\nexport * from \"./authDuo.vue?vue&type=script&lang=js\"\n\nimport \"./authDuo.vue?vue&type=style&index=0&id=7a30d400&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-7a30d400\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n\n        <div class=\"content\">\n\n            <div class=\"contentbox\">\n\n                <p class=\"p1\">\n                    Какой вы тип пользователя?\n                </p>\n                <div class=\"pbox\">\n\n                    <div class=\"polzovatel\">\n                        <a href=\"#alias\">\n                        <div class=\"imgbox\">\n                            \n                        </div>\n                        <p>\n                            Собственник\n                        </p>\n                        <label>\n                            для собственных нужд\n                        </label>\n                        </a>\n                    </div>\n                   \n\n                  \n                    <div class=\"polzovatel\">\n                        <a href=\"#alias\">\n                         <div class=\"imgbox\">\n                            \n                        </div>\n                        <p>\n                            Дизайнер\n                        </p>\n                        <label>\n                            для учебы/работы\n                        </label>\n                        </a>\n                    </div>\n                   \n                   \n                    <div class=\"polzovatel\">\n                        <a href=\"#alias\">\n                        <div class=\"imgbox\">\n                            \n                        </div>\n                        <p>\n                            Продавец\n                        </p>\n                        <label>\n                            для работы\n                        </label>\n                        </a>\n                    </div>\n                   \n                </div>\n            </div>\n        </div>\n           \n    </div>\n</template>\n\n<script>\n\n// import heder from \"./components/hederUno.vue\";\nexport default{\n    components:{\n      //  heder\n        }\n}\n\n</script>\n\n<style scoped>\n\n\n.pbox{\n    display: flex;\n    margin-left: 15%;\n    margin-top: 5%;\n\n}\n\n.polzovatel{\n    border: 1px;\n    border: 1px solid #000000;\n    margin-left: 2%;\n    width: 30%;\n    text-align: center;\n    border-radius: 15px;\n    padding: 5px;\n    \n}\n.polzovatel a{\n    text-decoration: none;\n    color: #000000;\n}\n.polzovatel p{\n    font-size: 30px;\n    margin-top: 15%;\n}\n\n.polzovatel label{\n   margin-bottom: 15%;\n}\n.imgbox{\n    width: 80px;\n    height: 80px;\n    margin-top: 15%;\n    background-color: #D9D9D9;\n    border-radius: 50px;\n    margin-left: 37%;\n}\n.contentbox{\n    width: 90%;\n    margin: 5%, 5%, 5%, 5%;\n}\n\n.p1{\n  margin-top: 5%;\n  font-size: 40px;\n  margin-left: 30%;\n\n}\n.content{\n    width: 70%;\n    height: 520px;\n    margin-left: 15%;\n    margin-top: 13%;\n    position: fixed;\n    background-color: white;\n}\n.body{\n    font-family: \"Montserrat-Regular\";\n    background-color: rgb(211, 211, 211);\n    height: 1000px;\n}\n\n</style>\n","import { render } from \"./tipPolzov.vue?vue&type=template&id=10d4bac1&scoped=true\"\nimport script from \"./tipPolzov.vue?vue&type=script&lang=js\"\nexport * from \"./tipPolzov.vue?vue&type=script&lang=js\"\n\nimport \"./tipPolzov.vue?vue&type=style&index=0&id=10d4bac1&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-10d4bac1\"]])\n\nexport default __exports__","<template>\n    \n    <div class=\"body\">\n        <heder/>\n        <leftmenu/>\n        <div class=\"hedpoloska\"></div>\n\n        <div class=\"content\">\n          \n            <!-- <a href=\"#create\"> -->\n\n            <div  class=\"contenthed\">\n\n              \n                <div @click=\"createproject\" class=\"createproject\">\n\n                    <div class=\"ched\">\n                        <div class=\"pphed1\"></div>\n                        <div class=\"pphed2\"></div>\n                    </div>\n                    <div class=\"cbody\" >\n                        Создать новый <br> проект\n\n                    </div>\n                </div>\n             \n            </div>\n            <!-- </a>  -->\n            <div class=\"contentbody\">\n\n                <div class=\"cbodyhed\">\n                    <label class=\"cbhl\" @click=\" testr\"> Последние проекты </label> \n                                       \n                    \n                    <div class=\"dropdown show\">\n\n                <!-- <a class=\"btn \"  role=\"button\" id=\"dropdownMenuLink\" data-toggle=\"dropdown\" aria-haspopup=\"true\" aria-expanded=\"false\">\n                 <strong>\n                     Все проекты\n                 </strong>\n                   \n                </a> -->\n\n                <div class=\"dropdown-menu\" aria-labelledby=\"dropdownMenuLink\">\n                    <a class=\"dropdown-item\" href=\"#\">Action</a>\n                    <a class=\"dropdown-item\" href=\"#\">Another action</a>\n                    <a class=\"dropdown-item\" href=\"#\">Something else here</a>\n                </div>\n                </div>\n\n               </div><br>\n               <!-- <button @click=\"projects\">\n                qe\n            </button> -->\n               <div class=\"cbb\">\n\n\n                <div class=\"kard\"\n                v-for:=\"options in project4\" \n                @click=\"projectclick(options.id)\"\n                >\n                    <!-- <a href=\"#shablon\" > -->\n                     <div class=\"kardimg\"></div>\n\n                     <div class=\"kardb\"\n                     v-for:=\"options in project4\" >\n                        <img class=\"image1\" src=\"@/component/pages/ikons/fail.png\" >\n                        {{(options)? project4.title : ''}}\n                        {{(options)? project4 : ''}}\n                        {{options.title}}\n                        {{project4.title}}\n                        {{options}}\n                        {{(neuronet)? neuronet.descr : ''}}\n                      \n                      <div id=\"test1\">\n                        \n                      </div >\n                      \n                        <br>\n                     </div>\n                     <!-- </a> -->\n                </div>  \n                <div class=\"kard\"\n                v-for:=\"getp in proect\" \n                @click=\"projectclick(proect.id)\"\n                >\n                    <!-- <a href=\"#shablon\" > -->\n                     <div class=\"kardimg\"></div>\n\n                     <div class=\"kardb\">\n                        <img class=\"image1\" src=\"@/component/pages/ikons/fail.png\" >\n                        {{(getp)? proect : ''}}\n                      \n                      <div id=\"test1\">\n                        \n                      </div >\n                      \n                        <br>\n                     </div>\n                     <!-- </a> -->\n                </div> \n               <div @click=\"projects\" class=\"kard\">\n                     <div class=\"kardimg\">\n\n                     </div>\n\n                     <div class=\"kardb\">\n                        <img class=\"image1\" src=\"@/component/pages/ikons/fail.png\" >Цветник бохо<br>\n                     </div>\n                </div> \n                <div class=\"kard\">\n                     <div class=\"kardimg\"></div>\n\n                     <div class=\"kardb\">\n                        <img class=\"image1\" src=\"@/component/pages/ikons/fail.png\" >Цветник бохо<br>\n                     </div>\n                </div> \n                <div class=\"kard\">\n                     <div class=\"kardimg\"></div>\n\n                     <div class=\"kardb\">\n                        <img class=\"image1\" src=\"@/component/pages/ikons/fail.png\" >Цветник бохо<br>\n                     </div>\n                </div> \n                <div class=\"kard\">\n                     <div class=\"kardimg\"></div>\n\n                     <div class=\"kardb\">\n                        <img class=\"image1\" src=\"@/component/pages/ikons/fail.png\" >Цветник бохо<br>\n                     </div>\n                </div> \n                <div class=\"kard\">\n                     <div class=\"kardimg\"></div>\n\n                     <div class=\"kardb\">\n                        <img class=\"image1\" src=\"@/component/pages/ikons/fail.png\" >Цветник бохо<br>\n                     </div>\n                </div> \n                <div class=\"kard\">\n                     <div class=\"kardimg\"></div>\n\n                     <div class=\"kardb\">\n                        <img class=\"image1\" src=\"@/component/pages/ikons/fail.png\" >Цветник бохо<br>\n                     </div>\n                </div> \n                <div class=\"kard\">\n                     <div class=\"kardimg\"></div>\n\n                     <div class=\"kardb\">\n                        <img class=\"image1\" src=\"@/component/pages/ikons/fail.png\" >Цветник бохо<br>\n                    \n                    </div> \n\n                 <!--     <table class=\"table\">\n              \n              <tbody>\n                <tr\n                v-for:=\"options in project1\" \n                 \n                >\n                 \n                  <td scope=\"row\"  >{{(options)? project1.pr_descr : ''}}</td>\n                    <td>{{(project1)? project1.pr_lat : ''}}</td>\n                    <td>{{(project1)? project1.pr_lon : ''}}</td>\n                    <td>{{(project1)? project1.pr_name : ''}}</td>\n                    <td>{{(project1)? project1.id : ''}}</td>\n                    <td>{{(project1)}}</td> \n                   \n                    <td scope=\"row\"  >{{qwerty.id }}</td>\n                         <td> {{qwerty.pr_descr}}</td>\n                    <td>{{ qwerty.pr_lat}}</td>\n                    <td>{{qwerty.pr_lon}}</td>\n                    <td>{{qwerty.pr_name}}</td> -->\n                 \n\n                    <!-- <td>{{qwerty.n_count}}</td>\n                         вот это для вывода\n                    <td>{{qwerty.order}}</td>\n                    <td>{{qwerty.x}}</td>\n                    <td>{{qwerty.y}}</td>\n                </tr>\n              </tbody>\n           </table> -->\n                </div> \n                       \n               \n\n               </div>\n\n            </div>\n        </div>\n        <!-- <table>\n            <td scope=\"row\"  > {{(projects)? projects.pr_descr : ''}}</td>\n                    <td> {{(projects)? projects.pr_lat : ''}}</td>\n                    <td>{{(neuronet)? neuronet.pr_lon : ''}}</td>\n                    <td>{{(neuronet)? neuronet.pr_name : ''}}</td>\n        </table> -->\n        \n    </div>\n</template>\n\n<script>\n import apiint from  \"../../JS/apiint.js\"  \n import heder from \"./components/hederTree.vue\";\n    import leftmenu from \"./components/leftMenu.vue\"\n\n //   import contentA from \"./components/contentAlias.vue\"\nexport default{\n    components:{\n        heder,\n        leftmenu,\n      //   contentA,\n        },\n\n        name: \"proJect\",\n        data(){\n       return{\n           \n            project4: null,\n            proect: null,\n           \n        }\n    },\n    created(){      \n                  \n                this.projects()\n                this.getprojects()\n        \n    },\n\n        mounted(){\n           \n\n    this.$projects()    //использовать для прорисовки по умолчанию\n},\n    \n        methods:{\n        // api.request(options2).then(function (response)\n\n        testr(){\n            \n                 console.log(\"message\")\n            },\n          \n           \n        \n\n            prifile(this2){\n                const optionspr = {\n                method: 'GET',\n                url: 'http://185.221.153.253:8000/api/aigarden/profile/me',\n                // headers: {\n                //     Authorization: 'Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE2ODcwOTk2NzYsInVpZCI6MTR9.4Qwjrlh1wIoBj2OwrEABUI30pMiyypnw4_yXNTfK0AI'\n                // }\n                };\n\n                apiint.request(optionspr).then(function (response) {\n                    console.log(\"qwe\");   \n                    console.log(response.data);\n                    this2.profile = response.data\n                    console.log(this2.profile);\n                }).catch(function (error) {\n                console.error(error);\n                });\n             },\n\n\n            projects(){\n            \n                const options = {\n                    method: 'GET',\n                    url: 'http://185.221.153.253:8000/api/aigarden/project',\n                                   \n                    };\n                  \n                    apiint.request(options).then(function (response) {\n                    localStorage.setItem('id', response.data.id)      \n                            \n                    let project4 = response.data\n                    console.log(project4);\n                    let qwerty = response.data.title\n                    console.log(\"========\");\n                    console.log(qwerty);\n                    document.getElementById('test1').textContent = project4\n                    }).catch(function (error) {\n                    console.error(error);\n                 \n                    })\n                \n            },\n            getprojects(){\n               \n\n            const getpr = {\n            method: 'GET',\n            url: 'http://185.221.153.253:8000/api/aigarden/project',\n            \n            };\n\n            apiint.request(getpr).then(function (response) {\n                console.log(\"hello worlf\");   \n            console.log(response.data);\n              let proect = response.data\n              console.log(proect)\n              let  element = document.querySelector('.test1');\n            let getprodj= response.data\n            element.innerHTML= getprodj\n            }).catch(function (error) {\n            console.error(error);\n            });\n            },\n\n\n            createproject(id){\n\n                const options2 = {\n                    method: 'POST',\n                    url: 'http://185.221.153.253:8000/api/aigarden/project',\n                \n                    data: {\n                         \"title\": \"string\",\n                         \"location\": \"string\",\n                         \"catalog_id\": \"34\"\n                    }\n                    };\n\n                    apiint.request(options2).then(function (response) {\n                    console.log(response.data);\n                    localStorage.setItem('id', response.data.id)  \n                    console.log(response.data.id)\n                     console.log('succes create')\n          console.log(id);\n        //  \n        // this.$router.push({path: this.$route.fullPath + '/'+'neuroNet' + '/' +id })\n        \n             localStorage.getItem(id)    \n             console.log(id)\n       // this.$router.push( {path: 'create', query: { 'project': id }})\n        console.log('123')\n        //this.$router.push( {path: 'create', query: { 'project': id }})\n                 //   window.location.reload()\n                    \n                    }).catch(function (error) {\n                    console.error(error)\n                    if(error.response.status === 422){\n                        this.$router.push( {path: 'create', query: { 'project': id }})\n                        window.location.reload()\n                    }\n                    });\n\n                   \n           },\n\n            createfolder(){\n                const options3 = {\n            method: 'POST',\n            url: 'http://185.221.153.253:5700/api/picfolders',\n            headers: {\n                'Content-Type': 'application/json',\n                Authorization: 'Bearer 4a010051-13b7-417c-94e6-8435b183f0a7'\n            },\n            data: {}\n            };\n\n            apiint.request(options3).then(function (response) {\n            console.log(response.data);\n            }).catch(function (error) {\n            console.error(error);\n            });\n            },\n\n\n            projectclick( id){\n          console.log('qwerty')\n          console.log(id);\n          //this.$router.push({path: this.$route.fullPath + '/'+'neuroNet' + '/' +id })\n          this.$router.push( {path: 'shablon', query: { 'project': id }})\n         },\n         \n\n                    \n            \n        }\n}\n</script>\n\n<style scoped>\n.btn{\n    font-size: 24px;\n}\n.hedpoloska{\n    height: 2.5px;\n    width: 100%;\n    background-color:#D9D9D9;\n    /* margin-left: 99%; */\n}\n.kard{\n    width: 255px;\n    float: left;\n    margin-left: 0%;\n    margin-top: 1%;\n    margin-left: 0%;\n    \n}\n.kard a{\n    text-decoration: none;\n    color: black;\n}\n.kardimg{\n    width: 242px;\n    height: 242px;\n    background-color: #D9D9D9;\n    text-align: center;\n    \n}\n.kardb{\n    margin-top: 1%;\n}\n\n.cbb{\n    margin-top: 5%;\n}\n.cbhl{\n    float: left;\n    margin-top: 0.5%;\n}\n.dropdown{\n    margin-left: 2%;\n    float: left;\n}\n.vseproekti{\n\n}\n.contentbody{\n    margin-left: 5%;\n    margin-top: 5%;\n}\n.content{\n    margin-left: 2.3%;\n    float: left;\n    margin-top: 0px;\n    width: 75%;\n    height: 100vh;\n\n}\n.content a{\n    text-decoration: none;\n    color: black;\n}\n.contenthed{\n    margin-left: 5%;\n    margin-top: 5%;\n     display: flex;\n\n}\n.createproject{\n    text-align: center;\n    margin-left: 0%;\n    background-color: #D9D9D9 ;\n    width: 320px;\n    height: 140px;\n    border-radius: 20px;\n   \n    }\n\n\n.ched{\n    margin-top: 3%;\n}\n.pphed1{\n    width: 25px;\n    height: 2px;\n    margin-left: 45%;\n    margin-top: 8%;\n    background-color: black;\n}\n.pphed2{\n    width: 25px;\n    height: 1.5px;\n    margin-left: 45%;\n    margin-top: -0.5%;\n    background-color: black;\n    transform: rotate(90deg);\n}\n\n.cbody{\n    margin-top: 7%;\n}\n.body{\n    font-family: \"Montserrat-Regular\";\n    /* background-color: rgb(211, 211, 211); */\n    z-index: 9;\n    font-size: 24px;\n}\n</style>\n","import axios from \"axios\";\nimport router from \"@/router\";\n\n\nconst api = axios.create();\n\n            api.interceptors.request.use(config =>{\n              if(localStorage.getItem('access_token')){\n              config.headers = {\n                Authorization: ` Bearer ${localStorage.getItem('access_token')}`\n              }\n            }\n              return config\n            }, error =>{\n              console.log(error)  \n            })\n\n            api.interceptors.response.use(config =>{\n              if(localStorage.getItem('access_token')){\n              config.headers = {\n                Authorization: ` Bearer ${localStorage.getItem('access_token')}`\n              }\n            }\n\n              return config\n            }, error =>{\n                \n                if (error.response.status === 401)\n                  router.push( 'login')\n              \n            })\n\nexport default api","<template>\n    <div class=\"body\">\n        <div class=\"heder\">\n            <a href=\"#alias\">\n            <div class=\"logo\">\n               <!-- <img  class=\"img5\" src=\"@/component/pages/ikons/logo1.png\">  -->\n                A I . G A R D E N \n            \n            </div>\n            </a>\n            <div class=\"panel\">\n                <!-- <a  href=\"\">\n                <button v-bind=\"!accesstoken\" class=\"btn buton\">\n                   Мои проекты\n                </button>\n                </a> -->\n                <!-- <a  href=\"\">\n                <button class=\"btn buton\">\n                    Тарифы\n                </button>\n                </a>\n                <a  href=\"\">\n                <button class=\"btn buton\">\n                   Галерея\n                </button>\n                    </a>\n                    <a  href=\"\">\n                <button class=\"btn buton\">\n                   Как работать\n                </button>\n                    </a>\n                    <a  href=\"\">\n                <button class=\"btn buton\">\n                  Сообщество\n                </button>\n                    </a> -->\n                    <header>\n                    <input class=\"menu-btn\" type=\"checkbox\" id=\"menu-btn\" name=\"menu-btn\" />\n                    <label class=\"menu-icon\" for=\"menu-btn\">\n                        <span class=\"navicon\" aria-label=\"Hamburger menu 'icon'\" />\n                    </label>\n                    <nav class=\"menu\">\n                        <a class=\"nav-item\" href=\"#\">                            \n                          Мои проекты                                                 \n                        </a>\n                       \n                        <a class=\"nav-item\" href=\"#\">                           \n                          О нас                \n                        </a>\n                        <a class=\"nav-item qweasd\" href=\"#\">                             \n                          Тарифы и цены                      \n                         </a>\n                        <a class=\"nav-item\" href=\"#\">                          \n                          Как работать                         \n                        </a>\n                        <a class=\"nav-item qweasd\" href=\"#\">                             \n                          Галерея                       \n                         </a>\n                       \n                    </nav>\n                \n                     <div class=\"rightbutton\" >       \n           \n                  <p class=\"test\" id=\"test\">\n                    \n                  </p>\n                  \n                <!-- fasd\n qwer\n                {{profile1 }}\n                {{(prifile)? profile1 : ''}}\n                {{(optionspr)? prifile.profile1 : ''}}\n                        {{optionspr.profile1}}\n                        {{prifile.response.data.profile.email}}\n              -->\n               \n                </div> \n                \n                    </header>\n                  \n            </div>\n           \n                \n            </div>\n        </div>\n   \n  \n</template>\n\n<script>\n import apiint from  \"../../../JS/apiint.js\"  \n\n//import api from  \"../../../JS/api.js\"  \n//import auth from'./authModal.vue'\n    export default{\n        components:{\n          //  auth,\n        },\n        mounted(){\n\n           \n        console.log(this)\n   this.prifile()\n        this.getus(this) \n\n        },\n       \n\n        methods:{\n\n          prifile(){\n                const optionspr = {\n                method: 'GET',\n                url: 'http://185.221.153.253:8000/api/aigarden/profile/me',\n                // headers: {\n                //     Authorization: 'Bearer eyJ0eXAiOiJKV1QiLCJhbGciOiJIUzI1NiJ9.eyJpYXQiOjE2ODcwOTk2NzYsInVpZCI6MTR9.4Qwjrlh1wIoBj2OwrEABUI30pMiyypnw4_yXNTfK0AI'\n                // }\n                };\n\n                apiint.request(optionspr).then(function (response) {\n                    console.log(\"hed\");   \n                    console.log(response.data.profile.email);\n                    console.log(response.data.profile.kind);\n                   \n                    let profile1 = response.data.profile.email\n                    console.log(\"hed222\");   \n                    console.log(profile1);\n                    let user = profile1.replace('email=','')\n                    console.log(user)\n                    document.getElementById('test').textContent = user\n                }).catch(function (error) {\n                console.error(error);\n                });\n             },\n\n            // getus(this2){\n\n            // const options9 = {\n            // method: 'GET',\n            // url: 'http://185.221.153.253:5700/api/user/current',\n            // headers: {\n            //    // Authorization: 'Bearer d886afc0-ba19-4b36-b768-f6b8db94a09d'\n            \n            \n            // },\n            // data: {\n\n            //   //  pin: 'user4'\n            // }\n            // };\n\n            // api.request(options9).then(function (response) {\n            // console.log(response.data);\n            // this2.project11 = response.data\n            // let qwerty = response.data\n            //     console.log(\"========\");\n            //     console.log(qwerty);\n            // }).catch(function (error) {\n            // console.error(error);\n            // });\n            // }\n\n            \n\n\n            }\n\n\n    }\n    \n    \n</script>\n\n<style scoped>\n/*  */\n\n/*  */\n\n.test{\n  float: left;\n}\n\n.qweasd{\n    width: 300px;\n    \n}\n .body{\n     height: 90px;\n     /* position: absolute; */\n     /* top: 0; */\n     width: 100%;\n     background-color: rgb(255, 255, 255);\n     padding: 5px;\n }\n    .heder{\n        margin-top: 0.9%;\n        font-family: \"Montserrat-Regular\";\n        display: flex;\n    }\n    .heder a{\n        text-decoration: none;\n    }\n    .logo{\n   \n        /* position: absolute; */\n        margin-left: 12.5%;\n        font-size: 36px;\n        font-family: \"Montserrat-SemiBold\";\n        color: rgb(0, 0, 0);\n        width: 300px;\n        text-align: left;\n        /* display:flex; */\n    }\n    .logo img{\n        width: 15%;\n\n    }\n    .panel{\n        /* position: absolute; */\n        margin-left: 5%;\n        width: 70%;\n        /* text-align: center; */\n        /* justify-content: center; */\n        margin-top: -0.8%;\n      \n\n    }\n    .panel a{\n        /* position: absolute; */\n        /* margin-left: 1%; */\n        width: 80%;\n        color: black;\n        font-size: 24px;\n        text-align: center;\n        /* justify-content: center; */\n\n    }\n    .buton{\n        color: rgb(0, 0, 0);\n        font-size: 24px;\n        margin-left: 2%;\n    }\n    .rightbutton{\n      position: absolute;\n      top:40px;\n      right: 50px;\n      /* float: left; */\n        /* position: absolute;\n        right: 10%; */\n        color: rgb(202, 202, 202);\n        /* margin-left: 0%; */\n        z-index: 2222;\n        /* text-align: right; */\n        /* height: 50px; */\n    }\n    .buton2{\n        background-color:rgb(211, 211, 211);\n        color: rgb(0, 0, 0);\n        font-size: 25px;\n        margin-left: 2%;\n        border-radius: 40px;\n    }\n    /*  ============================ */\n  \n\n#menu-btn {\n  position: absolute;\n  top: -100%;\n  left: -100%;\n}\n/* Hide hamburger for bigger screens */\n.menu-icon {\n  visibility: hidden;\n}\n.menu {\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  z-index: 111;\n  /* max-width: 250px; */\n  margin-right: 2rem;\n}\n.nav-item{\n  width: auto;\n}\n/* Set width for mobile/smaller screen size. */\n/* I set it big here so I don't have to shrink the screen so much */\n/* for testing purposes */\n@media screen and (max-width: 1455px) {\n  header {\n    display: grid;\n    grid-template-areas:\n      \"title title hamburger\"\n      \"nav nav nav\";\n  }\n  h1 {\n    grid-area: title;\n  }\n  .menu a {\n    text-decoration: none;\n    color: black;\n    font-size: 18px;\n  }\n  .menu-btn {\n    display: none;\n  }\n  .menu-icon {\n    grid-area: hamburger;\n    cursor: pointer;\n    display: flex;\n    justify-content: flex-end;\n    align-items: baseline;\n    padding: 30px 20px 30px 0;\n    position: relative;\n    user-select: none;\n    visibility: visible;\n  }\n  .navicon {\n    background: #333;\n    display: block;\n    height: 2px;\n    width: 18px;\n    position: relative;\n  }\n  .navicon:before {\n    top: 5px;\n  }\n  .navicon:after {\n    top: -5px;\n  }\n  .navicon:before,\n  .navicon:after {\n    background: #333;\n    display: block;\n    width: 100%;\n    height: 100%;\n    content: \"\";\n    position: absolute;\n    transition: all 0.2s ease-out;\n  }\n  .menu {\n    grid-area: nav;\n    max-width: unset;\n    max-height: 0;\n    transition: max-height 0.2s ease-out;\n    overflow: hidden;\n    margin: 0;\n    padding: 0;\n    background-color: #fff;\n    display: flex;\n    flex-direction: column;\n  }\n  .menu a {\n    padding: 20px 20px;\n    border-right: 1px solid #f4f4f4;\n    background-color: #ffffff;   \n    \n    opacity: 100%;\n    text-align: center;\n  }\n  .menu-btn:checked ~ .menu {\n    max-height: 240px;\n  }\n  .menu-btn:checked ~ .menu-icon .navicon {\n    background: transparent;\n  }\n  .menu-btn:checked ~ .menu-icon .navicon:before {\n    transform: rotate(-45deg);\n  }\n  .menu-btn:checked ~ .menu-icon .navicon:after {\n    transform: rotate(45deg);\n  }\n  .menu-btn:checked ~ .menu-icon .navicon:before,\n  .menu-btn:checked ~ .menu-icon .navicon:after {\n    top: 0;\n  }\n}\n</style>\n","import { render } from \"./hederTree.vue?vue&type=template&id=70a36930&scoped=true\"\nimport script from \"./hederTree.vue?vue&type=script&lang=js\"\nexport * from \"./hederTree.vue?vue&type=script&lang=js\"\n\nimport \"./hederTree.vue?vue&type=style&index=0&id=70a36930&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-70a36930\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n        <!-- <div class=\"hedpoloska\"></div> -->\n        <div class=\"bcontent\">\n            <div class=\"searchbox\">\n                <input class=\"search\" typy=\"search\" placeholder=\" Искать файл\" >\n                <button class=\"btn buttonsrc\">\n                    <img src=\"./ik/srcbtn.png\">\n                </button>\n            </div>\n<!-- ----------------------------------------- -->\n            <div class=\"papki\">\n                <div class=\"create\">\n                  \n                    <button @click=\"createfolder\" class=\"btn buttoncrt\">\n                          <div class=\"krujok\">\n                    <img class=\"image2\" src=\"@/component/pages/ikons/23.png\" alt=\"\">\n                    </div>\n                  <p>Создать папку</p>\n\n                    </button>\n                </div><br>\n                <!-- <button @click=\"getfolder\">\n                qwe\n                </button> -->\n                <div class=\"akordeon\"\n              \n                >\n                 \n                        <details class=\"style3\"   \n                          v-for:=\"options5 in project1\"\n                          >                 \n                        \n\n                            <summary>                   \n                      \n                                <img \n                                class=\"image1\" \n                                src=\"@/component/pages/ikons/21.png\" > \n                                  {{options5.id }}\n                          {{project1.title}}\n                          {{(options5)? project1.title : ''}}\n                          {{(options5)? project1.id : ''}}\n                            </summary>\n                            <div class=\"content\">\n                                <!-- <p>\n                                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Modi unde, ex rem voluptates autem aliquid veniam quis temporibus repudiandae illo, nostrum, pariatur quae! At animi modi dignissimos corrupti placeat voluptatum!\n                                </p>\n                            \n                                <p>\n                                Facilis ducimus iure officia quos possimus quaerat iusto, quas, laboriosam sapiente autem ab assumenda eligendi voluptatum nisi eius cumque, tempore reprehenderit optio placeat praesentium non sint repellendus consequuntur? Nihil, soluta.\n                                </p> -->\n                            </div>\n                        </details>   <br>\n                        <details class=\"style3\">\n                            <summary><img class=\"image1\" src=\"@/component/pages/ikons/21.png\" >Мои композиции </summary>\n                            <div class=\"content\">\n                                <div class=\"contleft\">\n\n                                 <img class=\"image1\" src=\"@/component/pages/ikons/fail.png\" >Новый файл<br>\n   \n                                </div>\n\n                            </div>\n                        </details>   <br>  \n                        <details class=\"style3\">\n                            <summary><img class=\"image1\" src=\"@/component/pages/ikons/21.png\" >Мои зоны</summary>\n                            <div class=\"content\">\n                                <!-- <p>\n                                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Modi unde, ex rem voluptates autem aliquid veniam quis temporibus repudiandae illo, nostrum, pariatur quae! At animi modi dignissimos corrupti placeat voluptatum!\n                                </p>\n                            \n                                <p>\n                                Facilis ducimus iure officia quos possimus quaerat iusto, quas, laboriosam sapiente autem ab assumenda eligendi voluptatum nisi eius cumque, tempore reprehenderit optio placeat praesentium non sint repellendus consequuntur? Nihil, soluta.\n                                </p> -->\n                            </div>\n                        </details>   <br>\n                        <details class=\"style3\">\n                            <summary><img class=\"image1\" src=\"@/component/pages/ikons/21.png\" >Мои участки</summary>\n                            <div class=\"content\">\n                                <!-- <p>\n                                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Modi unde, ex rem voluptates autem aliquid veniam quis temporibus repudiandae illo, nostrum, pariatur quae! At animi modi dignissimos corrupti placeat voluptatum!\n                                </p>\n                            \n                                <p>\n                                Facilis ducimus iure officia quos possimus quaerat iusto, quas, laboriosam sapiente autem ab assumenda eligendi voluptatum nisi eius cumque, tempore reprehenderit optio placeat praesentium non sint repellendus consequuntur? Nihil, soluta.\n                                </p> -->\n                            </div>\n                        </details>      <br>     \n                </div>\n               \n            </div>\n             <!-- <div class=\"fail\">\n         \n                   <div class=\"contleft\">\n                    <img class=\"image1\" src=\"@/component/pages/ikons/fail.png\" >Кусты мусты<br>\n                    </div> <br>\n                    <div class=\"contleft\">\n                    <img class=\"image1\" src=\"@/component/pages/ikons/fail.png\" >Красота и точка<br>\n                    </div>\n              </div><br> -->\n              <div class=\"links\">\n                <a href=\"#orders\">\n                    <strong @click=\"getfolder\">\n                         Мои заказы\n                    </strong>\n                   \n                </a><br><br>\n                <a>\n                    <strong>\n                          Мне понравилось   \n                    </strong>\n                   \n                </a>\n              </div>\n        </div>\n        <!-- <div class=\"poloska\">\n\n        </div> -->\n    </div>\n</template>\n\n<script>\n      // import axios from \"axios\"\n// import api from  \"../../../JS/api.js\"  \nimport apiint from  \"../../../JS/api.js\"  \n //  import contentA from \"./components/contentAlias.vue\"\nexport default{\n\n    \n    \n    data(){\n       return{\n        project1: null,  \n        folder: null,\n           \n        }\n    },\n    \n\n\n        mounted(){\n\n           \n  console.log(this)\n     //использовать для прорисовки по умолчанию\n     this.folder(this)\n    this.getfolder(this) \n   this.getfolder\n\n},\n        methods:{\n       // api.request(options2).then(function (response)\n\n           \n            createfolder(){\n                const options = {\n                method: 'POST',\n                url: 'http://185.221.153.253:8000/api/aigarden/catalog',\n               \n                data: {title: 'string1', parent_id: 0}\n                };\n\n                apiint.request(options).then(function (response) {\n                console.log(response.data);\n                }).catch(function (error) {\n                console.error(error);\n                });\n            },\n\n\n            getfolder(this2){\n            \n            const options5 = {\n                method: 'GET',\n                url: 'http://185.221.153.253:8000/api/aigarden/catalog',\n                               \n                };\n              \n                apiint.request(options5).then(function (response) {\n              //  localStorage.setItem('id', response.data.id)      \n              console.log(response.data);  \n                this2.project1 = response.data\n                // console.log(this2.project1);\n                let qwerty = response.data\n                console.log(\"========\");\n                console.log(qwerty, \"qwe\");\n                console.log(\"Hello\")\n                }).catch(function (error) {\n                console.error(error);\n             \n                })\n                \n            \n        },\n\n            // getfolder(){\n               \n            //     // console.log(folder)\n              \n            //     console.log(this)\n            //     const options2 = {\n            // method: 'GET',\n            // url: 'http://185.221.153.253:5700/api/picfolders',\n            //     headers: {\n                 \n            //     },\n            \n            // };\n            // let fol = null\n            // api.request(options2).then(function (response) {\n               \n            // console.log(response.data);\n            // let folder = null\n            // fol=response.data\n            // folder=response.data\n            // console.log(fol, \"qwer\");\n            // console.log(folder, \"qwer\");\n            // }).catch(function (error) {\n            // console.error(error);\n            // });\n            // }\n\n                    \n            \n         }\n}\n</script>\n\n<style scoped>\n\n.links{\n    margin-left: 8%;\n    margin-top: 4%;\n}\n.links a{\n    margin-top: 10%;\n    text-decoration: none;\n    color: black;\n}\n.style3{\n    margin-top: 30%;\n}\n.buttoncrt{\n    display: flex;\n    width: 80%;\n    text-align: center;\n}\n.buttoncrt p{\n    margin-top: 6%;\n}\n.contleft{\n    margin-top: 4%;\n    margin-left: 10%;\n}\n.fail{\n    \n    margin-left: -3%;\n}\n.searchbox{\n    margin-top: 18%;\n    margin-left: 9%;\n    display: flex;\n}\n.search{\n    border-radius: 5px;\n    width: 90%;\n}\n.akordeon{\n    margin-top: 15%;\n    margin-left: 5%;\n    \n}\n.akordeon details{\n    margin-top: 5%;\n}\n.papki{\n    margin-left: 4%;\n    width: 100%;\n}\n.image2{\n    margin-top: 14%;\n    /* border-radius: 5%; */\n    /* width: 100%; */\n}\n.krujok{\n    margin-left: 2%;\n    background-color: #D9D9D9 ;\n    width: 50px;\n    height: 50px;\n    text-align: center;\n    border-radius: 105px;\n\n}\n.create{\n    margin-top: 14%;\n    display: flex;\n   \n}\n.create p{\n     font-size: 24px;\n     font-family: \"Montserrat-Semibold\";\n     margin-top: 3%;\n     margin-left: 4%;\n}\n.buttonsrc{\n    margin-left: 2%;\n    /* background-color: #D9D9D9 ; */\n}\n.details.style3{\n    margin-top: 43%;\n}\ndetails.style3 summary::before {\n  /* content: \"›\"; */\n  font-size: 2.5rem;\n  \n  line-height: 2rem;\n  top: 1.3rem;\n  left: 0rem;\n  /* margin: -0.5rem -0.5rem 0 0.5rem; */\n  \n  transform-origin: bottom center;\n  transition: margin linear 0.05s;\n  \n}\ndetails.style3:hover > summary:before {\n  color: #FFF;\n}\ndetails[open].style3 > summary:before {\n  left: 0rem;\n  color: #CCC;\n  transform: rotate(90deg);\n  margin-left: 0.4rem;\n  transition: color ease 2s, transform ease 1s, margin ease 1s;\n}\n@supports (-webkit-touch-callout: none) {\n  details.style3 summary::before { top: 1.6rem; }\n  details[open].style3 > summary:before { top: 1.3rem; transition: all 0.8s; }\n}\n.bcontent{\n  /* width: 20%; */\n  margin-left: 4%;\n    float: left;\n    margin-left: 2%;\n}\n.poloska{\n    height: 100vh;\n    width: 2.5px;\n    background-color:#D9D9D9;\n    margin-left: 99%;\n    margin-top: -2%;\n}\n.hedpoloska{\n    height: 5px;\n    width: 100%;\n    background-color:#D9D9D9;\n    /* margin-left: 99%; */\n}\n.body{\n    margin-top: 3px;\n    font-family: \"Montserrat-Regular\";\n    font-size: 24px;\n    background-color: rgb(255, 255, 255);\n    height: 100vh;\n    width: 20%;\n    z-index: 5;\n    float: left;\n    border-right:  4px solid #D9D9D9 ;\n}\n</style>\n","import { render } from \"./leftMenu.vue?vue&type=template&id=470d471c&scoped=true\"\nimport script from \"./leftMenu.vue?vue&type=script&lang=js\"\nexport * from \"./leftMenu.vue?vue&type=script&lang=js\"\n\nimport \"./leftMenu.vue?vue&type=style&index=0&id=470d471c&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-470d471c\"]])\n\nexport default __exports__","import { render } from \"./aliasPage.vue?vue&type=template&id=87affcf6&scoped=true\"\nimport script from \"./aliasPage.vue?vue&type=script&lang=js\"\nexport * from \"./aliasPage.vue?vue&type=script&lang=js\"\n\nimport \"./aliasPage.vue?vue&type=style&index=0&id=87affcf6&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-87affcf6\"]])\n\nexport default __exports__","<template>\n    <heder/>\n     <create/>\n    <div class=\"body\">\n       \n        <div class=\"content\">\n            <div class=\"imgbox\">\n                \n            \n            <img class=\"img\" src=\"./ikons/ucastok.png\">\n            \n            <div class=\"hrefbox1\">\n                <p>\n                     Рокарий\n                </p>\n                <div class=\"poloska1\">\n\n                </div>\n                <div class=\"krug1\">\n\n                </div>\n                <div class=\"zona1\">\n\n                </div>\n            </div>\n         \n\n         \n            <div class=\"hrefbox2\">\n                <p>\n                    Древесно-кустариниковая<br> композиция\n                </p>\n                <div class=\"poloska2\">\n\n                </div>\n                <div class=\"krug2\">\n\n                </div>\n            </div>\n         \n             <a > \n            <div class=\"hrefbox3\">\n                <div class=\"box\">\n                   <p>\n                    Грядка\n                </p> \n                </div>\n                 <div class=\"hidden-block\">            \n\n                    источник наслаждения  для настоящих садистов\n                    </div>\n                       \n                \n                <div class=\"poloska3\">\n\n                </div>\n                <div class=\"krug3\">\n\n                </div>\n            \n\n            </div>\n            </a>\n\n            <!-- </a> -->\n\n            \n            <div class=\"hrefbox4\">\n                <p>\n                    <!-- Создать<br>\n                    древесно-<br>\n                    кустарниковую<br>\n                     композицию -->\n                     Цветник\n                    \n                </p>\n                <div class=\"poloska4\">\n\n                </div>\n                <div class=\"krug4\">\n\n                </div>\n            </div>\n           \n\n            </div>\n        </div>\n       \n    </div>\n <div class=\"foot\">\n    <!-- <div class=\"contentfoot\">\n            <button v-on:click=\"modal(openModal)\" class=\"btn button1\" >    \n                Создать\n\n            </button>\n            <button data-trigger>Open modal</button>\n        </div>\n       ---------------- \n\n        <div class=\"modal-container\"> \n\n        <div class=\"modal-content\">\n            <button class=\"close\">Закрыть</button>\n            <p>Много контента для скролла</p>\n        </div>\n        </div> -->\n        <foter/>\n        </div>\n      \n</template>\n\n<script>\nimport heder from \"./components/hederTree.vue\";\nimport create from \"./components/leftCreate.vue\";\n import foter from \"./components/footerCreate.vue\";\nexport default{\n    components:{\n        heder,\n          foter,\n        create,\n       \n    \n    },\n    methods :{\n\n    modal(){\n       (function(){\n            var modal = document.querySelector('.modal-container');\n            var closeButton = document.querySelector('.close');\n            var modalTriggers = document.querySelectorAll('[data-trigger]');\n\n            var isModalOpen = false;\n            var pageYOffset = 0;\n\n            var openModal = function() {\n                pageYOffset = window.pageYOffset;\n                modal.classList.add('is-open');\n                isModalOpen = true;\n            }\n\n            var closeModal = function() {\n                modal.classList.remove('is-open');\n                isModalOpen = false;\n            }\n\n            var onScroll = function(e) {\n                if (isModalOpen) {\n                e.preventDefault();\n                window.scrollTo(0, pageYOffset);\n                }\n            }\n\n            modalTriggers.forEach(function(item) { \n                item.addEventListener('click', openModal);\n            })\n\n            document.addEventListener('scroll', onScroll);\n\n            closeButton.addEventListener('click', closeModal);\n            })();\n    },\n\n    \n}\n\n\n}\n</script>\n\n<style scoped>\n.foot{\n    margin-top: 5%;\n}\n.img{\n    width: 40%;\n    position: relative;\n    margin-left: 5%;\n    margin-top: 5%;\n    \n}\n\n.hrefbox1{\n    font-size: 24px;\n    position: absolute;\n    width: 200px;\n    height: 70px;\n    background-color: rgb(68, 68, 68);\n    color: white;\n    text-align: center;\n    border-radius: 15px;\n    margin-left: 35%;\n    margin-top: -450px;\n    /* position: fixed; */\n}\n.hrefbox1 p{\n    margin-top: 4%;\n}\n/*.zona1{\n    width: 50px;\n    height: 20px;\n    margin-left: 10%;\n    background-color: aliceblue;\n}\n .hrefbox1 div.zona1:hover {\n    background-color: aqua;\n} */\n\n.hrefbox2{\n    font-size: 24px;\n    position: absolute;\n    width: 300px;\n    height: 100px;\n    background-color: rgb(68, 68, 68);\n    color: white;\n    text-align: center;\n    border-radius: 15px;\n    margin-left: 75%;\n    margin-top: -600px;\n    position: fixed;\n}\n.hrefbox2 p{\n    margin-top: 4%;\n}\n.hrefbox3{\n    font-size: 24px;\n    position: absolute;\n    width: 300px;\n    height: 70px;\n    background-color: rgb(68, 68, 68);\n    color: white;\n    text-align: center;\n    border-radius: 15px;\n    margin-left: 35%;\n    margin-top: -150px;\n    position: fixed;\n}\n.hrefbox3 p{\n    margin-top: 4%;\n}\n.hrefbox4{\n    font-size: 24px;\n    position: absolute;\n    width: 250px;\n    height: 70px;\n    background-color: rgb(68, 68, 68);\n    color: white;\n    text-align: center;\n    border-radius: 15px;\n    margin-left: 60%;\n    margin-top: -10px;\n    position: fixed;\n}\n.hrefbox4 p{\n    margin-top: 4%;\n}\n.hrefbox p{\n    margin-top: 3%;\n}\n.content{\n    margin-top: 4%;\n    widows: 100%;\n    height: 100%;\n}\n.imgbox{\n    margin-top: -4%;\n    width: 100%;\n    height: 100%;\n}\n.imgbox a{\n    /* position: fixed; */\n    z-index: 13;\n}\n/* КРУЖКИ И ПОЛОСКИ */\n.poloska1{\n    background-color: rgb(68, 68, 68) ;\n    width: 250px;\n    height: 5px;\n    margin-top: -10%;\n    margin-left: 80%;\n    transform: rotate(15deg);\n}\n.krug1{\n    width: 20px;\n    height: 20px;\n    border-radius: 10px;\n    background-color: rgb(68, 68, 68) ;\n    margin-left: 197%;\n    margin-top: 10%;\n}\n\n.poloska2{\n    background-color: rgb(68, 68, 68) ;\n    width: 140px;\n    height: 5px;\n    margin-top: 23%;\n    margin-left: -10%;\n    transform: rotate(300deg);\n}\n.krug2{\n    width: 20px;\n    height: 20px;\n    border-radius: 10px;\n    background-color: rgb(68, 68, 68) ;\n    margin-left: 0%;\n    margin-top: 15%;\n}\n.poloska3{\n    background-color: rgb(68, 68, 68) ;\n    width: 150px;\n    height: 5px;\n    margin-top: -65%;\n    margin-left: 55%;\n    transform: rotate(-30deg);\n}\n\n.hidden-block{\n    width: 300px;\n    background-color: rgb(68, 68, 68) ;\ncolor:#fff;\nfont-size: 18px;\nborder:3px solid rgb(68, 68, 68);\nborder-radius: 0 0 15px 15px ;\npadding:20px;\nmargin:auto;\ntext-align:center;\nopacity:0; /*Элемент полностью прозрачный (невидимый)*/\ntransition: 1s; /*Скорость перехода состояния элемента*/\n}\n.box:hover+ .hidden-block{\nopacity:1;\ntransition: 0.5s;\n}\n\n.krug3{\n    width: 20px;\n    height: 20px;\n    border-radius: 10px;\n    background-color: rgb(68, 68, 68) ;\n    margin-left: 100%;\n    margin-top: -18%;\n}\n.poloska4{\n    background-color: rgb(68, 68, 68) ;\n    width: 150px;\n    height: 5px;\n    margin-top: -50%;\n        margin-left: 40%;\n    transform: rotate(97deg);\n}\n.krug4{\n    width: 20px;\n    height: 20px;\n    border-radius: 10px;\n    background-color: rgb(68, 68, 68) ;\n    margin-left: 70%;\n    margin-top: -35%;\n}\n@media screen and (max-width: 1800px) {\n    .hrefbox1{\n        margin-top: -400px;\n    }\n    .img{\n    margin-top: 20%;\n    }\n    .imgbox{\n    margin-top: -4%;\n    width: 100%;\n    height: 100%;\n    \n}\n.imgbox a{\n    /* position: fixed; */\n    z-index: 13;\n}\n/* КРУЖКИ И ПОЛОСКИ */\n.poloska1{\n    background-color: rgb(68, 68, 68) ;\n    width: 70%;\n    height: 5px;\n    margin-top: 15%;\n    margin-left: 80%;\n    transform: rotate(55deg);\n}\n.krug1{\n    width: 20px;\n    height: 20px;\n    border-radius: 10px;\n    background-color: rgb(68, 68, 68) ;\n    margin-left: 130%;\n    margin-top: 20%;\n}\n.hrefbox2{\n    margin-top: -470px;\n}\n.poloska2{\n    background-color: rgb(68, 68, 68) ;\n    width: 140px;\n    height: 5px;\n    margin-top: 23%;\n    margin-left: -10%;\n    transform: rotate(300deg);\n}\n.krug2{\n    width: 20px;\n    height: 20px;\n    border-radius: 10px;\n    background-color: rgb(68, 68, 68) ;\n    margin-left: 0%;\n    margin-top: 15%;\n}\n.poloska3{\n    background-color: rgb(68, 68, 68) ;\n    width: 200px;\n    height: 5px;\n    margin-top: -88%;\n    margin-left: 55%;\n    transform: rotate(-30deg);\n}\n.hrefbox3{\n    margin-top: -75px;\n    margin-left: 27%;\n}\n\n.hidden-block{\n    width: 200px;\n    background-color: rgb(68, 68, 68) ;\ncolor:#fff;\nfont-size: 18px;\nborder:3px solid rgb(68, 68, 68);\nborder-radius: 0 0 15px 15px ;\npadding:20px;\nmargin:auto;\ntext-align:center;\nopacity:0; /*Элемент полностью прозрачный (невидимый)*/\ntransition: 1s; /*Скорость перехода состояния элемента*/\n}\n.box:hover+ .hidden-block{\nopacity:1;\ntransition: 0.5s;\n}\n.krug3{\n    width: 20px;\n    height: 20px;\n    border-radius: 10px;\n    background-color: rgb(68, 68, 68) ;\n    margin-left: 115%;\n    margin-top: -21%;\n}\n.hrefbox4{\n    margin-left: 55%;\n    margin-top: 50px;\n}\n.poloska4{\n    background-color: rgb(68, 68, 68) ;\n    width: 150px;\n    height: 5px;\n    margin-top: -50%;\n        margin-left: 40%;\n    transform: rotate(97deg);\n}\n.krug4{\n    width: 20px;\n    height: 20px;\n    border-radius: 10px;\n    background-color: rgb(68, 68, 68) ;\n    margin-left: 70%;\n    margin-top: -35%;\n}\n.foot{\n    margin-top: 12%;\n}\n}\n\n/* ============ */\n.modal-container {\n  position: fixed;\n  left: 0;\n  top: 0; \n  display: flex;\n  width: 100vw;\n  height: 100vh; \n  padding: 30px;\n  background-color: rgba(0, 0, 0, 0.5);\n}\n.modal-content {\n  overflow: scroll;\n  width: 100%; \n  height: 100%; \n  max-width: 500px; \n  max-height: 400px; \n  background-color: #fff; \n}\n.close {\n position: absolute;\n right: 0;\n top: 0;\n width: 30px;\n height: 30px;\n}\n.modal-container { \n  pointer-events: none; \n  opacity: 0;\n}\n.modal-container.is-open { \n  pointer-events: all; \n  opacity: 1;\n}\n</style>\n","<template>\n    <div class=\"body\">\n        <!--  -->\n        <div class=\"content\">   \n\n<!--  -->\n            <div class=\"hed\">\n                <div class=\"deh\">\n                    <p>\n                    <strong>Что вы хотите<br> создать?</strong> \n                    </p>  \n                </div>\n                \n            </div>\n            <div class=\"cbody\">\n               \n                <button class=\"btn buttoncrt\">\n                    Садовая композиция\n                </button>\n                <br>\n\n                <button class=\"btn buttoncrt\">\n                    Зона на участке\n                </button><br>\n                \n                <button class=\"btn buttoncrt\">\n                    Дизайн всего участка\n                </button>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\n\nexport default{\n\n}\n</script>\n\n<style scoped>\n.content{\n    text-align: center;\n}\n\n.hed{\n    margin-left: 0%;\n    margin-top: 20%;\n    font-size: 40px;\n    font-family: \"Montserrat-SemiBold\" ;\n   text-align: center;\n}\n.deh p{\n     /* text-align: left; */\n}\n.cbody{\n   \n    margin-left: 0%;\n    margin-top: 2%;\n}\n.cbody a{\n    text-decoration: none;\n    color: black;\n}\n.buttoncrt{\n    width: 270px;\n    height: 60px;\n    border-radius: 5px;\n    margin-top: 2%;\n    background-color: #D9D9D9;\n}\n.body{\n    margin-top: 0px;\n    font-family: \"Montserrat-Regular\";\n    background-color: rgb(255, 255, 255);\n    height: 865px;\n    width: 40%;\n    z-index: 5;\n    float: left;\n}\n</style>\n","import { render } from \"./leftCreate.vue?vue&type=template&id=12cd9a54&scoped=true\"\nimport script from \"./leftCreate.vue?vue&type=script&lang=js\"\nexport * from \"./leftCreate.vue?vue&type=script&lang=js\"\n\nimport \"./leftCreate.vue?vue&type=style&index=0&id=12cd9a54&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-12cd9a54\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n\n        <div class=\"contentfoot\">\n            <button data-trigger v-on:click=\"modal(openModal)\" class=\"btn button1\" >    \n                Создать\n\n            </button>\n        </div>\n\n     \n        <!-- ---------------- -->\n\n        <div class=\"modal-container\"> \n\n        <div class=\"modal-content\">\n            <button class=\"btn close\">х</button>\n           \n            <div class=\"mdcont\">\n               <p class=\"modalhed\">\n              <strong>\n                Новый проект\n              </strong>\n            </p>\n            <br>\n              <label>\n                Имя проекта\n              </label><br>\n\n              <input\n               class=\"prname\"\n                type=\"text\"\n                v-bind=\"title\"\n                 placeholder=\"Без названия\">\n                 <br><br>\n                 <label>\n                  Папка проекта\n              </label><br>\n            \n              <input\n               class=\"prfolder\"\n                type=\"text\"\n                v-bind=\"prfolder\"\n                 placeholder=\"Новая композиция\">\n                 <br> <br><br>\n                 <a >\n              <button @click=\"createproject\" class=\"gooo\">\n                Поехали!\n\n              </button>\n            </a>\n            </div>\n\n        </div>\n        </div>\n\n    </div>\n</template>\n\n<script>\n import apiint from  \"../../../JS/apiint.js\"  \n\n\n\nexport default{\n    data(){\n            return{\n                step:1,\n                id:null\n            }\n        },\n        methods :{\n\n            // nextStep(){\n            //     this.step++\n            // },\n\n          \n            modal(){\n       (function(){\n            var modal = document.querySelector('.modal-container');\n            var closeButton = document.querySelector('.close');\n            var modalTriggers = document.querySelectorAll('[data-trigger]');\n\n            var isModalOpen = false;\n            var pageYOffset = 0;\n\n            var openModal = function() {\n                pageYOffset = window.pageYOffset;\n                modal.classList.add('is-open');\n                isModalOpen = true;\n            }\n\n            var closeModal = function() {\n                modal.classList.remove('is-open');\n                isModalOpen = false;\n            }\n\n            var onScroll = function(e) {\n                if (isModalOpen) {\n                e.preventDefault();\n                window.scrollTo(0, pageYOffset);\n                }\n            }\n\n            modalTriggers.forEach(function(item) { \n              \n                item.addEventListener('click', openModal);\n            })\n\n            document.addEventListener('scroll', onScroll);\n\n            closeButton.addEventListener('click', closeModal);\n            \n\n            })();\n    },\n    \n    createproject(id){\n\n            const crproject = {\n                method: 'POST',\n                url: 'http://185.221.153.253:8000/api/aigarden/project',\n\n                data: {\n                    title:this.title,\n                    \"location\": \"string\",\n                    catalog_id: this.prfolder\n                }\n                };\n\n                apiint.request(crproject).then(function (response) {\n                console.log(response.data);\n                localStorage.setItem('id', response.data.id)  \n                console.log(response.data.id)\n                console.log('succes create')\n            console.log(id);\n            //  \n            // this.$router.push({path: this.$route.fullPath + '/'+'neuroNet' + '/' +id })\n\n            localStorage.getItem(id)    \n            console.log(id)\n             this.$router.push( {path: 'constructor', query: { 'project': id }})\n            console.log('123')\n            //this.$router.push( {path: 'create', query: { 'project': id }})\n            //   window.location.reload()\n                \n                }).catch(function (error) {\n                console.error(error)\n                if(error.response.status === 422){\n                    this.$router.push( {path: 'constructor', query: { 'project': id }})\n                    window.location.reload()\n                }\n                });\n\n              \n            },\n        }\n}\n</script>\n<style scoped>\n.body{\n    font-family: \"Montserrat-Regular\";\n    height: 100px;\n\n}\n\n.button1{\n    background-color: #707070;\n    width: 500px;\n    height: 80px;\n    margin-left: -5%;\n}\n\n\n/* ================ */\nhtml {\n    box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: inherit;\n}\n\na {\n    color: black;\n    text-decoration: none;\n}\n\nimg {\n    max-width: 100%;\n\n}\n\nbody {\n    font-family: Arial, Verdana, sans-serif;\n}\n\n\n\n\n\n/* ---------------------- */\n\n/* .modal-container {\n  position: fixed;\n  left: 0; \n  top: 0; \n  display: flex;\n  width: 100vw;\n  height: 100vh; \n  padding: 30px;\n  background-color: rgba(0, 0, 0, 0.5);\n}\n.modal-content {\n   \n  overflow: scroll;\n  width: 100%; \n  height: 100%; \n  max-width: 800px; \n  max-height: 400px; \n  background-color: #fff; \n}\n.close {\n position: absolute;\n right: 0;\n top: 0;\n width: 30px;\n height: 30px;\n}\n.modal-container { \n  pointer-events: none; \n  opacity: 0;\n\n}\n.modal-container.is-open { \n  pointer-events: all; \n  opacity: 1;\n\n} */\n* {\n\tbox-sizing: border-box;\n}\n\n.container {\n\tpadding: 100px 0;\n}\n\n.modal-container {\n\tpointer-events: none; \n  opacity: 0;\n\tposition: fixed;\n  z-index: -1;\n\tleft: 0;\n\ttop: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\twidth: 100vw;\n\theight: 100vh;\n\tpadding: 30px;\n\tbackground-color: rgba(0, 0, 0, 0);\n  transition: opacity .3s, background-color .5s;\n}\n\n.is-open {\n\topacity: 1;\n\tpointer-events: all;\n  z-index: 1;\n\tbackground-color: rgba(0, 0, 0, 0.5);\n}\n\n.modal-content {\n\toverflow: auto;\n\twidth: 100%; \n  height: 100%; \n  max-width: 550px; \n  max-height: 450px;\n\tpadding: 20px;\n  background-color: #fff;\n  border-radius: 3px;\n}\n\n.mdcont{\n  text-align: center;\n  justify-content: center;\n}\n.mdcont p{\n  font-size: 24px;\n}\n.gooo{\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  padding: 16px 41px;\n  gap: 10px;\n  text-align: center;\n  position: absolute;\n  width: 319px;\n  height: 51px;\n  margin-left: 18%;\n  background: #D9D9D9;\n  border-radius: 10px;\n  }\n  .prname{\n    box-sizing: border-box;\n    /* position: absolute; */\n    margin-left: 2%;\n    width: 325px;\n    height: 50px;\n    \n    background: #FFFFFF;\n    border: 1px solid #A09F9F;\n    border-radius: 5px;\n  }\n  .prfolder{\n    box-sizing: border-box;\n    /* position: absolute; */\n    margin-left: 2%;\n    width: 325px;\n    height: 50px;    \n    background: #FFFFFF;\n    border: 1px solid #A09F9F;\n    border-radius: 5px;\n  }\n.close {\n\n\tposition: absolute;\n\tright: 2%;\n\ttop: 0;\n\twidth: 80px;\n\theight: 30px;\n  background-color: #fff;\n  /* border: solid 1px #222; */\n  border-radius: 3px;\n}\n\n</style>\n","import { render } from \"./footerCreate.vue?vue&type=template&id=0d78addb&scoped=true\"\nimport script from \"./footerCreate.vue?vue&type=script&lang=js\"\nexport * from \"./footerCreate.vue?vue&type=script&lang=js\"\n\nimport \"./footerCreate.vue?vue&type=style&index=0&id=0d78addb&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0d78addb\"]])\n\nexport default __exports__","import { render } from \"./willCreate.vue?vue&type=template&id=bc730d46&scoped=true\"\nimport script from \"./willCreate.vue?vue&type=script&lang=js\"\nexport * from \"./willCreate.vue?vue&type=script&lang=js\"\n\nimport \"./willCreate.vue?vue&type=style&index=0&id=bc730d46&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-bc730d46\"]])\n\nexport default __exports__","<template>\n    <heder/>\n    \n    <div class=\"body\">\n        <div class=\"content1\">\n            <div class=\"contenthed\">\n                <p>\n                    Выберите один из шаблонов или создайте свой проект с нуля\n                </p>\n            </div>\n            <div class=\"content2\">\n               <contentall/> \n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport heder from \"./components/hederTree.vue\";\n    import contentall from './components/Content/contentDuo.vue'\n\nexport default{\n    components:{\n        heder,\n        contentall,\n    \n    }\n\n\n} \n</script>\n\n<style scoped>\n.content2{\n    margin-left: 0%;\n}\n.contenthed{\n    margin-top: 3%;\n    text-align: center;\n}\n.contenthed p{\n    width: 28%;\n    font-size: 30px;\n    margin-left: 35%;\n\n\n}\n.body{\n    font-family: \"Montserrat-Regular\";\n    background-color: rgb(255, 255, 255);\n    z-index: 5;\n    text-align: center;\n   \n}\n</style>\n","<template>\n    <div>\n       <div class=\"contentB\">\n        <!---->\n            <div class=\"content\">\n          \n                <div class=\"tabs\">\n                    <TabsWrapper>\n                        \n                        <TabsCon title=\"Классические шаблоны\"> \n                                 <div class=\"tegpanel\">\n                    <button class=\"btn tegbtn\">\n                        Модульные \n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Арабески\n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Арабески\n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Модульные\n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Арабески\n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Модульные\n                    </button>\n                </div>\n          \n                            <div class=\"card\">\n                                <a href=\"#constructor\">\n                                    <div class=\"plus\">\n                                        <div class=\"pl1\"></div>\n                                        <div class=\"pl2\"></div>\n                                    </div>\n                                \n                                <div class=\"text\">\n                                    <p>\n                                        <strong>\n                                        Пустой шаблон  \n                                        </strong>                                    \n                                    </p>\n                                    <p>\n                                        Начать с нуля\n                                    </p>\n                                </div>\n                                </a>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Модульный цветник\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Цветник новой волны\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Английский цветник\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Японский сад цветов\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Клаассический миксбордер\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Дачный полисадник\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Садовая клубма\n                                    </p>\n                                </div>\n                             </div>\n                        </TabsCon>\n\n                          <TabsCon title=\"Арт шаблоны\"> \n                            <div class=\"tegpanel\">\n                    <button class=\"btn tegbtn\">\n                        Модульные \n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Арабески\n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Арабески\n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Модульные\n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Арабески\n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Модульные\n                    </button>\n                </div>\n                            <div class=\"card\">\n                                    <div class=\"plus\">\n                                        <div class=\"pl1\"></div>\n                                        <div class=\"pl2\"></div>\n                                    </div>\n                                \n                                <div class=\"text\">\n                                    <p>\n                                        <strong>\n                                        Пустой шаблон  \n                                        </strong>                                    \n                                    </p>\n                                    <p>\n                                        Начать с нуля\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Модульный цветник\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Цветник новой волны\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Английский цветник\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Японский сад цветов\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Клаассический миксбордер\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Дачный полисадник\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Садовая клубма\n                                    </p>\n                                </div>\n                             </div>\n           \n                           \n                        </TabsCon>\n\n                          <TabsCon title=\"Авторские шаблоны\"> \n                            <div class=\"tegpanel\">\n                    <button class=\"btn tegbtn\">\n                        Модульные \n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Арабески\n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Арабески\n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Модульные\n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Арабески\n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Модульные\n                    </button>\n                </div>\n           \n           <div class=\"card\">\n                                    <div class=\"plus\">\n                                        <div class=\"pl1\"></div>\n                                        <div class=\"pl2\"></div>\n                                    </div>\n                                \n                                <div class=\"text\">\n                                    <p>\n                                        <strong>\n                                        Пустой шаблон  \n                                        </strong>                                    \n                                    </p>\n                                    <p>\n                                        Начать с нуля\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Модульный цветник\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Цветник новой волны\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Английский цветник\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Японский сад цветов\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Клаассический миксбордер\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Дачный полисадник\n                                    </p>\n                                </div>\n                             </div>\n                             <div class=\"card\">\n                                <div class=\"cardtop\">\n\n                                    <img class=\"img1\" src=\"@/component/pages/ikons/image.svg.png\" alt=\"img\">\n\n                                </div><br>\n                                <div class=\"cardbottom\">\n                                    <p>\n                                        Садовая клубма\n                                    </p>\n                                </div>\n                             </div>\n                           \n                        </TabsCon>\n                 \n                         \n                        \n\n                      \n\n                    </TabsWrapper>\n                </div>\n\n            </div>\n\n        <!---->\n       </div>\n    </div>\n    <router-view></router-view>\n</template>\n\n\n\n\n<script>\n    import TabsWrapper from './TabsWrapper.vue'\n    import TabsCon from './TabsCon.vue'\n\n    export default{\n    data() {\n        // return {\n        //     step: 1\n        // };\n    },\n    components:{\n       TabsWrapper,\n       TabsCon,\n    },\n    // methods: {\n    //     nextStep() {\n    //         this.step++;\n    //     }\n    // },\n    \n}\n\n</script>\n\n<!--data:image/png;base64,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\"  -->\n\n\n<style scoped>\n    .tegpanel{\n        margin-right: 10%;\n    }\n    .img1{\n        margin-top: 15%;\n    }\n    .card{\n        width: 213px;\n        height: 220px;\n        text-align: center;\n        background-color: #D9D9D9;\n        float: left;\n        margin-left: 2%;\n        margin-top: 2%;\n    }\n    .card a{\n        text-decoration: none;\n        color: black;\n    }\n    .cardtop{\n        height: 60%;\n        background-color: #A4A4A4;\n\n    }\n\n    .cardbottom{\n        border-radius: 0;\n    }\n    .img1{\n\n    }\n    .text{\n        margin-top: 20%\n    }\n    .plus{\n        margin-left: 40%;\n        margin-top: 25%;\n    }\n    .pl1{\n        background-color: black;\n        height: 5px;\n        width: 40px;\n        text-align: center;\n        \n    }\n    .pl2{\n        background-color: black;\n        height: 5px;\n        width: 40px;\n        text-align: center;\n        transform: rotate(90deg);\n        margin-top: -4%;\n    }\n\n    .tabs{\n        margin-left: 7%;\n        margin-top: 15%;\n        text-align: center;\n    }\n\n\n    \n\n    .contentB{\n        position: absolute;\n        right: 0.5%;\n        width: 78.5%;\n        min-height: 80%;\n        /* background-color: aquamarine; */\n        z-index: 2;\n        top: 12%;\n        border-radius: 5px;\n\n    }\n\n    .content{\n    width: 80%;\n    margin-left: -3%;\n    margin-right: 1%;\n    border-radius: 5px;\n    font-family: \"Montserrat-Regular\";\n    \n    }\n\n    \n \n\n</style>\n\n<style scoped>\n\n</style>","<template>\n   \n        <div class=\"tabs\">\n\n            <ul class=\"tab_header\">\n                <li\n                 v-for=\"title in tabContentTitles\" \n                :key=\"title\"\n                :class=\"{selected: title == selectedTitle}\"\n                @click=\"selectedTitle = title\"\n                \n                >\n                    {{ title}}\n                </li>\n            </ul>\n\n        </div>\n        \n        <slot />\n   \n</template>\n\n<script>\n\n    import {ref, provide} from 'vue'\n\nexport default{\n\n    setup(props, {slots}){\n        const tabContentTitles = ref(slots.default().map((tabContent) => tabContent.props.title))\n        const selectedTitle = ref(tabContentTitles.value[0])\n\n        provide('selectedTitle', selectedTitle)\n\n        return{\n            selectedTitle,\n            tabContentTitles,\n        }\n \n    },\n\n}\n\n</script>\n\n<style scoped>\n\n    .tabs{\n        \n        max-width: 600px;\n        margin-left: 5%;\n\n    }\n\n    .tab_header {\n                \n        margin-bottom: 0%;\n        list-style: none;\n        padding: 0;\n        display: flex;\n        margin-left: 30%;\n\n\n    }\n    .tab_header li{\n        margin-top: 5%;\n        /* min-width: 83px; */\n        text-align: center;\n        padding: 10px 20px;\n        /* margin-right: 10px; */\n        background-color: rgb(255, 255, 255);\n        border-radius: 5px 5px 0px 0px ;\n        /* border: 1px solid #020202; */\n        cursor: pointer;\n        transition: 0.4s all ease-out;\n        margin-left: 5%;\n       \n        \n\n\n    }\n\n    .tab_header li.selected{\n        background-color: #ffffff;;\n        color: rgba(0, 0, 0, 0.667);\n        border-width: 2px;\n   border-bottom: 2px rgb(0, 0, 0) solid;\n    }\n</style>","import { render } from \"./TabsWrapper.vue?vue&type=template&id=3153e79c&scoped=true\"\nimport script from \"./TabsWrapper.vue?vue&type=script&lang=js\"\nexport * from \"./TabsWrapper.vue?vue&type=script&lang=js\"\n\nimport \"./TabsWrapper.vue?vue&type=style&index=0&id=3153e79c&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-3153e79c\"]])\n\nexport default __exports__","<template>\n    <div class=\"tab-content\" v-show=\"title == selectedTitle\">\n        <slot />\n    </div>\n</template>\n\n<script>\n\n    import { inject } from 'vue'\n\n    export default {\n\n        props: ['title'],\n        setup () {\n            const selectedTitle = inject('selectedTitle')\n\n            return {\n                selectedTitle,\n            }\n\n        },\n\n    }\n\n</script>\n\n<style scoped>\n\n.tab-content {\n    \n   \n    padding: 20px;\n    border-radius: 5px;\n    /* box-shadow: 0 3px 5px 5px rgba(0, 0, 0, 0.05); */\n    /* border: 2px solid #949292; */\n    background-color: rgb(255, 255, 255);\n}\n\n</style>","import { render } from \"./TabsCon.vue?vue&type=template&id=b1747ff6&scoped=true\"\nimport script from \"./TabsCon.vue?vue&type=script&lang=js\"\nexport * from \"./TabsCon.vue?vue&type=script&lang=js\"\n\nimport \"./TabsCon.vue?vue&type=style&index=0&id=b1747ff6&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-b1747ff6\"]])\n\nexport default __exports__","import { render } from \"./contentDuo.vue?vue&type=template&id=e5c16734&scoped=true\"\nimport script from \"./contentDuo.vue?vue&type=script&lang=js\"\nexport * from \"./contentDuo.vue?vue&type=script&lang=js\"\n\nimport \"./contentDuo.vue?vue&type=style&index=0&id=e5c16734&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-e5c16734\"]])\n\nexport default __exports__","import { render } from \"./projectUno.vue?vue&type=template&id=51678bb4&scoped=true\"\nimport script from \"./projectUno.vue?vue&type=script&lang=js\"\nexport * from \"./projectUno.vue?vue&type=script&lang=js\"\n\nimport \"./projectUno.vue?vue&type=style&index=0&id=51678bb4&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-51678bb4\"]])\n\nexport default __exports__","<template>\n    <heder/>\n      <hederd/>\n    <div class=\"body\">\n      \n        <!-- <div class=\"heder\"> \n            <div class=\"up\">\n                <a href=\"#alias\">\n                <p>&lt;------ назад к списку проектов</p>\n                </a>\n            </div>\n            <div class=\"bottom\">\n                <div class=\"blockp1\">\n                    <div class=\"p1\">\n                        <strong>\n                            Без названия\n                        </strong>\n                    </div>\n                </div> \n                <div class=\"blockp2\">          \n                    <div class=\"p2\">\n                        Результат генерации\n                    </div>\n                    <div class=\"p2\">\n                        Основные данные\n                    </div>\n                    <div class=\"p2\">\n                        Визуальные предпочтения\n                    </div>\n                    <div class=\"p2\">\n                        Облако тегов\n                    </div>\n                </div> \n               \n\n            </div>\n\n        </div>-->\n        <div class=\"bblock\">\n\n        <div class=\"left\">\n            <div class=\"lcont\">\n            <div class=\"imgblock\">\n\n            </div>\n            <div class=\"imglist\">\n                <div class=\"img\">\n                    qaeg\n                </div>\n\n                <div class=\"img\">\n                    qaeg\n                </div>\n\n                <div class=\"img\">\n                    qaeg\n                </div>\n                <div class=\"img\">\n                    qaeg\n                </div>\n            </div>\n            </div><br>\n            <!-- <div class=\"footer\">\n                <div class=\"lfoot\">\n                    <p>\n                        Попробуйте необыковенную функцию!\n                    </p>\n                </div>\n                <div class=\"rfoot\">\n                    <p>\n                         3D - осмотр\n                    </p>\n                   \n                </div>\n            </div> -->\n        </div>\n        <div class=\"right\">\n                <p>\n                    <strong>\n                        Растения\n                    </strong>\n                </p>\n                <div class=\"chex\">\n                     <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Вазоны</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Фонтан</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Пальмы</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Зеркала</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Суккуленты</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Папоротник</span>\n            </label>\n            <br><br>\n            \n            <!--  -->\n            <!-- <div class=\"bot-box\">\n               <input type=\"searh\" class=\"search\" placeholder=\"Найти растение\">\n               <button class=\"btn\">\n                    <img src=\"./ikons/srcbtn.png\">\n                \n               </button>\n           <a class=\"plants\">\n            <strong>\n                <u>\n                       Посмотреть все растения\n                </u>\n              \n            </strong>\n           \n           </a>  \n            </div> -->\n           \n            \n                </div><br>\n               \n\n            <p>\n                    <strong>\n                        Оттенки\n                    </strong>\n                </p>\n                <div class=\"chex\">\n                    <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Суккуленты</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Папоротник</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Много красного</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Мелкие цветы</span>\n            </label>\n            \n                </div>\n                <br><br>\n                <p>\n                    <strong>\n                        Стили\n                    </strong>\n                </p>\n                <div class=\"chex\">\n                    <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Японский</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Английский</span>\n            </label>\n            \n            \n                </div>\n                <button class=\"redact\">\n                    Редактировать\n                </button>\n            </div>\n        <!-- <div class=\"right\">\n\n            <div class=\"rhead\">\n\n                <button class=\"btn dwnld\">\n                    Скачать в JPEG\n                </button>\n\n                <button class=\"btn rpst\">\n                    Поделиться\n                </button>\n\n            </div><br>\n\n            <div class=\"rbody\">\n\n                <div class=\"bhead\">\n                    <p>\n                        Доступно на аккаунте PRO\n                    </p>\n                </div>\n                <div class=\"bcont\">\n                    <label>\n                        Приобретите проффесиональный аккаунт и получите доступ к подробной документации проекта. \n                    </label>\n                    <button class=\"btn pro\">\n                        PRO Открыть документацию\n                    </button>\n                </div>\n            </div>\n\n            <div class=\"bfooter\">\n                <div class=\"fk1\">\n                    <button class=\"btn save\">\n                        Опубликовать в галерею\n                    </button>\n                    <div class=\"quesr\">\n                        <p>?</p>\n                    </div>\n                </div>\n                <br>\n                 <div class=\"fk1\">\n                    <button class=\"btn save\">\n                        Сохранить как авторский шаблон\n                    </button>\n                    <div class=\"quesr\">\n                      <p>?</p>\n                    </div>\n                    </div>\n            </div>\n\n        </div> -->\n        </div>\n    </div>\n</template>\n\n<script>\n import api from  \"../../JS/apiint.js\"  \n import heder from \"./components/hederTree.vue\";\nimport hederd from \"./components/hederDuo.vue\";\n\nexport default{\n    components:{\n        hederd,\n        heder,\n    },\n    name: \"proJect\",\n        data(){\n       return{\n           \n            project1: null,\n           \n        }\n    },\n\n        mounted(){\n           \n            console.log(this,'1') \n  console.log(this)\n    this.projects(this)  //использовать для прорисовки по умолчанию\n},\n        methods:{\n        // api.request(options2).then(function (response)\n\n            projects(this2){\n                let result = this.$route.query.project\n                console.log('Hello world','3');\n                const options = {\n                    method: 'GET',\n                    url: 'http://185.221.153.253:5700/api/project/' + result,\n                                   \n                    };\n                  \n                    api.request(options).then(function (response) {\n                    localStorage.setItem('id', response.data.id)      \n                            \n                    this2.project1 = response.data\n                    console.log(this2.project1);\n                    let qwerty = response.data\n                    console.log(\"========\");\n                    console.log(qwerty);\n                    }).catch(function (error) {\n                    console.error(error);\n                 \n                    })\n                \n            },\n\n            pr_rename(){\n                let result = this.$route.query.project\n                console.log('Hello world','3');\n                const options2 = {\n                method: 'POST',\n                url: 'http://185.221.153.253:5700/api/project/' + result,\n                headers: {\n                    'Content-Type': 'application/json',\n                },\n                data: {\n                    pr_descr: 'новый проект', \n                    }\n                };\n\n                api.request(options2).then(function (response) {\n                console.log(response.data);\n                }).catch(function (error) {\n                console.error(error);\n                });\n            }\n            \n        }\n\n}\n</script>\n\n<style scoped>\n.redact{\n    display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\nmargin-top: 10%;\nborder: none;\n/* position: absolute; */\nwidth: 315px;\nheight: 55px;\nmargin-left: 25%;\n/* top: 919px;  */\n\nbackground: #B6B6B6;\nborder-radius: 10px;\n}\n.right{\n    float: left;\n    width: 50%;\n    font-size: 18px;\n}\n.right p{\n    font-size: 24px;\n}\n.imgtr{\n   \n}\n.checkbox-btn {\n\tdisplay: inline-block;\n\tmargin-top: 1%;\n    margin-left: 2%;\n\tuser-select: none;\n\tposition: relative;\n    /* border-radius: 25px; */\n\n}\n.checkbox-btn input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: 0;\n\theight: 0;\n    \n}\n.box-btn input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: 0;\n\theight: 0;\n    \n}\n.box-btn1 input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: 0;\n\theight: 0;\n    margin-left: 2%;\n    \n}\n\n.checkbox-btn span {\n\tdisplay: inline-block;\n\tcursor: pointer;\n\tpadding: 0px 10px;\n\tline-height: 30px;\n\tborder: 1px solid #999;\n\tborder-radius: 24px;\n\ttransition: background 0.2s ease;\n}\n.box-btn{\n\n/* position: relative; */\ncolor: white;\nwidth: 126px;\nheight: 36px;\npadding: 5px;\nmargin-top: 0px;\nmargin-left: 0px;\n/* background: #707070; */\nborder-radius: 10px;\nz-index: 999;\nposition: absolute;\n}\n.box-btn1{\n /* position: relative; */\n color: white;\nwidth: 126px;\nheight: 36px;\npadding: 5px;\nmargin-top: 0px;\nmargin-left: 458px;\n/* background: #707070; */\nborder-radius: 10px;\nz-index: 999;\nposition: absolute;\n}\n.box-btn span {\ndisplay: inline-block;\nwidth: 400px;\ncursor: pointer;\nbackground: #707070;\npadding: 0px 10px;\nline-height: 30px;\nborder: 1px solid #999;\nborder-radius: 24px;\ntransition: background 0.2s ease;\n}\n.box-btn1 span {\ndisplay: inline-block;\nwidth: 400px;\ncursor: pointer;\npadding: 0px 10px;\nbackground: #707070;\nline-height: 30px;\nborder: 1px solid #999;\nborder-radius: 24px;\ntransition: background 0.2s ease;\n}\n.checkbox-btn input[type=checkbox]:checked + span {\n\tbackground: #8d8d8d;\n    color: white;\n}\n\n.rhead{\n    width: 100%;\n    margin-top: 0%;\n}\n.dwnld{\n    width: 40%;\n    background-color: #D9D9D9;\n    height: 56px;\n    border-radius: 5px;\n    float: left;\n    margin-left: 6%;\n}\n.rpst{\n    width: 40%;\n    background-color: #D9D9D9;\n    height: 56px;\n    border-radius: 5px;\n    float: left;\n    margin-left: 8%;\n}\n\n.rbody{\n    margin-top: 10%;\n    height: 385px;\n    background: #D9D9D9;\n    border-radius: 10px;\n    text-align: center;\n}\n\n.bhead{\n    width: 100%;\n    margin-left: 2%;\n    \n}\n\n.bhead p{\n    \n    width: 100%;\n    font-size: 30px;\n}\n\n.bcont{\n    margin-top: 15%;\n   \n}\n\n.bcont label{\n    text-align: left;\n    font-size: 16px;\n    width: 80%;\n     margin-left: 2%;\n\n}\n.pro{\n    width: 90%;\n    margin-top: 4%;\n    margin-left: 2%;\n    height: 54px;\n    justify-content: center;\n    background-color: #949494;\n}\n\n.bfooter{\n    margin-top: 2%;\n    text-align: center;\n   \n}\n.fk1{\n    display: flex;\n    text-align: center;\n    \n}\n.save{\n    width: 85%;\n    height: 54px;\n    background-color: #D9D9D9;\n    border-radius: 10px;\n}\n.quesr{\n    margin-left: 5%;\n  text-align: center;\n    margin-top: 1%;\n    background-color: #949494;\n    width: 35px;\n    height: 35px;\n    border-radius: 30px;\n}\n.quesr p{\n    margin-top: 20%;\n}\n.imgblock{\n    margin-top: 1%;\n    margin-left: 4%;\n    width: 884.2px;\n    height: 578.1px;\n    background-color: rgb(163, 163, 163);\n    /* float: left; */\n}\n.lcont{\n    margin-top: 2%;\n    display: flex;\n}\n.imglist{\n    width: 175px;\n    /* float: left; */\n    margin-top: 1%;\n    margin-left: 2%;\n}\n\n.img{\n    width: 174.86px;\n    height: 138.51px;\n    background-color: rgb(163, 163, 163);\n    margin-top: 2%;\n}\n.footer{\n    margin-top: 0%;\n    width: 100%;\n    height: 85px;\n    margin-left: 4%;\n    display: flex;\n    \n}\n.footer p{\n    text-align: center;\n    margin-top: 5%;\n}\n.lfoot{\n    width: 50%;\n    height: 85px;\n    background-color: #D9D9D9;\n    border-radius: 10px 0 0 10px ;\n}\n.rfoot{\n    width: 31%;\n    background-color: #949494;\n    border-radius: 0 10px 10px 0;\n}\n\n.rfoot :hover{\n    width: 100%;\n    text-align: center;\n    height: 84px;\n    background-color: #949494;\n    border-radius: 0 10px 10px 0;\n}\n.bblock{\n    margin-top: 3%;\n}\n.left{\n    width: 62%;\n    float: left;\n    /* display: flex; */\n}\n.right{\n    width: 36%;\n    float: left;\n    /* margin-left: 2%; */\n    margin-top: 2%;\n}\n.heder{\n    margin-left: 2%;\n}\n.p1{\n    float: left;\n    margin-left: 0%;\n    font-size: 24px;\n    text-align: center;\n    width: 177px;\n    height: 29px;\n    font-weight: 400;\n    line-height: 29px;\n}\n.blockp2{\n    margin-left: 22%;\n}\n.p2{\n    float: left;\n    margin-left: 1%;\n    font-size: 16px;\n    margin-top: 0.5%;\n    text-align: center;\n    width: 240px;\n    height: 19px;\n}\n.up a{\n    text-decoration: none;\n    color: black;\n}\n.body{\n    margin-top: 0px;\n    font-family: \"Montserrat-Regular\";\n}\n\n</style>\n","<template>\n    <div class=\"body\">\n        <a href=\"https://www.flaticon.com/free-icons/rename\" title=\"rename icons\"></a>\n        <div class=\"heder\">\n            <div class=\"up\">\n                <a href=\"#alias\">\n                    \n                <p><img src=\"./ik/strelkanazad1.png\">  назад к списку проектов</p>\n                </a>\n                <div class=\"versions\">\n                    <p>\n                    Версия 1\n                </p>\n                <p>\n                    Версия 2\n                </p>\n               \n                <p>\n                    Версия 2\n                </p> \n                </div>\n                <div class=\"close\">\n                    <!-- <save/> -->\n                    <button class=\"btn closebtn\">\n                        Закрыть проект\n                    </button> </div>\n            </div>\n            <div class=\"bottom\">\n                <div class=\"blockp1\">\n                    <div class=\"p1\">\n                       <label class=\"name\">\n                        <strong>\n                             Без названия\n                        </strong>\n                       \n                    </label>\n                        <!-- <input  v-model=\"pr_descr\"  type=\"tel\" placeholder=\"Без названия\" > -->\n                        <button\n                        @click=\"pr_rename\"\n                         class=\"btn rename\">\n                            <img class=\"imgren\" src=\"./ik/rename.png\">\n                        </button>\n                    </div>\n                </div> \n                <div class=\"blockp2\"> \n                    <a href=\"#shablon\">\n                         <div class=\"p2\">\n                        Результат генерации\n                    </div>  \n                    </a>         \n                    <a href=\"#info\">\n                        <div class=\"p2\">\n                        Основные данные\n                    </div>\n                    </a>\n                    \n\n                    <a href=\"#visual\">\n                       <div class=\"p2\">\n                        Визуальные предпочтения\n                    </div>  \n                    </a>\n                   \n                    <a href=\"#docs\">\n                    <div class=\"p2\">\n                        Документация\n                    </div>\n                     \n                    </a>\n                     <a href=\"#docs\">\n                    <div class=\"p2\">\n                        Подборки растений\n                    </div>\n                    </a>\n   \n                </div> \n               \n\n            </div>\n        </div>\n       </div> \n</template>\n\n<script>\n import api from  \"../../../JS/api.js\"  \nexport default{\n\n    name: \"proJect\",\n        data(){\n       return{\n           \n            project1: null,\n           \n        }\n    },\n\n        mounted(){\n           \n            console.log(this,'1') \n  console.log(this)\n    this.projects(this)  //использовать для прорисовки по умолчанию\n},\n        methods:{\n        // api.request(options2).then(function (response)\n\n            projects(this2){\n                let result = this.$route.query.project\n                console.log('Hello world','3');\n                const options = {\n                    method: 'GET',\n                    url: 'http://185.221.153.253:5700/api/project/' + result,\n                                   \n                    };\n                  \n                    api.request(options).then(function (response) {\n                    localStorage.setItem('id', response.data.id)      \n                            \n                    this2.project1 = response.data\n                    console.log(this2.project1);\n                    let qwerty = response.data\n                    console.log(\"========\");\n                    console.log(qwerty);\n                    }).catch(function (error) {\n                    console.error(error);\n                 \n                    })\n                \n            },\n\n            pr_rename(){\n                let result = this.$route.query.project\n                console.log('Hello world','3');\n                const options2 = {\n                method: 'POST',\n                url: 'http://185.221.153.253:5700/api/project/' + result,\n                headers: {\n                    'Content-Type': 'application/json',\n                },\n                data: {\n                    pr_descr: this.pr_descr, \n                    }\n                };\n\n                api.request(options2).then(function (response) {\n                console.log(response.data);\n                }).catch(function (error) {\n                console.error(error);\n                });\n            }\n            \n        }\n    \n\n}\n</script>\n\n<style scoped>\n.close{\n    margin-top: -40px;\n     /* width: 40%;  */\n    text-align: right;\n}\n.versions{\n    display: flex;\n    text-align: center;\n    margin-top: -2%;\n    margin-left: 37%;\n}\n.versions p{\n    margin-left: 3%;\n    width: 85px;\n}\n.imgren{\n    margin-top: -25%;\n}\n.name{\n    width: 200px;\n}\n.rename{\n    margin-left: 1%;\n}\n.heder{\n    margin-left: 2%;\n}\n.p1{\n    float: left;\n    margin-left: 0%;\n    font-size: 24px;\n    text-align: center;\n    width: auto;\n    height: 29px;\n    font-weight: 400;\n    line-height: 29px;\n    display: flex;\n}\n.blockp2{\n    margin-left: 22%;\n}\n.blockp2 a{\n    text-decoration: none;\n    color: black;\n}\n.p2{\n    float: left;\n    margin-left: 1%;\n    font-size: 16px;\n    margin-top: 0.5%;\n    text-align: center;\n    width: 240px;\n    height: 19px;\n}\n.up a{\n    text-decoration: none;\n    color: black;\n    \n}\n.body{\n    margin-top: 0px;\n    font-family: \"Montserrat-Regular\";\n}\n\n</style>\n","import { render } from \"./hederDuo.vue?vue&type=template&id=1ce98e88&scoped=true\"\nimport script from \"./hederDuo.vue?vue&type=script&lang=js\"\nexport * from \"./hederDuo.vue?vue&type=script&lang=js\"\n\nimport \"./hederDuo.vue?vue&type=style&index=0&id=1ce98e88&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-1ce98e88\"]])\n\nexport default __exports__","import { render } from \"./shablonUno.vue?vue&type=template&id=652f4f8e&scoped=true\"\nimport script from \"./shablonUno.vue?vue&type=script&lang=js\"\nexport * from \"./shablonUno.vue?vue&type=script&lang=js\"\n\nimport \"./shablonUno.vue?vue&type=style&index=0&id=652f4f8e&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-652f4f8e\"]])\n\nexport default __exports__","<template>\n   \n    <div class=\"body\">\n         <heder/>\n    <hederd/>\n    <div class=\"content\">\n        <div class=\"tblock1\">\n            <p>\n                Группа тегов 1\n            </p>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Вазоны</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Розы</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Фонтан</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Пальмы</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Зеркала</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Вазоны</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Розы</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Фонтан</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Пальмы</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Зеркала</span>\n            </label>\n        </div>\n        <div class=\"tblock2\">\n            <p>\n                Группа тегов 2\n            </p>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Вазоны</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Розы</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Фонтан</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Пальмы</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Зеркала</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Вазоны</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Розы</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Фонтан</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Пальмы</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Зеркала</span>\n            </label>\n        </div>\n        <div class=\"tblock3\">\n            <p>\n                Группа тегов 3\n            </p>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Вазоны</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Розы</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Фонтан</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Пальмы</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Зеркала</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Вазоны</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Розы</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Фонтан</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Пальмы</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Зеркала</span>\n            </label>\n        </div>\n    </div>\n    </div>\n</template>\n\n<script>\nimport hederd from \"./components/hederDuo.vue\";\nimport heder from \"./components/hederTree.vue\";\n\nexport default{\n    components:{\n        heder,\n        hederd\n    }\n\n}\n</script>\n\n<style scoped>\n.content{\n    margin-top: 0;\n}\n\n.checkbox-btn {\n\tdisplay: inline-block;\n\tmargin-top: 2%;\n    margin-left: 2%;\n\tuser-select: none;\n\tposition: relative;\n    /* border-radius: 25px; */\n\n}\n.checkbox-btn input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: 0;\n\theight: 0;\n    \n}\n.checkbox-btn span {\n\tdisplay: inline-block;\n\tcursor: pointer;\n\tpadding: 0px 10px;\n\tline-height: 30px;\n\tborder: 1px solid #999;\n\tborder-radius: 24px;\n\ttransition: background 0.2s ease;\n}\n \n/* Checked */\n.checkbox-btn input[type=checkbox]:checked + span {\n\tbackground: #8d8d8d;\n}\n\n.tblock label {\n   margin-left: 2%;\n}\n.tblock1{\n    width: 32%;\n    background-color: #ffffff;\n    margin-left: -9%;\n    margin-top: 2%;\n    justify-content: left;\n    padding: 5px;\n    float: left;\n}\n.tblock2{\n    width: 32%;\n    background-color: #ffffff;\n    margin-left: 0%;\n    margin-top: 2%;\n    justify-content: left;\n    padding: 5px;\n    float: left;\n}\n.tblock3{\n    width: 32%;\n    background-color: #ffffff;\n    margin-left: 0%;\n    margin-top: 2%;\n    justify-content: left;\n    padding: 5px;\n    float: left;\n}\n.body{\n    /* display: flex; */\n    \n    font-family: \"Montserrat-Regular\";\n}\n\n</style>\n","import { render } from \"./tegUno.vue?vue&type=template&id=756de008&scoped=true\"\nimport script from \"./tegUno.vue?vue&type=script&lang=js\"\nexport * from \"./tegUno.vue?vue&type=script&lang=js\"\n\nimport \"./tegUno.vue?vue&type=style&index=0&id=756de008&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-756de008\"]])\n\nexport default __exports__","<template>\n    <heder/> \n    <!-- <hederd/> -->\n    <div class=\"heder\">\n        <br>\n            <div class=\"up\">\n                <a href=\"#constructor\">\n                <p><img src=\"./ikons/strelkanazad1.png\">  Назад</p>\n                </a>\n                <div class=\"versions\">\n                   \n                    <a>\n                       <p>\n                    Версия 1\n                     </p> \n                    </a>\n                    <a>\n                       <p>\n                    Версия 2\n                     </p> \n                    </a>\n                    <a>\n                       <p>\n                    Версия 3\n                     </p> \n                    </a>\n                   \n                \n             \n                </div>\n               \n            </div>\n            <div class=\"bottom\">\n                <!-- <div class=\"blockp1\">\n                    <div class=\"p1\">\n                        <strong>\n                            Без названия\n                        </strong>\n                    </div>\n                </div>  -->\n               <div class=\"close\">\n                    <!-- <save/> -->\n                    <button class=\"btn closebtn\">\n                        Закрыть проект\n                    </button>\n                </div>\n                <div class=\"blockp2\"> \n                    \n                    <a href=\"#shablon\">\n                         <div class=\"p2\">\n                        Результат генерации\n                    </div>  \n                    </a>         \n                    <a href=\"#info\">\n                       <div class=\"p2\">\n                        Основные данные\n                    </div> \n                    </a>\n                    \n                    <a href=\"#visual\">\n                       <div class=\"p2\">\n                        Визуальные предпочтения\n                    </div>  \n                    </a>\n                   \n                    <a href=\"#docs\">\n                    <div class=\"p2\">\n                        Документация\n                    </div>\n                     \n                    </a>\n                     <a href=\"#orderplant\">\n                    <div class=\"p2\">\n                        Подборки растений\n                    </div>\n                    </a>\n   \n                </div> <br>\n\n            </div>\n            <br>\n        </div> \n        <div class=\"body\">\n        <div class=\"heder\">\n            <!-- <div class=\"up\">\n                <input \n                class=\"inp1\"\n                 type=\"text\"\n                  placeholder=\"search\"\n                  v-model=\"valuesearch\"\n                  >\n                  <button class=\"btn bttn \" @click=\"search\">\n                    <img class=\"imgsrc\"  src=\"./ikons/srcbtn.png\">\n                  </button>\n                <div class=\"bbtn\">\n\n              \n               <button v-on:click=\"openmodal\" id=\"open-modal-btn\" class=\"btn filtbtn\">\n                   <div class=\"filt\">\n                    <strong> Все фильтры </strong>\n                   </div>\n                   \n                    <div class=\"krug\">\n                        \n                           <p>4</p> \n                    </div>\n                </button>\n      \n              <button class=\"bt1\">\n                    Стиль\n                </button>\n                <button class=\"bt1\">\n                    Растения\n                </button>\n                <button class=\"bt1\">\n                    Детали\n                </button >\n                <button class=\"bt1\">\n                    Оттенки\n                </button>\n                <button class=\"bt1\">\n                    Освещенность\n                </button>  -->\n                <!-- <img class=\"output\" src=\"./ikons/output-onlinepngtools.png\">\n                Загрузить свое изображение -->\n\n        <!-- <button >Открыть модальное окно</button> -->\n    <!-- </div>  -->\n\n    <div class=\"modal\" id=\"my-modal1\">\n        <div class=\"modal__box1\">\n            <button class=\"modal__close-btn\" id=\"close-my-modal-btn\">\n                <svg width=\"23\" height=\"25\" viewBox=\"0 0 23 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M2.09082 0.03125L22.9999 22.0294L20.909 24.2292L-8.73579e-05 2.23106L2.09082 0.03125Z\"\n                        fill=\"#333333\" />\n                    <path d=\"M0 22.0295L20.9091 0.0314368L23 2.23125L2.09091 24.2294L0 22.0295Z\" fill=\"#333333\" />\n                </svg>\n            </button>\n            <h2>Мое модальное окно</h2>\n\n            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quasi, obcaecati, vero, illum ipsa libero labore facilis quo iste numquam deserunt totam reprehenderit quod.</p>\n\n            <p>\n                Lorem, ipsum dolor sit amet consectetur adipisicing elit. Repudiandae impedit at, beatae consectetur asperiores maiores? Veniam impedit doloribus hic, dolorum odio totam rerum excepturi dolor! Veniam molestiae voluptas obcaecati non natus quae corporis,\n                cum deleniti quo, cumque culpa exercitationem ex at numquam. Illo, voluptas itaque corporis amet consequuntur eius molestiae repudiandae rerum, sit id modi inventore. Ut, reiciendis laudantium neque nesciunt ex labore autem dolorum consequuntur\n                accusantium molestias perspiciatis corporis illo sit, architecto fuga! Quo neque odio esse sapiente sit reprehenderit pariatur perspiciatis quisquam nulla, voluptas saepe itaque quia provident perferendis ducimus, alias atque aliquid cumque\n                nihil laudantium recusandae suscipit!\n            </p>\n        </div>\n\n\n                <!--  -->\n               \n               \n             </div>\n              \n            </div>\n            <div class=\"bott\">\n               \n            \n            <div class=\"tegs\">\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Прованс</span>\n            </label>\n        </div>\n            \n         \n            <label>\n                {{response}}\n            </label>\n            \n            </div>\n        </div>\n        <div class=\"content\">\n           \n      \n       \n            <div id=\"columns\">\n  \n  <figure>\n\n<!-- <img class=\"kvadrat\" src=\"./photos/0552645884cfc3ae683ed06958a13fe4.jpeg\"> -->\n<div class=\"kvadrat\">\n\n</div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n</label>\n\n<label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n</label>\n\n<!-- <p>\n<img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n</p>\n\n<p>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</p> -->\n\n</div> \n<!-- src=\"./photos/1583600444_35-p-vostochnii-stil-v-landshaftnom-dizaine-87.jpg\" -->\n</figure>\n<figure>\n<div class=\"prugol\">\n<!-- <img class=\"prugol\" > -->\n</div>\n\n\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n\n</figure>\n<figure>\n<div class=\"drugol\"></div>\n<!-- <img src=\"./photos/1625491701_31-almode_ru-p-sovremennii-landshaftnii-dizain-34.jpg\"> -->\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1618688100_67-p-stil-kantri-v-landshaftnom-dizaine-70.jpg\"> -->\n<div class=\"prugol\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/0daeac68c1788181be4c80c30c59098f.jpg\"> -->\n<div class=\"kvadrat\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1583687789_51-p-stili-landshaftnogo-dizaina-89.jpg\"> -->\n<div class=\"kvadrat\">\n\n</div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1581025276_17-p-landshaftnie-dizaini-46.jpg\"> -->\n<div class=\"drugol\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div>  \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1582214716_10-p-minimalistichnii-landshaftnii-dizain-17.jpg\"> -->\n<div class=\"prugol\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1584364627_26-p-landshaftnii-dizain-v-skandinavskom-stile-90.jpg\"> -->\n<div class=\"drugol\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div>  \n<!-- <figcaption>Cinderella wearing European fashion of the mid-1860’s</figcaption> -->\n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1584617479_27-p-dizain-uchastkov-s-prudom-84.jpg\"> -->\n<div class=\"kvadrat\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n<!-- <figcaption>Cinderella wearing European fashion of the mid-1860’s</figcaption> -->\n\n</figure>\n<figure>\n<!-- <img src=\"./photos/0fa57f896fe863b4600cda97910edcce.jpg\"> -->\n<div class=\"kvadrat\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1625491757_37-almode_ru-p-sovremennii-landshaftnii-dizain-40.jpg\"> -->\n<div class=\"prugol\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1627177551_43-p-geometriya-v-landshaftnom-dizaine-45.jpg\"> -->\n<div class=\"prugol\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/103.png\"> -->\n<div class=\"drugol\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div>  \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1511719296_45-modern.jpg\"> -->\n<div class=\"kvadrat\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<div class=\"prugol\"></div>\n<!-- <img src=\"./photos/1581025158_41-p-landshaftnie-dizaini-zadnikh-dvorov-80.jpg\"> -->\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1581025276_17-p-landshaftnie-dizaini-46.jpg\"> -->\n<div class=\"prugol\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n\n</div>\n    <div class=\"next\">\n              <a href=\"#shagtri\">\n              <button class=\"btn bn2\">\n                <p class=\"gen1\">\n                  Сгенерировать\n                </p>\n                <p class=\"gen2\">\n                  до доступа к функции<br> осталось выбрать 5 изображений\n                </p>\n              </button>\n              </a>\n          </div>\n          </div>\n          \n     \n  </template>\n  \n  \n  \n  <script>\n  import heder from \"./components/hederTree.vue\";\n  import axios from \"axios\";\n//   import upload from \"./components/uploadModal.vue\";\n//   import save from \"./components/SaveModal.vue\"\n  // import filter1 from \"./components/filtrModal.vue\";\n  //import hederd from \"./components/hederDuo.vue\";\n  \n  export default{\n      components:{\n       // hederd,\n       \n          heder,\n        //   upload,\n        //   save,\n          \n      },\n  \n      methods :{\n  \n          openmodal(){\n               // Открыть модальное окно\n               document.getElementById(\"open-modal-btn\").addEventListener(\"click\", function() {\n                  document.getElementById(\"my-modal\").classList.add(\"open\")\n              })\n  \n              // Закрыть модальное окно\n              document.getElementById(\"close-my-modal-btn\").addEventListener(\"click\", function() {\n                  document.getElementById(\"my-modal\").classList.remove(\"open\")\n              })\n  \n              // Закрыть модальное окно при нажатии на Esc\n              window.addEventListener('keydown', (e) => {\n                  if (e.key === \"Escape\") {\n                      document.getElementById(\"my-modal\").classList.remove(\"open\")\n                  }\n              });\n  \n              // Закрыть модальное окно при клике вне его\n              document.querySelector(\"#my-modal .modal__box\").addEventListener('click', event => {\n                  event._isClickWithInModal = true;\n              });\n              document.getElementById(\"my-modal\").addEventListener('click', event => {\n                  if (event._isClickWithInModal) return;\n                  event.currentTarget.classList.remove('open');\n              });\n                          },\n  \n          search(){\n              const options = {\n              method: 'GET',\n              url: 'http://185.221.153.253:5700/api/search',\n              headers: {Authorization: 'Bearer 0ded13aa-624b-40cf-bef7-dc7a2bf97c2c'},\n              data: {\n                  f_compos_type: this.valuesearch,\n                  f_template: this.valuesearch,\n                  f_temp_char: this.valuesearch,\n                  f_place: this.valuesearch,\n                  f_ground_sost: this.valuesearch,\n                  f_ground_kisl: this.valuesearch,\n                  f_ct_size: this.valuesearch,\n                  f_ct_form: this.valuesearch,\n                  f_ct_light: this.valuesearch,\n                  f_ct_color: this.valuesearch,\n                  f_ct_maf: this.valuesearch,\n                  f_ct_vl: this.valuesearch,\n                  f_ct_res: this.valuesearch,\n                  f_ct_aroma: this.valuesearch,\n                  f_ct_plants: this.valuesearch\n              }\n              };\n  \n              axios.request(options).then(function (response) {\n              console.log(response.data);\n              }).catch(function (error) {\n              console.error(error);\n              });\n          }\n  \n          }\n  }\n  </script>\n  \n  <style scoped>\n\n\n.close{\n     /* width: 0%;  */\n    text-align: right;\n    margin-top: -80px;\n}\n  .prugol{\n    width: 300px;\n    height: 400px;\n    background-color: #8d8d8d;\n  }\n  .kvadrat{\n    width: 300px;\n    height: 300px;\n    background-color: #8d8d8d;\n  }\n  .drugol{\n    width: 400px;\n    height: 300px;\n    background-color: #8d8d8d;\n  }\n  .versions{\n    display: flex;\n    text-align: center;\n    margin-top: 0.2%;\n    margin-left: 37%;\n}\n.versions p{\n    margin-left: 3%;\n    width: 85px;\n}\n  .close{\n      width: 90%;\n      text-align: right;\n  }\n  .bottom{\n      margin-top: 2%;\n  }\n  \n  .tegs{\n      margin-left: 2%;\n  }\n  .laik{\n      color: white;\n  /* width: 17%; */\n  height: 36px;\n  padding: 5px;\n  margin-top: -50px;\n  margin-left: 5px;\n  /* background: #707070; */\n  text-align: center;\n  border-radius: 10px;\n     z-index: 999;\n     position: absolute;\n     display: flex;\n  }\n  \n  \n  .luk{\n      /* width: 26px; */\n  }\n  .laik img{\n      width: 26px;\n  }\n  \n  \n  .content{\n      z-index:4;\n      display: block;\n      margin-left: 2%;\n  }\n  .gen1{\n      margin-top: 1%;\n      font-family: \"Montserrat-SemiBold\";\n      color: black;\n      font-size: 24px;\n  }\n  .gen2{\n      margin-top: -3%;\n  }\n  .next a{\n      text-decoration: none;\n      color: black;\n     opacity: 60%;\n  \n  }\n  .next{\n      /* z-index: 999999999999999999999995; */\n      margin-top: 350%;\n      position: fixed;\n      left: 38%;\n      /* text-align: center; */\n  }\n  .bn2{\n      width: 400px;\n      height: 110px;\n      background-color: #cecece;\n      border-radius: 60px;\n  }\n  .img1{\n      /* width: 300px; */\n    \n          /* height: 400pxrelative; */\n      background-color: rgb(255, 255, 255);\n      margin-left: 2%;\n      float: left;\n      /* margin-top: 1%; */\n      padding: 5px;\n      z-index: -444444444444;\n    \n  }\n  .img{\n      width: 300px;\n      z-index: 1;\n      border-radius: 10px;\n      /* position: relative; */\n  }\n  .img2{\n     \n      /* width: 300px; */\n      /* height: 250px; */\n      background-color: rgb(255, 255, 255);\n      margin-left: 2%;\n      float: left;\n      /* margin-top: 1%; */\n      padding: 5px;\n      \n  }\n  .checkbox-btn {\n      display: inline-block;\n      margin-top: 1%;\n      margin-left: 2%;\n      user-select: none;\n      position: relative;\n      /* border-radius: 25px; */\n  \n  }\n  .checkbox-btn input[type=checkbox] {\n      z-index: -1;\n      opacity: 0;\n      display: block;\n      width: 0;\n      height: 0;\n      background: #8d8d8d;\n  }\n  .checkbox-btn span {\n      display: inline-block;\n      cursor: pointer;\n      padding: 0px 10px;\n      background: #8d8d8d;\n      line-height: 30px;\n      border: 1px solid #999;\n      border-radius: 24px;\n      transition: background 0.2s ease;\n  }\n   \n  /* Checked */\n  .checkbox-btn input[type=checkbox]:checked + span {\n      background: #97c004;\n      color: white;\n  }\n  /* ================= */\n  .checkbox-btn1 {\n      display: inline-block;\n      margin-top: 1%;\n      margin-left: 2%;\n      user-select: none;\n      position: relative;\n      /* border-radius: 25px; */\n  \n  }\n  .checkbox-btn1 input[type=checkbox] {\n      z-index: -1;\n      opacity: 0;\n      display: block;\n      width: 0;\n     \n      height: 0;\n      background: #8d8d8d;\n  }\n  .checkbox-btn1 span {\n      display: inline-block;\n      cursor: pointer;\n      padding: 0px 15px;\n      background: #ffffff;\n      line-height: 35px;\n      border: 1px solid #747474;\n      border-radius: 5px;\n      transition: background 0.2s ease;\n  }\n   \n  /* Checked */\n  .checkbox-btn2 input[type=checkbox]:checked + span {\n      background: #858585;\n      color: white;\n      opacity: 90%;\n  }\n  /* ================= */\n  /* ================= */\n  .checkbox-btn2 {\n      display: inline-block;\n      /* margin-top: 1%;\n      margin-left: 0%; */\n      user-select: none;\n      position: relative;\n      /* border-radius: 25px; */\n  \n  }\n  .checkbox-btn2 input[type=checkbox] {\n      z-index: -1;\n      opacity: 0;\n      display: block;\n      width: 0;\n      height: 0;\n      background: #8d8d8d;\n  }\n  .checkbox-btn2 span {\n      display: flex;\n      /* width: auto; */\n      justify-content: center;\n      cursor: pointer;\n      padding: 0px 15px;\n      background: #8d8d8d;\n      line-height: 35px;\n      border: 1px solid #747474;\n      border-radius: 5px;\n      transition: background 0.2s ease;\n  }\n   \n  /* Checked */\n  .checkbox-btn2 input[type=checkbox]:checked + span {\n      background: #e70303;\n      color: white;\n      opacity: 90%;\n  }\n  /* ================= */\n  .up input{\n      float: left;\n     \n  }\n  .up{\n    display: flex;\n    margin-top: -0.2%;\n    \n    /* width: 90%; */\n  }\n \n  @media screen and (max-width: 1880px) {\n      .inp1{\n      margin-left: 2%;\n      width:45%;\n      text-align: left;\n  }\n  }\n  @media screen and (max-width: 1680px) {\n      .inp1{\n      margin-left: 2%;\n      width:30%;\n      text-align: left;\n  }\n  }\n  .bttn{\n      width: 100px;\n  }\n  .imgsrc{\n      width: 100%;\n      height: 35px;\n  }\n  .heder{\n      width: 98%;\n      margin-top: 0%;\n  }\n  .body{\n      height: 120%;\n      margin-top: 0px;\n      font-family: \"Montserrat-Regular\";\n  }\n  /* Heder */\n  \n  .heder{\n      margin-left: 2%;\n      margin-top: -2px;\n      font-family: \"Montserrat-Regular\";\n  }\n  .p1{\n      float: left;\n      margin-left: 0%;\n      font-size: 24px;\n      text-align: center;\n      width: 177px;\n      height: 29px;\n      font-weight: 400;\n      line-height: 29px;\n  }\n  .blockp2{\n      margin-left: 12%;\n      text-align: center;\n  }\n  .blockp2 a{\n      text-decoration: none;\n      color: black;\n      text-align: center;\n  }\n  .p2{\n      float: left;\n      margin-left: 1%;\n      font-size: 16px;\n      margin-top: 0.5%;\n      text-align: center;\n      width: 240px;\n      height: 19px;\n  }\n  .up a{\n      text-decoration: none;\n      color: black;\n  }\n  \n  /* модальное окно */\n  /* ============== */\n  /* ============== */\n  /* ============== */\n  /* ============== */\n  /* ============== */\n  /* ============== */\n  /* ============== */\n  \n  html {\n      box-sizing: border-box;\n  }\n  \n  *,\n  *::before,\n  *::after {\n      box-sizing: inherit;\n  }\n  \n  a {\n      color: inherit;\n      text-decoration: none;\n  }\n  \n  img {\n      max-width: 100%;\n  }\n  \n  body {\n      font-family: Arial, Verdana, sans-serif;\n  }\n  \n  .container {\n      max-width: 1200px;\n      margin: 0 auto;\n      padding: 0 15px;\n  }\n  \n  .modal {\n      position: fixed;\n      left: 0;\n      top: 0;\n      width: 100%;\n      height: 100vh;\n      z-index: 99998;\n      background-color: rgba(0, 0, 0, .3);\n      display: grid;\n      align-items: center;\n      justify-content: center;\n      overflow-y: auto;\n      visibility: hidden;\n      opacity: 0;\n      transition: opacity .4s, visibility .4s;\n  }\n  \n  .modal__box1 {\n      position: relative;\n      max-width: 500px;\n      padding: 45px;\n      z-index: 1;\n      margin: 30px 15px;\n      background-color: white;\n      box-shadow: 0px 0px 17px -7px rgba(34, 60, 80, 0.2);\n      transform: scale(0);\n      transition: transform .8s;\n  }\n  \n  .modal__close-btn {\n      position: absolute;\n      top: 8px;\n      right: 8px;\n      border: none;\n      background-color: transparent;\n      padding: 5px;\n      cursor: pointer;\n  }\n  \n  .modal__close-btn svg path {\n      transition: fill .4s;\n  }\n  \n  .modal__close-btn:hover svg path {\n      fill: blue;\n  }\n  \n  .modal__close-btn:active svg path {\n      fill: rgb(186, 53, 0);\n  }\n  \n  .modal.open {\n      visibility: visible;\n      opacity: 1;\n  }\n  \n  .modal.open .modal__box {\n      transform: scale(1);\n  }\n  \n  /* ================ */\n  /* body {\n    background: url(//subtlepatterns.com/patterns/scribble_light.png);\n    font-family: Calluna, Arial, sans-serif;\n    min-height: 1000px;\n  } */\n  #columns {\n      /* z-index: 2111; */\n    column-width: 320px;\n    column-gap: 15px;\n    width: 100%;\n    max-width: 100%;\n    margin: 50px auto;\n  }\n  \n  div#columns figure {\n    background: #fefefe;\n    /* border: 2px solid #fcfcfc; */\n    /* box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4); */\n    margin: 0 2px 15px;\n    padding: 15px;\n    padding-bottom: 10px;\n    transition: opacity .4s ease-in-out;\n    display: inline-block;\n    column-break-inside: avoid;\n  }\n  \n  div#columns figure img {\n    /* width: 100%;  */\n    height: auto;\n    /* border-bottom: 1px solid #ccc;\n    padding-bottom: 15px; */\n    margin-bottom: 5px;\n    \n  }\n  .luk{\n      width: 26px;\n  }\n  .dizluk{\n      width: 26px;\n      \n  }\n  .laik img{\n      width: 26px;\n  }\n  div#columns figure figcaption {\n    font-size: .9rem;\n    color: #444;\n    line-height: 1.5;\n  }\n  \n  div#columns small { \n    font-size: 1rem;\n    float: right; \n    text-transform: uppercase;\n    color: #aaa;\n  } \n  \n  div#columns small a { \n    color: #666; \n    text-decoration: none; \n    transition: .4s color;\n   \n  }\n  \n  div#columns:hover figure:not(:hover) {\n    /* opacity: 0.4; */\n  }\n  \n  @media screen and () { \n    #columns { column-gap: 0px; }\n    #columns figure { width: 100%; }\n  }\n  </style>\n  \n","import { render } from \"./visualPreferens.vue?vue&type=template&id=0f6c27cf&scoped=true\"\nimport script from \"./visualPreferens.vue?vue&type=script&lang=js\"\nexport * from \"./visualPreferens.vue?vue&type=script&lang=js\"\n\nimport \"./visualPreferens.vue?vue&type=style&index=0&id=0f6c27cf&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0f6c27cf\"]])\n\nexport default __exports__","<template>\n    <heder/>\n\n    <div class=\"body\">\n        <div class=\"hed\">\n           <p>\n            <strong>\n                Выберите один из шаблонов или создайте свой проект с нуля\n\n            </strong>\n            </p>\n            <div class=\"podhed\">\n                <div class=\"btnpanel\">\n                    <button class=\"btn\">\n                        Классические шаблоны\n                    </button>\n\n                    <button  class=\"btn\">\n                        Арт-шаблоны\n                    </button>\n\n                    <button  class=\"btn\">\n                        Авторские шаблоны\n                    </button>\n                </div>\n                <div class=\"tegpanel\">\n                    <button class=\"btn tegbtn\">\n                        Модульные \n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Арабески\n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Арабески\n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Модульные\n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Арабески\n                    </button>\n                    <button class=\"btn tegbtn\">\n                        Модульные\n                    </button>\n                </div>\n            </div>\n\n        </div>\n        <div class=\"content\">\n            \n        </div>\n    </div>\n</template>\n\n<script>\n// import hederd from \"./components/hederDuo.vue\";\nimport heder from \"./components/hederTree.vue\";\n\nexport default{\n    components:{\n        heder,\n        // hederd\n    }\n\n}\n</script>\n\n<style scoped>\n\n.tegbtn{\n    background-color: #D9D9D9;\n    width: 117px;\n    height: 39px;\n    border-radius: 50px;\n}\n.podhed button{\n    margin-left: 1%;\n}\n.hed p{\n    font-size: 24px;\n    width:25%;\n}\n\n.body{\n    margin-top: 100px;\n    font-family: \"Montserrat-Regular\";\n    text-align: center;\n}\n</style>\n","import { render } from \"./shablonChange.vue?vue&type=template&id=37670f0e&scoped=true\"\nimport script from \"./shablonChange.vue?vue&type=script&lang=js\"\nexport * from \"./shablonChange.vue?vue&type=script&lang=js\"\n\nimport \"./shablonChange.vue?vue&type=style&index=0&id=37670f0e&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-37670f0e\"]])\n\nexport default __exports__","<template>\n    <div class=\"header\">\n         <heder/> \n    </div>\n     \n    <!-- <hederd/> -->\n    <div class=\"heder\">\n        \n            <div class=\"up\">\n                <a href=\"#alias\">\n                <p><img src=\"./ikons/strelkanazad1.png\">   назад к списку проектов</p>\n                </a>\n                <!-- <p class=\"upp\">\n                  <strong>\n                     Профиль проекта\n                  </strong> \n\n                </p>\n                <div class=\"krug2\">\n                        \n                        <p>4</p> \n                 </div> -->\n                 <div class=\"close\">\n                    <save/>\n                 </div>\n            </div>\n            <div class=\"bottom\">\n                <div class=\"blockp1\">\n                    <div class=\"p1\"\n                  \n                    >\n                        <strong>\n                          Без названия\n                        </strong>\n                    </div>\n                </div> \n              \n               \n\n            </div>\n        </div>       <br><br><br>\n       \n    <div class=\"body\">\n     \n<div class=\"content\">\n        <div class=\"leftmenu\">\n            <!-- Button trigger modal -->\n            <p class=\"ppp\">Где находится Ваш участок?</p>\n            <div class=\"karta\">\n                <input class=\"inp\" type=\"text\">\n            <div class=\"modal1\">\n                <button type=\"button\" class=\"btn kartbtn \" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModal\">\n                    <img class=\"kartimg\" src=\"./ikons/map.png\">\n                </button>\n            </div>\n            \n\n\n                <!-- Modal -->\n                <div class=\"modal fade\" id=\"exampleModal\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\n                <div class=\"modal-dialog\">\n                    <div class=\"modal-content\">\n                    <div class=\"modal-header\">\n                        <h5 class=\"modal-title\" id=\"exampleModalLabel\">Карта</h5>\n                        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n                    </div>\n                    <div class=\"modal-body\">\n                                    <iframe width=\"425\" height=\"350\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https://www.openstreetmap.org/export/embed.html?bbox=34.45861816406251%2C49.990083926193954%2C41.44592285156251%2C53.07422751310222&amp;layer=mapnik\" style=\"border: 1px solid black\"></iframe><br/><small><a href=\"https://www.openstreetmap.org/#map=8/51.557/37.952\">Посмотреть более крупную карту</a></small>\n\n                        \n                    </div>\n                    <div class=\"modal-footer\">\n                        <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Закрыть</button>\n                        <button type=\"button\" class=\"btn btn-primary\">Сохранить</button>\n                    </div>\n                    </div>\n                </div>\n                </div>\n            </div><br>\n            <p>Примерный размер цветника</p>\n            <div class=\"wb\">\n                <div class=\"wb1\">\n                    <p>длина</p>\n                    <input class=\"inp2\" type=\"text\">\n                </div>\n                <div class=\"wb2\">\n                    <p>ширина</p>\n                    <input class=\"inp2\" type=\"text\">\n                </div>\n                <!-- <div class=\"wb1\">\n                    <p>глубина</p>\n                    <input class=\"inp2\" type=\"text\">\n                </div> -->\n              \n             \n\n            </div><br>\n              <p>Примерный бюджет</p>\n            <div class=\"wb\">\n                <div class=\"wb1\">\n                    <p>от</p>\n                    <input class=\"inp4\" type=\"text\">\n                </div>\n                <div class=\"wb2\">\n                    <p>до</p>\n                    <input class=\"inp4\" type=\"text\">\n                </div>\n             </div>\n             <div class=\"form\"><br>\n                <p>\n                    Освещенность композиции/зоны\n                </p>\n\n                 <button class=\"btn bt1\">\n                   <img class=\"btnimg\" src=\"./ikons/free-icon-sunrise-2939886.png\">\n                </button> \n                 \n                <button class=\"btn bt1\">\n                    <img class=\"btnimg\" src=\"./ikons/free-icon-partly-cloudy-7849059.png\">\n                </button> \n               <button class=\"btn bt1\">\n                    \n                    <img class=\"btnimg\" src=\"./ikons/free-icon-cloud-7164563.png\">\n                </button>\n                \n             </div>\n             <div class=\"next\"><br>\n                <a href=\"#shagdva\">\n                <button class=\"btn bt2\">\n                    Далее\n                </button>\n                </a>\n             </div>\n    </div>\n        <div class=\"holst\">\n\n            <button class=\"upload\">\n                Загрузите изображение\n            </button>\n\n        </div>\n    </div>\n    </div>\n</template>\n\n<script>\n//import hederd from \"./components/hederDuo.vue\";\nimport heder from \"./components/hederTree.vue\";\nimport api from  \"../../JS/api.js\"  \nimport save from \"./components/SaveModal.vue\"\nexport default{\n    components:{\n        heder,\n      // hederd\n      save\n    },\n\n    name: \"proJect\",\n        data(){\n       return{\n           \n            project1: null,\n           \n        }\n    },\n\n        mounted(){\n           \n            console.log(this,'1') \n  console.log(this)\n    this.projects(this)  //использовать для прорисовки по умолчанию\n},\n        methods:{\n        // api.request(options2).then(function (response)\n\n            projects(this2){\n                // let result = this.$route.query.project\n                // console.log('Hello world','3');\n                const options = {\n                    method: 'GET',\n                    url: 'http://185.221.153.253:5700/api/project/2' ,\n                                   \n                    };\n                  \n                    api.request(options).then(function (response) {\n                    localStorage.setItem('id', response.data.id)      \n                            \n                    this2.project1 = response.data\n                    console.log(this2.project1);\n                    let qwerty = response.data\n                    console.log(\"========\");\n                    console.log(qwerty);\n                    }).catch(function (error) {\n                    console.error(error);\n                 \n                    })\n                \n            },\n\n            \n        }\n\n}\n</script>\n\n<style scoped>\n.close{\n    width: 90%;\n    margin-top: -50px;\n    text-align: right;\n}\n.upload{\n    width: 329px;\nheight: 61px;\nmargin-right: 35%;\nmargin-top: 25%;\n\nbackground: #A4A4A4;\nborder: 3px solid #A4A4A4;\nborder-radius: 10px;\n\n}\n.btnimg{\n    width: 100%;\n}\n.upp{\n    margin-left: 85%;\n    float: left;\n    margin-top: -1.4%;\n}\n.krug2{\n    margin-top: -1.4%;\n    margin-left: 1%;\n    text-align: center;\n    width: 30px;\n    height: 30px;\n    background-color: #707070;\n    border-radius: 15px;\n    float: left;\n}\n.krug2 p{\n    margin-top: 10%;\n    color: white;\n}\n.header{\n    margin-top: -0.5%;\n}\n.kartbtn{\n    margin-left: 20%;\n    background-color: #A4A4A4;\n    text-align: center;\n}\n.kartimg{\n    text-align: center;\n    margin-left: 15%;\n}\n.karta{\n    display: flex;\n}\n.next a{\n    text-decoration: none;\n    color: black;\n\n}\n.modal1{\n    margin-top: 1%;\n}\n.inp{\n    width: 251px;\nheight: 50px;\n}\n.leftmenu{\n    width: 20%;\n    margin-left: 2%;\n    \n}\n/* .ppp{\n     font-size: 24px;\n} */\n.leftmenu p{\n    font-size: 24px;\n}\n.bt1{\n    width: 90px;\n    height: 80px;\n    background-color: #A4A4A4;\n    margin-left: 2%;\n}\n.bt2{\n    width: 132px;\n    height: 60px;\n    background-color: #D9D9D9;\n    font-size: 24px;\n}\n.inp2{\n    width: 90px;\n    height: 50px;\n    border-radius: 5px;\n}\n.inp4{\n    width: 140px;\n    height: 50px;\n    border-radius: 5px;\n}\n.wb{\n    display: flex;\n}\n.wb p{\n    font-size: 18px;\n}\n\n\n.wb1{\n    margin-left: 1%;\n    font-size: 19px;\n}\n.wb2{\n    margin-left: 4%;\n}\n.holst{\n\n    background-color: rgb(214, 214, 214);\n    width: 90%;\nheight: 800px;\n    margin-right: 5%;\n    margin-top: -3%;\n    margin-left: 10%;\n    text-align: right;\n}\n.content{\n    display: flex;\n}\n.body{\n    margin-top: 10px;\n    font-family: \"Montserrat-Regular\";\n    /* height: 100vh; */\n   \n   \n}\n/* heder */\n.heder{\n    margin-left: 2%;\n    margin-top: 8px;\n    font-family: \"Montserrat-Regular\";\n}\n.p1{\n    float: left;\n    margin-left: 0%;\n    font-size: 24px;\n    text-align: center;\n    width: 177px;\n    height: 29px;\n    font-weight: 400;\n    line-height: 29px;\n}\n.blockp2{\n    margin-left: 22%;\n}\n.blockp2 a{\n    text-decoration: none;\n    color: black;\n}\n.p2{\n    float: left;\n    margin-left: 1%;\n    font-size: 16px;\n    margin-top: 0.5%;\n    text-align: center;\n    width: 240px;\n    height: 19px;\n}\n.up a{\n    text-decoration: none;\n    color: black;\n}\n\n</style>","<template>\n    <div class=\"body\">\n         <div class=\"bbtn\">\n\n              \n                <button v-on:click=\"openmodal\" id=\"open-modal-btn\" class=\"btn brd3\">\n                   Закрыть и сохранить редактор\n                </button>\n                <!--  -->\n             \n                \n\n        <!-- <button >Открыть модальное окно</button> -->\n    </div>\n\n    <div class=\"modal\" id=\"my-modal\">\n        <div class=\"modal__box\">\n            <button class=\"modal__close-btn\" id=\"close-my-modal-btn\">\n                <svg width=\"23\" height=\"25\" viewBox=\"0 0 23 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M2.09082 0.03125L22.9999 22.0294L20.909 24.2292L-8.73579e-05 2.23106L2.09082 0.03125Z\"\n                        fill=\"#333333\" />\n                    <path d=\"M0 22.0295L20.9091 0.0314368L23 2.23125L2.09091 24.2294L0 22.0295Z\" fill=\"#333333\" />\n                </svg>\n            </button>\n\n            <div class=\"body2\">\n          \n          <div class=\"content\">\n\n              <div class=\"contentbox\">\n\n                  <div class=\"contentleft\">\n\n                    <div class=\"pbox\">\n\n                    <div class=\"polzovatel\">\n                        <a href=\"#alias\">\n                        <div class=\"imgbox\">\n                            \n                        </div>\n                        <p>\n                            Сохранить как версию\n                        </p>\n                        \n                        </a>\n                    </div>\n\n\n\n                    <div class=\"polzovatel\">\n                        <a href=\"#alias\">\n                        <div class=\"imgbox\">\n                            \n                        </div>\n                        <p>\n                            Сохранить как \n                            отдельный проект\n                        </p>\n                        \n                        </a>\n                    </div>\n                    </div>\n\n<!--  \n                      <div v-show=\"step===1\" class=\"left\">\n                          <p>\n                              Зарегистрируйтесь чтобы начать работу \n                          </p>\n                          <label\n                           class=\"label0\"\n                            for=\"\"\n                           \n                            >\n                              Ваш E-mail\n\n                          </label>\n                          \n                          <br>\n                          <input \n\n                           v-model = \"email\"  \n                           \n                           type=\"text\">\n                           <br>\n                           <label\n                           class=\"label0\"\n                            for=\"\"\n                           \n                            >\n                              Ваш пароль\n\n                          </label>\n                          \n                          <br>\n                          <input \n\n                           v-model = \"pwd\"  \n                           \n                           type=\"text\">\n                           <br>\n                         >\n                          <button @click=\"auth1\" class=\"btn button1\">\n                              Войти\n                          </button>\n                        \n                          <div class=\"pbox\">\n                                  <div class=\"poloska1\"></div>\n                              <label class=\"label1\">\n                                  или\n                              </label>\n                                                          \n                                  <div class=\"poloska2\"></div>\n                          </div>\n                           <button @click=\"auth1\" class=\"btn button1\">\n                              Зарегестрироваться\n                          </button>   \n                       \n\n\n                     \n                          <label class=\"label3\">\n                              Нажимая кнопку “Зарегистрироваться” Вы соглашаететсь с политикой конфиденциальности\n                          </label>\n                    \n                        </div>\n                     -->\n                        <!-- <div v-show=\"step===2\"  class=\"left\">\n                            <tips/>\n                        </div> -->\n\n                  </div>\n                 \n                \n\n              </div>\n\n          </div>\n  </div>\n        </div>\n\n\n                <!--  -->\n               \n               \n             </div>\n    </div>\n  \n</template>\n\n<script>\nimport axios from \"axios\"\n// import api from  \"../../../JS/api.js\"  \n//import tips from \"./tipPolzov.vue\"\nexport default{\n    components:{\n      //  heder\n   //   tips\n        },\n    data(){\n            return{\n                step:1,\n                id:null\n            }\n        },\n        methods :{\n\n            nextStep(){\n                this.step++\n            },\n\n            openmodal(){\n                        // Открыть модальное окно\n           if ( document.getElementById(\"open-modal-btn\") != null){\n                document.getElementById(\"my-modal\").classList.add(\"open\")\n            }\n\n            // Закрыть модальное окно\n            document.getElementById(\"close-my-modal-btn\").addEventListener(\"click\", function() {\n                document.getElementById(\"my-modal\").classList.remove(\"open\")\n            })\n\n            // Закрыть модальное окно при нажатии на Esc\n            window.addEventListener('keydown', (e) => {\n                if (e.key === \"Escape\") {\n                    document.getElementById(\"my-modal\").classList.remove(\"open\")\n                }\n            });\n\n            // Закрыть модальное окно при клике вне его\n            document.querySelector(\"#my-modal .modal__box\").addEventListener('click', event => {\n                event._isClickWithInModal = true;\n            });\n            document.getElementById(\"my-modal\").addEventListener('click', event => {\n                if (event._isClickWithInModal) return;\n                event.currentTarget.classList.remove('open');\n            });\n            },\n\n            auth1(){\n                \n       \n\n              let email= \"email=\"+this.email \n                  let pwd= \"pwd=\"+this.pwd\n                const options = {\n                method: 'POST',\n                // url: 'http://185.221.153.253:8000/api/aigarden/auth/simple/email?'+email&pwd,\n               \n                url: 'http://185.221.153.253:8000/api/aigarden/auth/simple/email',\n                params: {email:email, pwd: pwd}\n\n          \n                };\n                console.log(\"url\");\n                console.log(options.url);\n                console.log(options[\"url\"]);\n                axios.request(options).then(function (response) {\n                    localStorage.setItem('access_token', response.data.jwt)\n                    console.log(\"response\");\n                    console.log(response);\n                    console.log(response.json);\n                    console.log(response.data.code);\n                    \n                // console.log(response.data);\n\n                }).catch(function (error) {\n                console.error(error);\n                });\n                 this.step++\n            },\n\n            auth2(){\n                this.step++\n                const options2 = {\n                method: 'POST',\n                url: 'http://185.221.153.253:5700/api/user/pinactivate',\n                // headers: {Authorization: 'Bearer 0f1bc8ef-c67e-462a-8b70-03a8b6a70aa0'},\n                data: {\n                    pin: this.pin,\n                    token: localStorage.getItem('access_token')}\n                };\n\n                axios.request(options2).then(function (response) {\n                console.log(response.data);\n                // localStorage.setItem('access_token', response.data.access_token)\n                }).catch(function (error) {\n                console.error(error);\n                });\n            },\n\n            getuser(){\n             const options3 = {\n            method: 'GET',\n            url: 'http://185.221.153.253:5700/api/user/current',\n            // headers: {Authorization: 'Bearer cc77d1e8-9999-4f06-b51f-187556dd55d7'},\n            \n            };\n\n            axios.request(options3).then(function (response) {\n            console.log(response.data);\n            localStorage.setItem('username', response.data.username)\n        //   console.log(\"qwe\");\n          let name = response\n          console.log(name.email);\n            }).catch(function (error) {\n            console.error(error);\n            });\n            }\n\n\n                    }\n}\n</script>\n\n<style scoped>\n.pbox{\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    /* margin-left: 10%; */\n    margin-top: 5%;\n\n}\n.polzovatel{\n    border: 1px;\n    border: 1px solid #000000;\n    margin-left: 1%;\n    min-width: 220px;\n    width: 300px;\n    height: 400px;\n    text-align: center;\n    border-radius: 15px;\n    padding: 5px;\n    \n}\n.polzovatel a{\n    text-decoration: none;\n    color: #000000;\n}\n.polzovatel p{\n    font-size: 30px;\n    margin-top: 15%;\n}\n\n.polzovatel label{\n   margin-bottom: 15%;\n}\n.imgbox{\n    width: 80px;\n    height: 80px;\n    margin-top: 15%;\n    background-color: #D9D9D9;\n    border-radius: 50px;\n    margin-left: 37%;\n}\n.bbtn{\n    /* font-size: 24px; */\n    font-family: \"Montserrat-Regular\";\n    margin-top: -15px;\n    height: 30px;\n    display: flex;\n    align-items: center;\n    justify-content: right;\n}\n\n.brd3{\n    font-size: 18px;\n    height: 40px;\n}\n\n.contentleft{\n    width: 90%;\n    height: 100%;\n    background-color: white;\n    /* float: left; */\n    display: flex;\n    justify-content: center;\n}\n.contentleft p{\n    margin-top: 20%;\n    font-size: 30px;\n}\n\n.contentleft input{\n    margin-top: 2%;\n    width: 80%;\n    height: 50px;\n}\n \n.contentbox{\n    width: 90%;\n    margin-left: 0%;\n    margin-top: 0%;\n    height: 700px;\n    /* border: 1px;\n    border-color: black; */\n    position: fixed;\n    /* border: 1px solid #000000; */\n    text-align: center;\n}\n.body2{\n    font-family: \"Montserrat-Regular\";\n    background-color: rgb(255, 255, 255);\n    height: 700px;\n    width: 90%;\n    color: black;\n}\n\n/*  */\n\nhtml {\n    box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: inherit;\n}\n\na {\n    color: black;\n    text-decoration: none;\n}\n\nimg {\n    max-width: 100%;\n\n}\n\nbody {\n    font-family: Arial, Verdana, sans-serif;\n}\n\n.container {\n    max-width: 600px;\n    margin: 0 auto;\n    padding: 0 15px;\n}\n\n.modal {\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100vh;\n    z-index: 99998;\n    /* background-color: rgba(0, 0, 0, .3); */\n    display: grid;\n    align-items: center;\n    justify-content: center;\n    overflow-y: auto;\n    visibility: hidden;\n    /* opacity: 0; */\n    transition: opacity .4s, visibility .4s;\n}\n\n.modal__box{\n    position: relative;\n   width: 770px;\n    padding: 45px;\n    z-index: 1;\n    /* margin: 30px 15px; */\n    /* background-color: rgb(211, 211, 211); */\n    /* box-shadow: 0px 0px 17px -7px rgba(34, 60, 80, 0.2); */\n    transform: scale(0);\n    transition: transform .8s;\n    height: 745px;\n}\n\n.modal__close-btn {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border: none;\n    background-color: transparent;\n    padding: 5px;\n    cursor: pointer;\n}\n\n.modal__close-btn svg path {\n    transition: fill .4s;\n}\n\n.modal__close-btn:hover svg path {\n    fill: blue;\n}\n\n.modal__close-btn:active svg path {\n    fill: rgb(186, 53, 0);\n}\n\n.modal.open {\n    visibility: visible;\n    opacity: 1;\n}\n\n.modal.open .modal__box{\n    transform: scale(1);\n}\n</style>\n","import { render } from \"./SaveModal.vue?vue&type=template&id=ed316340&scoped=true\"\nimport script from \"./SaveModal.vue?vue&type=script&lang=js\"\nexport * from \"./SaveModal.vue?vue&type=script&lang=js\"\n\nimport \"./SaveModal.vue?vue&type=style&index=0&id=ed316340&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-ed316340\"]])\n\nexport default __exports__","import { render } from \"./constructorUno.vue?vue&type=template&id=69c5f069&scoped=true\"\nimport script from \"./constructorUno.vue?vue&type=script&lang=js\"\nexport * from \"./constructorUno.vue?vue&type=script&lang=js\"\n\nimport \"./constructorUno.vue?vue&type=style&index=0&id=69c5f069&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-69c5f069\"]])\n\nexport default __exports__","<template>\n    <heder/> \n    <!-- <hederd/> -->\n    <div class=\"heder\">\n        <br>\n            <div class=\"up\">\n                <a href=\"#constructor\">\n                <p><img src=\"./ikons/strelkanazad1.png\">  Назад</p>\n                </a>\n                <!-- <p class=\"upp\">\n                  <strong>\n                     Профиль проекта\n                  </strong> \n\n                </p>\n                <div class=\"krug2\">\n                        \n                        <p>4</p> \n                 </div> -->\n                 <div class=\"close\">\n                    <save/>\n                 </div>\n            </div>\n            <div class=\"bottom\">\n                <!-- <div class=\"blockp1\">\n                    <div class=\"p1\">\n                        <strong>\n                            Без названия\n                        </strong>\n                    </div>\n                </div>  -->\n              \n               \n\n            </div>\n        </div> \n        \n    <div class=\"body\">\n        <div class=\"heder\">\n            <div class=\"up\">\n                <input \n                class=\"inp1\"\n                 type=\"text\"\n                  placeholder=\"search\"\n                  v-model=\"valuesearch\"\n                  >\n                  <button class=\"btn bttn \" @click=\"search\">\n                    <img class=\"imgsrc\"  src=\"./ikons/srcbtn.png\">\n                  </button>\n                <div class=\"bbtn\">\n                    <label class=\"checkbox-btn1\">\n            <input type=\"checkbox\"  >\n            <span>Стиль</span>\n            </label>\n            <label class=\"checkbox-btn1\">\n            <input type=\"checkbox\"  >\n            <span>Растения</span>\n            </label>\n            <label class=\"checkbox-btn1\">\n            <input type=\"checkbox\"  >\n            <span>Детали</span>\n            </label>\n            <label class=\"checkbox-btn1\">\n            <input type=\"checkbox\"  >\n            <span>Оттенки</span>\n            </label>\n            <label class=\"checkbox-btn1\">\n            <input type=\"checkbox\"  >\n            <span>Освещенность</span>\n            </label>\n\n                <!-- <button v-on:click=\"openmodal\" id=\"open-modal-btn\" class=\"btn filtbtn\">\n                   <div class=\"filt\">\n                    <strong> Все фильтры </strong>\n                   </div>\n                   \n                    <div class=\"krug\">\n                        \n                           <p>4</p> \n                    </div>\n                </button>\n      \n              <button class=\"bt1\">\n                    Стиль\n                </button>\n                <button class=\"bt1\">\n                    Растения\n                </button>\n                <button class=\"bt1\">\n                    Детали\n                </button >\n                <button class=\"bt1\">\n                    Оттенки\n                </button>\n                <button class=\"bt1\">\n                    Освещенность\n                </button>  -->\n                <a>\n                <img \n                class=\"output\"\n                 src=\"./ikons/output-onlinepngtools.png\">\n               <upload/>\n                </a>\n               \n\n        <!-- <button >Открыть модальное окно</button> -->\n    </div>\n\n   \n              \n            </div>\n            <div class=\"bott\">\n            \n            \n            <div class=\"tegs\">\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Прованс</span>\n            </label>\n        </div>\n        \n         \n            <label>\n                {{response}}\n            </label>\n            \n            </div>\n        </div>\n        <div class=\"content\">\n           \n        \n       \n            <div id=\"columns\">\n  \n                <figure>\n\n<!-- <img class=\"kvadrat\" src=\"./photos/0552645884cfc3ae683ed06958a13fe4.jpeg\"> -->\n  <div class=\"kvadrat\">\n    \n  </div>\n              <div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n          </label>\n\n          <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n          </label>\n\n          <!-- <p>\n             <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n          </p>\n\n          <p>\n             <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n          </p> -->\n\n              </div> \n           <!-- src=\"./photos/1583600444_35-p-vostochnii-stil-v-landshaftnom-dizaine-87.jpg\" -->\n</figure>\n<figure>\n<div class=\"prugol\">\n    <!-- <img class=\"prugol\" > -->\n</div>\n\n     \n              <div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n                    </label>\n\n                   <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n                   </label>\n\n              </div> \n           \n\n</figure>\n<figure>\n<div class=\"drugol\"></div>\n<!-- <img src=\"./photos/1625491701_31-almode_ru-p-sovremennii-landshaftnii-dizain-34.jpg\"> -->\n<div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n                    </label>\n\n                   <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n                   </label>\n\n              </div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1618688100_67-p-stil-kantri-v-landshaftnom-dizaine-70.jpg\"> -->\n    <div class=\"prugol\"></div>\n<div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n                    </label>\n\n                   <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n                   </label>\n\n              </div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/0daeac68c1788181be4c80c30c59098f.jpg\"> -->\n<div class=\"kvadrat\"></div>\n<div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n                    </label>\n\n                   <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n                   </label>\n\n              </div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1583687789_51-p-stili-landshaftnogo-dizaina-89.jpg\"> -->\n<div class=\"kvadrat\">\n\n</div>\n<div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n                    </label>\n\n                   <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n                   </label>\n\n              </div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1581025276_17-p-landshaftnie-dizaini-46.jpg\"> -->\n<div class=\"drugol\"></div>\n<div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n                    </label>\n\n                   <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n                   </label>\n\n              </div>  \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1582214716_10-p-minimalistichnii-landshaftnii-dizain-17.jpg\"> -->\n<div class=\"prugol\"></div>\n<div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n                    </label>\n\n                   <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n                   </label>\n\n              </div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1584364627_26-p-landshaftnii-dizain-v-skandinavskom-stile-90.jpg\"> -->\n<div class=\"drugol\"></div>\n<div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n                    </label>\n\n                   <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n                   </label>\n\n              </div>  \n<!-- <figcaption>Cinderella wearing European fashion of the mid-1860’s</figcaption> -->\n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1584617479_27-p-dizain-uchastkov-s-prudom-84.jpg\"> -->\n<div class=\"kvadrat\"></div>\n<div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n                    </label>\n\n                   <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n                   </label>\n\n              </div> \n<!-- <figcaption>Cinderella wearing European fashion of the mid-1860’s</figcaption> -->\n\n</figure>\n<figure>\n<!-- <img src=\"./photos/0fa57f896fe863b4600cda97910edcce.jpg\"> -->\n<div class=\"kvadrat\"></div>\n<div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n                    </label>\n\n                   <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n                   </label>\n\n              </div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1625491757_37-almode_ru-p-sovremennii-landshaftnii-dizain-40.jpg\"> -->\n<div class=\"prugol\"></div>\n<div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n                    </label>\n\n                   <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n                   </label>\n\n              </div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1627177551_43-p-geometriya-v-landshaftnom-dizaine-45.jpg\"> -->\n<div class=\"prugol\"></div>\n<div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n                    </label>\n\n                   <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n                   </label>\n\n              </div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/103.png\"> -->\n<div class=\"drugol\"></div>\n<div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n                    </label>\n\n                   <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n                   </label>\n\n              </div>  \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1511719296_45-modern.jpg\"> -->\n<div class=\"kvadrat\"></div>\n<div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n                    </label>\n\n                   <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n                   </label>\n\n              </div> \n\n</figure>\n<figure>\n<div class=\"prugol\"></div>\n<!-- <img src=\"./photos/1581025158_41-p-landshaftnie-dizaini-zadnikh-dvorov-80.jpg\"> -->\n<div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n                    </label>\n\n                   <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n                   </label>\n\n              </div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1581025276_17-p-landshaftnie-dizaini-46.jpg\"> -->\n<div class=\"prugol\"></div>\n<div class=\"laik\">\n                  <label class=\"checkbox-btn2\">\n\n                  <input type=\"checkbox\"  >\n                  <span>\n                      <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n                  </span>\n                    </label>\n\n                   <label class=\"checkbox-btn2\">\n\n              <input type=\"checkbox\"  >\n              <span>\n              <img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n              </span>\n\n                   </label>\n\n              </div> \n\n</figure>\n  \n  </div>\n  <div class=\"next\">\n            <a href=\"#shagtri\">\n            <button class=\"btn bn2\">\n              <p class=\"gen1\">\n                Сгенерировать\n              </p>\n              <p class=\"gen2\">\n                до доступа к функции<br> осталось выбрать 5 изображений\n              </p>\n            </button>\n            </a>\n        </div>\n        </div>\n        \n    </div>\n    <!-- </div> -->\n</template>\n\n\n\n<script>\nimport heder from \"./components/hederTree.vue\";\nimport axios from \"axios\";\nimport upload from \"./components/uploadModal.vue\";\nimport save from \"./components/SaveModal.vue\"\n// import filter1 from \"./components/filtrModal.vue\";\n//import hederd from \"./components/hederDuo.vue\";\n\nexport default{\n    components:{\n     // hederd,\n     \n        heder,\n        upload,\n        save,\n        \n    },\n\n    methods :{\n\n        openmodal(){\n             // Открыть модальное окно\n             document.getElementById(\"open-modal-btn\").addEventListener(\"click\", function() {\n                document.getElementById(\"my-modal\").classList.add(\"open\")\n            })\n\n            // Закрыть модальное окно\n            document.getElementById(\"close-my-modal-btn\").addEventListener(\"click\", function() {\n                document.getElementById(\"my-modal\").classList.remove(\"open\")\n            })\n\n            // Закрыть модальное окно при нажатии на Esc\n            window.addEventListener('keydown', (e) => {\n                if (e.key === \"Escape\") {\n                    document.getElementById(\"my-modal\").classList.remove(\"open\")\n                }\n            });\n\n            // Закрыть модальное окно при клике вне его\n            document.querySelector(\"#my-modal .modal__box\").addEventListener('click', event => {\n                event._isClickWithInModal = true;\n            });\n            document.getElementById(\"my-modal\").addEventListener('click', event => {\n                if (event._isClickWithInModal) return;\n                event.currentTarget.classList.remove('open');\n            });\n                        },\n\n        search(){\n            const options = {\n            method: 'GET',\n            url: 'http://185.221.153.253:5700/api/search',\n            headers: {Authorization: 'Bearer 0ded13aa-624b-40cf-bef7-dc7a2bf97c2c'},\n            data: {\n                f_compos_type: this.valuesearch,\n                f_template: this.valuesearch,\n                f_temp_char: this.valuesearch,\n                f_place: this.valuesearch,\n                f_ground_sost: this.valuesearch,\n                f_ground_kisl: this.valuesearch,\n                f_ct_size: this.valuesearch,\n                f_ct_form: this.valuesearch,\n                f_ct_light: this.valuesearch,\n                f_ct_color: this.valuesearch,\n                f_ct_maf: this.valuesearch,\n                f_ct_vl: this.valuesearch,\n                f_ct_res: this.valuesearch,\n                f_ct_aroma: this.valuesearch,\n                f_ct_plants: this.valuesearch\n            }\n            };\n\n            axios.request(options).then(function (response) {\n            console.log(response.data);\n            }).catch(function (error) {\n            console.error(error);\n            });\n        }\n\n        }\n}\n</script>\n\n<style scoped>\n.prugol{\n    width: 300px;\n    height: 400px;\n    background-color: #8d8d8d;\n  }\n  .kvadrat{\n    width: 300px;\n    height: 300px;\n    background-color: #8d8d8d;\n  }\n  .drugol{\n    width: 400px;\n    height: 300px;\n    background-color: #8d8d8d;\n  }\n.close{\n    width: 90%;\n    text-align: right;\n}\n.bottom{\n    margin-top: 2%;\n}\n\n.tegs{\n    margin-left: 2%;\n}\n.laik{\n    color: white;\n/* width: 17%; */\nheight: 36px;\npadding: 5px;\nmargin-top: -50px;\nmargin-left: -5px;/*поправить потом, отступ блока лайк\\дизлайк*/\n/* background: #707070; */\ntext-align: center;\nborder-radius: 10px;\n   z-index: 999;\n   position: absolute;\n   display: flex;\n}\n\n\n.luk{\n    /* width: 26px; */\n}\n.laik img{\n    width: 26px;\n}\n\n\n.content{\n    z-index:4;\n    display: block;\n    margin-left: 2%;\n}\n.gen1{\n    margin-top: 1%;\n    font-family: \"Montserrat-SemiBold\";\n    color: black;\n    font-size: 24px;\n}\n.gen2{\n    margin-top: -3%;\n}\n.next a{\n    text-decoration: none;\n    color: black;\n   opacity: 60%;\n\n}\n.next{\n    /* z-index: 999999999999999999999995; */\n    margin-top: 350%;\n    position: fixed;\n    left: 38%;\n    /* text-align: center; */\n}\n.bn2{\n    width: 400px;\n    height: 110px;\n    background-color: #cecece;\n    border-radius: 60px;\n}\n.img1{\n    /* width: 300px; */\n  \n        /* height: 400pxrelative; */\n    background-color: rgb(255, 255, 255);\n    margin-left: 2%;\n    float: left;\n    /* margin-top: 1%; */\n    padding: 5px;\n    z-index: -444444444444;\n  \n}\n.img{\n    width: 300px;\n    z-index: 1;\n    border-radius: 10px;\n    /* position: relative; */\n}\n.img2{\n   \n    /* width: 300px; */\n    /* height: 250px; */\n    background-color: rgb(255, 255, 255);\n    margin-left: 2%;\n    float: left;\n    /* margin-top: 1%; */\n    padding: 5px;\n    \n}\n.checkbox-btn {\n\tdisplay: inline-block;\n\tmargin-top: 1%;\n    margin-left: 2%;\n\tuser-select: none;\n\tposition: relative;\n    /* border-radius: 25px; */\n\n}\n.checkbox-btn input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: 0;\n\theight: 0;\n    background: #8d8d8d;\n}\n.checkbox-btn span {\n\tdisplay: inline-block;\n\tcursor: pointer;\n\tpadding: 0px 10px;\n    background: #8d8d8d;\n\tline-height: 30px;\n\tborder: 1px solid #999;\n\tborder-radius: 24px;\n\ttransition: background 0.2s ease;\n}\n \n/* Checked */\n.checkbox-btn input[type=checkbox]:checked + span {\n\tbackground: #97c004;\n    color: white;\n}\n/* ================= */\n.checkbox-btn1 {\n\tdisplay: inline-block;\n\tmargin-top: 1%;\n    margin-left: 2%;\n\tuser-select: none;\n\tposition: relative;\n    /* border-radius: 25px; */\n\n}\n.checkbox-btn1 input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: 0;\n   \n\theight: 0;\n    background: #8d8d8d;\n}\n.checkbox-btn1 span {\n\tdisplay: inline-block;\n\tcursor: pointer;\n\tpadding: 0px 15px;\n    background: #ffffff;\n\tline-height: 35px;\n\tborder: 1px solid #747474;\n\tborder-radius: 5px;\n\ttransition: background 0.2s ease;\n}\n \n/* Checked */\n.checkbox-btn2 input[type=checkbox]:checked + span {\n\tbackground: #858585;\n    color: white;\n    opacity: 90%;\n}\n/* ================= */\n/* ================= */\n.checkbox-btn2 {\n\tdisplay: inline-block;\n\t/* margin-top: 1%;\n    margin-left: 0%; */\n\tuser-select: none;\n\tposition: relative;\n    /* border-radius: 25px; */\n\n}\n.checkbox-btn2 input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: 0;\n\theight: 0;\n    background: #8d8d8d;\n}\n.checkbox-btn2 span {\n\tdisplay: flex;\n\t/* width: auto; */\n    justify-content: center;\n    cursor: pointer;\n\tpadding: 0px 15px;\n    background: #8d8d8d;\n\tline-height: 35px;\n\tborder: 1px solid #747474;\n\tborder-radius: 5px;\n\ttransition: background 0.2s ease;\n}\n \n/* Checked */\n.checkbox-btn2 input[type=checkbox]:checked + span {\n\tbackground: #e70303;\n    color: white;\n    opacity: 90%;\n}\n/* ================= */\n.up input{\n    float: left;\n   \n}\n.up{\n    display: flex;align-items: center;\n    margin-top: -0.2%;\n}\n.bbtn{\n    display: flex;\njustify-content: left;\n   width: 100%;\n    /* float: left; */\n    /* margin-left: 30%; */\n}\n.bbtn a{\n    display: flex;\njustify-content: center;\nalign-items: center;\nmargin-left: 2%;\n}\n.output{\n    width: 40px;\n    height: 40px;\n}\n.bt1{\n    background-color: white;\n    margin-left: 2%;\n    border-radius: 5px;\n    /* width: 15%; */\n    height: 35px;\n    padding: 5px ;\n}\n.inp1{\n   \n\n    margin-left: 2%;\n    width:50%;\n   height: 35px;\n    text-align: left;\n}\n@media screen and (max-width: 1880px) {\n    .inp1{\n    margin-left: 2%;\n    width:45%;\n    text-align: left;\n}\n}\n@media screen and (max-width: 1680px) {\n    .inp1{\n    margin-left: 2%;\n    width:30%;\n    text-align: left;\n}\n}\n.bttn{\n    width: 100px;\n}\n.imgsrc{\n    width: 100%;\n    height: 35px;\n}\n.heder{\n    width: 98%;\n    margin-top: 0%;\n}\n.body{\n    height: 120%;\n    margin-top: 0px;\n    font-family: \"Montserrat-Regular\";\n}\n/* Heder */\n\n.heder{\n    margin-left: 2%;\n    margin-top: -2px;\n    font-family: \"Montserrat-Regular\";\n}\n.p1{\n    float: left;\n    margin-left: 0%;\n    font-size: 24px;\n    text-align: center;\n    width: 177px;\n    height: 29px;\n    font-weight: 400;\n    line-height: 29px;\n}\n.blockp2{\n    margin-left: 12%;\n    text-align: center;\n}\n.blockp2 a{\n    text-decoration: none;\n    color: black;\n    text-align: center;\n}\n.p2{\n    float: left;\n    margin-left: 1%;\n    font-size: 16px;\n    margin-top: 0.5%;\n    text-align: center;\n    width: 240px;\n    height: 19px;\n}\n.up a{\n    text-decoration: none;\n    color: black;\n}\n\n/* модальное окно */\n/* ============== */\n/* ============== */\n/* ============== */\n/* ============== */\n/* ============== */\n/* ============== */\n/* ============== */\n\nhtml {\n    box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: inherit;\n}\n\na {\n    color: inherit;\n    text-decoration: none;\n}\n\nimg {\n    max-width: 100%;\n}\n\nbody {\n    font-family: Arial, Verdana, sans-serif;\n}\n\n.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 15px;\n}\n\n.modal {\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100vh;\n    z-index: 99998;\n    background-color: rgba(0, 0, 0, .3);\n    display: grid;\n    align-items: center;\n    justify-content: center;\n    overflow-y: auto;\n    visibility: hidden;\n    opacity: 0;\n    transition: opacity .4s, visibility .4s;\n}\n\n.modal__box1 {\n    position: relative;\n    max-width: 500px;\n    padding: 45px;\n    z-index: 1;\n    margin: 30px 15px;\n    background-color: white;\n    box-shadow: 0px 0px 17px -7px rgba(34, 60, 80, 0.2);\n    transform: scale(0);\n    transition: transform .8s;\n}\n\n.modal__close-btn {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border: none;\n    background-color: transparent;\n    padding: 5px;\n    cursor: pointer;\n}\n\n.modal__close-btn svg path {\n    transition: fill .4s;\n}\n\n.modal__close-btn:hover svg path {\n    fill: blue;\n}\n\n.modal__close-btn:active svg path {\n    fill: rgb(186, 53, 0);\n}\n\n.modal.open {\n    visibility: visible;\n    opacity: 1;\n}\n\n.modal.open .modal__box {\n    transform: scale(1);\n}\n\n/* ================ */\n/* body {\n  background: url(//subtlepatterns.com/patterns/scribble_light.png);\n  font-family: Calluna, Arial, sans-serif;\n  min-height: 1000px;\n} */\n#columns {\n    /* z-index: 2111; */\n  column-width: 320px;\n  column-gap: 15px;\n  width: 100%;\n  max-width: 100%;\n  margin: 50px auto;\n}\n\ndiv#columns figure {\n  background: #fefefe;\n  /* border: 2px solid #fcfcfc; */\n  /* box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4); */\n  margin: 0 2px 15px;\n  padding: 15px;\n  padding-bottom: 10px;\n  transition: opacity .4s ease-in-out;\n  display: inline-block;\n  column-break-inside: avoid;\n}\n\ndiv#columns figure img {\n  /* width: 100%;  */\n  height: auto;\n  /* border-bottom: 1px solid #ccc;\n  padding-bottom: 15px; */\n  margin-bottom: 5px;\n  \n}\n.luk{\n    width: 26px;\n}\n.dizluk{\n    width: 26px;\n    \n}\n.laik img{\n    width: 26px;\n}\ndiv#columns figure figcaption {\n  font-size: .9rem;\n  color: #444;\n  line-height: 1.5;\n}\n\ndiv#columns small { \n  font-size: 1rem;\n  float: right; \n  text-transform: uppercase;\n  color: #aaa;\n} \n\ndiv#columns small a { \n  color: #666; \n  text-decoration: none; \n  transition: .4s color;\n \n}\n\n/* div#columns:hover figure:not(:hover) {\n  opacity: 0.4;\n} */\n\n@media screen and () { \n  #columns { column-gap: 0px; }\n  #columns figure { width: 100%; }\n}\n</style>\n","<template>\n    <div class=\"body\">\n         <div class=\"bbtn\">\n\n              \n                <button v-on:click=\"openmodal\" id=\"open-modal-btn\" class=\"btn brd3\">\n                   загрузить\n                </button>\n                <!--  -->\n             \n                \n\n        <!-- <button >Открыть модальное окно</button> -->\n    </div>\n\n    <div class=\"modal\" id=\"my-modal\">\n        <div class=\"modal__box\">\n            <button class=\"modal__close-btn\" id=\"close-my-modal-btn\">\n                <svg width=\"23\" height=\"25\" viewBox=\"0 0 23 25\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n                    <path d=\"M2.09082 0.03125L22.9999 22.0294L20.909 24.2292L-8.73579e-05 2.23106L2.09082 0.03125Z\"\n                        fill=\"#333333\" />\n                    <path d=\"M0 22.0295L20.9091 0.0314368L23 2.23125L2.09091 24.2294L0 22.0295Z\" fill=\"#333333\" />\n                </svg>\n            </button>\n\n            <div class=\"body2\">\n          \n          <div class=\"content\">\n\n              <div class=\"contentbox\">\n\n                  <div class=\"contentleft\">\n<!--  \n                      <div v-show=\"step===1\" class=\"left\">\n                          <p>\n                              Зарегистрируйтесь чтобы начать работу \n                          </p>\n                          <label\n                           class=\"label0\"\n                            for=\"\"\n                           \n                            >\n                              Ваш E-mail\n\n                          </label>\n                          \n                          <br>\n                          <input \n\n                           v-model = \"email\"  \n                           \n                           type=\"text\">\n                           <br>\n                           <label\n                           class=\"label0\"\n                            for=\"\"\n                           \n                            >\n                              Ваш пароль\n\n                          </label>\n                          \n                          <br>\n                          <input \n\n                           v-model = \"pwd\"  \n                           \n                           type=\"text\">\n                           <br>\n                         >\n                          <button @click=\"auth1\" class=\"btn button1\">\n                              Войти\n                          </button>\n                        \n                          <div class=\"pbox\">\n                                  <div class=\"poloska1\"></div>\n                              <label class=\"label1\">\n                                  или\n                              </label>\n                                                          \n                                  <div class=\"poloska2\"></div>\n                          </div>\n                           <button @click=\"auth1\" class=\"btn button1\">\n                              Зарегестрироваться\n                          </button>   \n                       \n\n\n                     \n                          <label class=\"label3\">\n                              Нажимая кнопку “Зарегистрироваться” Вы соглашаететсь с политикой конфиденциальности\n                          </label>\n                    \n                        </div>\n                     -->\n                        <!-- <div v-show=\"step===2\"  class=\"left\">\n                            <tips/>\n                        </div> -->\n\n                  </div>\n                 \n                \n\n              </div>\n\n          </div>\n  </div>\n        </div>\n\n\n                <!--  -->\n               \n               \n             </div>\n    </div>\n</template>\n\n<script>\nimport axios from \"axios\"\n// import api from  \"../../../JS/api.js\"  \n//import tips from \"./tipPolzov.vue\"\nexport default{\n    components:{\n      //  heder\n   //   tips\n        },\n    data(){\n            return{\n                step:1,\n                id:null\n            }\n        },\n        methods :{\n\n            nextStep(){\n                this.step++\n            },\n\n            openmodal(){\n                        // Открыть модальное окно\n           if ( document.getElementById(\"open-modal-btn\") != null){\n                document.getElementById(\"my-modal\").classList.add(\"open\")\n            }\n\n            // Закрыть модальное окно\n            document.getElementById(\"close-my-modal-btn\").addEventListener(\"click\", function() {\n                document.getElementById(\"my-modal\").classList.remove(\"open\")\n            })\n\n            // Закрыть модальное окно при нажатии на Esc\n            window.addEventListener('keydown', (e) => {\n                if (e.key === \"Escape\") {\n                    document.getElementById(\"my-modal\").classList.remove(\"open\")\n                }\n            });\n\n            // Закрыть модальное окно при клике вне его\n            document.querySelector(\"#my-modal .modal__box\").addEventListener('click', event => {\n                event._isClickWithInModal = true;\n            });\n            document.getElementById(\"my-modal\").addEventListener('click', event => {\n                if (event._isClickWithInModal) return;\n                event.currentTarget.classList.remove('open');\n            });\n            },\n\n            auth1(){\n                \n       \n\n              let email= \"email=\"+this.email \n                  let pwd= \"pwd=\"+this.pwd\n                const options = {\n                method: 'POST',\n                // url: 'http://185.221.153.253:8000/api/aigarden/auth/simple/email?'+email&pwd,\n               \n                url: 'http://185.221.153.253:8000/api/aigarden/auth/simple/email',\n                params: {email:email, pwd: pwd}\n\n          \n                };\n                console.log(\"url\");\n                console.log(options.url);\n                console.log(options[\"url\"]);\n                axios.request(options).then(function (response) {\n                    localStorage.setItem('access_token', response.data.jwt)\n                    console.log(\"response\");\n                    console.log(response);\n                    console.log(response.json);\n                    console.log(response.data.code);\n                    \n                // console.log(response.data);\n\n                }).catch(function (error) {\n                console.error(error);\n                });\n                 this.step++\n            },\n\n            auth2(){\n                this.step++\n                const options2 = {\n                method: 'POST',\n                url: 'http://185.221.153.253:5700/api/user/pinactivate',\n                // headers: {Authorization: 'Bearer 0f1bc8ef-c67e-462a-8b70-03a8b6a70aa0'},\n                data: {\n                    pin: this.pin,\n                    token: localStorage.getItem('access_token')}\n                };\n\n                axios.request(options2).then(function (response) {\n                console.log(response.data);\n                // localStorage.setItem('access_token', response.data.access_token)\n                }).catch(function (error) {\n                console.error(error);\n                });\n            },\n\n            getuser(){\n             const options3 = {\n            method: 'GET',\n            url: 'http://185.221.153.253:5700/api/user/current',\n            // headers: {Authorization: 'Bearer cc77d1e8-9999-4f06-b51f-187556dd55d7'},\n            \n            };\n\n            axios.request(options3).then(function (response) {\n            console.log(response.data);\n            localStorage.setItem('username', response.data.username)\n        //   console.log(\"qwe\");\n          let name = response\n          console.log(name.email);\n            }).catch(function (error) {\n            console.error(error);\n            });\n            }\n\n\n                    }\n}\n</script>\n\n<style scoped>\n.bbtn{\n    /* font-size: 24px; */\n    font-family: \"Montserrat-Regular\";\n    margin-top: 10%;\n    height: 30px;\n    display: flex;\n}\n\n.brd3{\n    font-size: 18px;\n    height: 40px;\n}\n.button4{\n    width: 80%;\n    height: 50px;\n    /* background-color: #D9D9D9; */\n    margin-top: 7%;\n    background-color: #97c004;\n}\n.img2{\n    margin-top: 7%;\n    width: 40%;\n    /* margin-left: 8%; */\n    text-align: center;\n}\n.right{\n    width: 85%;\n    margin-left: 5%;\n    text-align: center;\n    /* margin-top: 20%; */\n}\n\n.contentright p{\n    margin-top: 20%;\n    font-size: 30px;\n    color: white;\n    text-align: center;\n}\n.label3{\n    margin-top: 4%;\n    width: 80%;\n    font-size: 12px;\n}\n.img1{\n    width: 140%;\n    margin-left: -18%;\n}\n\n.buttonR{\n    border-radius: 40%;\n    background-color: white;\n    width: 40px;\n    margin-left: 2%;\n    margin-top: 4%;\n}\n.rotand{\n    border: 1px solid #000000;\n    width: 20%;\n    margin-left: 2%;\n    margin-top: 2%;\n    border-radius: 50px;\n    rotate: 50%;\n}\n.label2{\n    margin-top: 4%;\n    margin-left: 5%;\n    font-size: 20px;\n}\n.pbox{\n    display: flex;\n    width: 80%;\n    margin-left: 10%;\n    margin-top: 4%;\n}\n.label1{\n    margin-left: 5%;\n    font-size: 20px;\n}\n\n.poloska1{\n    border: 1px solid #000000;\n    width: 40%;\n    margin-top: 4%;\n    height: 1px;\n    \n}\n.poloska2{\n    border: 1px solid #000000;\n    width: 40%;\n    margin-top: 4%;\n    height: 1px;\n    margin-left: 5%;\n}\n.left{\n    width: 85%;\n    margin-left: 7.5%;\n}\n.contentleft{\n    width: 90%;\n    height: 100%;\n    background-color: white;\n    float: left;\n    \n}\n.contentleft p{\n    margin-top: 20%;\n    font-size: 30px;\n}\n.label0{\n    margin-top: 4%;\n    font-size: 12px;\n}\n.contentleft input{\n    margin-top: 2%;\n    width: 80%;\n    height: 50px;\n}\n.button1{\n    margin-top: 4%;\n    width: 80%;\n    height: 50px;\n    background-color: #97c004;\n}\n.contentright{\n    width: 50%;\n    height: 100%;\n    float: left;\n    background-color: #404040;\n} \n.contentbox{\n    width: 90%;\n    margin-left: 0%;\n    margin-top: 0%;\n    height: 700px;\n    /* border: 1px;\n    border-color: black; */\n    position: fixed;\n    /* border: 1px solid #000000; */\n    text-align: center;\n}\n.body2{\n    font-family: \"Montserrat-Regular\";\n    background-color: rgb(255, 255, 255);\n    height: 700px;\n    width: 90%;\n    color: black;\n}\n\n/*  */\n\nhtml {\n    box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: inherit;\n}\n\na {\n    color: black;\n    text-decoration: none;\n}\n\nimg {\n    max-width: 100%;\n\n}\n\nbody {\n    font-family: Arial, Verdana, sans-serif;\n}\n\n.container {\n    max-width: 600px;\n    margin: 0 auto;\n    padding: 0 15px;\n}\n\n.modal {\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100vh;\n    z-index: 99998;\n    /* background-color: rgba(0, 0, 0, .3); */\n    display: grid;\n    align-items: center;\n    justify-content: center;\n    overflow-y: auto;\n    visibility: hidden;\n    /* opacity: 0; */\n    transition: opacity .4s, visibility .4s;\n}\n\n.modal__box {\n    position: relative;\n   width: 750px;\n    padding: 45px;\n    z-index: 1;\n    /* margin: 30px 15px; */\n    /* background-color: rgb(211, 211, 211); */\n    /* box-shadow: 0px 0px 17px -7px rgba(34, 60, 80, 0.2); */\n    transform: scale(0);\n    transition: transform .8s;\n    height: 745px;\n}\n\n.modal__close-btn {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border: none;\n    background-color: transparent;\n    padding: 5px;\n    cursor: pointer;\n}\n\n.modal__close-btn svg path {\n    transition: fill .4s;\n}\n\n.modal__close-btn:hover svg path {\n    fill: blue;\n}\n\n.modal__close-btn:active svg path {\n    fill: rgb(186, 53, 0);\n}\n\n.modal.open {\n    visibility: visible;\n    opacity: 1;\n}\n\n.modal.open .modal__box {\n    transform: scale(1);\n}\n</style>\n","import { render } from \"./uploadModal.vue?vue&type=template&id=6270cc58&scoped=true\"\nimport script from \"./uploadModal.vue?vue&type=script&lang=js\"\nexport * from \"./uploadModal.vue?vue&type=script&lang=js\"\n\nimport \"./uploadModal.vue?vue&type=style&index=0&id=6270cc58&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6270cc58\"]])\n\nexport default __exports__","import { render } from \"./shagDva.vue?vue&type=template&id=511acb9e&scoped=true\"\nimport script from \"./shagDva.vue?vue&type=script&lang=js\"\nexport * from \"./shagDva.vue?vue&type=script&lang=js\"\n\nimport \"./shagDva.vue?vue&type=style&index=0&id=511acb9e&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-511acb9e\"]])\n\nexport default __exports__","<template>\n    <heder/>\n    <!-- <hederd/> -->\n    <div class=\"heder\">\n            <div class=\"up\">\n                <a href=\"#shagdva\">\n                <p><img src=\"./ikons/strelkanazad1.png\">  Назад </p>\n                </a>\n                <div class=\"p1\">\n                        <!-- <input  v-model=\"pr_descr\"  type=\"tel\" placeholder=\"Без названия\" > -->\n                        <strong>\n                              Без названия\n                        </strong>\n                          \n                       \n                        <button\n                        @click=\"pr_rename\"\n                         class=\"btn rename\">\n                            <img class=\"imgren\" src=\"./components/ik/rename.png\">\n                        </button>\n                         \n                    </div>\n                    <div class=\"close\">\n                        <save/>\n                     </div>\n                <!-- <p class=\"upp\">\n                  <strong>\n                     Профиль проекта\n                  </strong> \n\n                </p>\n                <div class=\"krug2\">\n                        \n                        <p>4</p> \n                 </div> -->\n            </div>\n            <div class=\"bottom\">\n                <!-- <div class=\"blockp1\">\n                    <div class=\"p1\">\n                        <strong>\n                            Без названия\n                        </strong>\n                    </div>\n                </div>  -->\n              \n               \n            </div>\n            </div>\n    <div class=\"body\"><br><br>\n        <!-- <div class=\"heder2\">\n            <div class=\"bott\">\n                <div class=\"tegs\">\n                    <button class=\"btn tegbtb\">\n                        Все теги <strong>254 </strong>\n                    </button>\n                </div>\n                <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label> \n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Прованс</span>\n            </label>\n                                   \n            \n            </div>\n        </div><br> -->\n        <div class=\"content\">\n            <div class=\"left\">\n                <div class=\"imgcont\">\n                   \n                    <img class=\"img4\" src=\"./photos/1633908674_126-p-zagorodnie-doma-i-kottedzhi-foto-132.jpg\">\n                    \n                    <label class=\"box-btn1\">\n                    <input type=\"checkbox\" >\n                  \n                        <span>\n                           <!--    <img class=\"luk\" src=\"./ikons/ser3.png\" > -->\n                             Сохранить эскиз\n                             </span> \n                    </label>\n                    <!-- <label class=\"box-btn\">\n                    <input type=\"checkbox\" >\n                    <span><img class=\"luk\" src=\"./ikons/ser3.png\" > Сохранить как новый проект</span> \n                    </label> -->\n                   \n                    \n                        \n\n                </div>\n\n                <!-- <div class=\"butpan\">\n                    <button class=\"btn bt3\">\n                       Обновить\n                    </button>\n                    <button class=\"btn bt310\">\n                        <img class=\"imgbt31\" src=\"./ikons/strnzd.png\">\n                    </button>\n                    <button class=\"btn bt31\">\n                       <img src=\"./ikons/strprd.png\">\n                    </button>\n                    <a href=\"#shagfoor\" >\n                      <button class=\"btn bt23\">\n                       Далее\n                    </button>\n                    </a>\n                </div> -->\n            </div>\n            <div class=\"right\">\n                <p>\n                    <strong>\n                        Растения\n                    </strong>\n                </p>\n                <div class=\"chex\">\n                     <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Прованс</span>\n            </label><br><br>\n            \n            <!--  -->\n            <div class=\"bot-box\">\n               <input type=\"searh\" class=\"search\" placeholder=\"Найти растение\">\n               <button class=\"btn\">\n                    <img src=\"./ikons/srcbtn.png\">\n                \n               </button>\n           <a class=\"plants\">\n            <strong>\n                <u>\n                       Посмотреть все растения\n                </u>\n              \n            </strong>\n           \n           </a>  \n            </div>\n           \n            \n                </div><br>\n               \n\n            <p>\n                    <strong>\n                        Оттенки\n                    </strong>\n                </p>\n                <div class=\"chex\">\n                    <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Прованс</span>\n            </label>\n                </div>\n                <br><br>\n                <p>\n                    <strong>\n                        Стили\n                    </strong>\n                </p>\n                <div class=\"chex\">\n                    <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Прованс</span>\n            </label>\n                </div>\n                <div class=\"butpan\">\n                    <button class=\"btn bt3\">\n                       Обновить\n                    </button>\n                    <button class=\"btn bt310\">\n                        <img class=\"imgbt31\" src=\"./ikons/strnzd.png\">\n                    </button>\n                    <button class=\"btn bt31\">\n                       <img src=\"./ikons/strprd.png\">\n                    </button>\n                    <a href=\"#shagfoor\" >\n                      <button class=\"btn bt23\">\n                       Далее\n                    </button>\n                    </a>\n                </div>\n            </div>\n        </div>\n    </div>\n</template>\n\n<script>\nimport heder from \"./components/hederTree.vue\";\n//import hederd from \"./components/hederDuo.vue\";\nimport save from \"./components/SaveModal.vue\"\nexport default{\n    components:{\n        //hederd,\n        heder,\n        save,\n    }\n\n}\n</script>\n\n\n<style scoped>\n.close{\n    width: 90%;\n    text-align: right;\n}\n.bot-box{\n\n}\n\n.search{\n    margin-left: 2%;\n    width: 300px;\n}\n\n.plants{\n    text-decoration: none;\n    color:#000000;\n    margin-left: 200px;\n    \n}\n.p1{\n    float: left;\n    margin-left: 0%;\n    font-size: 24px;\n    text-align: center;\n    width: 177px;\n    height: 29px;\n    font-weight: 400;\n    line-height: 29px;\n    display: flex;\n}\n.tegs{\n    margin-left: 2%;\n    float: left;\n}\n.tegbtb{\n    padding: 15px;\n    margin-top: -10px;\n    border: 1px solid #000000;\n    border-radius: 10px;\n}\n.upp{\n    margin-left: 84%;\n    margin-top: -1.4%;\n    float: left;\n}\n.krug2{\n    margin-top: -1.4%;\n  \n    margin-left: 1%;\n    text-align: center;\n    width: 30px;\n    height: 30px;\n    background-color: #707070;\n    border-radius: 15px;\n    float: left;\n}\n.krug2 p{\n    margin-top: 10%;\n    color: white;\n}\n.bt3{\n    background-color: #D9D9D9;\n    /* margin-left: 0%; */\n    width: 300px;\n    height: 54px;\n    text-align: center;\n\n}\n.bt23{\n  \n    background-color: #D9D9D9;\n    /* margin-left: 0%; */\n    width: 300px;\n    /* padding: 15px; */\n    height: 54px;\n    text-align: center;\n\n}\n.imgbt31{\n    margin-left: -10%;\n}\n.bt31{\n    display: flex;\n    background-color: #D9D9D9;\n    /* margin-left: 3%; */\n    width: 52px;\nheight: 52px;\nmargin: 0;\n/* text-align: center; */\n}\n\n.bt310{\n    background-color: #D9D9D9;\n    /* margin-left: 7%; */\n    width: 52px;\nheight: 52px;\nmargin: 0;\n/* text-align: center; */\n}\n\n@media screen and (max-width: 1800px) {\n    .bt23{\n  \n  background-color: #D9D9D9;\n  /* margin-left: 0%; */\n  width: 150px;\n  /* padding: 15px; */\n  height: 54px;\n  text-align: center;\n\n}\n.bt3{\n    background-color: #D9D9D9;\n    /* margin-left: 0%; */\n    width: 150px;\n    height: 54px;\n    text-align: center;\n\n}\n\n\n}\n@media screen and (max-width: 1800px) {\n\n\n\n}\n.butpan{\n    display: flex;\n    justify-content: center;\n    margin-top: 4%;\n    /* position: relative; */\n    /* margin-top: 64%; */\n}\n.butpan button{\n    /* padding: 0px 15px 0 15px; */\n    margin-left: 1%;\n}\n.butpan a{\n    text-decoration: none;\n    color: black;\n}\n.imgbox{\n width: 100%;\n}\n.img3{\n    width: 40%;\n}\n.img4{\n    width: 98%;\n    position: absolute;\n}\n.content{\n    margin-left: 2%;\n    margin-top: 1%;\n    display: flex;\n    justify-content: center;\n    \n}\n.left{\n    /* float: left; */\n    width: 60%;\n}\n.imgcont{\n    width: 100%;\n    position: relative;\n}\n.right{\n    /* float: left; */\n    width: 40%;\n    font-size: 18px;\n}\n.right p{\n    font-size: 24px;\n}\n.imgtr{\n   \n}\n.checkbox-btn {\n\tdisplay: inline-block;\n\tmargin-top: 1%;\n    margin-left: 2%;\n\tuser-select: none;\n\tposition: relative;\n    /* border-radius: 25px; */\n\n}\n.checkbox-btn input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: 0;\n\theight: 0;\n    \n}\n.box-btn input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: 0;\n\theight: 0;\n    \n}\n.box-btn1 input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: 0;\n\theight: 0;\n    margin-left: 2%;\n    \n}\n\n.checkbox-btn span {\n\tdisplay: inline-block;\n\tcursor: pointer;\n\tpadding: 0px 10px;\n\tline-height: 30px;\n\tborder: 1px solid #999;\n\tborder-radius: 24px;\n\ttransition: background 0.2s ease;\n}\n.luk{\n    width: 26px;\n}\n.box-btn{\n\n    /* position: relative; */\n    color: white;\nwidth: 126px;\nheight: 36px;\npadding: 5px;\nmargin-top: 0px;\nmargin-left: 0px;\n/* background: #707070; */\nborder-radius: 10px;\n   z-index: 999;\n   position: absolute;\n}\n.box-btn1{\n     position: absolute;\n     color: white;\n    width: 126px;\n    height: 56px;\n    padding: 5px;\n    margin-top: 2%;\n    left: 70%;\n    /* background: #707070; */\n    border-radius: 10px;\n    z-index: 999;\n    position: relative;\n    opacity: 50%;\n    transition:  0.5s ease;\n}\n.box-btn1:hover{\n    opacity: 100%;\n    transition:  0.5s ease;\n}\n.box-btn span {\n\tdisplay: inline-block;\n    width: 400px;\n\tcursor: pointer;\n    background: #707070;\n\tpadding: 0px 10px;\n\tline-height: 30px;\n\tborder: 1px solid #999;\n\tborder-radius: 24px;\n\ttransition: background 0.2s ease;\n}\n.box-btn1 span {\n    /* position: relative; */\n\tdisplay: inline-block;\n    text-align: center;\n    width: 200px;\n\tcursor: pointer;\n\tpadding: 0px 10px;\n    background: #707070;\n\tline-height: 50px;\n\tborder: 1px solid #999;\n\tborder-radius: 24px;\n\ttransition: background 0.2s ease;\n}\n\n \n/* Checked */\n.checkbox-btn input[type=checkbox]:checked + span {\n\tbackground: #8d8d8d;\n    color: white;\n}\n.box-btn input[type=checkbox]:checked + span {\n\tbackground: #eb0000;\n    color: white;\n}\n.box-btn1 input[type=checkbox]:checked + span {\n\tbackground: #eb0000;\n    color: white;\n}\n.heder2{\n    width: 100%;\n}\n\n.body{\n    /* margin-top: 100px; */\n    font-family: \"Montserrat-Regular\";\n    \n}\n\n/* heder */\n.heder{\n    margin-left: 2%;\n    margin-top: 0.5%;\n    font-family: \"Montserrat-Regular\";\n}\n.p1{\n    float: left;\n    margin-left: 0%;\n    font-size: 24px;\n    text-align: center;\n    width: 297px;\n    height: 29px;\n    font-weight: 400;\n    line-height: 29px;\n}\n.blockp2{\n    margin-left: 22%;\n}\n.blockp2 a{\n    text-decoration: none;\n    color: black;\n}\n.p2{\n    float: left;\n    margin-left: 1%;\n    font-size: 16px;\n    margin-top: 0.5%;\n    text-align: center;\n    width: 240px;\n    height: 19px;\n}\n.up a{\n    text-decoration: none;\n    color: black;\n}\n.body{\n    /* margin-top: 100px; */\n    font-family: \"Montserrat-Regular\";\n}\n</style>\n","import { render } from \"./shagTri.vue?vue&type=template&id=006067e3&scoped=true\"\nimport script from \"./shagTri.vue?vue&type=script&lang=js\"\nexport * from \"./shagTri.vue?vue&type=script&lang=js\"\n\nimport \"./shagTri.vue?vue&type=style&index=0&id=006067e3&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-006067e3\"]])\n\nexport default __exports__","<template>\n    <heder/>\n      \n    <div class=\"body\">\n      \n        <div class=\"heder\"> \n            <div class=\"up\">\n                <a href=\"#alias\">\n                <p><img src=\"./ikons/strelkanazad1.png\">  Назад</p>\n                </a>\n                <div class=\"close\">\n                    <save/>\n                 </div>\n\n            </div>\n           <div class=\"bottom\">\n                <div class=\"blockp1\">\n                    <div class=\"p1\">\n                        <strong>\n                            Без названия\n                        </strong>\n                        <button\n                        @click=\"pr_rename\"\n                         class=\"btn rename\">\n                            <img class=\"imgren\" src=\"./components/ik/rename.png\">\n                        </button>\n                    </div>\n                </div> \n                <!-- <div class=\"blockp2\">          \n                    <div class=\"p2\">\n                        Результат генерации\n                    </div>\n                    <div class=\"p2\">\n                        Основные данные\n                    </div>\n                    <div class=\"p2\">\n                        Визуальные предпочтения\n                    </div>\n                    <div class=\"p2\">\n                        Облако тегов\n                    </div>\n                </div>   -->\n               \n\n            </div> \n\n        </div>\n        <div class=\"bblock\">\n\n        <div class=\"left\">\n            <div class=\"lcont\">\n            <div class=\"imgblock\">\n                                    <img class=\"img4\" src=\"./photos/1633908674_126-p-zagorodnie-doma-i-kottedzhi-foto-132.jpg\">\n                                    <button class=\"btn downloat\">\n                       <img class=\"dwnltbtn\" src=\"./ikons/output-onlinepngtools.png\">\n                        Скачать или поделиться\n                    </button><br>\n                    <button class=\"btn togalery\">\n                         Опубликовать в галерею   \n                    </button>\n                    \n            </div>\n            <!-- <div class=\"imglist\">\n                <div class=\"img\">\n                    qaeg\n                </div>\n\n                <div class=\"img\">\n                    qaeg\n                </div>\n\n                <div class=\"img\">\n                    qaeg\n                </div>\n                <div class=\"img\">\n                    qaeg\n                </div>\n            </div> -->\n            </div><br>\n            <!-- <div class=\"footer\">\n                <div class=\"lfoot\">\n                    <p>\n                        Попробуйте необыковенную функцию!\n                    </p>\n                </div>\n                <div class=\"rfoot\">\n                    <p>\n                         3D - осмотр\n                    </p>\n                   \n                </div>\n            </div> -->\n        </div>\n        <div class=\"right\">\n\n            <div class=\"rhead\">\n\n                <button class=\"btn dwnld\">\n                    Скачать в JPEG\n                </button>\n\n                <button class=\"btn rpst\">\n                    Поделиться\n                </button>\n\n            </div><br>\n\n            <div class=\"rbody\">\n                <div class=\"rbcont\">\n                    <div class=\"str1\">\n                        <div class=\"img\">\n                            img1\n                        </div>\n\n                        <div class=\"img\">\n                            img2\n                        </div> \n                    </div>\n                    <div class=\"str2\">\n                        <div class=\"img\">\n                            img3\n                        </div>\n                        <div class=\"img\">\n                            img4\n                        </div>\n                     </div>\n                </div>\n                                \n                \n                \n                <!-- <div class=\"bhead\">\n                    <p>\n                        Доступно на аккаунте PRO\n                    </p>\n                </div>\n                <div class=\"bcont\">\n                    <label>\n                        Приобретите проффесиональный аккаунт и получите доступ к подробной документации проекта. \n                    </label>\n                    <button class=\"pro\">\n                        PRO Открыть документацию\n                    </button>\n                </div> -->\n            </div>\n\n            <div class=\"bfooter\">\n                <div class=\"fk1\">\n                    <!-- <a  class=\" save1\" href=\"#plantpod\"> -->\n\n                  \n                    <button class=\"btn save1\">\n                        Подобрать растения\n                    </button>\n                      <!-- </a> -->\n                    <div class=\"quesr\">\n                        <p>?</p>\n                    </div>\n                </div>\n                <br>\n                 <div class=\"fk1\">\n                    <button class=\"btn save\">\n                        Сохранить как авторский шаблон\n                    </button>\n                    <div class=\"quesr\">\n                      <p>?</p>\n                    </div>\n                    </div>\n            </div>\n\n        </div>\n        </div>\n    </div>\n</template>\n\n<script>\n import api from  \"../../JS/apiint.js\"  \n import heder from \"./components/hederTree.vue\";\n// import hederd from \"./components/hederDuo.vue\";\nimport save from \"./components/SaveModal.vue\"\n\nexport default{\n    components:{\n        // hederd,\n        heder,\n        save\n    },\n    name: \"proJect\",\n        data(){\n       return{\n           \n            project1: null,\n           \n        }\n    },\n\n        mounted(){\n           \n            console.log(this,'1') \n  console.log(this)\n    this.projects(this)  //использовать для прорисовки по умолчанию\n},\n        methods:{\n        // api.request(options2).then(function (response)\n\n            projects(this2){\n                let result = this.$route.query.project\n                console.log('Hello world','3');\n                const options = {\n                    method: 'GET',\n                    url: 'http://185.221.153.253:5700/api/project/' + result,\n                                   \n                    };\n                  \n                    api.request(options).then(function (response) {\n                    localStorage.setItem('id', response.data.id)      \n                            \n                    this2.project1 = response.data\n                    console.log(this2.project1);\n                    let qwerty = response.data\n                    console.log(\"========\");\n                    console.log(qwerty);\n                    }).catch(function (error) {\n                    console.error(error);\n                 \n                    })\n                \n            },\n\n            pr_rename(){\n                let result = this.$route.query.project\n                console.log('Hello world','3');\n                const options2 = {\n                method: 'POST',\n                url: 'http://185.221.153.253:5700/api/project/' + result,\n                headers: {\n                    'Content-Type': 'application/json',\n                },\n                data: {\n                    pr_descr: 'новый проект', \n                    }\n                };\n\n                api.request(options2).then(function (response) {\n                console.log(response.data);\n                }).catch(function (error) {\n                console.error(error);\n                });\n            }\n            \n        }\n\n}\n</script>\n\n<style scoped>\n\n\n.close{\n    width: 90%;\n    text-align: right;\n}\n.imgblock button{\n    position: relative;\n    margin-left: 60%;\n     margin-top: 1%;\n    background: #D9D9D9;\n}\n.dwnltbtn{\n    width: 30px;\n}\n.downloat{\n    min-width:350px ;\n    min-height: 40px;    \n    border-radius: 10px;\n  \n}\n\n.downloat:hover{\n    background: #D9D9D9;\n}\n.togalery{\n    min-width:350px ;\n    min-height: 40px; \n    border-radius: 10px;\n}\n.rhead{\n    width: 100%;\n    margin-top: 0%;\n}\n.dwnld{\n    width: 47%;\n    background-color: #D9D9D9;\n    height: 56px;\n    border-radius: 5px;\n    float: left;\n    margin-left: 0%;\n}\n@media screen and (max-width: 1880px) {\n \n\n}\n\n\n@media screen and (max-width: 1480px) {\n    .imgblock button{\n        margin-left: 50%;\n    }\n\n    \n\n\n\n}\n@media screen and (max-width: 1280px) {\n    .imgblock button{\n        margin-left: 35%;\n    }\n   \n   \n\n\n}\n@media screen and (max-width: 1100px) {\n    .imgblock{\n    width: 100%;\n    height: 100%;\n}\n    .imgblock button{\n        margin-left: 35%;\n    }\n   \n\n.imgblock button{\n        margin-left: 25%;\n    }\n\n}\n.rpst{\n    width: 47%;\n    background-color: #D9D9D9;\n    height: 56px;\n    border-radius: 5px;\n    float: left;\n    margin-left: 6%;\n}\n\n.rbody{\n    margin-top: 10%;\n    height: 385px;\n    background: #D9D9D9;\n    border-radius: 10px;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n}\n\n\n.rbcont{\n    /* display: flex; */\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    height: 100%;\n}\n\n.str1{\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    \n}\n.str2{\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n}\n.img{\n    background-color: rgb(110, 110, 110);\n    width: 49.5%;\n    height: 150px;\n    margin-top: 5%;\n    margin-left: 2%;\n    margin-right: 2%;\n}\n.rbox{\n\n}\n.bhead{\n    width: 100%;\n    margin-left: 2%;\n\n}\n\n.bhead p{\n    width: 60%;\n    font-size: 30px;\n}\n\n.bcont{\n    margin-top: 15%;\n   \n}\n\n.bcont label{\n    text-align: left;\n    font-size: 16px;\n    width: 80%;\n     margin-left: 2%;\n\n}\n.pro{\n    width: 95%;\n    margin-top: 4%;\n    margin-left: 2%;\n    height: 54px;\n    justify-content: center;\n    background-color: #949494;\n}\n\n.bfooter{\n    margin-top: 2%;\n    /* margin-left:35%; */\n   \n}\n.fk1{\n    display: flex;\n}\n.save{\n    margin-left: 20%;\n    width: 70%;\n    height: 54px;\n    background-color: #D9D9D9;\n    border-radius: 10px;\n}\n.save1{\n    margin-left: 20%;\n    width: 70%;\n    height: 54px;\n    background-color: #f54b4b;\n    border-radius: 10px;\n}\n.quesr{\n    margin-left: 10%;\n  text-align: center;\n    margin-top: 1%;\n    background-color: #949494;\n    width: 35px;\n    height: 35px;\n    border-radius: 30px;\n}\n.quesr p{\n    margin-top: 20%;\n}\n.imgblock{\n    margin-top: 1%;\n    margin-left: -4%;\n    width: 100%;\n    height: 570px;\n    /* background-color: rgb(163, 163, 163); */\n    /* float: left; */\n}\n.img4{\n    width: 60%;\n    position: absolute;\n}\n.lcont{\n    margin-top: 2%;\n    display: flex;\n    /* background-color: #949494; */\n}\n\n\n.bblock{\n    margin-top: 4%;\n    display: flex;\n    justify-content: center;\n}\n.left{\n    width: 60%;\n    /* float: left; */\n    /* display: flex; */\n}\n.right{\n    width: 30%;\n\n   \n    /* float: left; */\n    /* margin-left: 2%; */\n    margin-top: 2%;\n}\n.heder{\n    margin-left: 2%;\n}\n.p1{\n    float: left;\n    margin-left: 0%;\n    font-size: 24px;\n    text-align: center;\n    width: 261px;\n    height: 29px;\n    font-weight: 400;\n    line-height: 29px;\n}\n.blockp2{\n    margin-left: 22%;\n}\n.p2{\n    float: left;\n    margin-left: 1%;\n    font-size: 16px;\n    margin-top: 0.5%;\n    text-align: center;\n    width: 240px;\n    height: 19px;\n}\n.up a{\n    text-decoration: none;\n    color: black;\n}\n.body{\n    margin-top: 0px;\n    font-family: \"Montserrat-Regular\";\n}\n\n</style>\n","import { render } from \"./shagFoor.vue?vue&type=template&id=d04afb16&scoped=true\"\nimport script from \"./shagFoor.vue?vue&type=script&lang=js\"\nexport * from \"./shagFoor.vue?vue&type=script&lang=js\"\n\nimport \"./shagFoor.vue?vue&type=style&index=0&id=d04afb16&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-d04afb16\"]])\n\nexport default __exports__","<template>\n    <div class=\"header\">\n         <heder/> \n         \n    </div>\n    \n    <hederd/>\n     <div class=\"heder\">\n         <hederD/>\n          <!--   <div class=\"up\">\n                <a href=\"#alias\">\n                <p><img src=\"./ikons/strelkanazad1.png\">   назад к списку проектов</p>\n                </a>\n                <p class=\"upp\">\n                  <strong>\n                     Профиль проекта\n                  </strong> \n\n                </p>\n                <div class=\"krug2\">\n                        \n                        <p>4</p> \n                 </div>\n            </div>\n            <div class=\"bottom\">\n                <div class=\"blockp1\">\n                    <div class=\"p1\"\n                  \n                    >\n                        <strong>\n                          Без названия\n                        </strong>\n                    </div>\n                </div> \n              \n               \n\n            </div> -->\n        </div>       <br><br><br>\n       \n    <div class=\"body\">\n     \n<div class=\"content\">\n        <div class=\"leftmenu\">\n            <!-- Button trigger modal -->\n            <p class=\"ppp\">Где находится Ваш участок?</p>\n            <div class=\"karta\">\n                <input class=\"inp\" type=\"text\">\n            <div class=\"modal1\">\n                <button type=\"button\" class=\"btn kartbtn \" data-bs-toggle=\"modal\" data-bs-target=\"#exampleModal\">\n                    <img class=\"kartimg\" src=\"./ikons/map.png\">\n                </button>\n            </div>\n            \n\n\n                <!-- Modal -->\n                <div class=\"modal fade\" id=\"exampleModal\" tabindex=\"-1\" aria-labelledby=\"exampleModalLabel\" aria-hidden=\"true\">\n                <div class=\"modal-dialog\">\n                    <div class=\"modal-content\">\n                    <div class=\"modal-header\">\n                        <h5 class=\"modal-title\" id=\"exampleModalLabel\">Карта</h5>\n                        <button type=\"button\" class=\"btn-close\" data-bs-dismiss=\"modal\" aria-label=\"Close\"></button>\n                    </div>\n                    <div class=\"modal-body\">\n                                    <iframe width=\"425\" height=\"350\" frameborder=\"0\" scrolling=\"no\" marginheight=\"0\" marginwidth=\"0\" src=\"https://www.openstreetmap.org/export/embed.html?bbox=34.45861816406251%2C49.990083926193954%2C41.44592285156251%2C53.07422751310222&amp;layer=mapnik\" style=\"border: 1px solid black\"></iframe><br/><small><a href=\"https://www.openstreetmap.org/#map=8/51.557/37.952\">Посмотреть более крупную карту</a></small>\n\n                        \n                    </div>\n                    <div class=\"modal-footer\">\n                        <button type=\"button\" class=\"btn btn-secondary\" data-bs-dismiss=\"modal\">Закрыть</button>\n                        <button type=\"button\" class=\"btn btn-primary\">Сохранить</button>\n                    </div>\n                    </div>\n                </div>\n                </div>\n            </div><br>\n            <p>Примерный размер цветника</p>\n            <div class=\"wb\">\n                <div class=\"wb1\">\n                    <p>длина</p>\n                    <input class=\"inp2\" type=\"text\">\n                </div>\n                <div class=\"wb2\">\n                    <p>ширина</p>\n                    <input class=\"inp2\" type=\"text\">\n                </div>\n                <!-- <div class=\"wb1\">\n                    <p>глубина</p>\n                    <input class=\"inp2\" type=\"text\">\n                </div> -->\n              \n             \n\n            </div><br>\n              <p>Примерный бюджет</p>\n            <div class=\"wb\">\n                <div class=\"wb1\">\n                    <p>от</p>\n                    <input class=\"inp4\" type=\"text\">\n                </div>\n                <div class=\"wb2\">\n                    <p>до</p>\n                    <input class=\"inp4\" type=\"text\">\n                </div>\n             </div>\n             <div class=\"form\"><br>\n                <p>\n                    Освещенность композиции/зоны\n                </p>\n\n                 <button class=\"btn bt1\">\n                   <img class=\"btnimg\" src=\"./ikons/free-icon-sunrise-2939886.png\">\n                </button> \n                 \n                <button class=\"btn bt1\">\n                    <img class=\"btnimg\" src=\"./ikons/free-icon-partly-cloudy-7849059.png\">\n                </button> \n               <button class=\"btn bt1\">\n                    \n                    <img class=\"btnimg\" src=\"./ikons/free-icon-cloud-7164563.png\">\n                </button>\n                \n             </div>\n             <div class=\"next\"><br>\n                <a href=\"#shagdva\">\n                <button class=\"btn bt2\">\n                    Далее\n                </button>\n                </a>\n             </div>\n    </div>\n        <div class=\"holst\">\n\n            <button class=\"upload\">\n                Загрузите изображение\n            </button>\n\n        </div>\n    </div>\n    </div>\n</template>\n<script>\n//import hederd from \"./components/hederDuo.vue\";\nimport heder from \"./components/hederTree.vue\";\nimport hederD from \"./components/hederDuo.vue\";\nimport api from  \"../../JS/apiint.js\"  \n\nexport default{\n    components:{\n        heder,\n       hederD\n    },\n\n    name: \"proJect\",\n        data(){\n       return{\n           \n            project1: null,\n           \n        }\n    },\n\n        mounted(){\n           \n            console.log(this,'1') \n  console.log(this)\n    this.projects(this)  //использовать для прорисовки по умолчанию\n},\n        methods:{\n        // api.request(options2).then(function (response)\n\n            projects(this2){\n                // let result = this.$route.query.project\n                // console.log('Hello world','3');\n                const options = {\n                    method: 'GET',\n                    url: 'http://185.221.153.253:5700/api/project/2' ,\n                                   \n                    };\n                  \n                    api.request(options).then(function (response) {\n                    localStorage.setItem('id', response.data.id)      \n                            \n                    this2.project1 = response.data\n                    console.log(this2.project1);\n                    let qwerty = response.data\n                    console.log(\"========\");\n                    console.log(qwerty);\n                    }).catch(function (error) {\n                    console.error(error);\n                 \n                    })\n                \n            },\n\n            \n        }\n\n}\n</script>\n\n<style scoped>\n.upload{\n    width: 329px;\nheight: 61px;\nmargin-right: 35%;\nmargin-top: 25%;\n\nbackground: #A4A4A4;\nborder: 3px solid #A4A4A4;\nborder-radius: 10px;\n\n}\n.btnimg{\n    width: 100%;\n}\n.upp{\n    margin-left: 85%;\n    float: left;\n    margin-top: -1.4%;\n}\n.krug2{\n    margin-top: -1.4%;\n    margin-left: 1%;\n    text-align: center;\n    width: 30px;\n    height: 30px;\n    background-color: #707070;\n    border-radius: 15px;\n    float: left;\n}\n.krug2 p{\n    margin-top: 10%;\n    color: white;\n}\n.header{\n    margin-top: -0.5%;\n}\n.kartbtn{\n    margin-left: 20%;\n    background-color: #A4A4A4;\n    text-align: center;\n}\n.kartimg{\n    text-align: center;\n    margin-left: 15%;\n}\n.karta{\n    display: flex;\n}\n.next a{\n    text-decoration: none;\n    color: black;\n\n}\n.modal1{\n    margin-top: 1%;\n}\n.inp{\n    width: 251px;\nheight: 50px;\n}\n.leftmenu{\n    width: 20%;\n    margin-left: 2%;\n    \n}\n/* .ppp{\n     font-size: 24px;\n} */\n.leftmenu p{\n    font-size: 24px;\n}\n.bt1{\n    width: 90px;\n    height: 80px;\n    background-color: #A4A4A4;\n    margin-left: 2%;\n}\n.bt2{\n    width: 132px;\n    height: 60px;\n    background-color: #D9D9D9;\n    font-size: 24px;\n}\n.inp2{\n    width: 90px;\n    height: 50px;\n    border-radius: 5px;\n}\n.inp4{\n    width: 140px;\n    height: 50px;\n    border-radius: 5px;\n}\n.wb{\n    display: flex;\n}\n.wb p{\n    font-size: 18px;\n}\n\n\n.wb1{\n    margin-left: 1%;\n    font-size: 19px;\n}\n.wb2{\n    margin-left: 4%;\n}\n.holst{\n\n    background-color: rgb(214, 214, 214);\n    width: 90%;\nheight: 800px;\n    margin-right: 5%;\n    margin-top: -1%;\n    margin-left: 10%;\n    text-align: right;\n}\n.content{\n    display: flex;\n}\n.body{\n    margin-top: 10px;\n    font-family: \"Montserrat-Regular\";\n    /* height: 100vh; */\n   \n   \n}\n/* heder */\n.heder{\n    margin-left: 2%;\n    margin-top: 8px;\n    font-family: \"Montserrat-Regular\";\n}\n.p1{\n    float: left;\n    margin-left: 0%;\n    font-size: 24px;\n    text-align: center;\n    width: 177px;\n    height: 29px;\n    font-weight: 400;\n    line-height: 29px;\n}\n.blockp2{\n    margin-left: 22%;\n}\n.blockp2 a{\n    text-decoration: none;\n    color: black;\n}\n.p2{\n    float: left;\n    margin-left: 1%;\n    font-size: 16px;\n    margin-top: 0.5%;\n    text-align: center;\n    width: 240px;\n    height: 19px;\n}\n.up a{\n    text-decoration: none;\n    color: black;\n}\n\n</style>","import { render } from \"./osnovDan.vue?vue&type=template&id=df61f48e&scoped=true\"\nimport script from \"./osnovDan.vue?vue&type=script&lang=js\"\nexport * from \"./osnovDan.vue?vue&type=script&lang=js\"\n\nimport \"./osnovDan.vue?vue&type=style&index=0&id=df61f48e&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-df61f48e\"]])\n\nexport default __exports__","<template>\n    <heder/>\n   \n    <div class=\"body\">\n        <div class=\"heder\">\n        <br>\n            <div class=\"up\">\n                <a href=\"#constructor\">\n                <p><img src=\"./ikons/strelkanazad1.png\">  Назад</p>\n                </a>\n                \n            </div>\n            <div class=\"bottom\">\n                Выберите растения в садовых центрах России\n              \n               \n\n            </div>\n        </div> \n        <div class=\"content\">\n            <p>\n                <strong>\n                    Мои заказы\n                </strong>                \n            </p>\n            <u>\n                Название проекта\n            </u>\n            <div class=\"cont-inp\">\n\n           \n            <div class=\"object\">\n                <div class=\"img\">\n\n                </div>\n                <label>\n                    Астильба \n                    Арендса\n                    15 шт.\n                </label>\n            </div>\n            <div class=\"object\">\n                <div class=\"img\">\n\n                </div>\n                <label>\n                    Астильба \n                    Арендса\n                    15 шт.\n                </label>\n            </div>\n            \n        </div>\n        </div>\n\n\n    </div>\n</template>\n\n<script>\nimport heder from \"./components/hederTree.vue\";\n\nexport default{\n    components:{\n        heder,\n        \n    }\n\n}\n</script>\n\n<style scoped>\n.cont-inp{\n    display: flex;\n    margin-top: 1%;\n    border-bottom: 1px solid #000000;\n    width: 98%;\n}\n.img{\n    width: 200px;\n    height: 200px;\n    background-color: rgb(165, 165, 165);\n    margin-left: 5px;\n}\n.object{\n    width: 250px;\n    margin-left: 2%;\n}\n.content{\n    margin-left: 2%;\n    font-size: 18px;\n}\n.content p{\n    font-size: 24px;\n}\n\n.heder{\n    margin-left: 2%;\n    margin-top: -2px;\n    font-family: \"Montserrat-Regular\";\n}\n\n.up a{\n    text-decoration: none;\n    color: black;\n}\n</style>","import { render } from \"./myOrders.vue?vue&type=template&id=9af07004&scoped=true\"\nimport script from \"./myOrders.vue?vue&type=script&lang=js\"\nexport * from \"./myOrders.vue?vue&type=script&lang=js\"\n\nimport \"./myOrders.vue?vue&type=style&index=0&id=9af07004&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-9af07004\"]])\n\nexport default __exports__","<template>\n    <heder/> \n    <!-- <hederd/> -->\n    <div class=\"heder\">\n        <br>\n            <div class=\"up\">\n                <a href=\"#constructor\">\n                <p><img src=\"./ikons/strelkanazad1.png\">  Назад</p>\n                </a>\n               \n                <div class=\"close\">\n                    <save/>\n                 </div>\n            </div>\n            <div class=\"bottom\">\n                <!-- <div class=\"blockp1\">\n                    <div class=\"p1\">\n                        <strong>\n                            Без названия\n                        </strong>\n                    </div>\n                </div>  -->\n                <div class=\"blockp1\">\n                    <div class=\"p1\">\n                        <strong>\n                            Без названия\n                        </strong>\n                        <button\n                        @click=\"pr_rename\"\n                         class=\"btn rename\">\n                            <img class=\"imgren\" src=\"./ikons/rename.png\">\n                        </button>\n                    </div>\n                    \n                </div> \n               \n\n            </div>\n            <br>\n        </div> \n        <div class=\"body\">\n       \n            <div class=\"content\"><br><br>\n                <div class=\"blocks\">\n\n\n<div class=\"plant\">\n    <table class=\"table\">\n        <tr>\n            <td>\n                <strong>\n                     Растение 1 \n                </strong>\n              \n            </td>\n            <td>\n\n            </td>\n            <td>\n\n            </td>\n            \n            <td>\n\n</td>\n            <td>\n                \n                    Цена  \n             \n              \n            </td>\n            <td>\n                Стоимость\n            </td>\n        </tr>\n        <tr>\n            <td>\n                <input type=\"checkbox\">\n            </td>\n            <td>\n                <img class=\"imgtd\" src=\"./ikons/ucastok.png\">\n            </td>\n            <td>\n               <p>\n                    <strong>\n                        Вариант 1 (название)\n                    </strong>\n              </p>\n                <label>\n                    Краткое описание растения и кнопка\n                </label>\n            </td>\n            \n            <td>\n                <div class='count_box'>\n                    <div class=\"minus\">-</div>\n                <input class='inp_price' type=\"text\" value=\"1\"/>\n                <div class=\"plus\">+</div>\n                </div> \n            </td>\n            <td>\n                \n                        \n                        3060                                 \n\n                       \n                  \n            </td>\n            <td>\n                <p class=\"p\" >\n                    <strong>\n                        \n                        3060                                 \n\n                       \n                    </strong>\n                </p>\n            </td>\n        </tr>\n    </table>\n    <table class=\"table\">\n        <tr>\n            <td>\n                <strong>\n                     Растение 2 \n                </strong>\n              \n            </td>\n            <td>\n\n            </td>\n            <td>\n\n            </td>\n            \n            <td>\n\n</td>\n            <td>\n                \n                    Цена  \n             \n              \n            </td>\n            <td>\n                Стоимость\n            </td>\n        </tr>\n        <tr>\n            <td>\n                <input type=\"checkbox\">\n            </td>\n            <td>\n                <img class=\"imgtd\" src=\"./ikons/ucastok.png\">\n            </td>\n            <td>\n               <p>\n                    <strong>\n                        Вариант 1 (название)\n                    </strong>\n              </p>\n                <label>\n                    Краткое описание растения и кнопка\n                </label>\n            </td>\n            \n            <td>\n                <div class='count_box'>\n                    <div class=\"minus\">-</div>\n                <input class='inp_price' type=\"text\" value=\"1\"/>\n                <div class=\"plus\">+</div>\n                </div> \n            </td>\n            <td>\n                \n                        \n                        3060                                 \n\n                       \n                  \n            </td>\n            <td>\n                <p class=\"p\" >\n                    <strong>\n                        \n                        3060                                 \n\n                       \n                    </strong>\n                </p>\n            </td>\n        </tr>\n    </table><br>\n    <table class=\"table\">\n        <tr>\n            <td>\n                <h1>\n                    <strong>\n\n                        Итого\n                    </strong>\n                </h1>\n                \n              \n            </td>\n            <td>\n\n            </td>\n            <td>\n\n            </td>\n            \n            <td>\n\n</td>\n            <td>\n                \n                    \n             \n              \n            </td>\n            <td>\n                3060р\n            </td>\n        </tr>\n        \n    </table>\n    <div class=\"footer\">\n        <p>\n            {{qwerty}}\n        </p>\n    </div>\n    \n</div>\n\n</div>\n\n<!--  -->\n\n<div class=\"rightblock\">\n \n    <div class=\"img-box\">\n        \n    </div>\n    <div class=\"crt\">\n        <div class=\"box\">\n                \n         \n                \n        <button @click=\"calculator\" class=\"btn redorder\">\n            <strong>PRO</strong>Открыть документацию\n        </button>\n        <div class=\"ques\">?</div>\n         </div>\n        <div class=\"box\">\n               \n         \n                \n        <button @click=\"calculator\" class=\"btn crtorder\">\n                    Создать заказ\n        </button>\n        <div class=\"ques\">?</div>\n         </div>\n    </div>\n            </div>\n           \n       \n    </div>\n    </div>\n</template>\n\n\n\n<script>\nimport heder from \"./components/hederTree.vue\";\nimport axios from \"axios\";\nimport save from \"./components/SaveModal.vue\"\n// import filter1 from \"./components/filtrModal.vue\";\n//import hederd from \"./components/hederDuo.vue\";\n\nexport default{\n    components:{\n     // hederd,\n        save,\n        heder,\n\n       \n        \n    },\n\n    methods :{\n\n        openmodal1(){\n            // Открыть модальное окно\n                document.getElementById(\"open-modal-btn\").addEventListener(\"click\", function() {\n                    document.getElementById(\"my-modal1\").classList.add(\"open\")\n                })\n\n                // Закрыть модальное окно\n                document.getElementById(\"close-my-modal-btn\").addEventListener(\"click\", function() {\n                    document.getElementById(\"my-modal1\").classList.remove(\"open\")\n                })\n\n                // Закрыть модальное окно при нажатии на Esc\n                window.addEventListener('keydown', (e) => {\n                    if (e.key === \"Escape\") {\n                        document.getElementById(\"my-modal1\").classList.remove(\"open\")\n                    }\n                });\n\n                // Закрыть модальное окно при клике вне его\n                document.querySelector(\"#my-modal1 .modal__box\").addEventListener('click', event => {\n                    event._isClickWithInModal = true;\n                });\n                document.getElementById(\"my-modal1\").addEventListener('click', event => {\n                    if (event._isClickWithInModal) return;\n                    event.currentTarget.classList.remove('open');\n                });\n                        },\n\n        search(){\n            const options = {\n            method: 'GET',\n            url: 'http://185.221.153.253:5700/api/search',\n            headers: {Authorization: 'Bearer 0ded13aa-624b-40cf-bef7-dc7a2bf97c2c'},\n            data: {\n                f_compos_type: this.valuesearch,\n                f_template: this.valuesearch,\n                f_temp_char: this.valuesearch,\n                f_place: this.valuesearch,\n                f_ground_sost: this.valuesearch,\n                f_ground_kisl: this.valuesearch,\n                f_ct_size: this.valuesearch,\n                f_ct_form: this.valuesearch,\n                f_ct_light: this.valuesearch,\n                f_ct_color: this.valuesearch,\n                f_ct_maf: this.valuesearch,\n                f_ct_vl: this.valuesearch,\n                f_ct_res: this.valuesearch,\n                f_ct_aroma: this.valuesearch,\n                f_ct_plants: this.valuesearch\n            }\n            };\n\n            axios.request(options).then(function (response) {\n            console.log(response.data);\n            }).catch(function (error) {\n            console.error(error);\n            });\n        }\n\n        }\n}\n</script>\n\n\n<style scoped>\n\n.close{\n    width: 90%;\n    text-align: right;\n}\n.versions{\n    display: flex;\n    text-align: center;\n    margin-top: 0.2%;\n    margin-left: 37%;\n}\n.versions p{\n    margin-left: 3%;\n    width: 85px;\n}\n.bottom{\n    text-align: left;\n    font-size: 24px;\n}\n\n.box{\n    margin-top: 2%;\n    display: flex;\n    width: 100%;\n}\n.ques{\n    width: 40px;\n    height: 40px;\n    border-radius: 20px;\n    background-color: #D9D9D9;\n    text-align: center;\n    font-size: 24px;\n    margin-left: 60px;\n    margin-top: 1%;\n}\n\n.minus {\n        cursor: pointer;\n        width:25px;\n        float:left;\n        text-align:center;\n        border-radius: 3px;\n        border:1px solid gray;\n    }\n    .plus {\n        cursor: pointer;\n        width:25px;\n        float:right;\n        text-align:center;\n        border:1px solid gray;\n        /* margin-top: -25px; */\n    }\n    \n    .inp_price {\n        width:40px;\n        text-align:center;\n        border:1px solid gray;\n        /* border-left:1px solid gray;\n        border-right:1px solid gray; */\n    }\n    \n    .count_box {\n        width:90px;\n        /* border:1px solid gray;   */\n    }\n    /* .body{\n    display: flex;\n    width: 100%;\n    \n} */\n.header{\n    width: 100%;\n    }\n/* left ========== */\n\n.blocks{\n    width: 58%;\n    margin-top: 1%;\n    margin-left: 2%;\n}\n.imgtd{\n    width: 100;\nheight: 100px;\nleft: 62px;\ntop: 333px;\n\n\nborder-radius: 10px;\n}\n\n.table td{\n    margin-left: 0.5%;\n    border: 1px solid #0000;\n    text-align: left;\n}\n\n/* right =========== */\n\n.rightblock{\n    width: 40%;\n    margin-top: 2%;\n}\n\n.dwnlt{\n    display: flex;\nflex-direction: row;\n    justify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\n/* position: absolute; */\nwidth: 355px;\nheight: 56px;\nleft: 1145px;\n/* top: 270px; */\nfloat: left;\nbackground: #949494;\nborder-radius: 10px;\n}\n\n.rpst{\n    display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\n\n/* position: absolute; */\nwidth: 355px;\nheight: 56px;\nleft: 927px;\n/* top: 270px; */\nmargin-left: 2%;\nbackground: #949494;\nfloat: left;\nborder-radius: 10px\n\n}\n\n.img-box{\n    box-sizing: border-box;\n\nbackground-color: #949494;\nwidth: 98%;\nheight: 400.97px;\nleft: 927px;\ntop: 344px;\n\n\nborder: 1px solid #D9D9D9;\nborder-radius: 10px;\n}\n.crt{\n    /* display: flex; */\n    justify-content: center;\nalign-items: center;\n}\n.crtorder{\n\n    display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\nwidth: 70%;\nheight: 54px;\nleft: 944px;\ntop: 796px;\n\nbackground: #CD5E5E;\nborder-radius: 10px;\n}\n.redorder{\n    display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\nwidth: 70%;\nheight: 54px;\nleft: 944px;\ntop: 796px;\n\nbackground: #D9D9D9;\nborder-radius: 10px;\n}\n.content{\n    display: flex;\n    margin-top: 2%;\n}\n\n\n.up input{\n    float: left;\n   \n}\n.up{\n    display: flex;\n    margin-top: -0.2%;\n}\n\n.heder{\n    width: 98%;\n    margin-top: 0%;\n    text-align: center;\n}\n.heder a{\n    text-align: center;\n    justify-content: center;\n    align-content: center;\n}\n.body{\n    height: 120%;\n    margin-top: 0px;\n    font-family: \"Montserrat-Regular\";\n}\n/* Heder */\n\n.heder{\n    margin-left: 2%;\n    margin-top: -2px;\n    font-family: \"Montserrat-Regular\";\n}\n.heder2{\n    margin-top: -40px;\n    /* align-content: center; */\n    margin-left: 18%;\n}\n.heder2 a{\n    text-decoration: none;\n    color: black;\n}\n.p2{\n    float: left;\n    margin-left: 1%;\n    font-size: 16px;\n    margin-top: 0.5%;\n    text-align: center;\n    width: 240px;\n    height: 19px;\n}\n.up a{\n    text-decoration: none;\n    color: black;\n}\n\n\n\n\n\n</style>\n","import { render } from \"./changePlant.vue?vue&type=template&id=30128adf&scoped=true\"\nimport script from \"./changePlant.vue?vue&type=script&lang=js\"\nexport * from \"./changePlant.vue?vue&type=script&lang=js\"\n\nimport \"./changePlant.vue?vue&type=style&index=0&id=30128adf&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-30128adf\"]])\n\nexport default __exports__","<template>\n    <heder/> \n    <!-- <hederd/> -->\n    <div class=\"heder\">\n        <br>\n            <div class=\"up\">\n                <a href=\"#constructor\">\n                <p><img src=\"./ikons/strelkanazad1.png\">  Назад</p>\n                </a>\n                <div class=\"versions\">\n                    <p>\n                    Версия 1\n                </p>\n                <p>\n                    Версия 2\n                </p>\n               \n                <p>\n                    Версия 2\n                </p> \n                </div>\n               \n                <div class=\"close\">\n                    <!-- <save/> -->\n                    <button class=\"btn closebtn\">\n                        Закрыть проект\n                    </button>\n                 </div>\n               \n               \n            </div>\n            <div class=\"bottom\">\n                <div class=\"blockp1\">\n                    <div class=\"p1\">\n                        <strong>\n                            Без названия\n                        </strong>\n                        <button\n                        @click=\"pr_rename\"\n                         class=\"btn rename\">\n                            <img class=\"imgren\" src=\"./ikons/rename.png\">\n                        </button>\n                    </div>\n                    \n                </div> \n              \n                <div class=\"heder2\">\n\n                <a href=\"#shablon\">\n                        <div class=\"p2\">\n                        Результат генерации\n                    </div>  \n                    </a>         \n                \n                    <div class=\"p2\">\n                        Основные данные\n                    </div>\n                    <a href=\"#visual\">\n                    <div class=\"p2\">\n                        Визуальные предпочтения\n                    </div>  \n                    </a>\n                \n                    <a href=\"#docs\">\n                    <div class=\"p2\">\n                        Документация\n                    </div>\n                    \n                    </a>\n                    <a href=\"#orderplant\">\n                    <div class=\"p2\">\n                        Подборки растений\n                    </div>\n                    </a>\n\n\n                </div>\n\n            </div>\n            <br>\n        </div> \n        <div class=\"body\">\n  \n            <div class=\"content\">\n\n                <div class=\"lcont\">\n                    <div class=\"imgbox\">\n                         <img class=\"img\" src=\"./ikons/27-42.jpg\">\n                    <button class=\"btn downloat\">\n                       <img class=\"dwnltbtn\" src=\"./ikons/output-onlinepngtools.png\">\n                        Скачать или поделиться\n                    </button><br>\n                    <button class=\"btn togalery\">\n                         Опубликовать в галерею   \n                    </button>\n                    </div>\n                   \n\n                </div>\n\n                <div class=\"rcont\">\n                        <div class=\"rhed\">\n                            <p>\n                                <strong>\n                                     Доступно на аккаунте PRO\n                                </strong>\n                               \n                            </p>\n                            <label>\n                                Приобретите проффесиональный аккаунт\n                                и получите доступ к подробной\n                                документации проекта\n                                и также закажите растения\n                                удобно у поставщика \n                                со скидкой 15%. \n                            </label>\n                        </div>\n                        <div class=\"rbox\">\n                            <button class=\"btn docbtn\">\n                                Эскиз\n                            </button>\n                             <button class=\"btn docbtn\">\n                               Генеральный план\n\n                            </button>\n                             <button class=\"btn docbtn\">\n                                Посадочный план\n\n                            </button>\n                             <button class=\"btn docbtn\">\n                               Ведомость растений\n                            </button>\n                             <button class=\"btn docbtn\">\n                               Ведомость материалов\n\n                            </button>\n                            <div class=\"btnbox\">\n                                <div class=\"box\">\n                                     <button class=\"btn dwnlt\">\n                  <!-- <img class=\"dwnltbtn\" src=\"./ikons/output-onlinepngtools.png\">  -->\n\n                                Скачать все одним архивом\n\n                                </button>\n                                <div class=\"ques\">?</div>\n                                </div>\n                               <div class=\"box\">\n                                <button class=\"btn order\">\n                                  <img class=\"orderimg\" src=\"./ikons/free-icon-basket-8181447.png\">\n                                  Создать заказ\n\n                                </button> <div class=\"ques\">?</div>\n                               </div>\n                                \n                            </div>\n                            \n                        </div>\n                </div>\n            </div>\n           \n       \n    </div>\n    \n</template>\n\n\n\n<script>\nimport heder from \"./components/hederTree.vue\";\nimport axios from \"axios\";\n// import filter1 from \"./components/filtrModal.vue\";\n//import hederd from \"./components/hederDuo.vue\";\n\nexport default{\n    components:{\n     // hederd,\n     \n        heder,\n\n       \n        \n    },\n\n    methods :{\n\n        openmodal1(){\n            // Открыть модальное окно\n                document.getElementById(\"open-modal-btn\").addEventListener(\"click\", function() {\n                    document.getElementById(\"my-modal1\").classList.add(\"open\")\n                })\n\n                // Закрыть модальное окно\n                document.getElementById(\"close-my-modal-btn\").addEventListener(\"click\", function() {\n                    document.getElementById(\"my-modal1\").classList.remove(\"open\")\n                })\n\n                // Закрыть модальное окно при нажатии на Esc\n                window.addEventListener('keydown', (e) => {\n                    if (e.key === \"Escape\") {\n                        document.getElementById(\"my-modal1\").classList.remove(\"open\")\n                    }\n                });\n\n                // Закрыть модальное окно при клике вне его\n                document.querySelector(\"#my-modal1 .modal__box\").addEventListener('click', event => {\n                    event._isClickWithInModal = true;\n                });\n                document.getElementById(\"my-modal1\").addEventListener('click', event => {\n                    if (event._isClickWithInModal) return;\n                    event.currentTarget.classList.remove('open');\n                });\n                        },\n\n        search(){\n            const options = {\n            method: 'GET',\n            url: 'http://185.221.153.253:5700/api/search',\n            headers: {Authorization: 'Bearer 0ded13aa-624b-40cf-bef7-dc7a2bf97c2c'},\n            data: {\n                f_compos_type: this.valuesearch,\n                f_template: this.valuesearch,\n                f_temp_char: this.valuesearch,\n                f_place: this.valuesearch,\n                f_ground_sost: this.valuesearch,\n                f_ground_kisl: this.valuesearch,\n                f_ct_size: this.valuesearch,\n                f_ct_form: this.valuesearch,\n                f_ct_light: this.valuesearch,\n                f_ct_color: this.valuesearch,\n                f_ct_maf: this.valuesearch,\n                f_ct_vl: this.valuesearch,\n                f_ct_res: this.valuesearch,\n                f_ct_aroma: this.valuesearch,\n                f_ct_plants: this.valuesearch\n            }\n            };\n\n            axios.request(options).then(function (response) {\n            console.log(response.data);\n            }).catch(function (error) {\n            console.error(error);\n            });\n        }\n\n        }\n}\n</script>\n\n<style scoped>\n.close{\n     width: 40%; \n    text-align: right;\n}\n.bottom{\n    text-align: left;\n    font-size: 24px;\n}\n.versions{\n    display: flex;\n    text-align: center;\n    margin-top: 0.2%;\n    margin-left: 37%;\n}\n.versions p{\n    margin-left: 3%;\n    width: 85px;\n}\n.content{\n    display: flex;\n    margin-top: 2%;\n    justify-content: center;\n\n}\n\n.rcont{\n    margin-left: 1%;\n    width: 30%;\n}\n.rhed p{\n    font-size: 24px;\n}\n.dwnlt{\n    display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\nmargin-top: 2%;\n/* position: absolute; */\nwidth: 500px;\nheight: 54px;\n/* left: 927px;\ntop: 847px; */\n\nbackground: #949494;\nborder-radius: 10px;\n}\n.order{\n    display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\nmargin-top: 2%;\n/* position: absolute; */\nwidth: 500px;\nheight: 54px;\n/* left: 927px;\ntop: 928px; */\n\nbackground: #CD5E5E;\nborder-radius: 10px;\n}\n.orderimg{\n    width: 40px;\n}\n.docbtn{\n    display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\nmargin-top: 2%;\n/* position: absolute; */\nwidth: 630px;\nheight: 55px;\n/* left: 926px;\ntop: 393px; */\nbackground: #D9D9D9;\nborder-radius: 10px;\nborder: none\n}\n\n.box{\n    display: flex;\n}\n.ques{\n    width: 40px;\n    height: 40px;\n    border-radius: 20px;\n    background-color: #D9D9D9;\n    text-align: center;\n    font-size: 24px;\n    margin-left: 50px;\n    margin-top: 3%;\n}\n.lcont{\n    width: 60%;\n    height: 50vh;\n    /* margin-left: 2%; */\n\n}\n.imgbox{\n    width: 100%;\n    height: 100%;\n    margin-left: -4%;\n}\n.imgbox button{\n    position: relative;\n    margin-left: 60%;\n     margin-top: 1%;\n    background: #D9D9D9;\n}\n@media screen and (max-width: 1880px) {\n    .docbtn{\n    display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\nmargin-top: 2%;\n/* position: absolute; */\nwidth: 500px;\nheight: 55px;\n/* left: 926px;\ntop: 393px; */\nbackground: #D9D9D9;\nborder-radius: 10px;\nborder: none\n} \n.ques{\n    width: 40px;\n    height: 40px;\n    border-radius: 20px;\n    background-color: #D9D9D9;\n    text-align: center;\n    font-size: 24px;\n    margin-left: 60px;\n    margin-top: 3%;\n}\n}\n\n\n@media screen and (max-width: 1480px) {\n    .imgbox button{\n        margin-left: 50%;\n    }\n\n    .docbtn{\n    display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\nmargin-top: 2%;\n/* position: absolute; */\nwidth: 430px;\nheight: 55px;\n/* left: 926px;\ntop: 393px; */\nbackground: #D9D9D9;\nborder-radius: 10px;\nborder: none\n}\n\n\n}\n@media screen and (max-width: 1280px) {\n    .imgbox button{\n        margin-left: 35%;\n    }\n    .docbtn{\n        width: 400px;\n\n    }\n    .ques{\n    width: 40px;\n    height: 40px;\n    border-radius: 20px;\n    background-color: #D9D9D9;\n    text-align: center;\n    font-size: 24px;\n    margin-left: 60px;\n    margin-top: 3%;\n}\n   \n\n\n}\n@media screen and (max-width: 1100px) {\n    .imgbox{\n    width: 100%;\n    height: 100%;\n}\n    .imgbox button{\n        margin-left: 35%;\n    }\n     .content{\n        display: grid;\n    }\n    .docbtn{\n        width: 600px;\n\n    }\n    .lcont{\n        width: 100%;\n    }\n    .rhed{\n        width: 100%;\n    }\n    .img{\n    width: 150%;\n    position: absolute;\n    \n}\n\n.imgbox button{\n        margin-left: 25%;\n    }\n\n}\n.img{\n    width: 60%;\n    position: absolute;\n}\n.dwnltbtn{\n    width: 30px;\n}\n.downloat{\n    min-width:350px ;\n    min-height: 40px;    \n    border-radius: 10px;\n  \n}\n\n.downloat:hover{\n    background: #D9D9D9;\n}\n.togalery{\n    min-width:350px ;\n    min-height: 40px; \n    border-radius: 10px;\n}\n.up input{\n    float: left;\n   \n}\n.up{\n    display: flex;\n    margin-top: -0.2%;\n    width: 100%;\n}\n\n.heder{\n    width: 98%;\n    margin-top: 0%;\n    text-align: center;\n}\n.heder a{\n    text-align: center;\n    justify-content: center;\n    align-content: center;\n}\n.body{\n    height: 120%;\n    margin-top: 0px;\n    font-family: \"Montserrat-Regular\";\n}\n/* Heder */\n\n.heder{\n    margin-left: 2%;\n    margin-top: -2px;\n    font-family: \"Montserrat-Regular\";\n}\n.heder2{\n    text-align: center;\n    margin-top: -40px;\n    justify-content: center;\n    align-content: center;\n    margin-left: 18%;\n}\n.heder2 a{\n    text-decoration: none;\n    color: black;\n}\n.p2{\n    float: left;\n    margin-left: 1%;\n    font-size: 16px;\n    margin-top: 0.5%;\n    text-align: center;\n    width: 240px;\n    height: 19px;\n}\n.up a{\n    text-decoration: none;\n    color: black;\n}\n\n\n\n\n\n</style>\n","import { render } from \"./documentsUno.vue?vue&type=template&id=e8897c5a&scoped=true\"\nimport script from \"./documentsUno.vue?vue&type=script&lang=js\"\nexport * from \"./documentsUno.vue?vue&type=script&lang=js\"\n\nimport \"./documentsUno.vue?vue&type=style&index=0&id=e8897c5a&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-e8897c5a\"]])\n\nexport default __exports__","<template>\n    <heder/> \n    <!-- <hederd/> -->\n    <div class=\"heder\">\n        <br>\n            <div class=\"up\">\n                <a href=\"#constructor\">\n                <p><img src=\"./ikons/strelkanazad1.png\">  Назад</p>\n                </a>\n                <!-- <div class=\"versions\">\n                    <p>\n                    Версия 1\n                </p>\n                <p>\n                    Версия 2\n                </p>\n               \n                <p>\n                    Версия 2\n                </p> \n                </div> -->\n               \n                <div class=\"close\">\n                    <save/>\n                 </div>\n               \n               \n            </div>\n            <div class=\"bottom\">\n                <div class=\"blockp1\">\n                    <div class=\"p1\">\n                        <strong>\n                            Без названия\n                        </strong>\n                        <button\n                        @click=\"pr_rename\"\n                         class=\"btn rename\">\n                            <img class=\"imgren\" src=\"./ikons/rename.png\">\n                        </button>\n                    </div>\n                    \n                </div> \n              \n               \n\n            </div>\n            <br>\n        </div> \n        <div class=\"body\">\n        <!-- <div class=\"heder2\"> \n\n                <a href=\"#shablon\">\n                         <div class=\"p2\">\n                        Результат генерации\n                    </div>  \n                    </a>         \n                 \n                    <div class=\"p2\">\n                        Основные данные\n                    </div>\n                    <a href=\"#visual\">\n                       <div class=\"p2\">\n                        Визуальные предпочтения\n                    </div>  \n                    </a>\n                   \n                    <a href=\"#docs\">\n                    <div class=\"p2\">\n                        Документация\n                    </div>\n                     \n                    </a>\n                     <a href=\"#docs\">\n                    <div class=\"p2\">\n                        Подборки растений\n                    </div>\n                    </a> \n   \n              \n        </div><br><br>-->\n            <div class=\"content\">\n\n                <div class=\"lcont\">\n                    <div class=\"imgbox\">\n                         <img class=\"img\" src=\"./ikons/27-42.jpg\">\n                    <button class=\"btn downloat\">\n                       <img class=\"dwnltbtn\" src=\"./ikons/output-onlinepngtools.png\">\n                        Скачать или поделиться\n                    </button><br>\n                    <button class=\"btn togalery\">\n                         Опубликовать в галерею   \n                    </button>\n                    </div>\n                   \n\n                </div>\n\n                <div class=\"rcont\">\n                        <div class=\"rhed\">\n                            <p>\n                                <strong>\n                                     Доступно на аккаунте PRO\n                                </strong>\n                               \n                            </p>\n                            <label>\n                                Приобретите проффесиональный аккаунт\n                                и получите доступ к подробной\n                                документации проекта\n                                и также закажите растения\n                                удобно у поставщика \n                                со скидкой 15%. \n                            </label>\n                        </div>\n                        <div class=\"rbox\">\n                            <button class=\"btn docbtn\">\n                                Эскиз\n                            </button>\n                             <button class=\"btn docbtn2\">\n                          \n                                Генеральный план\n                              \n                               <p>Не доступно на MVP</p>\n\n                            </button>\n                             <button class=\"btn docbtn2\">\n                                Посадочный план\n                                <p>Не доступно на MVP</p>\n                            </button>\n                             <button class=\"btn docbtn2\">\n                               Ведомость растений\n                               <p>Не доступно на MVP</p>\n                            </button>\n                             <button class=\"btn docbtn2\">\n                               Ведомость материалов\n                               <p>Не доступно на MVP</p>\n\n                            </button>\n                           \n                            <div class=\"btnbox\">\n                                <div class=\"box\">\n                                     <button class=\"btn dwnlt\">\n                  <!-- <img class=\"dwnltbtn\" src=\"./ikons/output-onlinepngtools.png\">  -->\n\n                                Скачать все одним архивом\n\n                                </button>\n                                <div class=\"ques\">?</div>\n                                </div>\n                               <div class=\"box\">\n                                <button class=\"btn order\">\n                                  <img class=\"orderimg\" src=\"./ikons/free-icon-basket-8181447.png\">\n                                  Создать заказ\n\n                                </button> <div class=\"ques\">?</div>\n                               </div>\n                                \n                            </div>\n                            \n                        </div>\n                </div>\n            </div>\n           \n       \n    </div>\n    \n</template>\n\n\n\n<script>\nimport heder from \"./components/hederTree.vue\";\nimport axios from \"axios\";\nimport save from \"./components/SaveModal.vue\"\n// import filter1 from \"./components/filtrModal.vue\";\n//import hederd from \"./components/hederDuo.vue\";\n\nexport default{\n    components:{\n     // hederd,\n     \n        heder,\n        save\n       \n        \n    },\n\n    methods :{\n\n        openmodal1(){\n            // Открыть модальное окно\n                document.getElementById(\"open-modal-btn\").addEventListener(\"click\", function() {\n                    document.getElementById(\"my-modal1\").classList.add(\"open\")\n                })\n\n                // Закрыть модальное окно\n                document.getElementById(\"close-my-modal-btn\").addEventListener(\"click\", function() {\n                    document.getElementById(\"my-modal1\").classList.remove(\"open\")\n                })\n\n                // Закрыть модальное окно при нажатии на Esc\n                window.addEventListener('keydown', (e) => {\n                    if (e.key === \"Escape\") {\n                        document.getElementById(\"my-modal1\").classList.remove(\"open\")\n                    }\n                });\n\n                // Закрыть модальное окно при клике вне его\n                document.querySelector(\"#my-modal1 .modal__box\").addEventListener('click', event => {\n                    event._isClickWithInModal = true;\n                });\n                document.getElementById(\"my-modal1\").addEventListener('click', event => {\n                    if (event._isClickWithInModal) return;\n                    event.currentTarget.classList.remove('open');\n                });\n                        },\n\n        search(){\n            const options = {\n            method: 'GET',\n            url: 'http://185.221.153.253:5700/api/search',\n            headers: {Authorization: 'Bearer 0ded13aa-624b-40cf-bef7-dc7a2bf97c2c'},\n            data: {\n                f_compos_type: this.valuesearch,\n                f_template: this.valuesearch,\n                f_temp_char: this.valuesearch,\n                f_place: this.valuesearch,\n                f_ground_sost: this.valuesearch,\n                f_ground_kisl: this.valuesearch,\n                f_ct_size: this.valuesearch,\n                f_ct_form: this.valuesearch,\n                f_ct_light: this.valuesearch,\n                f_ct_color: this.valuesearch,\n                f_ct_maf: this.valuesearch,\n                f_ct_vl: this.valuesearch,\n                f_ct_res: this.valuesearch,\n                f_ct_aroma: this.valuesearch,\n                f_ct_plants: this.valuesearch\n            }\n            };\n\n            axios.request(options).then(function (response) {\n            console.log(response.data);\n            }).catch(function (error) {\n            console.error(error);\n            });\n        }\n\n        }\n}\n</script>\n\n<style scoped>\n.close{\n    width: 90%;\n    text-align: right;\n}\n.bottom{\n    text-align: left;\n    font-size: 24px;\n}\n.versions{\n    display: flex;\n    text-align: center;\n    margin-top: 0.2%;\n    margin-left: 37%;\n}\n.versions p{\n    margin-left: 3%;\n    width: 85px;\n}\n.content{\n    display: flex;\n    margin-top: 2%;\n    justify-content: center;\n\n}\n\n.rcont{\n    margin-left: 1%;\n    width: 30%;\n}\n.rhed p{\n    font-size: 24px;\n}\n.dwnlt{\n    display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\nmargin-top: 2%;\n/* position: absolute; */\nwidth: 500px;\nheight: 54px;\n/* left: 927px;\ntop: 847px; */\n\nbackground: #949494;\nborder-radius: 10px;\n}\n.order{\n    display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\nmargin-top: 2%;\n/* position: absolute; */\nwidth: 500px;\nheight: 54px;\n/* left: 927px;\ntop: 928px; */\n\nbackground: #CD5E5E;\nborder-radius: 10px;\n}\n.orderimg{\n    width: 40px;\n}\n.docbtn{\n    display: block;\n/* flex-direction: row; */\n/* justify-content: center; */\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\nmargin-top: 2%;\n/* position: absolute; */\nwidth: 630px;\nheight: 55px;\n/* left: 926px;\ntop: 393px; */\nbackground: #D9D9D9;\nborder-radius: 10px;\nborder: none\n}\n.docbtn2{\n    display: block;\n/* flex-direction: row; */\n/* justify-content: center; */\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\nmargin-top: 2%;\n/* position: absolute; */\nwidth: 500px;\nheight: 55px;\n/* left: 926px;\ntop: 393px; */\nbackground: #D9D9D9;\nborder-radius: 10px;\nborder: none\n}\n.docbtn2 p{\n    color: red;\n    font-size: 12px;\n    margin-top: -2px;\n}\n\n.box{\n    display: flex;\n}\n.ques{\n    width: 40px;\n    height: 40px;\n    border-radius: 20px;\n    background-color: #D9D9D9;\n    text-align: center;\n    font-size: 24px;\n    margin-left: 50px;\n    margin-top: 3%;\n}\n.lcont{\n    width: 60%;\n    height: 50vh;\n    /* margin-left: 2%; */\n\n}\n.imgbox{\n    width: 100%;\n    height: 100%;\n    margin-left: -4%;\n}\n.imgbox button{\n    position: relative;\n    margin-left: 60%;\n     margin-top: 1%;\n    background: #D9D9D9;\n}\n@media screen and (max-width: 1880px) {\n    .docbtn{\n    display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\nmargin-top: 2%;\n/* position: absolute; */\nwidth: 500px;\nheight: 55px;\n/* left: 926px;\ntop: 393px; */\nbackground: #D9D9D9;\nborder-radius: 10px;\nborder: none\n} \n.ques{\n    width: 40px;\n    height: 40px;\n    border-radius: 20px;\n    background-color: #D9D9D9;\n    text-align: center;\n    font-size: 24px;\n    margin-left: 60px;\n    margin-top: 3%;\n}\n}\n\n\n@media screen and (max-width: 1480px) {\n    .imgbox button{\n        margin-left: 50%;\n    }\n\n    .docbtn{\n    display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\nmargin-top: 2%;\n/* position: absolute; */\nwidth: 430px;\nheight: 55px;\n/* left: 926px;\ntop: 393px; */\nbackground: #D9D9D9;\nborder-radius: 10px;\nborder: none\n}\n\n\n}\n@media screen and (max-width: 1280px) {\n    .imgbox button{\n        margin-left: 35%;\n    }\n    .docbtn{\n        width: 400px;\n\n    }\n    .ques{\n    width: 40px;\n    height: 40px;\n    border-radius: 20px;\n    background-color: #D9D9D9;\n    text-align: center;\n    font-size: 24px;\n    margin-left: 60px;\n    margin-top: 3%;\n}\n   \n\n\n}\n@media screen and (max-width: 1100px) {\n    .imgbox{\n    width: 100%;\n    height: 100%;\n}\n    .imgbox button{\n        margin-left: 35%;\n    }\n     .content{\n        display: grid;\n    }\n    .docbtn{\n        width: 600px;\n\n    }\n    .lcont{\n        width: 100%;\n    }\n    .rhed{\n        width: 100%;\n    }\n    .img{\n    width: 150%;\n    position: absolute;\n    \n}\n\n.imgbox button{\n        margin-left: 25%;\n    }\n\n}\n.img{\n    width: 60%;\n    position: absolute;\n}\n.dwnltbtn{\n    width: 30px;\n}\n.downloat{\n    min-width:350px ;\n    min-height: 40px;    \n    border-radius: 10px;\n  \n}\n\n.downloat:hover{\n    background: #D9D9D9;\n}\n.togalery{\n    min-width:350px ;\n    min-height: 40px; \n    border-radius: 10px;\n}\n.up input{\n    float: left;\n   \n}\n.up{\n    display: flex;\n    margin-top: -0.2%;\n    width: 100%;\n}\n\n.heder{\n    width: 98%;\n    margin-top: 0%;\n    text-align: center;\n}\n.heder a{\n    text-align: center;\n    justify-content: center;\n    align-content: center;\n}\n.body{\n    height: 120%;\n    margin-top: 0px;\n    font-family: \"Montserrat-Regular\";\n}\n/* Heder */\n\n.heder{\n    margin-left: 2%;\n    margin-top: -2px;\n    font-family: \"Montserrat-Regular\";\n}\n.heder2{\n    text-align: center;\n    justify-content: center;\n    align-content: center;\n    margin-left: 18%;\n}\n.heder2 a{\n    text-decoration: none;\n    color: black;\n}\n.p2{\n    float: left;\n    margin-left: 1%;\n    font-size: 16px;\n    margin-top: 0.5%;\n    text-align: center;\n    width: 240px;\n    height: 19px;\n}\n.up a{\n    text-decoration: none;\n    color: black;\n}\n\n\n\n\n\n</style>\n","import { render } from \"./docsFrame.vue?vue&type=template&id=6a6d1ec8&scoped=true\"\nimport script from \"./docsFrame.vue?vue&type=script&lang=js\"\nexport * from \"./docsFrame.vue?vue&type=script&lang=js\"\n\nimport \"./docsFrame.vue?vue&type=style&index=0&id=6a6d1ec8&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6a6d1ec8\"]])\n\nexport default __exports__","<template>\n    <heder/> \n    <!-- <hederd/> -->\n    <div class=\"heder\">\n        <br>\n            <div class=\"up\">\n                <a href=\"#constructor\">\n                <p><img src=\"./ikons/strelkanazad1.png\">  Назад</p>\n                </a>\n                <div class=\"versions\">\n                    <p>\n                    Версия 1\n                </p>\n                <p>\n                    Версия 2\n                </p>\n               \n                <p>\n                    Версия 2\n                </p> \n                </div>\n                <div class=\"close\">\n                    <!-- <save/> -->\n                    <button class=\"btn closebtn\">\n                        Закрыть проект\n                    </button>\n</div>\n               \n            </div>\n            <div class=\"bottom\">\n                <!-- <div class=\"blockp1\">\n                    <div class=\"p1\">\n                        <strong>\n                            Без названия\n                        </strong>\n                    </div>\n                </div>  -->\n                <div class=\"blockp1\">\n                    <div class=\"p1\">\n                        <strong>\n                            Без названия\n                        </strong>\n                        <button\n                        @click=\"pr_rename\"\n                         class=\"btn rename\">\n                            <img class=\"imgren\" src=\"./ikons/rename.png\">\n                        </button>\n                    </div>\n                    \n                </div> \n                <div class=\"heder2\">\n\n<a href=\"#shablon\">\n         <div class=\"p2\">\n        Результат генерации\n    </div>  \n    </a>         \n <a href=\"#info\">\n    <div class=\"p2\">\n        Основные данные\n    </div>\n</a>\n    <a href=\"#visual\">\n       <div class=\"p2\">\n        Визуальные предпочтения\n    </div>  \n    </a>\n   \n    <a href=\"#docs\">\n    <div class=\"p2\">\n        Документация\n    </div>\n     \n    </a>\n     <a href=\"#orderplant\">\n    <div class=\"p2\">\n        Подборки растений\n    </div>\n    </a>\n\n\n</div>\n\n            </div>\n            <br>\n        </div> \n        <div class=\"body\">\n       \n            <div class=\"content\"><br><br>\n                <div class=\"blocks\">\n\n\n<div class=\"plant\">\n    <table class=\"table\">\n        <tr>\n            <td>\n                <strong>\n                     Растение 1 \n                </strong>\n              \n            </td>\n            <td>\n\n            </td>\n            <td>\n\n            </td>\n            \n            <td>\n\n</td>\n            <td>\n                \n                    Цена  \n             \n              \n            </td>\n            <td>\n                Стоимость\n            </td>\n        </tr>\n        <tr>\n            <td>\n                <input type=\"checkbox\">\n            </td>\n            <td>\n                <img class=\"imgtd\" src=\"./ikons/ucastok.png\">\n            </td>\n            <td>\n               <p>\n                    <strong>\n                        Вариант 1 (название)\n                    </strong>\n              </p>\n                <label>\n                    Краткое описание растения и кнопка\n                </label>\n            </td>\n            \n            <td>\n                <div class='count_box'>\n                    <div class=\"minus\">-</div>\n                <input class='inp_price' type=\"text\" value=\"1\"/>\n                <div class=\"plus\">+</div>\n                </div> \n            </td>\n            <td>\n                \n                        \n                        3060                                 \n\n                       \n                  \n            </td>\n            <td>\n                <p class=\"p\" >\n                    <strong>\n                        \n                        3060                                 \n\n                       \n                    </strong>\n                </p>\n            </td>\n        </tr>\n    </table>\n    <table class=\"table\">\n        <tr>\n            <td>\n                <strong>\n                     Растение 2 \n                </strong>\n              \n            </td>\n            <td>\n\n            </td>\n            <td>\n\n            </td>\n            \n            <td>\n\n</td>\n            <td>\n                \n                    Цена  \n             \n              \n            </td>\n            <td>\n                Стоимость\n            </td>\n        </tr>\n        <tr>\n            <td>\n                <input type=\"checkbox\">\n            </td>\n            <td>\n                <img class=\"imgtd\" src=\"./ikons/ucastok.png\">\n            </td>\n            <td>\n               <p>\n                    <strong>\n                        Вариант 1 (название)\n                    </strong>\n              </p>\n                <label>\n                    Краткое описание растения и кнопка\n                </label>\n            </td>\n            \n            <td>\n                <div class='count_box'>\n                    <div class=\"minus\">-</div>\n                <input class='inp_price' type=\"text\" value=\"1\"/>\n                <div class=\"plus\">+</div>\n                </div> \n            </td>\n            <td>\n                \n                        \n                        3060                                 \n\n                       \n                  \n            </td>\n            <td>\n                <p class=\"p\" >\n                    <strong>\n                        \n                        3060                                 \n\n                       \n                    </strong>\n                </p>\n            </td>\n        </tr>\n    </table><br>\n    <table class=\"table\">\n        <tr>\n            <td>\n                <h1>\n                    <strong>\n\n                        Итого\n                    </strong>\n                </h1>\n                \n              \n            </td>\n            <td>\n\n            </td>\n            <td>\n\n            </td>\n            \n            <td>\n\n</td>\n            <td>\n                \n                    \n             \n              \n            </td>\n            <td>\n                3060р\n            </td>\n        </tr>\n        \n    </table>\n    <div class=\"footer\">\n        <p>\n            {{qwerty}}\n        </p>\n    </div>\n    \n</div>\n\n</div>\n\n<!--  -->\n\n<div class=\"rightblock\">\n \n    <div class=\"img-box\">\n        \n    </div>\n    <div class=\"crt\">\n        <div class=\"box\">\n                \n         \n                \n        <button @click=\"calculator\" class=\"btn redorder\">\n            Редактировать или удалить\n        </button>\n        <div class=\"ques\">?</div>\n         </div>\n        <div class=\"box\">\n               \n         \n                \n        <button @click=\"calculator\" class=\"btn crtorder\">\n                    Создать заказ\n        </button>\n        <div class=\"ques\">?</div>\n         </div>\n    </div>\n            </div>\n           \n       \n    </div>\n    </div>\n</template>\n\n\n\n<script>\nimport heder from \"./components/hederTree.vue\";\nimport axios from \"axios\";\n// import filter1 from \"./components/filtrModal.vue\";\n//import hederd from \"./components/hederDuo.vue\";\n\nexport default{\n    components:{\n     // hederd,\n     \n        heder,\n\n       \n        \n    },\n\n    methods :{\n\n        openmodal1(){\n            // Открыть модальное окно\n                document.getElementById(\"open-modal-btn\").addEventListener(\"click\", function() {\n                    document.getElementById(\"my-modal1\").classList.add(\"open\")\n                })\n\n                // Закрыть модальное окно\n                document.getElementById(\"close-my-modal-btn\").addEventListener(\"click\", function() {\n                    document.getElementById(\"my-modal1\").classList.remove(\"open\")\n                })\n\n                // Закрыть модальное окно при нажатии на Esc\n                window.addEventListener('keydown', (e) => {\n                    if (e.key === \"Escape\") {\n                        document.getElementById(\"my-modal1\").classList.remove(\"open\")\n                    }\n                });\n\n                // Закрыть модальное окно при клике вне его\n                document.querySelector(\"#my-modal1 .modal__box\").addEventListener('click', event => {\n                    event._isClickWithInModal = true;\n                });\n                document.getElementById(\"my-modal1\").addEventListener('click', event => {\n                    if (event._isClickWithInModal) return;\n                    event.currentTarget.classList.remove('open');\n                });\n                        },\n\n        search(){\n            const options = {\n            method: 'GET',\n            url: 'http://185.221.153.253:5700/api/search',\n            headers: {Authorization: 'Bearer 0ded13aa-624b-40cf-bef7-dc7a2bf97c2c'},\n            data: {\n                f_compos_type: this.valuesearch,\n                f_template: this.valuesearch,\n                f_temp_char: this.valuesearch,\n                f_place: this.valuesearch,\n                f_ground_sost: this.valuesearch,\n                f_ground_kisl: this.valuesearch,\n                f_ct_size: this.valuesearch,\n                f_ct_form: this.valuesearch,\n                f_ct_light: this.valuesearch,\n                f_ct_color: this.valuesearch,\n                f_ct_maf: this.valuesearch,\n                f_ct_vl: this.valuesearch,\n                f_ct_res: this.valuesearch,\n                f_ct_aroma: this.valuesearch,\n                f_ct_plants: this.valuesearch\n            }\n            };\n\n            axios.request(options).then(function (response) {\n            console.log(response.data);\n            }).catch(function (error) {\n            console.error(error);\n            });\n        }\n\n        }\n}\n</script>\n\n\n<style scoped>\n\n.close{\n     width: 40%; \n    text-align: right;\n    margin-top: -2px;\n}\n\n.versions{\n    display: flex;\n    text-align: center;\n    margin-top: 0.2%;\n    margin-left: 37%;\n}\n.versions p{\n    margin-left: 3%;\n    width: 85px;\n}\n.bottom{\n    text-align: left;\n    font-size: 24px;\n}\n\n.box{\n    margin-top: 2%;\n    display: flex;\n    width: 100%;\n}\n.ques{\n    width: 40px;\n    height: 40px;\n    border-radius: 20px;\n    background-color: #D9D9D9;\n    text-align: center;\n    font-size: 24px;\n    margin-left: 60px;\n    margin-top: 1%;\n}\n\n.minus {\n        cursor: pointer;\n        width:25px;\n        float:left;\n        text-align:center;\n        border-radius: 3px;\n        border:1px solid gray;\n    }\n    .plus {\n        cursor: pointer;\n        width:25px;\n        float:right;\n        text-align:center;\n        border:1px solid gray;\n        /* margin-top: -25px; */\n    }\n    \n    .inp_price {\n        width:40px;\n        text-align:center;\n        border:1px solid gray;\n        /* border-left:1px solid gray;\n        border-right:1px solid gray; */\n    }\n    \n    .count_box {\n        width:90px;\n        /* border:1px solid gray;   */\n    }\n    /* .body{\n    display: flex;\n    width: 100%;\n    \n} */\n.header{\n    width: 100%;\n    }\n/* left ========== */\n\n.blocks{\n    width: 58%;\n    margin-top: 1%;\n    margin-left: 2%;\n}\n.imgtd{\n    width: 100;\nheight: 100px;\nleft: 62px;\ntop: 333px;\n\n\nborder-radius: 10px;\n}\n\n.table td{\n    margin-left: 0.5%;\n    border: 1px solid #0000;\n    text-align: left;\n}\n\n/* right =========== */\n\n.rightblock{\n    width: 40%;\n    margin-top: 2%;\n}\n\n.dwnlt{\n    display: flex;\nflex-direction: row;\n    justify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\n/* position: absolute; */\nwidth: 355px;\nheight: 56px;\nleft: 1145px;\n/* top: 270px; */\nfloat: left;\nbackground: #949494;\nborder-radius: 10px;\n}\n\n.rpst{\n    display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\n\n/* position: absolute; */\nwidth: 355px;\nheight: 56px;\nleft: 927px;\n/* top: 270px; */\nmargin-left: 2%;\nbackground: #949494;\nfloat: left;\nborder-radius: 10px\n\n}\n\n.img-box{\n    box-sizing: border-box;\n\nbackground-color: #949494;\nwidth: 98%;\nheight: 400.97px;\nleft: 927px;\ntop: 344px;\n\n\nborder: 1px solid #D9D9D9;\nborder-radius: 10px;\n}\n.crt{\n    /* display: flex; */\n    justify-content: center;\nalign-items: center;\n}\n.crtorder{\n\n    display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\nwidth: 70%;\nheight: 54px;\nleft: 944px;\ntop: 796px;\n\nbackground: #CD5E5E;\nborder-radius: 10px;\n}\n.redorder{\n    display: flex;\nflex-direction: row;\njustify-content: center;\nalign-items: center;\npadding: 16px 20px;\ngap: 10px;\nwidth: 70%;\nheight: 54px;\nleft: 944px;\ntop: 796px;\n\nbackground: #D9D9D9;\nborder-radius: 10px;\n}\n.content{\n    display: flex;\n    margin-top: 2%;\n}\n\n\n.up input{\n    float: left;\n   \n}\n.up{\n    display: flex;\n    margin-top: -0.2%;\n}\n\n.heder{\n    width: 98%;\n    margin-top: 0%;\n    text-align: center;\n}\n.heder a{\n    text-align: center;\n    justify-content: center;\n    align-content: center;\n}\n.body{\n    height: 120%;\n    margin-top: 0px;\n    font-family: \"Montserrat-Regular\";\n}\n/* Heder */\n\n.heder{\n    margin-left: 2%;\n    margin-top: -2px;\n    font-family: \"Montserrat-Regular\";\n}\n.heder2{\n    margin-top: -40px;\n    /* align-content: center; */\n    margin-left: 18%;\n}\n.heder2 a{\n    text-decoration: none;\n    color: black;\n}\n.p2{\n    float: left;\n    margin-left: 1%;\n    font-size: 16px;\n    margin-top: 0.5%;\n    text-align: center;\n    width: 240px;\n    height: 19px;\n}\n.up a{\n    text-decoration: none;\n    color: black;\n}\n\n\n\n\n\n</style>\n","import { render } from \"./plantPod.vue?vue&type=template&id=0251032c&scoped=true\"\nimport script from \"./plantPod.vue?vue&type=script&lang=js\"\nexport * from \"./plantPod.vue?vue&type=script&lang=js\"\n\nimport \"./plantPod.vue?vue&type=style&index=0&id=0251032c&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-0251032c\"]])\n\nexport default __exports__","<template>\n    <heder/> \n    <!-- <hederd/> -->\n        <div class=\"heder\">\n        <br>\n            <div class=\"up\">\n                <a href=\"#alias\">\n                <p><img src=\"./ikons/strelkanazad1.png\">  Назад</p>\n                </a>\n               \n               \n            </div>\n            <div class=\"bottom\">\n               <div class=\"blockp1\">\n                    <div class=\"p1\">\n                        <strong>\n                            Без названия\n                        </strong>\n                    </div>\n                </div> \n               \n\n            </div>\n            <br>\n        </div> \n    <div class=\"body\">\n\n        <div class=\"content\">\n           \n            \n            <table>\n                <tr class=\"str1\">\n                    <td>\n                        Результат генерации\n                    </td>\n                    <td>\n\n                    </td>\n                    <td>\n                        Экологические условия\n                    </td>\n                    <td>\n                        Бюджет\n                    </td>\n                    <td>\n                        Ваши предпочтения\n                    </td>\n                    <td>\n                        Теги\n                    </td>\n                    <td>\n                        Подборка\n                    </td>\n                    <td>\n                        Документы\n                    </td>\n                </tr>\n                <tr>\n                    <td>\n                        <div class=\"img\">\n                            <img class=\"img\" src=\"./ikons/flowers.jpeg\">\n                        </div>\n                    </td>\n                    <td >\n                          Версия 1\n                        <div class=\"imgbox\">\n                            \n                        <div >\n                            <img class=\"img2\" src=\"./ikons/flowers.jpeg\">\n                        </div>\n                        <div >\n                            <img class=\"img2\" src=\"./ikons/flowers.jpeg\">\n                        </div>\n                        <div >\n                            <img class=\"img2\" src=\"./ikons/flowers.jpeg\">\n                        </div>\n                                </div>\n                    </td>\n                    <td>\n                       Зона зимостойкости 4<br>\n                            Полутень\n                    </td>\n                    <td>\n                        2421p-3060p\n                    </td>\n                    <td>\n                        Беседки, цветы, очаг, зона, <br>\n                    посмотреть все\n                    </td>\n                    <td>\n                        Розы, оранжевый, английский,<br>\nпосмотреть все\n                    </td>\n                    <td>\n                        3060p\n                    </td>\n                    <td>\n                        Ведомость растений<br>\nГенплан\n                    </td>\n                </tr>\n                <tr>\n                   <td>\n                    <hr>\n                   </td>\n                   <td>\n                    <hr>\n                   </td>\n                   <td>\n                    <hr>\n                   </td>\n                   <td>\n                    <hr>\n                   </td>\n                   <td>\n                    <hr>\n                   </td>\n                   <td>\n                    <hr>\n                   </td>\n                   <td>\n                    <hr>\n                   </td>\n                   <td>\n                    <hr>\n                   </td>\n                </tr>\n                <tr>\n                    <td>\n                        <div class=\"img\">\n                            <img class=\"img\" src=\"./ikons/flowers.jpeg\">\n                        </div>\n                    </td>\n                    <td >\n                          Версия 1\n                        <div class=\"imgbox\">\n                            \n                        <div >\n                            <img class=\"img2\" src=\"./ikons/flowers.jpeg\">\n                        </div>\n                        <div >\n                            <img class=\"img2\" src=\"./ikons/flowers.jpeg\">\n                        </div>\n                        <div >\n                            <img class=\"img2\" src=\"./ikons/flowers.jpeg\">\n                        </div>\n                                </div>\n                    </td>\n                    <td>\n                       Зона зимостойкости 4<br>\n                            Полутень\n                    </td>\n                    <td>\n                        2421p-3060p\n                    </td>\n                    <td>\n                        Беседки, цветы, очаг, зона, <br>\n                    посмотреть все\n                    </td>\n                    <td>\n                        Розы, оранжевый, английский,<br>\nпосмотреть все\n                    </td>\n                    <td>\n                        3060p\n                    </td>\n                    <td>\n                        Ведомость растений<br>\nГенплан\n                    </td>\n                </tr>\n                <tr>\n                   <td>\n                    <hr>\n                   </td>\n                   <td>\n                    <hr>\n                   </td>\n                   <td>\n                    <hr>\n                   </td>\n                   <td>\n                    <hr>\n                   </td>\n                   <td>\n                    <hr>\n                   </td>\n                   <td>\n                    <hr>\n                   </td>\n                   <td>\n                    <hr>\n                   </td>\n                   <td>\n                    <hr>\n                   </td>\n                </tr>\n                <tr>\n                    <td>\n                        <div class=\"img\">\n                            <img class=\"img\" src=\"./ikons/flowers.jpeg\">\n                        </div>\n                    </td>\n                    <td >\n                          Версия 1\n                        <div class=\"imgbox\">\n                            \n                        <div >\n                            <img class=\"img2\" src=\"./ikons/flowers.jpeg\">\n                        </div>\n                        <div >\n                            <img class=\"img2\" src=\"./ikons/flowers.jpeg\">\n                        </div>\n                        <div >\n                            <img class=\"img2\" src=\"./ikons/flowers.jpeg\">\n                        </div>\n                                </div>\n                    </td>\n                    <td>\n                       Зона зимостойкости 4<br>\n                            Полутень\n                    </td>\n                    <td>\n                        2421p-3060p\n                    </td>\n                    <td>\n                        Беседки, цветы, очаг, зона, <br>\n                    посмотреть все\n                    </td>\n                    <td>\n                        Розы, оранжевый, английский,<br>\nпосмотреть все\n                    </td>\n                    <td>\n                        3060p\n                    </td>\n                    <td>\n                        Ведомость растений<br>\nГенплан\n                    </td>\n                </tr>\n            </table>\n\n\n        </div>\n           \n       \n    </div>\n    \n</template>\n\n\n\n<script>\nimport heder from \"./components/hederTree.vue\";\nimport axios from \"axios\";\n// import filter1 from \"./components/filtrModal.vue\";\n//import hederd from \"./components/hederDuo.vue\";\n\nexport default{\n    components:{\n     // hederd,\n     \n        heder,\n\n       \n        \n    },\n\n    methods :{\n\n        openmodal1(){\n            // Открыть модальное окно\n                document.getElementById(\"open-modal-btn\").addEventListener(\"click\", function() {\n                    document.getElementById(\"my-modal1\").classList.add(\"open\")\n                })\n\n                // Закрыть модальное окно\n                document.getElementById(\"close-my-modal-btn\").addEventListener(\"click\", function() {\n                    document.getElementById(\"my-modal1\").classList.remove(\"open\")\n                })\n\n                // Закрыть модальное окно при нажатии на Esc\n                window.addEventListener('keydown', (e) => {\n                    if (e.key === \"Escape\") {\n                        document.getElementById(\"my-modal1\").classList.remove(\"open\")\n                    }\n                });\n\n                // Закрыть модальное окно при клике вне его\n                document.querySelector(\"#my-modal1 .modal__box\").addEventListener('click', event => {\n                    event._isClickWithInModal = true;\n                });\n                document.getElementById(\"my-modal1\").addEventListener('click', event => {\n                    if (event._isClickWithInModal) return;\n                    event.currentTarget.classList.remove('open');\n                });\n                        },\n\n        search(){\n            const options = {\n            method: 'GET',\n            url: 'http://185.221.153.253:5700/api/search',\n            headers: {Authorization: 'Bearer 0ded13aa-624b-40cf-bef7-dc7a2bf97c2c'},\n            data: {\n                f_compos_type: this.valuesearch,\n                f_template: this.valuesearch,\n                f_temp_char: this.valuesearch,\n                f_place: this.valuesearch,\n                f_ground_sost: this.valuesearch,\n                f_ground_kisl: this.valuesearch,\n                f_ct_size: this.valuesearch,\n                f_ct_form: this.valuesearch,\n                f_ct_light: this.valuesearch,\n                f_ct_color: this.valuesearch,\n                f_ct_maf: this.valuesearch,\n                f_ct_vl: this.valuesearch,\n                f_ct_res: this.valuesearch,\n                f_ct_aroma: this.valuesearch,\n                f_ct_plants: this.valuesearch\n            }\n            };\n\n            axios.request(options).then(function (response) {\n            console.log(response.data);\n            }).catch(function (error) {\n            console.error(error);\n            });\n        }\n\n        }\n}\n</script>\n\n<style scoped>\n\n.img{\n    width: 112px;\n    height: 112px;\n    /* background-color: rgb(218, 218, 218); */\n    margin-left: 25%;\n}\n.imgbox{\n    display: flex;\n}\n.imgbox div{\n    margin-left: 2%;\n}\n.img2{\n    width: 56px;\n    height: 56px;\n    background-color: rgb(218, 218, 218);\n    margin-left: 2%;\n    margin-top: 5%;\n}\n.str1{\n    font-size: 24px;\n    margin-left: 1%;\n}\n.str1 td{\n    margin-left: 10%;\n}\n.content table{\n    text-align: center;\n \n    width: 100%;\n}\n.content{\n    width: 98%;\n}\n.content table{\n    margin-left: 1.5%;\n}\n\n.bottom{\n    text-align: left;\n    font-size: 24px;\n    margin-left: 2%;\n}\n.up input{\n    float: left;\n   \n}\n.up{\n    display: flex;\n    margin-top: -0.2%;\n}\n\n.heder{\n    width: 98%;\n    margin-top: 0%;\n    text-align: center;\n}\n.heder a{\n    text-align: center;\n    justify-content: center;\n    align-content: center;\n}\n.body{\n    height: 120%;\n    margin-top: 0px;\n    font-family: \"Montserrat-Regular\";\n}\n/* Heder */\n\n.heder{\n    margin-left: 2%;\n    margin-top: -2px;\n    font-family: \"Montserrat-Regular\";\n}\n\n\n.up a{\n    text-decoration: none;\n    color: black;\n}\n\n\n\n\n\n</style>\n","import { render } from \"./versionsProject.vue?vue&type=template&id=4b750e0a&scoped=true\"\nimport script from \"./versionsProject.vue?vue&type=script&lang=js\"\nexport * from \"./versionsProject.vue?vue&type=script&lang=js\"\n\nimport \"./versionsProject.vue?vue&type=style&index=0&id=4b750e0a&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-4b750e0a\"]])\n\nexport default __exports__","<template>\n    <heder/> \n    <!-- <hederd/> -->\n        <div class=\"heder\">\n        <br>\n            <!-- <div class=\"up\">\n                <a href=\"#alias\">\n                <p><img src=\"./ikons/strelkanazad1.png\">  Назад</p>\n                </a>\n                \n               \n            </div> -->\n            <div class=\"bottom\">\n               <div class=\"blockp1\">\n                    <div class=\"p1\">\n                        <strong>\n                            Без названия\n                        </strong>\n                    </div>\n                </div> \n               <div class=\"versions\">\n                    <p>\n                    Версия 1\n                </p>\n                <p>\n                    Версия 2\n                </p>\n               \n                <p>\n                    Версия 2\n                </p> \n                </div>\n                <div class=\"close\">\n                    <!-- <save/> -->\n                    <button class=\"btn closebtn\">\n                        Закрыть проект\n                    </button>\n</div>\n\n            </div>\n            <br>\n        </div> \n        <div class=\"heder2\">\n\n<a href=\"#shablon\">\n         <div class=\"p2\">\n        Результат генерации\n    </div>  \n    </a>         \n \n    <div class=\"p2\">\n        Основные данные\n    </div>\n    <a href=\"#visual\">\n       <div class=\"p2\">\n        Визуальные предпочтения\n    </div>  \n    </a>\n   \n    <a href=\"#docs\">\n    <div class=\"p2\">\n        Документация\n    </div>\n     \n    </a>\n     <a href=\"#docs\">\n    <div class=\"p2\">\n        Подборки растений\n    </div>\n    </a>\n\n\n</div><br><br>\n\n    <div class=\"body\">\n        <div class=\"tegs\">\n            <label class=\"checkbox-btn1\">\n            <input type=\"checkbox\" >\n            <span>Найти дешевле</span>\n            </label>\n            <label class=\"checkbox-btn1\">\n            <input type=\"checkbox\" >\n            <span>Найти ближе</span>\n            </label>\n            <label class=\"checkbox-btn1\">\n            <input type=\"checkbox\" checked>\n            <span>Найти проверенного</span>\n            </label>\n            <label class=\"checkbox-btn1\">\n            <input type=\"checkbox\" >\n            <span>Найти в одном месте</span>\n            </label>\n        </div>\n            \n        <div class=\"content\">\n           \n           <div class=\"lcontent\">\n            <div class=\"order\">\n                <p>\n                    <strong>\n                        Заказ 1 \n                    </strong>\n                   \n                </p>\n                <label>\n                    Адрес и реквизиты СЦ или питомника\n                </label>\n                <table>\n                    <tr>\n                        <td>\n                            <input class=\"cbx\" type=\"checkbox\">\n                        </td>         \n                        <td>\n                            <img class=\"ikonimg\" src=\"./ikons/flowers.jpeg\">\n                        </td>  \n                        <td class=\"info\">\n                            <p>\n                                Название 1 \n                            </p>\n                            <label class=\"lb1\">\n                                Краткое описание растения и кнопка\n                            </label>\n                            <label class=\"lb1\">\n                                В продаже: перечисление питомников и СЦ\n                            </label>\n                        </td>  \n                        <td class=\"tdtifr\">\n                            <div class='count_box'>\n                                <div class=\"minus\">-</div>\n                            <input class='inp_price' type=\"text\" value=\"1\"/>\n                            <div class=\"plus\">+</div>\n                            </div> \n                        </td>    \n                        <td class=\"tdtifr\">\n                            3060p\n                        </td>\n                    </tr>\n                </table>\n            </div><br>\n            <div class=\"order\">\n                <p>\n                    <strong>\n                        Заказ 1 \n                    </strong>\n                   \n                </p>\n                <label>\n                    Адрес и реквизиты СЦ или питомника\n                </label>\n                <table>\n                    <tr>\n                        <td>\n                            <input class=\"cbx\" type=\"checkbox\">\n                        </td>         \n                        <td>\n                            <img class=\"ikonimg\" src=\"./ikons/flowers.jpeg\">\n                        </td>  \n                        <td>\n                            <p>\n                                Название 1 \n                            </p>\n                            <label>\n                                Краткое описание растения и кнопка\n                            </label>\n                            <label>\n                                В продаже: перечисление питомников и СЦ\n                            </label>\n                        </td>  \n                        <td class=\"tdtifr\">\n                            <div class='count_box'>\n                                <div class=\"minus\">-</div>\n                            <input class='inp_price' type=\"text\" value=\"1\"/>\n                            <div class=\"plus\">+</div>\n                            </div> \n                        </td>    \n                        <td class=\"tdtifr\">\n                            3060p\n                        </td>\n                    </tr>\n                </table>\n\n                \n            </div>\n                <div class=\"lfooter\">\n                        <label class=\"checkbox-btn\">\n                        <input type=\"checkbox\" checked >\n                        <span>\n                            \n                            <p>\n                            <input type=\"radio\" checked>    Доставка                             </p>\n                            <label>\n                                Наша служба доставки привезёт заказ домой, в офис или на дачу\n                            </label>\n                           \n                        </span>\n                        </label>\n                        <label class=\"checkbox-btn\">\n                        <input type=\"checkbox\"  >\n                        <span>\n                            \n                            <p>\n                            <input type=\"radio\" >    Самовывоз                             </p>\n                            <label>\n                                Заберите заказ бесплатно из магазина Леруа Мерлен или пункта самовывоза\n                            </label>\n                           \n                        </span>\n                        </label>\n                    </div>\n            </div>\n            \n            <div class=\"rcontent\">\n                <div class=\"rbox\">\n                 <br>\n                    <div class=\"hedp\">\n                        \n                        <input type=\"checkbox\"> \n                        \n                             Я юридическое лицо\n                       \n                       \n                 \n                    </div>\n                    \n                    <table>\n                        <tr>\n                            <td>\n                                <label>Товары (8) - 68.50 кг </label>\n\n                            </td>\n                            <td>\n                                10 866\n                            </td>\n                        </tr>\n                        <tr>\n                            <td>\n                                <p>\n                                    Итого\n                                </p>\n                            </td>\n                            <td>\n                                <p>\n                                    10866\n                                </p>\n                            </td>\n                        </tr>\n                    </table>\n                    <button class=\"btn gotoorder\">\n                        <strong>\n                              Перейти к оформлению\n                        </strong>\n                      \n                    </button>\n                   <p class=\"footp\">\n                        Дата и стоимость доставки или самовывоза определяются при оформлении заказа\n                   </p>\n                </div>\n                <button class=\"btn replayorder\">\n                    <strong>\n                           Повторить заказ\n                    </strong>\n                 \n                </button>\n            </div>\n           \n\n\n        </div>\n           \n       \n    </div>\n    \n</template>\n\n\n\n<script>\nimport $ from \"jquery\";\nimport heder from \"./components/hederTree.vue\";\nimport axios from \"axios\";\n// import filter1 from \"./components/filtrModal.vue\";\n//import hederd from \"./components/hederDuo.vue\";\n\nexport default{\n    components:{\n     // hederd,\n     \n        heder,\n\n       \n        \n    },\n    mounted(){\n           \n           console.log(this,'1') \n            console.log(this)\n        this.calculator(this)  //использовать для прорисовки по умолчанию\n   },\n    methods :{\n        calculator(){\n            \n            \n            $(document).ready(function() {\n    $('.minus').click(function () {\n        var $input = $(this).parent().find('input');\n        var count = parseInt($input.val()) - 1;\n        count = count < 1 ? 1 : count;\n        $input.val(count);\n        $input.change();\n        return false;\n    });\n    $('.plus').click(function () {\n        var $input = $(this).parent().find('input');\n        $input.val(parseInt($input.val()) + 1);\n        $input.change();       \n        return false;\n    });\n    \n  \n});\n\n        },\n\n        openmodal1(){\n            // Открыть модальное окно\n                document.getElementById(\"open-modal-btn\").addEventListener(\"click\", function() {\n                    document.getElementById(\"my-modal1\").classList.add(\"open\")\n                })\n\n                // Закрыть модальное окно\n                document.getElementById(\"close-my-modal-btn\").addEventListener(\"click\", function() {\n                    document.getElementById(\"my-modal1\").classList.remove(\"open\")\n                })\n\n                // Закрыть модальное окно при нажатии на Esc\n                window.addEventListener('keydown', (e) => {\n                    if (e.key === \"Escape\") {\n                        document.getElementById(\"my-modal1\").classList.remove(\"open\")\n                    }\n                });\n\n                // Закрыть модальное окно при клике вне его\n                document.querySelector(\"#my-modal1 .modal__box\").addEventListener('click', event => {\n                    event._isClickWithInModal = true;\n                });\n                document.getElementById(\"my-modal1\").addEventListener('click', event => {\n                    if (event._isClickWithInModal) return;\n                    event.currentTarget.classList.remove('open');\n                });\n                        },\n\n        search(){\n            const options = {\n            method: 'GET',\n            url: 'http://185.221.153.253:5700/api/search',\n            headers: {Authorization: 'Bearer 0ded13aa-624b-40cf-bef7-dc7a2bf97c2c'},\n            data: {\n                f_compos_type: this.valuesearch,\n                f_template: this.valuesearch,\n                f_temp_char: this.valuesearch,\n                f_place: this.valuesearch,\n                f_ground_sost: this.valuesearch,\n                f_ground_kisl: this.valuesearch,\n                f_ct_size: this.valuesearch,\n                f_ct_form: this.valuesearch,\n                f_ct_light: this.valuesearch,\n                f_ct_color: this.valuesearch,\n                f_ct_maf: this.valuesearch,\n                f_ct_vl: this.valuesearch,\n                f_ct_res: this.valuesearch,\n                f_ct_aroma: this.valuesearch,\n                f_ct_plants: this.valuesearch\n            }\n            };\n\n            axios.request(options).then(function (response) {\n            console.log(response.data);\n            }).catch(function (error) {\n            console.error(error);\n            });\n        }\n\n        }\n}\n</script>\n\n<style scoped>\n.close{\n     /* width: 40%;  */\n    text-align: right;\n    margin-top: -50px;\n}\n\n.tegs{\n    display: flex;\n}\n.versions{\n    display: flex;\n    text-align: center;\n    margin-top: -1.5%;\n    margin-left: 37%;\n}\n.versions p{\n    margin-left: 3%;\n    width: 85px;\n    font-size: 16px;\n}\n\n.hedp{\n    text-align: left;\n    background-color: white;\n    width: 70%;\n    margin-top: 1%;\n    margin-left: 12%;\n    border-radius: 5px;\n    font-size: 24px;\n    min-height: 40px;\n}\n\n.hedp input{\n    margin-left: 2%;\n    \n}\n.gotoorder{\n    background-color: #16183f;\n    text-align: center;\n    width: 75%;\n    min-width: 200px;\n    height: 55px;\n    margin-top: 4%;\n    color: white;\n}\n\n.footp{\n    text-align: left;\n    width: 80%;\n    margin-top: 2%;\n    margin-left: 12%;\n}\n.replayorder{\n    min-width: 200px;\n    width: 75%;\n    min-width: 200px;\n    height: 55px;\n   margin-left: 2%;\n   background-color: #CD5E5E;\n   border-radius: 5px;\n   margin-top: 4%;\n\n}\n.order table{\n    margin-top: 2%;\n    text-align: left;\n    margin-bottom: 2%;\n}\n.ikonimg{\n    \n    width: 132px;\n}\n\n.order{\n    padding: 5px;\n    background-color: #D9D9D9;\n    border-radius: 25px;\n   \n}\n.order p{\n    margin-left: 2%;\n    font-size: 24px;\n    text-align: left;\n}\n.order label{\n    margin-left: 2%;\n    text-align: left;\n\n}\n.rbox{\n    background-color: #f1f1f1;\n    margin-left: 3%;\n    border-radius: 25px;\n    text-align: center;\n    min-height: 350px;\n}\n.rbox table{\n   \n    margin-top: 6%;\n    text-align: left;\n    margin-left: 15%;\n}\n\n.rbox table p{\n    font-size: 24px;\n}\n.rcontent{\n    width: 35%;\n    text-align: center;\n    margin-left: 2.5%;\n}\n.lcontent{\n    border-radius: 25px;\n    margin-left: 2%;\n    width: 55%;\n   \n}\n.p2{\n    float: left;\n    margin-left: 1%;\n    font-size: 16px;\n    margin-top: 0.5%;\n    text-align: center;\n    width: 240px;\n    height: 19px;\n}\n.heder2{\n    text-align: center;\n    justify-content: center;\n    align-content: center;\n    margin-left: 18%;\n}\n.heder2 a{\n    text-decoration: none;\n    color: black;\n}\n.content table{\n    /* text-align: center; */\n \n    width: 100%;\n}\n.tdtifr{\n    min-width: 130px;\n}\n.info{\n    \n    /* text-align: left;\n    display: block;\n    justify-content: left; */\n}\n.cbx{\n    width: 30px;\n}\n.lb1{\n    text-align: left;\n \n}\n.content{\n    width: 100%;\n    display: flex;\n    margin-top: 0.5%;\n}\n\n.bottom{\n    text-align: left;\n    font-size: 24px;\n    margin-left: 2%;\n}\n.up input{\n    float: left;\n   \n}\n.up{\n    display: flex;\n    margin-top: -0.2%;\n}\n\n.heder{\n    width: 98%;\n    margin-top: 0%;\n    text-align: center;\n}\n.heder a{\n    text-align: center;\n    justify-content: center;\n    align-content: center;\n}\n.body{\n    height: 120%;\n    margin-top: 0px;\n    font-family: \"Montserrat-Regular\";\n}\n/* Heder */\n\n.heder{\n    margin-left: 2%;\n    margin-top: -2px;\n    font-family: \"Montserrat-Regular\";\n}\n\n\n.up a{\n    text-decoration: none;\n    color: black;\n}\n\n\n/* kol-vo */\n.minus {\n        cursor: pointer;\n        width:25px;\n        float:left;\n        text-align:center;\n        border-radius: 3px;\n        border:1px solid gray;\n    }\n    .plus {\n        cursor: pointer;\n        width:25px;\n        float:right;\n        text-align:center;\n        border:1px solid gray;\n        /* margin-top: -25px; */\n    }\n    \n    .inp_price {\n        width:40px;\n        text-align:center;\n        border:1px solid gray;\n        /* border-left:1px solid gray;\n        border-right:1px solid gray; */\n    }\n    \n    .count_box {\n        width:90px;\n        \n        /* border:1px solid gray;   */\n    }\n    /* ===================== */\n    /* ===================== */\n    /* ===================== */\n    /* check-box */\n    .lfooter{\n        width: 100%;\n        display: flex;\n    }\n    .checkbox-btn {\n\tdisplay: inline-block;\n\tmargin-top: 1%;\n    margin-left: 2%;\n\tuser-select: none;\n\tposition: relative;\n    width:  49%;\n    height: 125px;\n    /* border-radius: 25px; */\n\n}\n.checkbox-btn input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: 100%;\n    height: 0;\n    background: #8d8d8d;\n}\n.checkbox-btn span {\n\tdisplay: inline-block;\n\tcursor: pointer;\n\tpadding: 0px 10px;\n    /* background: #8d8d8d; */\n\tline-height: 30px;\n\tborder: 1px solid #999;\n\tborder-radius: 25px;\n\t/* transition: background 0.2s ease; */\n    width:  100%;\n    height: 125px;\n    padding: 5px;\n    \n}\n \n/* Checked */\n.checkbox-btn input[type=checkbox]:checked + span {\n\t/* background: #f5f5f5; */\n    color: rgb(0, 0, 0);\n    border: 1px solid #ff5151;\n}\n\n.checkbox-btn1 {\n\tdisplay: inline-block;\n\tmargin-top: 1%;\n    margin-left: 2%;\n\tuser-select: none;\n\tposition: relative;\n    width: auto;\n    height: auto;\n    /* border-radius: 25px; */\n\n}\n.checkbox-btn1 input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: auto;\n    height: 0;\n    background: #D9D9D9;\n    background-color: #D9D9D9;\n\n}\n.checkbox-btn1 span {\n\tdisplay: inline-block;\n\tcursor: pointer;\n\tpadding: 0px 10px;\n    /* background: #8d8d8d; */\n\tline-height: 30px;\n\tborder: 1px solid #999;\n    background-color: #D9D9D9;\n\n\tborder-radius: 25px;\n\t/* transition: background 0.2s ease; */\n    width:  auto;\n    height: auto;\n    padding: 5px;\n    text-align: center;\n    \n}\n \n/* Checked */\n.checkbox-btn1 input[type=checkbox]:checked + span {\n\t/* background: #f5f5f5; */\n    background-color: #706D6D;\n    color: rgb(255, 255, 255);\n    border: 1px solid #706D6D;\n}\n</style>\n","import { render } from \"./orderUno.vue?vue&type=template&id=6b3c327e&scoped=true\"\nimport script from \"./orderUno.vue?vue&type=script&lang=js\"\nexport * from \"./orderUno.vue?vue&type=script&lang=js\"\n\nimport \"./orderUno.vue?vue&type=style&index=0&id=6b3c327e&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6b3c327e\"]])\n\nexport default __exports__","<template>\n    <heder/> \n    <!-- <hederd/> -->\n        <div class=\"heder\">\n        <br>\n        <div class=\"up\">\n                <a href=\"#constructor\">\n                <p><img src=\"./ikons/strelkanazad1.png\">  Назад</p>\n                </a>\n                <!-- <p class=\"upp\">\n                  <strong>\n                     Профиль проекта\n                  </strong> \n\n                </p>\n                <div class=\"krug2\">\n                        \n                        <p>4</p> \n                 </div> -->\n            </div>  \n        <!-- <div class=\"up\">\n                <a href=\"#alias\">\n                <p><img src=\"./ikons/strelkanazad1.png\">  Назад</p>\n                </a>\n                \n               \n            </div> -->\n            <div class=\"bottom\">\n               <div class=\"blockp1\">\n                    <div class=\"p1\">\n                        <strong>\n                            Без названия\n                        </strong>\n                    </div>\n                </div> \n               <!-- <div class=\"versions\">\n                    <p>\n                    Версия 1\n                </p>\n                <p>\n                    Версия 2\n                </p>\n               \n                <p>\n                    Версия 2\n                </p> \n                </div> -->\n\n            </div>\n            <br>\n        </div> \n        <div class=\"heder2\">\n<!-- \n<a href=\"#shablon\">\n         <div class=\"p2\">\n        Результат генерации\n    </div>  \n    </a>         \n \n    <div class=\"p2\">\n        Основные данные\n    </div>\n    <a href=\"#visual\">\n       <div class=\"p2\">\n        Визуальные предпочтения\n    </div>  \n    </a>\n   \n    <a href=\"#docs\">\n    <div class=\"p2\">\n        Документация\n    </div>\n     \n    </a>\n     <a href=\"#docs\">\n    <div class=\"p2\">\n        Подборки растений\n    </div>\n    </a> -->\n\n\n</div><br><br>\n\n    <div class=\"body\">\n        <div class=\"tegs\">\n            <label class=\"checkbox-btn1\">\n            <input type=\"checkbox\" >\n            <span>Найти дешевле</span>\n            </label>\n            <label class=\"checkbox-btn1\">\n            <input type=\"checkbox\" >\n            <span>Найти ближе</span>\n            </label>\n            <label class=\"checkbox-btn1\">\n            <input type=\"checkbox\" checked>\n            <span>Найти проверенного</span>\n            </label>\n            <label class=\"checkbox-btn1\">\n            <input type=\"checkbox\" >\n            <span>Найти в одном месте</span>\n            </label>\n        </div>\n            \n        <div class=\"content\">\n           \n           <div class=\"lcontent\">\n            <div class=\"order\">\n                <p>\n                    <strong>\n                        Заказ 1 \n                    </strong>\n                   \n                </p>\n                <label>\n                    Адрес и реквизиты СЦ или питомника\n                </label>\n                <table>\n                    <tr>\n                        <td>\n                            <input class=\"cbx\" type=\"checkbox\">\n                        </td>         \n                        <td>\n                            <img class=\"ikonimg\" src=\"./ikons/flowers.jpeg\">\n                        </td>  \n                        <td class=\"info\">\n                            <p>\n                                Название 1 \n                            </p>\n                            <label class=\"lb1\">\n                                Краткое описание растения и кнопка\n                            </label>\n                            <label class=\"lb1\">\n                                В продаже: перечисление питомников и СЦ\n                            </label>\n                        </td>  \n                        <td class=\"tdtifr\">\n                            <div class='count_box'>\n                                <div class=\"minus\">-</div>\n                            <input class='inp_price' type=\"text\" value=\"1\"/>\n                            <div class=\"plus\">+</div>\n                            </div> \n                        </td>    \n                        <td class=\"tdtifr\">\n                            3060p\n                        </td>\n                    </tr>\n                </table>\n            </div><br>\n            <div class=\"order\">\n                <p>\n                    <strong>\n                        Заказ 1 \n                    </strong>\n                   \n                </p>\n                <label>\n                    Адрес и реквизиты СЦ или питомника\n                </label>\n                <table>\n                    <tr>\n                        <td>\n                            <input class=\"cbx\" type=\"checkbox\">\n                        </td>         \n                        <td>\n                            <img class=\"ikonimg\" src=\"./ikons/flowers.jpeg\">\n                        </td>  \n                        <td>\n                            <p>\n                                Название 1 \n                            </p>\n                            <label>\n                                Краткое описание растения и кнопка\n                            </label>\n                            <label>\n                                В продаже: перечисление питомников и СЦ\n                            </label>\n                        </td>  \n                        <td class=\"tdtifr\">\n                            <div class='count_box'>\n                                <div class=\"minus\">-</div>\n                            <input class='inp_price' type=\"text\" value=\"1\"/>\n                            <div class=\"plus\">+</div>\n                            </div> \n                        </td>    \n                        <td class=\"tdtifr\">\n                            3060p\n                        </td>\n                    </tr>\n                </table>\n\n                \n            </div>\n                <div class=\"lfooter\">\n                        <label class=\"checkbox-btn\">\n                        <input type=\"checkbox\" checked >\n                        <span>\n                            \n                            <p>\n                            <input type=\"radio\" checked>    Доставка                             </p>\n                            <label>\n                                Наша служба доставки привезёт заказ домой, в офис или на дачу\n                            </label>\n                           \n                        </span>\n                        </label>\n                        <label class=\"checkbox-btn\">\n                        <input type=\"checkbox\"  >\n                        <span>\n                            \n                            <p>\n                            <input type=\"radio\" >    Самовывоз                             </p>\n                            <label>\n                                Заберите заказ бесплатно из магазина Леруа Мерлен или пункта самовывоза\n                            </label>\n                           \n                        </span>\n                        </label>\n                    </div>\n            </div>\n            \n            <div class=\"rcontent\">\n                <div class=\"rbox\">\n                 <br>\n                    <div class=\"hedp\">\n                        \n                        <input type=\"checkbox\"> \n                        \n                             Я юридическое лицо\n                       \n                       \n                 \n                    </div>\n                    \n                    <table>\n                        <tr>\n                            <td>\n                                <label>Товары (8) - 68.50 кг </label>\n\n                            </td>\n                            <td>\n                                10 866\n                            </td>\n                        </tr>\n                        <tr>\n                            <td>\n                                <p>\n                                    Итого\n                                </p>\n                            </td>\n                            <td>\n                                <p>\n                                    10866\n                                </p>\n                            </td>\n                        </tr>\n                    </table>\n                    <button class=\"btn gotoorder\">\n                        <strong>\n                              Перейти к оформлению\n                        </strong>\n                      \n                    </button>\n                   <p class=\"footp\">\n                        Дата и стоимость доставки или самовывоза определяются при оформлении заказа\n                   </p>\n                </div>\n                <button class=\"btn replayorder\">\n                    <strong>\n                        Создать заказ самостоятельно\n                    </strong>\n                 \n                </button>\n            </div>\n           \n\n\n        </div>\n           \n       \n    </div>\n    \n</template>\n\n\n\n<script>\nimport $ from \"jquery\";\nimport heder from \"./components/hederTree.vue\";\nimport axios from \"axios\";\n// import filter1 from \"./components/filtrModal.vue\";\n//import hederd from \"./components/hederDuo.vue\";\n\nexport default{\n    components:{\n     // hederd,\n     \n        heder,\n\n       \n        \n    },\n    mounted(){\n           \n           console.log(this,'1') \n            console.log(this)\n        this.calculator(this)  //использовать для прорисовки по умолчанию\n   },\n    methods :{\n        calculator(){\n            \n            \n            $(document).ready(function() {\n    $('.minus').click(function () {\n        var $input = $(this).parent().find('input');\n        var count = parseInt($input.val()) - 1;\n        count = count < 1 ? 1 : count;\n        $input.val(count);\n        $input.change();\n        return false;\n    });\n    $('.plus').click(function () {\n        var $input = $(this).parent().find('input');\n        $input.val(parseInt($input.val()) + 1);\n        $input.change();       \n        return false;\n    });\n    \n  \n});\n\n        },\n\n        openmodal1(){\n            // Открыть модальное окно\n                document.getElementById(\"open-modal-btn\").addEventListener(\"click\", function() {\n                    document.getElementById(\"my-modal1\").classList.add(\"open\")\n                })\n\n                // Закрыть модальное окно\n                document.getElementById(\"close-my-modal-btn\").addEventListener(\"click\", function() {\n                    document.getElementById(\"my-modal1\").classList.remove(\"open\")\n                })\n\n                // Закрыть модальное окно при нажатии на Esc\n                window.addEventListener('keydown', (e) => {\n                    if (e.key === \"Escape\") {\n                        document.getElementById(\"my-modal1\").classList.remove(\"open\")\n                    }\n                });\n\n                // Закрыть модальное окно при клике вне его\n                document.querySelector(\"#my-modal1 .modal__box\").addEventListener('click', event => {\n                    event._isClickWithInModal = true;\n                });\n                document.getElementById(\"my-modal1\").addEventListener('click', event => {\n                    if (event._isClickWithInModal) return;\n                    event.currentTarget.classList.remove('open');\n                });\n                        },\n\n        search(){\n            const options = {\n            method: 'GET',\n            url: 'http://185.221.153.253:5700/api/search',\n            headers: {Authorization: 'Bearer 0ded13aa-624b-40cf-bef7-dc7a2bf97c2c'},\n            data: {\n                f_compos_type: this.valuesearch,\n                f_template: this.valuesearch,\n                f_temp_char: this.valuesearch,\n                f_place: this.valuesearch,\n                f_ground_sost: this.valuesearch,\n                f_ground_kisl: this.valuesearch,\n                f_ct_size: this.valuesearch,\n                f_ct_form: this.valuesearch,\n                f_ct_light: this.valuesearch,\n                f_ct_color: this.valuesearch,\n                f_ct_maf: this.valuesearch,\n                f_ct_vl: this.valuesearch,\n                f_ct_res: this.valuesearch,\n                f_ct_aroma: this.valuesearch,\n                f_ct_plants: this.valuesearch\n            }\n            };\n\n            axios.request(options).then(function (response) {\n            console.log(response.data);\n            }).catch(function (error) {\n            console.error(error);\n            });\n        }\n\n        }\n}\n</script>\n\n<style scoped>\n\n\n.tegs{\n    display: flex;\n}\n.versions{\n    display: flex;\n    text-align: center;\n    margin-top: -1.5%;\n    margin-left: 37%;\n}\n.versions p{\n    margin-left: 3%;\n    width: 85px;\n    font-size: 16px;\n}\n\n.hedp{\n    text-align: left;\n    background-color: white;\n    width: 70%;\n    margin-top: 1%;\n    margin-left: 12%;\n    border-radius: 5px;\n    font-size: 24px;\n    min-height: 40px;\n}\n\n.hedp input{\n    margin-left: 2%;\n    \n}\n.gotoorder{\n    background-color: #16183f;\n    text-align: center;\n    width: 75%;\n    min-width: 200px;\n    height: 55px;\n    margin-top: 4%;\n    color: white;\n}\n\n.footp{\n    text-align: left;\n    width: 80%;\n    margin-top: 2%;\n    margin-left: 12%;\n}\n.replayorder{\n    min-width: 200px;\n    width: 75%;\n    min-width: 200px;\n    height: 55px;\n   margin-left: 2%;\n   background-color: #D9D9D9;;\n   border-radius: 5px;\n   margin-top: 4%;\n\n}\n.order table{\n    margin-top: 2%;\n    text-align: left;\n    margin-bottom: 2%;\n}\n.ikonimg{\n    \n    width: 132px;\n}\n\n.order{\n    padding: 5px;\n    background-color: #D9D9D9;\n    border-radius: 25px;\n   \n}\n.order p{\n    margin-left: 2%;\n    font-size: 24px;\n    text-align: left;\n}\n.order label{\n    margin-left: 2%;\n    text-align: left;\n\n}\n.rbox{\n    background-color: #f1f1f1;\n    margin-left: 3%;\n    border-radius: 25px;\n    text-align: center;\n    min-height: 350px;\n}\n.rbox table{\n   \n    margin-top: 6%;\n    text-align: left;\n    margin-left: 15%;\n}\n\n.rbox table p{\n    font-size: 24px;\n}\n.rcontent{\n    width: 35%;\n    text-align: center;\n    margin-left: 2.5%;\n}\n.lcontent{\n    border-radius: 25px;\n    margin-left: 2%;\n    width: 55%;\n   \n}\n.p2{\n    float: left;\n    margin-left: 1%;\n    font-size: 16px;\n    margin-top: 0.5%;\n    text-align: center;\n    width: 240px;\n    height: 19px;\n}\n.heder2{\n    text-align: center;\n    justify-content: center;\n    align-content: center;\n    margin-left: 18%;\n}\n.heder2 a{\n    text-decoration: none;\n    color: black;\n}\n.content table{\n    /* text-align: center; */\n \n    width: 100%;\n}\n.tdtifr{\n    min-width: 130px;\n}\n.info{\n    \n    /* text-align: left;\n    display: block;\n    justify-content: left; */\n}\n.cbx{\n    width: 30px;\n}\n.lb1{\n    text-align: left;\n \n}\n.content{\n    width: 100%;\n    display: flex;\n    margin-top: 0.5%;\n}\n\n.bottom{\n    text-align: left;\n    font-size: 24px;\n    margin-left: 2%;\n}\n.up input{\n    float: left;\n   \n}\n.up{\n    display: flex;\n    margin-top: -0.2%;\n}\n\n.heder{\n    width: 98%;\n    margin-top: 0%;\n    text-align: center;\n}\n.heder a{\n    text-align: center;\n    justify-content: center;\n    align-content: center;\n}\n.body{\n    height: 120%;\n    margin-top: 0px;\n    font-family: \"Montserrat-Regular\";\n}\n/* Heder */\n\n.heder{\n    margin-left: 2%;\n    margin-top: -2px;\n    font-family: \"Montserrat-Regular\";\n}\n\n\n.up a{\n    text-decoration: none;\n    color: black;\n}\n\n\n/* kol-vo */\n.minus {\n        cursor: pointer;\n        width:25px;\n        float:left;\n        text-align:center;\n        border-radius: 3px;\n        border:1px solid gray;\n    }\n    .plus {\n        cursor: pointer;\n        width:25px;\n        float:right;\n        text-align:center;\n        border:1px solid gray;\n        /* margin-top: -25px; */\n    }\n    \n    .inp_price {\n        width:40px;\n        text-align:center;\n        border:1px solid gray;\n        /* border-left:1px solid gray;\n        border-right:1px solid gray; */\n    }\n    \n    .count_box {\n        width:90px;\n        \n        /* border:1px solid gray;   */\n    }\n    /* ===================== */\n    /* ===================== */\n    /* ===================== */\n    /* check-box */\n    .lfooter{\n        width: 100%;\n        display: flex;\n    }\n    .checkbox-btn {\n\tdisplay: inline-block;\n\tmargin-top: 1%;\n    margin-left: 2%;\n\tuser-select: none;\n\tposition: relative;\n    width:  49%;\n    height: 125px;\n    /* border-radius: 25px; */\n\n}\n.checkbox-btn input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: 100%;\n    height: 0;\n    background: #8d8d8d;\n}\n.checkbox-btn span {\n\tdisplay: inline-block;\n\tcursor: pointer;\n\tpadding: 0px 10px;\n    /* background: #8d8d8d; */\n\tline-height: 30px;\n\tborder: 1px solid #999;\n\tborder-radius: 25px;\n\t/* transition: background 0.2s ease; */\n    width:  100%;\n    height: 125px;\n    padding: 5px;\n    \n}\n \n/* Checked */\n.checkbox-btn input[type=checkbox]:checked + span {\n\t/* background: #f5f5f5; */\n    color: rgb(0, 0, 0);\n    border: 1px solid #ff5151;\n}\n\n.checkbox-btn1 {\n\tdisplay: inline-block;\n\tmargin-top: 1%;\n    margin-left: 2%;\n\tuser-select: none;\n\tposition: relative;\n    width: auto;\n    height: auto;\n    /* border-radius: 25px; */\n\n}\n.checkbox-btn1 input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: auto;\n    height: 0;\n    background: #D9D9D9;\n    background-color: #D9D9D9;\n\n}\n.checkbox-btn1 span {\n\tdisplay: inline-block;\n\tcursor: pointer;\n\tpadding: 0px 10px;\n    /* background: #8d8d8d; */\n\tline-height: 30px;\n\tborder: 1px solid #999;\n    background-color: #D9D9D9;\n\n\tborder-radius: 25px;\n\t/* transition: background 0.2s ease; */\n    width:  auto;\n    height: auto;\n    padding: 5px;\n    text-align: center;\n    \n}\n \n/* Checked */\n.checkbox-btn1 input[type=checkbox]:checked + span {\n\t/* background: #f5f5f5; */\n    background-color: #706D6D;\n    color: rgb(255, 255, 255);\n    border: 1px solid #706D6D;\n}\n</style>\n","import { render } from \"./orderChange.vue?vue&type=template&id=6bafc576&scoped=true\"\nimport script from \"./orderChange.vue?vue&type=script&lang=js\"\nexport * from \"./orderChange.vue?vue&type=script&lang=js\"\n\nimport \"./orderChange.vue?vue&type=style&index=0&id=6bafc576&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6bafc576\"]])\n\nexport default __exports__","<template>\n    <heder/> \n    <!-- <hederd/> -->\n    <div class=\"heder\">\n        <br>\n            <div class=\"up\">\n                <a href=\"#constructor\">\n                <p><img src=\"./ikons/strelkanazad1.png\">  Назад</p>\n                </a>\n                <!-- <p class=\"upp\">\n                  <strong>\n                     Профиль проекта\n                  </strong> \n\n                </p>\n                <div class=\"krug2\">\n                        \n                        <p>4</p> \n                 </div> -->\n                 \n            </div>\n            <div class=\"bottom\">\n                <!-- <div class=\"blockp1\">\n                    <div class=\"p1\">\n                        <strong>\n                            Без названия\n                        </strong>\n                    </div>\n                </div>  -->\n              \n               \n\n            </div>\n        </div> \n        \n    <div class=\"body\">\n        <div class=\"heder\">\n            <div class=\"up\">\n                <input \n                class=\"inp1\"\n                 type=\"text\"\n                  placeholder=\"search\"\n                  v-model=\"valuesearch\"\n                  >\n                  <button class=\"btn bttn \" @click=\"search\">\n                    <img class=\"imgsrc\"  src=\"./ikons/srcbtn.png\">\n                  </button>\n                <div class=\"bbtn\">\n                 \n\n            \n                <a>\n                <img \n                class=\"output\"\n                 src=\"./ikons/output-onlinepngtools.png\">\n               <upload/>\n                </a>\n               \n\n        <!-- <button >Открыть модальное окно</button> -->\n    </div>\n\n   \n              \n            </div>\n            <div class=\"bott\">\n            \n            \n            <div class=\"tegs\">\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked >\n            <span>Прованс</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" checked>\n            <span>Скульптуры</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Уютное</span>\n            </label>\n            <label class=\"checkbox-btn\">\n            <input type=\"checkbox\" >\n            <span>Прованс</span>\n            </label>\n        </div>\n        \n         \n            <label>\n                {{response}}\n            </label>\n            \n            </div>\n        </div>\n        <div class=\"content\">\n           \n        \n       \n            <div id=\"columns\">\n  \n  <figure>\n\n<!-- <img class=\"kvadrat\" src=\"./photos/0552645884cfc3ae683ed06958a13fe4.jpeg\"> -->\n<div class=\"kvadrat\">\n\n</div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n</label>\n\n<label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n</label>\n\n<!-- <p>\n<img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n</p>\n\n<p>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</p> -->\n\n</div> \n<!-- src=\"./photos/1583600444_35-p-vostochnii-stil-v-landshaftnom-dizaine-87.jpg\" -->\n</figure>\n<figure>\n<div class=\"prugol\">\n<!-- <img class=\"prugol\" > -->\n</div>\n\n\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n\n</figure>\n<figure>\n<div class=\"drugol\"></div>\n<!-- <img src=\"./photos/1625491701_31-almode_ru-p-sovremennii-landshaftnii-dizain-34.jpg\"> -->\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1618688100_67-p-stil-kantri-v-landshaftnom-dizaine-70.jpg\"> -->\n<div class=\"prugol\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/0daeac68c1788181be4c80c30c59098f.jpg\"> -->\n<div class=\"kvadrat\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1583687789_51-p-stili-landshaftnogo-dizaina-89.jpg\"> -->\n<div class=\"kvadrat\">\n\n</div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1581025276_17-p-landshaftnie-dizaini-46.jpg\"> -->\n<div class=\"drugol\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div>  \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1582214716_10-p-minimalistichnii-landshaftnii-dizain-17.jpg\"> -->\n<div class=\"prugol\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1584364627_26-p-landshaftnii-dizain-v-skandinavskom-stile-90.jpg\"> -->\n<div class=\"drugol\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div>  \n<!-- <figcaption>Cinderella wearing European fashion of the mid-1860’s</figcaption> -->\n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1584617479_27-p-dizain-uchastkov-s-prudom-84.jpg\"> -->\n<div class=\"kvadrat\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n<!-- <figcaption>Cinderella wearing European fashion of the mid-1860’s</figcaption> -->\n\n</figure>\n<figure>\n<!-- <img src=\"./photos/0fa57f896fe863b4600cda97910edcce.jpg\"> -->\n<div class=\"kvadrat\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1625491757_37-almode_ru-p-sovremennii-landshaftnii-dizain-40.jpg\"> -->\n<div class=\"prugol\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1627177551_43-p-geometriya-v-landshaftnom-dizaine-45.jpg\"> -->\n<div class=\"prugol\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/103.png\"> -->\n<div class=\"drugol\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div>  \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1511719296_45-modern.jpg\"> -->\n<div class=\"kvadrat\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<div class=\"prugol\"></div>\n<!-- <img src=\"./photos/1581025158_41-p-landshaftnie-dizaini-zadnikh-dvorov-80.jpg\"> -->\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n<figure>\n<!-- <img src=\"./photos/1581025276_17-p-landshaftnie-dizaini-46.jpg\"> -->\n<div class=\"prugol\"></div>\n<div class=\"laik\">\n    <label class=\"checkbox-btn2\">\n\n    <input type=\"checkbox\"  >\n    <span>\n        <img class=\"luk\" src=\"./ikons/ser3.png\" >   Нравится\n\n    </span>\n      </label>\n\n     <label class=\"checkbox-btn2\">\n\n<input type=\"checkbox\"  >\n<span>\n<img class=\"dizluk\" src=\"./ikons/ser4.png\" >   Не нравится\n\n</span>\n\n     </label>\n\n</div> \n\n</figure>\n\n</div>\n  <div class=\"next\">\n            <a href=\"#shagtri\">\n            <button class=\"btn bn2\">\n              <p class=\"gen1\">\n                Сгенерировать\n              </p>\n              <p class=\"gen2\">\n                до доступа к функции<br> осталось выбрать 5 изображений\n              </p>\n            </button>\n            </a>\n        </div>\n        </div>\n        \n    </div>\n    <!-- </div> -->\n</template>\n\n\n\n<script>\nimport heder from \"./components/hederTree.vue\";\nimport axios from \"axios\";\nimport upload from \"./components/uploadModal.vue\";\n// import save from \"./components/SaveModal.vue\"\n// import filter1 from \"./components/filtrModal.vue\";\n//import hederd from \"./components/hederDuo.vue\";\n\nexport default{\n    components:{\n     // hederd,\n     \n        heder,\n        upload,\n        // save,\n        \n    },\n\n    methods :{\n\n        openmodal(){\n             // Открыть модальное окно\n             document.getElementById(\"open-modal-btn\").addEventListener(\"click\", function() {\n                document.getElementById(\"my-modal\").classList.add(\"open\")\n            })\n\n            // Закрыть модальное окно\n            document.getElementById(\"close-my-modal-btn\").addEventListener(\"click\", function() {\n                document.getElementById(\"my-modal\").classList.remove(\"open\")\n            })\n\n            // Закрыть модальное окно при нажатии на Esc\n            window.addEventListener('keydown', (e) => {\n                if (e.key === \"Escape\") {\n                    document.getElementById(\"my-modal\").classList.remove(\"open\")\n                }\n            });\n\n            // Закрыть модальное окно при клике вне его\n            document.querySelector(\"#my-modal .modal__box\").addEventListener('click', event => {\n                event._isClickWithInModal = true;\n            });\n            document.getElementById(\"my-modal\").addEventListener('click', event => {\n                if (event._isClickWithInModal) return;\n                event.currentTarget.classList.remove('open');\n            });\n                        },\n\n        search(){\n            const options = {\n            method: 'GET',\n            url: 'http://185.221.153.253:5700/api/search',\n            headers: {Authorization: 'Bearer 0ded13aa-624b-40cf-bef7-dc7a2bf97c2c'},\n            data: {\n                f_compos_type: this.valuesearch,\n                f_template: this.valuesearch,\n                f_temp_char: this.valuesearch,\n                f_place: this.valuesearch,\n                f_ground_sost: this.valuesearch,\n                f_ground_kisl: this.valuesearch,\n                f_ct_size: this.valuesearch,\n                f_ct_form: this.valuesearch,\n                f_ct_light: this.valuesearch,\n                f_ct_color: this.valuesearch,\n                f_ct_maf: this.valuesearch,\n                f_ct_vl: this.valuesearch,\n                f_ct_res: this.valuesearch,\n                f_ct_aroma: this.valuesearch,\n                f_ct_plants: this.valuesearch\n            }\n            };\n\n            axios.request(options).then(function (response) {\n            console.log(response.data);\n            }).catch(function (error) {\n            console.error(error);\n            });\n        }\n\n        }\n}\n</script>\n\n<style scoped>\n\n.prugol{\n    width: 300px;\n    height: 400px;\n    background-color: #8d8d8d;\n  }\n  .kvadrat{\n    width: 300px;\n    height: 300px;\n    background-color: #8d8d8d;\n  }\n  .drugol{\n    width: 400px;\n    height: 300px;\n    background-color: #8d8d8d;\n  }\n.close{\n    width: 90%;\n    text-align: right;\n}\n.bottom{\n    margin-top: 2%;\n}\n\n.tegs{\n    margin-left: 2%;\n}\n.laik{\n    color: white;\nwidth: 300px;\nheight: 36px;\npadding: 5px;\nmargin-top: -50px;\n/* margin-left: -5px; */\n/* background: #707070; */\ntext-align: center;\nborder-radius: 10px;\n   z-index: 999;\n   position: absolute;\n   display: flex;\n   justify-content: center;\n}\n\n\n.luk{\n    /* width: 26px; */\n}\n.laik img{\n    width: 26px;\n}\n\n\n.content{\n    z-index:4;\n    display: block;\n    margin-left: 2%;\n}\n.gen1{\n    margin-top: 1%;\n    font-family: \"Montserrat-SemiBold\";\n    color: black;\n    font-size: 24px;\n}\n.gen2{\n    margin-top: -3%;\n}\n.next a{\n    text-decoration: none;\n    color: black;\n   opacity: 60%;\n\n}\n.next{\n    /* z-index: 999999999999999999999995; */\n    margin-top: 350%;\n    position: fixed;\n    left: 38%;\n    /* text-align: center; */\n}\n.bn2{\n    width: 400px;\n    height: 110px;\n    background-color: #cecece;\n    border-radius: 60px;\n}\n.img1{\n    /* width: 300px; */\n  \n        /* height: 400pxrelative; */\n    background-color: rgb(255, 255, 255);\n    margin-left: 2%;\n    float: left;\n    /* margin-top: 1%; */\n    padding: 5px;\n    z-index: -444444444444;\n  \n}\n.img{\n    width: 300px;\n    z-index: 1;\n    border-radius: 10px;\n    /* position: relative; */\n}\n.img2{\n   \n    /* width: 300px; */\n    /* height: 250px; */\n    background-color: rgb(255, 255, 255);\n    margin-left: 2%;\n    float: left;\n    /* margin-top: 1%; */\n    padding: 5px;\n    \n}\n.checkbox-btn {\n\tdisplay: inline-block;\n\tmargin-top: 1%;\n    margin-left: 2%;\n\tuser-select: none;\n\tposition: relative;\n    /* border-radius: 25px; */\n\n}\n.checkbox-btn input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: 0;\n\theight: 0;\n    background: #8d8d8d;\n}\n.checkbox-btn span {\n\tdisplay: inline-block;\n\tcursor: pointer;\n\tpadding: 0px 10px;\n    background: #8d8d8d;\n\tline-height: 30px;\n\tborder: 1px solid #999;\n\tborder-radius: 24px;\n\ttransition: background 0.2s ease;\n}\n \n/* Checked */\n.checkbox-btn input[type=checkbox]:checked + span {\n\tbackground: #97c004;\n    color: white;\n}\n/* ================= */\n.checkbox-btn1 {\n\tdisplay: inline-block;\n\tmargin-top: 1%;\n    margin-left: 2%;\n\tuser-select: none;\n\tposition: relative;\n    /* border-radius: 25px; */\n\n}\n.checkbox-btn1 input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: 0;\n   \n\theight: 0;\n    background: #8d8d8d;\n}\n.checkbox-btn1 span {\n\tdisplay: inline-block;\n\tcursor: pointer;\n\tpadding: 0px 15px;\n    background: #ffffff;\n\tline-height: 35px;\n\tborder: 1px solid #747474;\n\tborder-radius: 5px;\n\ttransition: background 0.2s ease;\n}\n \n/* Checked */\n.checkbox-btn2 input[type=checkbox]:checked + span {\n\tbackground: #858585;\n    color: white;\n    opacity: 90%;\n}\n/* ================= */\n/* ================= */\n.checkbox-btn2 {\n\tdisplay: inline-block;\n\t/* margin-top: 1%;\n    margin-left: 0%; */\n\tuser-select: none;\n\tposition: relative;\n    /* border-radius: 25px; */\n\n}\n.checkbox-btn2 input[type=checkbox] {\n\tz-index: -1;\n\topacity: 0;\n\tdisplay: block;\n\twidth: 0;\n\theight: 0;\n    background: #8d8d8d;\n}\n.checkbox-btn2 span {\n\tdisplay: flex;\n\twidth: 150px;\n    /* justify-content: center; */\n    cursor: pointer;\n\tpadding: 0px 15px;\n    background: #8d8d8d;\n    margin-left: 0px;\n\tline-height: 35px;\n    font-size: 14px;\n\tborder: 1px solid #747474;\n\tborder-radius: 5px;\n\ttransition: background 0.2s ease;\n}\n \n/* Checked */\n.checkbox-btn2 input[type=checkbox]:checked + span {\n\tbackground: #e70303;\n    color: white;\n    opacity: 90%;\n}\n/* ================= */\n.up input{\n    float: left;\n   width: 80%;\n}\n.up{\n    display: flex;align-items: center;\n    margin-top: -0.2%;\n    width: 100%;\n}\n.bbtn{\n    display: flex;\njustify-content: left;\n   /* width: 100%; */\n    /* float: left; */\n    /* margin-left: 30%; */\n}\n.bbtn a{\n    display: flex;\njustify-content: center;\nalign-items: center;\nmargin-left: 2%;\n}\n.output{\n    width: 40px;\n    height: 40px;\n}\n.bt1{\n    background-color: white;\n    margin-left: 2%;\n    border-radius: 5px;\n    /* width: 15%; */\n    height: 35px;\n    padding: 5px ;\n}\n.inp1{\n   \n\n    margin-left: 0%;\n    width:80%;\n   height: 35px;\n    text-align: left;\n}\n@media screen and (max-width: 1880px) {\n    .inp1{\n    margin-left: 2%;\n    width:45%;\n    text-align: left;\n}\n}\n@media screen and (max-width: 1680px) {\n    .inp1{\n    margin-left: 2%;\n    width:30%;\n    text-align: left;\n}\n}\n.bttn{\n    width: 100px;\n}\n.imgsrc{\n    /* width: 100%; */\n    height: 35px;\n}\n/* .heder{\n    width: 98%;\n    margin-top: 0%;\n} */\n.body{\n    height: 120%;\n    margin-top: 0px;\n    font-family: \"Montserrat-Regular\";\n}\n/* Heder */\n\n.heder{\n    width: 98%;\n    margin-left: 2%;\n    margin-top: -2px;\n    font-family: \"Montserrat-Regular\";\n}\n.p1{\n    float: left;\n    margin-left: 0%;\n    font-size: 24px;\n    text-align: center;\n    width: 177px;\n    height: 29px;\n    font-weight: 400;\n    line-height: 29px;\n}\n.blockp2{\n    margin-left: 12%;\n    text-align: center;\n}\n.blockp2 a{\n    text-decoration: none;\n    color: black;\n    text-align: center;\n}\n.p2{\n    float: left;\n    margin-left: 1%;\n    font-size: 16px;\n    margin-top: 0.5%;\n    text-align: center;\n    width: 240px;\n    height: 19px;\n}\n.up a{\n    text-decoration: none;\n    color: black;\n}\n\n/* модальное окно */\n/* ============== */\n/* ============== */\n/* ============== */\n/* ============== */\n/* ============== */\n/* ============== */\n/* ============== */\n\nhtml {\n    box-sizing: border-box;\n}\n\n*,\n*::before,\n*::after {\n    box-sizing: inherit;\n}\n\na {\n    color: inherit;\n    text-decoration: none;\n}\n\nimg {\n    max-width: 100%;\n}\n\nbody {\n    font-family: Arial, Verdana, sans-serif;\n}\n\n.container {\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0 15px;\n}\n\n.modal {\n    position: fixed;\n    left: 0;\n    top: 0;\n    width: 100%;\n    height: 100vh;\n    z-index: 99998;\n    background-color: rgba(0, 0, 0, .3);\n    display: grid;\n    align-items: center;\n    justify-content: center;\n    overflow-y: auto;\n    visibility: hidden;\n    opacity: 0;\n    transition: opacity .4s, visibility .4s;\n}\n\n.modal__box1 {\n    position: relative;\n    max-width: 500px;\n    padding: 45px;\n    z-index: 1;\n    margin: 30px 15px;\n    background-color: white;\n    box-shadow: 0px 0px 17px -7px rgba(34, 60, 80, 0.2);\n    transform: scale(0);\n    transition: transform .8s;\n}\n\n.modal__close-btn {\n    position: absolute;\n    top: 8px;\n    right: 8px;\n    border: none;\n    background-color: transparent;\n    padding: 5px;\n    cursor: pointer;\n}\n\n.modal__close-btn svg path {\n    transition: fill .4s;\n}\n\n.modal__close-btn:hover svg path {\n    fill: blue;\n}\n\n.modal__close-btn:active svg path {\n    fill: rgb(186, 53, 0);\n}\n\n.modal.open {\n    visibility: visible;\n    opacity: 1;\n}\n\n.modal.open .modal__box {\n    transform: scale(1);\n}\n\n/* ================ */\n/* body {\n  background: url(//subtlepatterns.com/patterns/scribble_light.png);\n  font-family: Calluna, Arial, sans-serif;\n  min-height: 1000px;\n} */\n#columns {\n    /* z-index: 2111; */\n  column-width: 320px;\n  column-gap: 15px;\n  width: 100%;\n  max-width: 100%;\n  margin: 50px auto;\n}\n\ndiv#columns figure {\n  background: #fefefe;\n  /* border: 2px solid #fcfcfc; */\n  /* box-shadow: 0 1px 2px rgba(34, 25, 25, 0.4); */\n  margin: 0 2px 15px;\n  padding: 15px;\n  padding-bottom: 10px;\n  transition: opacity .4s ease-in-out;\n  display: inline-block;\n  column-break-inside: avoid;\n}\n\ndiv#columns figure img {\n  /* width: 100%;  */\n  height: auto;\n  /* border-bottom: 1px solid #ccc;\n  padding-bottom: 15px; */\n  margin-bottom: 5px;\n  \n}\n.luk{\n    width: 26px;\n}\n.dizluk{\n    width: 26px;\n    \n}\n.laik img{\n    width: 26px;\n}\ndiv#columns figure figcaption {\n  font-size: .9rem;\n  color: #444;\n  line-height: 1.5;\n}\n\ndiv#columns small { \n  font-size: 1rem;\n  float: right; \n  text-transform: uppercase;\n  color: #aaa;\n} \n\ndiv#columns small a { \n  color: #666; \n  text-decoration: none; \n  transition: .4s color;\n \n}\n\ndiv#columns:hover figure:not(:hover) {\n  /* opacity: 0.4; */\n}\n\n@media screen and () { \n  #columns { column-gap: 0px; }\n  #columns figure { width: 100%; }\n}\n</style>\n","import { render } from \"./galeryPage.vue?vue&type=template&id=eaa50fb6&scoped=true\"\nimport script from \"./galeryPage.vue?vue&type=script&lang=js\"\nexport * from \"./galeryPage.vue?vue&type=script&lang=js\"\n\nimport \"./galeryPage.vue?vue&type=style&index=0&id=eaa50fb6&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-eaa50fb6\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n        12 {{ qwerty }}\n        <div class=\"kard\"\n                v-for:=\"options in project1\" \n                @click=\"projectclick(options.id)\"\n                >\n                {{options[4].id}}\n                Hello World\n                    <!-- <a href=\"#shablon\" > -->\n                     <div class=\"kardimg\"></div>\n        1\n                     <div class=\"kardb\"\n                    >\n                        <img class=\"image1\" src=\"@/component/pages/ikons/fail.png\" >\n                       \n                        {{(options)? project1 : ''}}\n                      {{console.log('134')+ options}}\n                  {{window.pr}}\n                      <div id=\"test\">\n                        \n                      </div >\n                      {{ qwerty }}\n                        <br>\n                     </div>\n                     <!-- </a> -->\n\n                </div> \n    </div>\n</template>\n\n<script>\nimport apiint from  \"../../JS/apiint.js\"  \nexport default{\n    data(){\n       return{\n           \n            project1: null,\n            proect: null,\n           \n        }\n    },\n    // created(){      \n                  \n    //               this.projects()\n    //               this.getprojects()\n          \n    //   },\n\n          mounted(){\n    \n            this.projects()          \n  \n        //использовать для прорисовки по умолчанию\n  },\n      \n          methods:{\n      \n            projects(){\n            \n            var options8 = {\n                method: 'GET',\n                url: 'http://185.221.153.253:8000/api/aigarden/project',\n                               \n                };\n              \n                apiint.request(options8).then(function (response) {\n                  console.log(response.data, \"1\");\n              //  localStorage.setItem('id', response.data.id)      \n                        \n                var project1 = response.data\n\n                console.log(project1,\"2\");\n                console.log(project1[0].id,\"3\");\n                  window.pr= response.data\n\n                // let qwerty = response.data.id\n                console.log(\"========\",\"4\");\n                console.log( options8,\"5\");\n                let prod = project1//\n                    console.log(prod,\"6\")\n                 //   document.getElementById('test').textContent = prod\n                // console.log(qwerty);\n              //  document.getElementById('test1').textContent = project1\n              //return {options8}\n              // window.refresh()\n            })\n            .catch(function (error) {\n                console.error(\"name error\", error);\n             \n               })\n            \n        },\n            getprojects(){\n               \n\n               const getpr = {\n               method: 'GET',\n               url: 'http://185.221.153.253:8000/api/aigarden/project',\n               \n               };\n   \n               apiint.request(getpr).then(function (response) {\n                   console.log(\"hello worlf\");   \n               console.log(response.data);\n                 let proect = response.data\n                 console.log(proect)\n                 let  element = document.querySelector('.test1');\n               let getprodj= response.data\n               element.innerHTML= getprodj\n               }).catch(function (error) {\n               console.error(error);\n               });\n               },\n}\n}\n</script>\n\n<style scoped>\n\n</style>\n","import { render } from \"./testProject.vue?vue&type=template&id=1ae5a8be\"\nimport script from \"./testProject.vue?vue&type=script&lang=js\"\nexport * from \"./testProject.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <div class=\"body\" >\n\n        {{getproject}}\n        <div class=\"bd\" v-for:=\"options in get\">\n{{options}}\n        </div>\n        \n\n    </div>  \n\n</template>\n<script>\n import apiint from  \"../../JS/apiint.js\" \nexport default{\n   \n\n    methods:{\n        getproject(){\n                    \n\n            const options = {\n            method: 'GET',\n            url: 'http://185.221.153.253:8000/api/aigarden/project',\n            \n            \n            };\n\n            apiint.request(options).then(function (response) {\n            console.log(response.data);\n            var get=response.data\n            console.log(get)\n            }).catch(function (error) {\n            console.error(error);\n            });\n                    },\n            qwe(){\n                const q=\"qwert\"\n                console.log(q)\n\n\n            }\n\n\n\n                },\n    mounted(){\n        const q=\"qwert\"\n                console.log(q)\n        this. getproject()\n        this. qwe()\n    } \n}\n</script>\n\n<style scoped>\n\n\n</style>","import { render } from \"./testDou.vue?vue&type=template&id=57025ce2\"\nimport script from \"./testDou.vue?vue&type=script&lang=js\"\nexport * from \"./testDou.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","<template>\n    <heder/>\n    <div class=\"body\">\n        <div class=\"leftmenu\">\n            <left/>\n        </div>\n        \n        \n        <div class=\"conten1t1\">\n          <content1/>\n        </div>\n    </div>\n</template>\n\n<script>\nimport content1 from \"./component/contentUno.vue\";\nimport heder from \"/src/component/pages/components/hederUno.vue\";\nimport left from \"./component/leftMenu.vue\";\n\nexport default{\n    components:{\n        content1,\n        heder,\n        left,\n        \n    }\n}\n\n</script>\n\n<style scoped>\n.lcontent{\n    margin-left: 0%;\n    width: 100%;\n   \n}\n.hederLM{\n\n}\n.leftmenu{\n    width: 20%;\n    height: 100%;\n    margin-left: 2%;\n    float: left;\n}\n.conten1t1{\n    float: left;\n}\n.body{\n    margin-top: 50px;\n    font-family: \"Montserrat-Regular\";\n    \n}\n</style>\n","<template>\n    <div class=\"body\">\n        <div class=\"left\">\n\n               <div class=\"conthed\">\n\n                 <img class=\"hedimgl\" src=\"./photos/1633908674_126-p-zagorodnie-doma-i-kottedzhi-foto-132.jpg\" alt=\"\">\n              \n               </div><br>\n\n               <div class=\"tipimg\">\n                    <table>\n                        <tr class=\"tr\">\n                            <td class=\"td\">\n                                <p>\n                                    <strong>\n                                        Тип изображения\n                                    </strong>\n                                </p>\n                                <label>\n                                        Стиль \n                                </label>    \n                            \n                            </td>\n                            <td class=\"td\">\n                                <button class=\"btn btgetr\">\n                                    Добавить разметку\n                                </button>\n                            </td>\n                        </tr>\n                    </table>\n               </div><br>\n\n               <div class=\"style\">\n                    <div class=\"lstyle\">\n                         <p>\n                            <strong>\n                                Стиль:\n                            </strong>\n\n                        </p>\n                        <ul>\n                            <a>\n                                <li>\n                                    английский 50%\n                                </li>  \n                            </a>\n                            <a>\n                                <li>\n                                    голландский 20%\n                                </li>  \n                            </a>\n                            <a>\n                                <li>\n                                    романтический 30%\n                                </li>  \n                            </a>\n                        </ul>\n                    </div>\n                    <div class=\"rstyle\">\n                        <a href=\"#onePage\">\n                            <button class=\"btn constructor\">\n                                Конструктор нейросетей\n                            </button> \n                        </a>       \n                    </div>\n                   \n               </div><br>\n\n               <div class=\"objects\">\n                    <div class=\"lobjects\">\n                        <p>\n                            <strong>\n                                Объекты:\n                            </strong>\n                            автоматически\n                        </p>\n                        <ul>\n                            <li>\n                                клумба \n                              \n                            </li>\n                            <li>\n                                миксбордер\n                            </li>\n                            <li>\n                                  бордюр\n                            </li>\n                        </ul>\n                    </div>\n                    <div class=\"robjects\">\n                        <button class=\"btn gotelements\">\n                            Добавить элемент\n                        </button><br>\n                    </div>\n               </div>\n\n               <div class=\"elements\">\n                    <div class=\"lelements\">\n                        <p>\n                            <strong>\n                                Элементы:\n                            </strong>\n                            автоматически\n                        </p>\n                        <ul>\n                            <a>\n                                <li>\n                                    дом\n                                </li>  \n                            </a>\n                            <a>\n                                <li>\n                                    подпорная стенка\n                                </li>  \n                            </a>\n                            <a>\n                                <li>\n                                    дорожка\n                                </li>  \n                            </a>\n                            <a>\n                                <li>\n                                    газон\n                                </li>  \n                            </a>\n                            <a>\n                                <li>\n                                    клен гиннала\n                                </li>  \n                            </a>\n                            <a>\n                                <li>\n                                    рудбекия\n                                </li>  \n                            </a>\n                            <a>\n                                <li>\n                                    роза\n                                </li>  \n                            </a>\n                        </ul>\n                    </div>\n\n                    <div class=\"relements\">\n                        <button class=\"btn gotelements\">\n                            Добавить элемент\n                        </button><br>\n\n                        <button class=\"btn parametrimg\">\n                            Параметры изображения\n                        </button>\n                    </div>\n\n\n               </div><br><br>\n               <div class=\"lfooter\">\n                    <p>\n                        <strong>\n                            Параметры изображений\n                        </strong>\n                    </p>\n               </div>\n        </div>\n        <!--  =================  -->\n        <div class=\"right\">\n            \n              <div class=\"rconthed\">\n                   <div class=\"imgbox\">\n                        <img class=\"hedimgr\" src=\"./photos/1633908674_126-p-zagorodnie-doma-i-kottedzhi-foto-132.jpg\" alt=\"\">\n                   </div> \n                   <div class=\"rcontbox\">\n                        <div class=\"razmerbox\">\n                            <p>\n                                Высота\n                            </p>\n                            <label>\n                               0,5 м\n                            </label>\n                            <p>\n                               Ширина\n                            </p>\n                            <label>\n                                0,5 м\n                            </label>\n                            <p>\n                                 Глубина\n                            </p>\n                            <label>\n                                0,5 м\n                            </label>\n\n                        <button class=\"btn getrazmer\">\n                            Задать размер\n                        </button><br>\n                        </div>\n                   </div>\n                 \n               </div><br>\n\n               <div class=\"wthobject\">\n                    <div class=\"lwthobject\"> \n                      <p>\n                            <strong>\n                                Что за обЪект?\n                            </strong>\n                           \n                        </p>\n                        <label>\n                            Группа\n                        </label>\n                    </div> \n                    <div class=\"rwhtobject\">\n                         <p>\n                            <strong>\n                                Определённые элементы:\n                            </strong>\n                         </p>   \n                         <label class=\"greytext\">\n                            Растение 1 вид\n                         </label>\n                         <ul class=\"nobullet\">\n                            <li>\n                                 Гелиопсис 20%  \n                            </li>\n                            <li>\n                                Рудбекия 80%\n                            </li>\n                         </ul>\n                         \n                    </div><br>\n                    \n               </div><br>\n               <div class=\"opredelit\">\n\n                        <div class=\"lobj\">\n                            <p>\n                                <strong>\n                                       Определить элементы\n                                </strong>                             \n                            </p>\n                            <input type=\"text\" placeholder=\"Найти по ключевым словам\"><br>\n                             <input type=\"text\" placeholder=\"Выбрать из онтологии\">\n                        </div>\n                        <div class=\"robj\">\n                            <p>\n                                .\n                            </p>\n                            <button class=\"btn getbtn\">\n                                Добавить\n                            </button><br>\n                            <button class=\"btn getbtn\">\n                                Добавить\n                            </button>\n                        </div>\n                    \n                 </div><br>\n                 <div class=\"forms\">\n                    <div class=\"lforms\">\n                        <p>\n                            <strong>\n                                Форма группы\n                            </strong>\n                           \n                        </p>\n                        <label>\n                            автоматически\n                        </label>\n                        <p>\n                            <strong>\n                                    Форма соцветий  \n                            </strong>\n                          \n                        </p>\n                        <label>\n                            автоматически\n                        </label>\n                        <p>\n                            <strong>\n                                 Цвет зелени\n                            </strong>\n                          \n                        </p>\n                        <label>\n                            автоматически\n                        </label>\n                        <p>\n                            <strong>\n                                 Цвет цветков\n                            </strong>\n                           \n                        </p>\n                        <label>\n                            автоматически\n                        </label>\n                    </div>\n                    <div class=\"rforms\">\n                        <div class=\"btnbox\">\n                            <button class=\"btn change1\">\n                            Выбрать\n                        </button><br>\n                        <button class=\"btn change\">\n                            Выбрать\n                        </button><br>\n                        <button class=\"btn change\">\n                            Выбрать\n                        </button><br>\n                        <button class=\"btn change\">\n                            Выбрать\n                        </button><br>\n                        </div>\n                        \n                    </div>\n\n                   \n\n                 </div><br><br>\n                 <div class=\"rfooter\">\n                        <button class=\"btn segmentirovati\">\n                            Сегментировать\n                        </button>\n                        <button class=\"btn strelka\">\n                            <img src=\"./ikons/strelka1.png\" >\n                        </button>\n                        <button class=\"btn strelka\">\n                           <img src=\"./ikons/strelka2.png\" >\n                        </button>\n                        <button class=\"btn save\">\n                            Сохранить\n                        </button>\n                    </div>   \n\n\n        </div>\n    </div>\n</template>\n\n<script>\n\nexport default{\n\n}\n\n</script>\n\n<style scoped>\n/* L FOOTER */\n.lfooter{\n    margin-left: 2%;\n}\n/* OBJECTS */\n.objects{\n    margin-left: 2%;\n    display: flex;\n}\n.lobjects{\n    width: 50%;\n}\n\n.robjects{\n    text-align: right;\n    width: 35%;\n    margin-left: 10%;\n    \n}\n/* ELEMENTS */\n.elements{\n    margin-left: 2%;\n    display: flex;\n}\n\n.lelements{\n    width: 50%;\n}\n\n.relements{\n    text-align: right;\n    width: 35%;\n    margin-left: 10%;\n    \n}\n.gotelements{\n    border-radius: 50px;\n    width: 185px;\n    height: 40px;\n    background-color: #D9D9D9;\n   \n\n}\n.parametrimg{\n    width: 250px;\n    height: 50px;\n    background-color: #B6B6B6;\n    border-radius: 10px;\n    margin-top: 20%;\n}\n/* STYLE */\n.style{\n    margin-left: 2%;\n    display: flex;\n}\n.lstyle{\n    float: left;\n    width: 50%;\n}\n.rstyle{\n    width: 35%;\n    margin-left: 10%;\n}\n\n.constructor{\n    width: 241px;\n    height: 44.07px;\n    border: 3px solid #D9D9D9;\n    border-radius: 10px;\n}\n/* content Hed */\n.conthed{\n    text-align: center;\n    margin-top: 0%;\n    width: 100%;\n    height: 400px;\n    background-color: #9b9b9b;\n}\n.rconthed{\n    /* text-align: center; */\n    margin-top: 0%;\n    width: 100%;\n    height: 400px;\n    background-color: #9b9b9b;\n    display: flex;\n}\n.hedimgl{\n    width: 90%;\n    margin-top: 1%;\n}\n.hedimgr{\n    width: 80%;\n    margin-top: 1%;\n    margin-left: 2%;\n}\n.rconthed{\n    margin-right: 2%;\n   \n}\n\n.razmerbox{\n    text-align: center;\n}\n/* TIP IMG */\n.btgetr{\n    width: 198px;\n    height: 39px;\n    background-color: #D9D9D9;\n    border-radius: 50px;\n    margin-right:5% ;\n}\n.td{\n    width: 68%;\n}\n.td p{\n    margin-left: 2%;\n}\n.td label{\n    margin-left: 2%;\n}\n/*  */\n.left{\n    width: 669px;\n    height: 100%;\n    /* float: left; */\n    border: 10px solid #6B6B6B;\n    padding: 5px;\n}\n/* WTH OBJECT */\n.wthobject{\n    display: flex;\n}\n.lwthobject{\n    margin-left: 2%;\n    width: 50%;\n}\n\n\n.getrazmer{\n    border-radius: 50px;\n    width: 185px;\n    height: 40px;\n    background-color: #D9D9D9; \n    margin-left: 0%;\n}\n/* RIGHT BLOCK */\n.right{\n    width: 669px;\n    height: 100%;\n    /* float: left; */\n    border: 10px solid #6B6B6B;\n    padding: 5px;\n}\n.rwthobject{\n    text-align: right;\n    width: 50%;\n\n}\n.nobullet{\n   text-decoration: none;\n   list-style-type:none;\n}\n.greytext{\n    color: #9b9b9b;\n}\n.opredelit{\n    margin-left: 2%;\n    display: flex;\n}\n.lobj{\n    width: 50%;\n}\n.lobj input{\n    width: 251px;\n    height: 50px;\n    background-color: #FFFFFF;\n    border: 1px solid #A09F9F;\n    border-radius: 5px;\n    margin-top: 1%;\n}\n.robj{\n    width: 50%;\n}\n.robj p{\n    color:white\n}\n.getbtn{\n    width: 185px;\n    height: 52px;\n    background-color: #B6B6B6;\n    border-radius: 10px;\n    margin-top: 1%;\n\n}   \n/* Forms */\n.forms{\n    margin-left: 2%;\n    display: flex;\n}\n.lforms{\n    width: 50%;\n}\n.rforms{\n    width: 50%;\n}\n.btnbox{\n    margin-top: 5%;\n}\n.change1{\n    margin-top: 0%;\n    width: 185px;\n    height: 39px;\n    background-color: #D9D9D9;\n    border-radius: 50px;\n}\n.change{\n    margin-top: 25px;\n    width: 185px;\n    height: 39px;\n    background-color: #D9D9D9;\n    border-radius: 50px;\n}\n/* R FOOTER */\n.rfooter{\n    margin-left: 2%;\n    text-align: center;\n    margin-bottom: 0.3%;\n}\n.segmentirovati{\n    width: 172px;\n    height: 50px;\n    background: #B6B6B6;\n    border-radius: 10px;\n}\n.strelka{\n    width: 52px;\n    height: 50px;    \n    background: #D9D9D9;\n    border-radius: 5px;\n    margin-left: 1%;\n    \n}\n.save{\n    width: 172px;\n    height: 50px;\n    margin-left: 1%;\n    background: #B6B6B6;\n    border-radius: 10px;\n}\n/* -------------- */\n/* BODY */\n.body{\n    margin-left: 2%;\n    font-family: \"Montserrat-Regular\";\n    /* text-align: center; */\n    display: flex;\n    width: 100%;\n    justify-content: center;\n    padding: 5px;\n}\n</style>\n","import { render } from \"./contentUno.vue?vue&type=template&id=aeb70f1a&scoped=true\"\nimport script from \"./contentUno.vue?vue&type=script&lang=js\"\nexport * from \"./contentUno.vue?vue&type=script&lang=js\"\n\nimport \"./contentUno.vue?vue&type=style&index=0&id=aeb70f1a&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-aeb70f1a\"]])\n\nexport default __exports__","<template>\n    <div class=\"body\">\n        <div class=\"lcontent\">\n                   <div class=\"hederLM\">\n                        <img src=\"./ikons/fail2.png\">\n                         <label>\n                            <strong>\n                                Кабинет аналитики\n                            </strong>\n                         </label>   \n                    </div><br>\n                    <div class=\"src\">\n                        <input class=\"serch\" type=\"search\">\n                        <button class=\"btn but1\">\n                           <img src=\"./ikons/search.png\" alt=\"\">\n                        </button>\n                    </div>\n                    <div class=\"butpanel\">\n                        <button class=\"btn but2\">\n                            Загрузить изображение\n                        </button><br>\n                        <button class=\"btn but2\">\n                            Открыть изображение\n                        </button>\n                    </div>\n                    <div class=\"hrefpanel\">\n                        <div class=\"href\">\n                            <a href=\"\">\n                                <img src=\"./ikons/fail2.png\">\n                                <label>\n                                    Кабинет онтологии\n                                </label>   \n                            </a>\n                        </div>\n                        <div class=\"href\">\n                            <a href=\"#onePage\">\n                                <img src=\"./ikons/fail2.png\">\n                                <label>\n                                   Конструктор нейросетей\n                                </label>   \n                            </a>\n                        </div>\n                        <!-- <div class=\"href\">\n                            <a href=\"\">\n                                <img src=\"./ikons/fail2.png\">\n                                <label>\n                                    База изображений\n                                </label>   \n                            </a>\n                        </div> -->\n                    </div>\n        </div>\n    </div>\n</template>\n\n<script>\n\nexport default{\n\n}\n\n</script>\n\n<style scoped>\n.hrefpanel{\n    margin-top: 2%;\n    \n}\n.hrefpanel a{\n    color: black;\n}\n.href{\n    width: 100%;\n    margin-top: 2%;\n}\n.butpanel{\n\n}\n\n.but2{  \n    width: 241px;\n    height: 54px;\n    margin-top: 2%;\n    background-color: #D9D9D9;\n    border-radius: 10px;\n}\n\n.lcontent{\n    margin-left: 0%;\n    width: 100%;\n}\n\n.hederLM label{\n    margin-left: 5px;\n}\n\n\n.serch{\n    border-radius: 10px;\n    height: 40px;\n}\n.leftmenu{\n    width: 20%;\n    height: 100%;\n    margin-left: 2%;\n}\n.body{\n    margin-left: 2%;\n    font-family: \"Montserrat-Regular\";\n    \n}\n</style>\n","import { render } from \"./leftMenu.vue?vue&type=template&id=68cd847a&scoped=true\"\nimport script from \"./leftMenu.vue?vue&type=script&lang=js\"\nexport * from \"./leftMenu.vue?vue&type=script&lang=js\"\n\nimport \"./leftMenu.vue?vue&type=style&index=0&id=68cd847a&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-68cd847a\"]])\n\nexport default __exports__","import { render } from \"./pageUno.vue?vue&type=template&id=a055d65c&scoped=true\"\nimport script from \"./pageUno.vue?vue&type=script&lang=js\"\nexport * from \"./pageUno.vue?vue&type=script&lang=js\"\n\nimport \"./pageUno.vue?vue&type=style&index=0&id=a055d65c&scoped=true&lang=css\"\n\nimport exportComponent from \"/app/node_modules/vue-loader/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-a055d65c\"]])\n\nexport default __exports__","import { createRouter, createWebHashHistory } from \"vue-router\";\n\n\nimport LoginUno from \"./components/LoginUno.vue\";\n\nimport onePage from \"./pages/serve/onePage.vue\";\nimport neuroIN from \"./pages/serve/neuroIN.vue\";\nimport picFolder from \"./pages/serve/picFolder.vue\";\nimport neuroLayer from \"./pages/serve/neuroLayer.vue\";\nimport twoPage from \"./pages/serve/twoPage.vue\";\nimport threePage from \"./pages/serve/threePage.vue\";\nimport picDescr from \"./pages/serve/picDescr.vue\";\nimport picsDescr from \"./pages/serve/picsDescr.vue\";\nimport constructorUno from \"./const/constructorUno.vue\";\n//\nimport conferencePage from \"./land/conferencePage.vue\";\nimport designers from \"./land/forDesigners.vue\"\nimport contactsUno from \"./land/contactsUno.vue\"\nimport enterTeam from \"./land/enterTeam.vue\"\nimport aboutUs from \"./land/aboutUs.vue\"\nimport forLendlords from \"./land/forLendlords.vue\"\nimport forPartners from \"./land/forPartners.vue\"\nimport forPitomniks from \"./land/forPitomniks.vue\"\nimport getQuestion from \"./land/getQuestion.vue\"\nimport oprPredpocteniq from \"./land/oprPredpocteniq.vue\"\nimport resIntervue from \"./land/resIntervue.vue\"\nimport tarifsCosts from \"./land/tarifsCosts.vue\"\nimport zaglushkaUno from \"./land/zaglushkaUno.vue\"\nimport game from \"./land/gameUno.vue\"\nimport enterUsTeam from \"./land/enterTeamDuo.vue\"\n//\nimport landingUno from \"./component/pages/landingUno.vue\";\nimport auth from \"./component/pages/authUno.vue\";\nimport authd from \"./component/pages/authDuo.vue\";\nimport tips from \"./component/pages/tipPolzov.vue\";\nimport alias from \"./component/pages/aliasPage.vue\";\nimport whatcreate from \"./component/pages/willCreate.vue\";\nimport project from \"./component/pages/projectUno.vue\";\nimport shablon from \"./component/pages/shablonUno.vue\";\nimport teg from \"./component/pages/tegUno.vue\";\nimport visual from \"./component/pages/visualPreferens.vue\";\nimport chshablon from \"./component/pages/shablonChange.vue\";\nimport constructor from \"./component/pages/constructorUno.vue\";\nimport shagdva from \"./component/pages/shagDva.vue\";\nimport shagtri from \"./component/pages/shagTri.vue\";\nimport shagfoor from \"./component/pages/shagFoor.vue\";\n//import shagfoor \"./component/pages/shagFoor.vue\";\nimport authmodal from \"./component/pages/components/authModal.vue\";\nimport info from \"./component/pages/osnovDan.vue\";\nimport order from \"./component/pages/myOrders.vue\";\nimport plants from \"./component/pages/changePlant.vue\";\nimport docs from \"./component/pages/documentsUno.vue\";\nimport doc from \"./component/pages/docsFrame.vue\";\nimport plant from \"./component/pages/plantPod.vue\";\nimport versions from \"./component/pages/versionsProject.vue\";\nimport orderplant from \"./component/pages/orderUno.vue\";\nimport plantchange from \"./component/pages/orderChange.vue\";\nimport galery from \"./component/pages/galeryPage.vue\"\nimport testpr from \"./component/pages/testProject.vue\"\nimport testpr2 from \"./component/pages/testDou.vue\"\n//src\\construct\\constructor.vue\n//\nimport ontpage from \"./ontologia/pageUno.vue\"\nconst route = createRouter({\n    \n    history: createWebHashHistory(),\n    routes: [\n\n      \n        {path: '/login', component: LoginUno },       \n        {path: '/onePage', component: onePage },\n        {path: '/neuroIN', component: neuroIN },\n        {path: '/picFolder', component: picFolder},\n        {path: '/neuroLayer', component: neuroLayer},\n        {path: '/picdescr', component: picDescr},\n        {path: '/picsdescr', component: picsDescr},\n        {path: '/twoPage', component: twoPage },\n        {path: '/threePage', component: threePage },\n        {path: '/constructorUno', component: constructorUno },\n        //-----------------------------------------------------\n        {path: '/landing', component: conferencePage, alias:'/'  },  \n        {path: '/designers', component: designers },\n        {path: '/contactsUno', component: contactsUno},\n        {path: '/enterTeam', component: enterTeam },\n        {path: '/enterTeamDuo', component: enterUsTeam },\n        {path: '/aboutUs', component: aboutUs },\n        {path: '/forLendlords', component: forLendlords },\n        {path: '/forPartners', component: forPartners},\n        {path: '/forPitomniks', component: forPitomniks },\n        {path: '/getQuestion', component: getQuestion},\n        {path: '/oprPredpocteniq', component: oprPredpocteniq },\n        {path: '/resIntervue', component: resIntervue},\n        {path: '/tarifsCosts', component: tarifsCosts },\n        {path: '/zaglushkaUno', component: zaglushkaUno },\n        {path: '/game', component: game },\n\n        // ----------------------------------------------------\n        {path: '/landing2', component: landingUno },\n        {path: '/auth', component: auth },\n        {path: '/authd', component: authd },\n        {path: '/tips', component: tips },\n        {path: '/alias', component: alias },\n        {path: '/create', component: whatcreate },\n        {path: '/project', component: project },\n        {path: '/shablon', component: shablon },\n        {path: '/tegs', component: teg },\n        {path: '/visual', component: visual }, \n        {path: '/info', component: info }, \n        {path: '/chshablon', component: chshablon },\n        {path: '/constructor', component: constructor },\n        {path: '/plants', component: plants },\n        {path: '/shagdva', component: shagdva },\n        {path: '/shagtri', component: shagtri },\n        {path: '/shagfoor', component: shagfoor },\n        {path: '/authmodal', component: authmodal },\n        {path: '/orders', component: order },\n        {path: '/docs', component: docs },\n        {path: '/plant', component: plant },\n        {path: '/versions', component: versions },\n        {path: '/orderplant', component: orderplant },\n        {path: '/doc', component: doc },\n        {path: '/plantchange', component: plantchange },\n        {path: '/galery', component: galery },\n        {path: '/testpr', component: testpr },\n        {path: '/testpr2', component: testpr2 },\n        // -------------------------------------------------\n        {path: '/ontpage', component: ontpage },\n\n    ]\n\n\n\n})\n\n\n\nroute.beforeEach((to,) =>{\n    if (to.meta.requiresAuth && !localStorage.getItem('access_token')){\n        return { name: 'onePage'}\n    }\n    if (to.meta.requiresAuth == false && localStorage.getItem('access_token')){\n        return { name: 'auth'}\n    }\n    if (to.meta.requiresAuth && !localStorage.getItem('access_token')){\n        return { name: 'ontpage'}\n    }\n    if (to.meta.requiresAuth == false && localStorage.getItem('access_token')){\n        return { name: 'auth'}\n    }\n  })\n\nexport default route \n\n","\n  import \"bootstrap/dist/css/bootstrap.css\"\n    import { createApp } from 'vue'\n    import App from './App.vue'\n    import router from './router';\n    \n    global.jQuery = require('jquery');\n    var $ = global.jQuery;\n    window.$ = $;\n    const app = createApp(App);\n    app.use(createApp);\n    app.use(router);\n\n    app.mount('#app');\napp.config.compilerOptions.isCustomElement = (tag) => {\n      return tag.startsWith('ion-') // (return true)\n    }\n  import \"bootstrap/dist/js/bootstrap.js\"\n\n    \n \n","// The module cache\nvar __webpack_module_cache__ = {};\n\n// The require function\nfunction __webpack_require__(moduleId) {\n\t// Check if module is in cache\n\tvar cachedModule = __webpack_module_cache__[moduleId];\n\tif (cachedModule !== undefined) {\n\t\treturn cachedModule.exports;\n\t}\n\t// Create a new module (and put it into the cache)\n\tvar module = __webpack_module_cache__[moduleId] = {\n\t\t// no module.id needed\n\t\t// no module.loaded needed\n\t\texports: {}\n\t};\n\n\t// Execute the module function\n\t__webpack_modules__[moduleId].call(module.exports, module, module.exports, __webpack_require__);\n\n\t// Return the exports of the module\n\treturn module.exports;\n}\n\n// expose the modules object (__webpack_modules__)\n__webpack_require__.m = __webpack_modules__;\n\n","var deferred = [];\n__webpack_require__.O = function(result, chunkIds, fn, priority) {\n\tif(chunkIds) {\n\t\tpriority = priority || 0;\n\t\tfor(var i = deferred.length; i > 0 && deferred[i - 1][2] > priority; i--) deferred[i] = deferred[i - 1];\n\t\tdeferred[i] = [chunkIds, fn, priority];\n\t\treturn;\n\t}\n\tvar notFulfilled = Infinity;\n\tfor (var i = 0; i < deferred.length; i++) {\n\t\tvar chunkIds = deferred[i][0];\n\t\tvar fn = deferred[i][1];\n\t\tvar priority = deferred[i][2];\n\t\tvar fulfilled = true;\n\t\tfor (var j = 0; j < chunkIds.length; j++) {\n\t\t\tif ((priority & 1 === 0 || notFulfilled >= priority) && Object.keys(__webpack_require__.O).every(function(key) { return __webpack_require__.O[key](chunkIds[j]); })) {\n\t\t\t\tchunkIds.splice(j--, 1);\n\t\t\t} else {\n\t\t\t\tfulfilled = false;\n\t\t\t\tif(priority < notFulfilled) notFulfilled = priority;\n\t\t\t}\n\t\t}\n\t\tif(fulfilled) {\n\t\t\tdeferred.splice(i--, 1)\n\t\t\tvar r = fn();\n\t\t\tif (r !== undefined) result = r;\n\t\t}\n\t}\n\treturn result;\n};","// getDefaultExport function for compatibility with non-harmony modules\n__webpack_require__.n = function(module) {\n\tvar getter = module && module.__esModule ?\n\t\tfunction() { return module['default']; } :\n\t\tfunction() { return module; };\n\t__webpack_require__.d(getter, { a: getter });\n\treturn getter;\n};","// define getter functions for harmony exports\n__webpack_require__.d = function(exports, definition) {\n\tfor(var key in definition) {\n\t\tif(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {\n\t\t\tObject.defineProperty(exports, key, { enumerable: true, get: definition[key] });\n\t\t}\n\t}\n};","__webpack_require__.g = (function() {\n\tif (typeof globalThis === 'object') return globalThis;\n\ttry {\n\t\treturn this || new Function('return this')();\n\t} catch (e) {\n\t\tif (typeof window === 'object') return window;\n\t}\n})();","__webpack_require__.o = function(obj, prop) { return Object.prototype.hasOwnProperty.call(obj, prop); }","// define __esModule on exports\n__webpack_require__.r = function(exports) {\n\tif(typeof Symbol !== 'undefined' && Symbol.toStringTag) {\n\t\tObject.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });\n\t}\n\tObject.defineProperty(exports, '__esModule', { value: true });\n};","__webpack_require__.p = \"/\";","// no baseURI\n\n// object to store loaded and loading chunks\n// undefined = chunk not loaded, null = chunk preloaded/prefetched\n// [resolve, reject, Promise] = chunk loading, 0 = chunk loaded\nvar installedChunks = {\n\t143: 0\n};\n\n// no chunk on demand loading\n\n// no prefetching\n\n// no preloaded\n\n// no HMR\n\n// no HMR manifest\n\n__webpack_require__.O.j = function(chunkId) { return installedChunks[chunkId] === 0; };\n\n// install a JSONP callback for chunk loading\nvar webpackJsonpCallback = function(parentChunkLoadingFunction, data) {\n\tvar chunkIds = data[0];\n\tvar moreModules = data[1];\n\tvar runtime = data[2];\n\t// add \"moreModules\" to the modules object,\n\t// then flag all \"chunkIds\" as loaded and fire callback\n\tvar moduleId, chunkId, i = 0;\n\tif(chunkIds.some(function(id) { return installedChunks[id] !== 0; })) {\n\t\tfor(moduleId in moreModules) {\n\t\t\tif(__webpack_require__.o(moreModules, moduleId)) {\n\t\t\t\t__webpack_require__.m[moduleId] = moreModules[moduleId];\n\t\t\t}\n\t\t}\n\t\tif(runtime) var result = runtime(__webpack_require__);\n\t}\n\tif(parentChunkLoadingFunction) parentChunkLoadingFunction(data);\n\tfor(;i < chunkIds.length; i++) {\n\t\tchunkId = chunkIds[i];\n\t\tif(__webpack_require__.o(installedChunks, chunkId) && installedChunks[chunkId]) {\n\t\t\tinstalledChunks[chunkId][0]();\n\t\t}\n\t\tinstalledChunks[chunkId] = 0;\n\t}\n\treturn __webpack_require__.O(result);\n}\n\nvar chunkLoadingGlobal = self[\"webpackChunkdesalgnes\"] = self[\"webpackChunkdesalgnes\"] || [];\nchunkLoadingGlobal.forEach(webpackJsonpCallback.bind(null, 0));\nchunkLoadingGlobal.push = webpackJsonpCallback.bind(null, chunkLoadingGlobal.push.bind(chunkLoadingGlobal));","// startup\n// Load entry module and return exports\n// This entry module depends on other loaded chunks and execution need to be delayed\nvar __webpack_exports__ = __webpack_require__.O(undefined, [998], function() { return __webpack_require__(6766); })\n__webpack_exports__ = __webpack_require__.O(__webpack_exports__);\n"],"names":["_createElementVNode","id","_hoisted_1","_createVNode","_component_router_view","name","data","isActive","__exports__","render","class","_createElementBlock","type","placeholder","$data","_hoisted_3","_hoisted_5","onClick","$options","email","password","mounted","methods","signIn","self","this","options","method","url","headers","username","axios","then","response","console","log","localStorage","setItem","access_token","$router","push","path","catch","error","JSON","stringify","scope","_hoisted_2","_hoisted_4","width","_ctx","_hoisted_6","_hoisted_7","_Fragment","options2","_hoisted_8","descr","m_loss","m_metrics","m_optimizer","model_created","model_file","pic_folder_id","api","interceptors","request","use","config","getItem","Authorization","status","router","components","neuronet","neuronetIN","this2","neurinetCreate","options3","window","location","reload","neuroclick","query","href","options8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","_hoisted_13","_hoisted_14","_hoisted_15","_hoisted_16","qwerty","_hoisted_18","activation","input_num","input_x","input_y","layer_type","n_count","order","x","y","neurolay","neuro","neuroLayers","this3","$route","result","options5","neurinetUpdate","options4","neurinetDElete","options6","neuroStart","options7","epochs","verbose","neuroStat","alert","calculator","root_id","pic","accessToken","image","file","picview","getAccessToken","picVue","updated","folder","folderUpdate","folderDelate","picvue1","picsCreate","pictest","filename","picname","layer","picCreate","_mergeProps","accept","onChange","_toHandlers","rezultat","picload","URL","FormData","append","event","target","files","header","picReturn","picdescr","imagereturn","multiple","pf_id","picsee","picaso","options1","picGet","picfolder","picPost","options12","picsload","picDElete","imgReturn","description","ref","height","Cub","$refs","can","canvas","fabric","rect","fill","add","treugol","triangle","rect2","rect3","rect4","rect5","_component_HederUno","_component_tophead","_component_acordeon","_component_slider","_component_sliderdoc","_component_Footer","src","_imports_0","alt","_imports_1","_imports_2","_imports_3","_imports_4","_component_swiper","modules","$setup","navigation","pagination","clickable","onSwiper","onSlideChange","_component_swiper_slide","Swiper","SwiperSlide","setup","swiper","Navigation","Pagination","Scrollbar","A11y","HederUno","Footer","acordeon","tophead","slider","sliderdoc","step","nextStep","backStep","OneStep","ErrorStep","tableid","kviz","img1","img2","img3","img4","number","_component_P","_component_boost","_component_cont2","boost","_component_cont1","_component_cont3","_component_cont4","_component_quest","quest","_imports_5","_imports_6","_imports_7","_imports_8","_imports_9","_hoisted_17","_hoisted_19","_hoisted_20","_hoisted_21","_hoisted_22","_hoisted_23","_hoisted_24","_hoisted_25","_hoisted_26","_hoisted_27","_hoisted_28","_hoisted_29","_hoisted_30","_hoisted_31","_hoisted_32","_hoisted_33","_hoisted_34","_hoisted_35","_hoisted_36","_hoisted_37","_hoisted_38","_hoisted_39","_hoisted_40","_hoisted_41","_hoisted_42","_hoisted_43","_hoisted_44","_hoisted_45","_hoisted_46","_hoisted_47","_hoisted_49","_hoisted_50","_hoisted_52","_hoisted_53","_hoisted_54","_component_heder","_component_auth","viewBox","xmlns","d","for","_component_tips","tips","openmodal","document","getElementById","classList","addEventListener","remove","e","key","querySelector","_isClickWithInModal","currentTarget","auth1","pwd","params","JWT","auth2","pin","token","auth","heder","_component_leftmenu","title","getp","prifile","getus","optionspr","apiint","profile","kind","profile1","user","replace","textContent","typy","project1","getfolder","createfolder","parent_id","leftmenu","project4","proect","created","projects","getprojects","$projects","testr","getpr","element","getprodj","innerHTML","createproject","projectclick","_component_create","_component_foter","modal","closeButton","modalTriggers","querySelectorAll","isModalOpen","pageYOffset","openModal","closeModal","onScroll","preventDefault","scrollTo","forEach","item","crproject","catalog_id","prfolder","foter","create","_component_contentall","_component_TabsWrapper","_component_TabsCon","selected","_renderSlot","props","slots","tabContentTitles","default","map","tabContent","selectedTitle","value","provide","$props","inject","TabsWrapper","TabsCon","contentall","_component_hederd","project","pr_rename","pr_descr","hederd","search","f_compos_type","valuesearch","f_template","f_temp_char","f_place","f_ground_sost","f_ground_kisl","f_ct_size","f_ct_form","f_ct_light","f_ct_color","f_ct_maf","f_ct_vl","f_ct_res","f_ct_aroma","f_ct_plants","tabindex","frameborder","scrolling","marginheight","marginwidth","style","_component_save","jwt","json","code","getuser","save","_component_upload","upload","_component_hederD","hederD","openmodal1","$","ready","click","$input","parent","find","count","parseInt","val","change","pr","prod","getproject","get","qwe","q","_component_left","_component_content1","content1","left","route","createRouter","history","createWebHashHistory","routes","component","LoginUno","onePage","neuroIN","picFolder","neuroLayer","picDescr","picsDescr","twoPage","threePage","constructorUno","conferencePage","alias","designers","contactsUno","enterTeam","enterUsTeam","aboutUs","forLendlords","forPartners","forPitomniks","getQuestion","oprPredpocteniq","resIntervue","tarifsCosts","zaglushkaUno","game","landingUno","authd","whatcreate","shablon","teg","visual","info","chshablon","constructor","plants","shagdva","shagtri","shagfoor","authmodal","docs","plant","versions","orderplant","doc","plantchange","galery","testpr","testpr2","ontpage","beforeEach","to","meta","requiresAuth","global","jQuery","require","app","createApp","App","mount","compilerOptions","isCustomElement","tag","startsWith","__webpack_module_cache__","__webpack_require__","moduleId","cachedModule","undefined","exports","module","__webpack_modules__","call","m","deferred","O","chunkIds","fn","priority","notFulfilled","Infinity","i","length","fulfilled","j","Object","keys","every","splice","r","n","getter","__esModule","a","definition","o","defineProperty","enumerable","g","globalThis","Function","obj","prop","prototype","hasOwnProperty","Symbol","toStringTag","p","installedChunks","chunkId","webpackJsonpCallback","parentChunkLoadingFunction","moreModules","runtime","some","chunkLoadingGlobal","bind","__webpack_exports__"],"sourceRoot":""}