atualizaçao

renan-melo · Aug 30, 2020 · e66cbf7 · e66cbf7
1 parent 2a962b6
commit e66cbf7
Show file tree

Hide file tree

Showing 165 changed files with 43,915 additions and 107 deletions.
diff --git a/credit-system-tqi/src/App.vue b/credit-system-tqi/src/App.vue
@@ -1,32 +1,28 @@
 <template>
-  <div id="app">
-    <div id="nav">
-      <router-link to="/">Home</router-link> |
-      <router-link to="/about">About</router-link>
-    </div>
-    <router-view/>
-  </div>
+<div id="app">
+    <router-view />
+</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;
+    font-family: Avenir, Helvetica, Arial, sans-serif;
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-align: center;
+    color: #2c3e50;
 }
 
 #nav {
-  padding: 30px;
+    padding: 30px;
 }
 
 #nav a {
-  font-weight: bold;
-  color: #2c3e50;
+    font-weight: bold;
+    color: #2c3e50;
 }
 
 #nav a.router-link-exact-active {
-  color: #42b983;
+    color: #42b983;
 }
 </style>
diff --git a/credit-system-tqi/src/assets/fundologin.jpg b/credit-system-tqi/src/assets/fundologin.jpg
diff --git a/credit-system-tqi/src/assets/logo1.png b/credit-system-tqi/src/assets/logo1.png
diff --git a/credit-system-tqi/src/components/CardLogin.vue b/credit-system-tqi/src/components/CardLogin.vue
@@ -0,0 +1,45 @@
+<template>
+<div class="container-fluid d-flex justify-content-center">
+
+    <form class="form-box col-3 p-5 ">
+        <img alt=" Vue logo" src="../assets/logo1.png" class="col-12">
+        <div class="form-group">
+            <label class="d-flex justify-content-first " for="exampleInputEmail1">Email</label>
+            <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp">
+        </div>
+        <div class="form-group">
+            <label class="d-flex justify-content-first " for="exampleInputPassword1">Senha</label>
+            <input type="password" class="form-control" id="exampleInputPassword1">
+        </div>
+
+        <div class=" row px-3 pb-4">
+            <div class="col-6 d-flex justify-content-first p-0">
+                <router-link to="/register">Cadastre-se</router-link>
+            </div>
+            <div class="col-6 form-group form-check d-flex justify-content-end p-0">
+                <router-link to="/about">Esqueci a senha</router-link>
+
+            </div>
+        </div>
+
+        <button type="submit" class="btn btn-primary btn-lg px-5">Login</button>
+    </form>
+</div>
+</template>
+
+<script>
+export default {
+    name: 'CardLogin',
+    props: {
+        msg: String
+    }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+
+<style scoped>
+.form-box {
+    background: white;
+}
+</style>
diff --git a/credit-system-tqi/src/components/CardRegister.vue b/credit-system-tqi/src/components/CardRegister.vue
@@ -0,0 +1,110 @@
+<template>
+<div class="container-fluid d-flex justify-content-center">
+
+    <form class="form-box col-5 p-3">
+        <h1 class="pb-2">CADASTRO</h1>
+        <div class="border-top  p-3 pb-2">
+            <h5 class="pb-4 text-uppercase ">Dados Pessoais</h5>
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    <label class="d-flex justify-content-first" for=" inputAddress">Nome:</label>
+                    <input type="text" class="form-control" id="inputAddress" placeholder="Ex:Bernardo antonio">
+                </div>
+                <div class="form-group col-md-6">
+                    <label class="d-flex justify-content-first" for=" inputPassword4">CPF:</label>
+                    <input type="text" placeholder="Ex:123.456.789.12" minlength="11" maxlength="11" class="form-control" onkeypress="$(this).mask('000.000.000-00');">
+                </div>
+
+            </div>
+
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    <label for="example-date-input" class="d-flex justify-content-first">Data de nascimento:</label>
+                    <input class="form-control" type="date" value="2020-08-30" id="example-date-input">
+                </div>
+                <div class="form-group col-md-6">
+                    <label for="example-date-input" class="d-flex justify-content-first">Telefone:</label>
+                    <input class="form-control" type="number" value="2020-08-30" id="">
+                </div>
+            </div>
+        </div>
+        <div class="border-top  p-3 pb-2">
+            <!-- <h5 class="pb-4 text-uppercase">Dados Pessoais</h5> -->
+            <div class="form-row">
+                <div class="form-group col-md-6">
+                    <label class="d-flex justify-content-first" for=" inputEmail4">Email:</label>
+                    <input type="email" class="form-control" id="inputEmail4" placeholder="Ex:[email protected]">
+                </div>
+                <div class="form-group col-md-6">
+                    <label class="d-flex justify-content-first" for=" inputPassword4">Senha:</label>
+                    <input type="password" class="form-control" id="inputPassword4" placeholder="">
+                </div>
+            </div>
+        </div>
+
+        <div class="border-top  p-3">
+            <h5 class="pb-4 text-uppercase ">Endereço</h5>
+            <div class="form-row">
+                <div class="form-group col-md-2">
+                    <label class="d-flex justify-content-first" for=" inputZip">Cep:</label>
+                    <input type="number" class="form-control" id="inputZip">
+                </div>
+                <div class="form-group col-md-5">
+                    <label class="d-flex justify-content-first" for=" inputAddress">Rua:</label>
+                    <input type="text" class="form-control" id="inputAddress" placeholder="1234 Main St">
+                </div>
+                <div class="form-group col-md-1">
+                    <label class="d-flex justify-content-first" for=" inputAddress">Nº:</label>
+                    <input type="text" class="form-control" id="inputAddress" placeholder="Complemento">
+                </div>
+                <div class="form-group col-md-4">
+                    <label class="d-flex justify-content-first" for=" inputAddress">Complemento:</label>
+                    <input type="text" class="form-control" id="inputAddress" placeholder="Complemento">
+                </div>
+
+            </div>
+
+        </div>
+
+        <div class="  p-3 pb-1">
+            <div class="form-row">
+                <div class="form-group col-md-5">
+                    <label class="d-flex justify-content-first" for=" inputCity">Bairro:</label>
+                    <input type="text" class="form-control" id="inputCity">
+                </div>
+                <div class="form-group col-md-5">
+                    <label class="d-flex justify-content-first" for=" inputCity">Cidade:</label>
+                    <input type="text" class="form-control" id="inputCity">
+                </div>
+                <div class="form-group col-md-2">
+                    <label class="d-flex justify-content-first" for=" inputState">Estado:</label>
+                    <select id="inputState" class="form-control">
+                        <option selected>Choose...</option>
+                        <option>...</option>
+                    </select>
+                </div>
+            </div>
+        </div>
+        <div class="border-top pt-3">
+            <button type="submit" class="btn btn-primary btn-lg px-5">Salvar</button>
+        </div>
+    </form>
+</div>
+</template>
+
+<script>
+export default {
+    name: 'CardLogin',
+    props: {
+        msg: String
+    }
+}
+</script>
+
+<!-- Add "scoped" attribute to limit CSS to this component only -->
+
+<style scoped>
+.form-box {
+    background: white;
+}
+</style>
diff --git a/credit-system-tqi/src/components/HelloWorld.vue b/credit-system-tqi/src/components/HelloWorld.vue
diff --git a/credit-system-tqi/src/router/index.js b/credit-system-tqi/src/router/index.js
@@ -1,22 +1,20 @@
 import Vue from 'vue'
 import VueRouter from 'vue-router'
-import Home from '../views/Home.vue'
+import Login from '../views/Login.vue'
+import Register from '../views/Register.vue'
 
 Vue.use(VueRouter)
 
   const routes = [
   {
     path: '/',
-    name: 'Home',
-    component: Home
+    name: 'Login',
+    component: Login
   },
   {
-    path: '/about',
-    name: 'About',
-    // route level code-splitting
-    // this generates a separate chunk (about.[hash].js) for this route
-    // which is lazy-loaded when the route is visited.
-    component: () => import(/* webpackChunkName: "about" */ '../views/About.vue')
+    path: '/register',
+    name: 'Register',
+    component: Register
   }
 ]
 

diff --git a/credit-system-tqi/src/views/About.vue b/credit-system-tqi/src/views/About.vue
diff --git a/credit-system-tqi/src/views/Home.vue b/credit-system-tqi/src/views/Home.vue
diff --git a/credit-system-tqi/src/views/Login.vue b/credit-system-tqi/src/views/Login.vue
@@ -0,0 +1,26 @@
+<template>
+<div class="home d-flex justify-content-center align-items-center">
+    <CardLogin />
+</div>
+</template>
+
+<script>
+import CardLogin from '@/components/CardLogin.vue'
+
+export default {
+    name: 'Login',
+    components: {
+        CardLogin
+    }
+}
+</script>
+
+<style>
+.home {
+    background: rgb(2, 0, 36);
+    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(71, 28, 157, 1) 29%, rgba(66, 40, 163, 1) 50%, rgba(54, 73, 181, 1) 66%, rgba(0, 212, 255, 1) 100%);
+    width: 100%;
+    height: 100vh;
+
+}
+</style>s
diff --git a/credit-system-tqi/src/views/Register.vue b/credit-system-tqi/src/views/Register.vue
@@ -0,0 +1,26 @@
+<template>
+<div class="home d-flex justify-content-center align-items-center">
+    <CardRegister />
+</div>
+</template>
+
+<script>
+import CardRegister from '@/components/CardRegister.vue'
+
+export default {
+    name: 'Login',
+    components: {
+        CardRegister
+    }
+}
+</script>
+
+<style>
+.home {
+    background: rgb(2, 0, 36);
+    background: linear-gradient(90deg, rgba(2, 0, 36, 1) 0%, rgba(71, 28, 157, 1) 29%, rgba(66, 40, 163, 1) 50%, rgba(54, 73, 181, 1) 66%, rgba(0, 212, 255, 1) 100%);
+    width: 100%;
+    height: 100vh;
+
+}
+</style>s
diff --git a/node_modules/bootstrap/LICENSE b/node_modules/bootstrap/LICENSE