Добавлен базовый фронтенд

2026-03-06 04:56:23 +03:00 · 2022-09-10 07:29:29 +03:00
parent 0b1c16b24f
commit c58061a63b
23 changed files with 20276 additions and 25 deletions
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -0,0 +1,16 @@
+{
+  "requires": true,
+  "lockfileVersion": 1,
+  "dependencies": {
+    "n": {
+      "version": "9.0.0",
+      "resolved": "https://registry.npmjs.org/n/-/n-9.0.0.tgz",
+      "integrity": "sha512-OZie4DuAZASChFZnIkf5BYEYEhMe6utRTAWM+98aS6N0pRLNxcDEMwxSsy7is98zTlDICcQB2dym+u10pEOtBg=="
+    },
+    "stable": {
+      "version": "0.1.8",
+      "resolved": "https://registry.npmjs.org/stable/-/stable-0.1.8.tgz",
+      "integrity": "sha512-ji9qxRnOVfcuLDySj9qzhGSEFVobyt1kIOSkj1qZzYLzq7Tos/oUUWvotUPQLlrsidqsK6tBH89Bc9kL5zHA6w=="
+    }
+  }
+}
--- a/frontend/wheretogo/README.md
+++ b/frontend/wheretogo/README.md
@@ -0,0 +1,24 @@
+# wheretogo
+
+## Project setup
+```
+npm install
+```
+
+### Compiles and hot-reloads for development
+```
+npm run serve
+```
+
+### Compiles and minifies for production
+```
+npm run build
+```
+
+### Lints and fixes files
+```
+npm run lint
+```
+
+### Customize configuration
+See [Configuration Reference](https://cli.vuejs.org/config/).
--- a/frontend/wheretogo/babel.config.js
+++ b/frontend/wheretogo/babel.config.js
@@ -0,0 +1,5 @@
+module.exports = {
+  presets: [
+    '@vue/cli-plugin-babel/preset'
+  ]
+}
--- a/frontend/wheretogo/jsconfig.json
+++ b/frontend/wheretogo/jsconfig.json
@@ -0,0 +1,20 @@
+{
+  "compilerOptions": {
+    "target": "es5",
+    "module": "esnext",
+    "baseUrl": "./",
+    "moduleResolution": "node",
+    "paths": {
+      "@/*": [
+        "src/*"
+      ]
+    },
+    "lib": [
+      "esnext",
+      "dom",
+      "dom.iterable",
+      "scripthost"
+    ],
+    "jsx": "preserve"
+  }
+}
--- a/frontend/wheretogo/package-lock.json
+++ b/frontend/wheretogo/package-lock.json
--- a/frontend/wheretogo/package.json
+++ b/frontend/wheretogo/package.json
@@ -0,0 +1,44 @@
+{
+  "name": "wheretogo",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "serve": "vue-cli-service serve",
+    "build": "vue-cli-service build",
+    "lint": "vue-cli-service lint"
+  },
+  "dependencies": {
+    "axios": "^0.27.2",
+    "core-js": "^3.8.3",
+    "vue": "^3.2.13"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.12.16",
+    "@babel/eslint-parser": "^7.12.16",
+    "@vue/cli-plugin-babel": "~5.0.0",
+    "@vue/cli-plugin-eslint": "~5.0.0",
+    "@vue/cli-service": "~5.0.0",
+    "eslint": "^7.32.0",
+    "eslint-plugin-vue": "^8.0.3"
+  },
+  "eslintConfig": {
+    "root": true,
+    "env": {
+      "node": true
+    },
+    "extends": [
+      "plugin:vue/vue3-essential",
+      "eslint:recommended"
+    ],
+    "parserOptions": {
+      "parser": "@babel/eslint-parser"
+    },
+    "rules": {}
+  },
+  "browserslist": [
+    "> 1%",
+    "last 2 versions",
+    "not dead",
+    "not ie 11"
+  ]
+}
--- a/frontend/wheretogo/public/favicon.ico
+++ b/frontend/wheretogo/public/favicon.ico
--- a/frontend/wheretogo/public/index.html
+++ b/frontend/wheretogo/public/index.html
@@ -0,0 +1,17 @@
+<!DOCTYPE html>
+<html lang="">
+  <head>
+    <meta charset="utf-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width,initial-scale=1.0">
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
+    <title><%= htmlWebpackPlugin.options.title %></title>
+  </head>
+  <body>
+    <noscript>
+      <strong>We're sorry but <%= htmlWebpackPlugin.options.title %> doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
+</html>
--- a/frontend/wheretogo/src/App.vue
+++ b/frontend/wheretogo/src/App.vue
@@ -0,0 +1,24 @@
+<template>
+  <div id="app">
+      <FacilitiesList />
+  </div>
+</template>
+<script>
+import FacilitiesList from "./components/FacilitiesList.vue";
+export default {
+  name: "App",
+  components: {
+    FacilitiesList,
+  },
+};
+</script>
+<style>
+#app {
+  font-family: Avenir, Helvetica, Arial, sans-serif;
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+  text-align: center;
+  color: #2c3e50;
+  margin-top: 60px;
+}
+</style>
--- a/frontend/wheretogo/src/__VLS_options.jsx
+++ b/frontend/wheretogo/src/__VLS_options.jsx
@@ -0,0 +1,59 @@
+export default (await import('vue')).defineComponent({
+name: "App",
+components: {
+FacilitiesList,
+},
+});
+const __VLS_options = {
+...({
+name: "App",
+components: {
+FacilitiesList,
+},
+}),
+};
+const __VLS_name = (await import('./__VLS_types.js')).getNameOption({
+name: "App",
+components: {
+FacilitiesList,
+},
+} as const);
+function __VLS_template() {
+import * as __VLS_types from './__VLS_types.js'; import('./__VLS_types.js');
+let __VLS_ctx!: __VLS_types.PickNotAny<__VLS_Ctx, {}> & InstanceType<__VLS_types.PickNotAny<typeof __VLS_component, new () => {}>> & {};
+let __VLS_vmUnwrap!: typeof __VLS_options & { components: {}; };
+/* Components */
+let __VLS_otherComponents!: NonNullable<typeof __VLS_component extends { components: infer C; } ? C : {}> & __VLS_types.GlobalComponents & typeof __VLS_vmUnwrap.components & __VLS_types.PickComponents<typeof __VLS_ctx>;
+let __VLS_selfComponent!: __VLS_types.SelfComponent<typeof __VLS_name, typeof __VLS_component & (new () => { $slots: typeof __VLS_slots; })>;
+let __VLS_components!: typeof __VLS_otherComponents & Omit<typeof __VLS_selfComponent, keyof typeof __VLS_otherComponents>;
+__VLS_components['/* __VLS_.SearchTexts.Components */'];
+({} as __VLS_types.GlobalAttrs)['/* __VLS_.SearchTexts.GlobalAttrs */'];
+/* Style Scoped */
+type __VLS_StyleScopedClasses = {};
+let __VLS_styleScopedClasses!: __VLS_StyleScopedClasses | keyof __VLS_StyleScopedClasses | (keyof __VLS_StyleScopedClasses)[];
+/* CSS variable injection */
+/* CSS variable injection end */
+declare const FacilitiesList: __VLS_types.ConvertInvalidJsxElement<
+'FacilitiesList' extends keyof typeof __VLS_components ? typeof __VLS_components['FacilitiesList'] : 'FacilitiesList' extends keyof typeof __VLS_ctx ? typeof __VLS_ctx['FacilitiesList'] : unknown>;
+__VLS_components.FacilitiesList;
+__VLS_ctx.FacilitiesList;
+declare const __VLS_0: __VLS_types.ExtractEmit2<typeof FacilitiesList>;
+/* Completion: Emits */
+// @ts-ignore
+__VLS_0('/* __VLS_.SearchTexts.Completion.Emit.FacilitiesList */');
+/* Completion: Props */
+// @ts-ignore
+(<FacilitiesList /* __VLS_.SearchTexts.Completion.Props.FacilitiesList */ />);
+{
+<div id={"\u0061\u0070\u0070"}></div>;
+
+{
+<FacilitiesList />;
+}
+}
+if (typeof __VLS_styleScopedClasses === 'object' && !Array.isArray(__VLS_styleScopedClasses)) {
+}
+declare var __VLS_slots: {};
+return __VLS_slots;
+}
+let __VLS_component!: typeof import('./App.vue')['default'];
--- a/frontend/wheretogo/src/assets/logo.png
+++ b/frontend/wheretogo/src/assets/logo.png
--- a/frontend/wheretogo/src/components/FacilitiesList.vue
+++ b/frontend/wheretogo/src/components/FacilitiesList.vue
@@ -0,0 +1,37 @@
+<template>
+    <div class="facilities_container">
+        <div class="facilities_content">
+            <h1>Facilities</h1>
+            <ul class="facilities_list">
+                <li v-for="facility in facilities" :key="facility.id">
+                    <h2>{{ facility.name }}</h2>
+                    <p>{{ facility.address }}</p>
+                </li>
+            </ul>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    data() {
+        return {
+            facilities: ['']
+        }
+    },
+    methods: {
+        async getData() {
+            try {
+                const response = await this.axios.get('http://127.0.0.1:8000/api/facilities');
+                this.facilities = response.data;
+                console.log(this.facilities)
+            } catch (error) {
+                console.log(error);
+            }
+        },
+    },
+    created() {
+        this.getData();
+    }
+}
+</script>
--- a/frontend/wheretogo/src/main.js
+++ b/frontend/wheretogo/src/main.js
@@ -0,0 +1,9 @@
+import { createApp } from 'vue'
+import App from './App.vue'
+import axios from 'axios'
+
+const app = createApp(App)
+
+app.config.globalProperties.axios=axios
+
+app.mount('#app')
--- a/frontend/wheretogo/vue.config.js
+++ b/frontend/wheretogo/vue.config.js
@@ -0,0 +1,4 @@
+import { defineConfig } from '@vue/cli-service'
+export default defineConfig({
+  transpileDependencies: true
+})