Antes cambio ssd

aeam88 · Oct 6, 2020 · b56c51d · b56c51d
1 parent 7c84326
commit b56c51d
Show file tree

Hide file tree

Showing 23 changed files with 2,781 additions and 102 deletions.
diff --git a/.firebase/hosting.ZGlzdA.cache b/.firebase/hosting.ZGlzdA.cache
@@ -0,0 +1,10 @@
+favicon.png,1592054460750,da69f47ac6469ad03db74bcf8f553c07a98049b9d28281ec39fe24240114dab4
+index.html,1592054460750,2e29838e9473f5e4dde65d24071a46aa1707f74605dcc212007d00e74f4dbabb
+favicon.ico,1592054460750,d5451f0f0f0bcbcd433bbdf4f6e7e5d89d8ecce2650649e969ccb5e5cd499ab2
+js/about.1fa8b22b.js,1592054460745,69696376facb7719ea1917f61b563ea5ae03cb54d8ed89edd2839b05c8b6bf86
+js/about.1fa8b22b.js.map,1592054460767,2e284e8a02699d71a51e980e9c9c142b532f01dfbf5387588923e5643b26907d
+css/app.5e184c55.css,1592054460745,9ebaf25d5ecec9fcc50171db9523c8a6c970b61eef1f9156b5a0479900ae0af2
+js/app.d84293ec.js,1592054460767,9cdc861021ae666c1b48bda7af1c8d27e372e497d35456e8e0ac2676c4112a4b
+js/app.d84293ec.js.map,1592054460767,d10aada5a616ddad32a4cd99ab171143ace1d216230380bca6fda76f708a74bd
+js/chunk-vendors.0670018e.js,1592054460767,362593c5a401c128da26ae22e0645c6b1d1df2b22bf5daa27995e078fab301af
+js/chunk-vendors.0670018e.js.map,1592054460768,f53d8ccf953af3dc8f2f9cff864d5962a10db7091e288a0c9633c4da6eb62499
diff --git a/.firebaserc b/.firebaserc
@@ -0,0 +1,5 @@
+{
+  "projects": {
+    "default": "deliverate-aad6f"
+  }
+}
diff --git a/firebase.json b/firebase.json
@@ -0,0 +1,16 @@
+{
+  "hosting": {
+    "public": "dist",
+    "ignore": [
+      "firebase.json",
+      "**/.*",
+      "**/node_modules/**"
+    ],
+    "rewrites": [
+      {
+        "source": "**",
+        "destination": "/index.html"
+      }
+    ]
+  }
+}
diff --git a/package.json b/package.json
@@ -9,6 +9,7 @@
   },
   "dependencies": {
     "core-js": "^3.6.4",
+    "firebase": "^7.14.2",
     "vue": "^2.6.11",
     "vue-router": "^3.1.6",
     "vuex": "^3.1.3"

diff --git a/public/favicon.png b/public/favicon.png
diff --git a/public/index.html b/public/index.html
@@ -4,8 +4,14 @@
     <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>
+    <link rel="icon" href="<%= BASE_URL %>favicon.png">
+    <title>Deliverate</title>
+    <!-- Google Font -->
+    <link href="https://fonts.googleapis.com/css2?family=Raleway:wght@400;600;700&display=swap" rel="stylesheet">
+
+    <!-- Font Awesome -->
+    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
+
   </head>
   <body>
     <noscript>

diff --git a/src/App.vue b/src/App.vue
@@ -1,32 +1,28 @@
 <template>
-  <div id="app">
-    <div id="nav">
+  <div>
+    <!-- <div>
       <router-link to="/">Home</router-link> |
       <router-link to="/about">About</router-link>
-    </div>
+    </div> -->
+    <Header />
     <router-view/>
+    <Footer />
   </div>
 </template>
 
-<style>
-#app {
-  font-family: Avenir, Helvetica, Arial, sans-serif;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-  text-align: center;
-  color: #2c3e50;
-}
+<script>
+import Header from '@/components/Header.vue'
+import Footer from '@/components/Footer.vue'
 
-#nav {
-  padding: 30px;
+export default {
+    name: 'App',
+    components: {
+        Footer,
+        Header
+    }
 }
+</script>
 
-#nav a {
-  font-weight: bold;
-  color: #2c3e50;
-}
+<style>
 
-#nav a.router-link-exact-active {
-  color: #42b983;
-}
 </style>
diff --git a/src/components/CardDelivery.vue b/src/components/CardDelivery.vue
@@ -0,0 +1,37 @@
+<template>
+    <div class="card-content">
+        <div>
+            <h3>{{delivery.name}}</h3>
+            <p>{{delivery.description}}</p>
+        </div>
+        <div class="info-contact">
+            <h4>Pedidos</h4>
+            <p>{{delivery.phone}}</p>
+            <p>{{delivery.email}}</p>
+        </div>
+        <div class="info-delivery">
+            <div :class="[tags[0] === 'comida' ? 'tag-comida' 
+                : tags[0] === 'verduras' ? 'tag-verdura' 
+                : tags[0] === 'huevos' ? 'tag-huevos' : 'tag-otro']" class="tag-comida">{{tags[0].charAt(0).toUpperCase() + tags[0].slice(1)}}</div>
+            <div class="tiempo-atendiendo">
+                <p>{{delivery.atencion}}</p>
+                <i class="fas fa-calendar"></i>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script>
+export default {
+    name: 'CardDelivery',
+    props: ['delivery'],
+    data() {
+        return {
+            tags: []
+        }
+    },
+    created() {
+        this.tags = Object.values(this.delivery.tag);
+    }
+}
+</script>
diff --git a/src/components/Comuna.vue b/src/components/Comuna.vue
@@ -0,0 +1,15 @@
+<template>
+
+    <label :class="[comuna.checked ? 'btn-comuna-active' : 'btn-comuna']">
+        <input type="checkbox" class="sr-only" v-model="comuna.checked" >
+        <span class="select-none">{{comuna.nombre}}</span>
+    </label>       
+
+</template>
+
+<script>
+export default {
+    name: 'comuna',
+    props: ['comuna'],
+}
+</script>
diff --git a/src/components/Footer.vue b/src/components/Footer.vue
@@ -0,0 +1,11 @@
+<template>
+
+    <footer class="main-footer">
+        <div class="container">
+            <div class="content-footer">
+                <p>© 2020 Deliverate</p>
+            </div>
+        </div>
+    </footer>        
+
+</template>
diff --git a/src/components/Header.vue b/src/components/Header.vue
@@ -0,0 +1,43 @@
+<template>
+
+   <header class="header">
+        <div class="container">
+            <nav class="main-navbar">
+                <div class="nav-izq">
+                    <Logo />
+                </div>
+                <div class="login-navbar">
+                    <router-link to="/about" class="about-page">Nosotros</router-link>
+                    <router-link to="/registro" class="registro-local">Registra tu local</router-link>
+                </div>
+                <div class="nav-responsive">
+                    <a @click="mostrarResp = !mostrarResp" href="#"><i class="fas fa-bars"></i></a>
+                </div>
+            </nav>
+            <div v-if="mostrarResp" class="navegacion-resp">
+                <ul>
+                    <li><router-link to="/about" class="about-page">Nosotros</router-link></li>
+                    <li><router-link to="/registro" class="registro-local">Registra tu local</router-link></li>
+                </ul>
+            </div>
+        </div>
+    </header>     
+
+</template>
+
+<script>
+
+import Logo from './Logo.vue'    
+
+export default {
+    name: 'Header',
+    components: {
+        Logo
+    },
+    data() {
+        return {
+            mostrarResp: false
+        }
+    },
+}
+</script>
diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue