first
This commit is contained in:
Arturo
+17
-74
@@ -1,78 +1,21 @@
|
||||
# ---> Node
|
||||
# Logs
|
||||
logs
|
||||
*.log
|
||||
.DS_Store
|
||||
node_modules
|
||||
/dist
|
||||
|
||||
# local env files
|
||||
.env.local
|
||||
.env.*.local
|
||||
|
||||
# Log files
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
|
||||
# Runtime data
|
||||
pids
|
||||
*.pid
|
||||
*.seed
|
||||
*.pid.lock
|
||||
|
||||
# Directory for instrumented libs generated by jscoverage/JSCover
|
||||
lib-cov
|
||||
|
||||
# Coverage directory used by tools like istanbul
|
||||
coverage
|
||||
|
||||
# nyc test coverage
|
||||
.nyc_output
|
||||
|
||||
# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
|
||||
.grunt
|
||||
|
||||
# Bower dependency directory (https://bower.io/)
|
||||
bower_components
|
||||
|
||||
# node-waf configuration
|
||||
.lock-wscript
|
||||
|
||||
# Compiled binary addons (https://nodejs.org/api/addons.html)
|
||||
build/Release
|
||||
|
||||
# Dependency directories
|
||||
node_modules/
|
||||
jspm_packages/
|
||||
|
||||
# TypeScript v1 declaration files
|
||||
typings/
|
||||
|
||||
# Optional npm cache directory
|
||||
.npm
|
||||
|
||||
# Optional eslint cache
|
||||
.eslintcache
|
||||
|
||||
# Optional REPL history
|
||||
.node_repl_history
|
||||
|
||||
# Output of 'npm pack'
|
||||
*.tgz
|
||||
|
||||
# Yarn Integrity file
|
||||
.yarn-integrity
|
||||
|
||||
# dotenv environment variables file
|
||||
.env
|
||||
|
||||
# parcel-bundler cache (https://parceljs.org/)
|
||||
.cache
|
||||
|
||||
# next.js build output
|
||||
.next
|
||||
|
||||
# nuxt.js build output
|
||||
.nuxt
|
||||
|
||||
# vuepress build output
|
||||
.vuepress/dist
|
||||
|
||||
# Serverless directories
|
||||
.serverless
|
||||
|
||||
# FuseBox cache
|
||||
.fusebox/
|
||||
|
||||
# Editor directories and files
|
||||
.idea
|
||||
.vscode
|
||||
*.suo
|
||||
*.ntvs*
|
||||
*.njsproj
|
||||
*.sln
|
||||
*.sw?
|
||||
|
||||
@@ -1,2 +1,24 @@
|
||||
# asinea-front
|
||||
|
||||
## 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/).
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
module.exports = {
|
||||
presets: [
|
||||
'@vue/cli-plugin-babel/preset'
|
||||
]
|
||||
}
|
||||
Generated
+12949
File diff suppressed because it is too large
Load Diff
@@ -0,0 +1,49 @@
|
||||
{
|
||||
"name": "asinea-front",
|
||||
"version": "0.1.0",
|
||||
"private": true,
|
||||
"scripts": {
|
||||
"serve": "vue-cli-service serve",
|
||||
"build": "vue-cli-service build",
|
||||
"lint": "vue-cli-service lint"
|
||||
},
|
||||
"dependencies": {
|
||||
"@fortawesome/fontawesome-free": "^5.12.1",
|
||||
"buefy": "^0.8.12",
|
||||
"bulma": "^0.8.0",
|
||||
"core-js": "^3.6.4",
|
||||
"vue": "^2.6.11",
|
||||
"vue-router": "^3.1.5"
|
||||
},
|
||||
"devDependencies": {
|
||||
"@vue/cli-plugin-babel": "^4.2.0",
|
||||
"@vue/cli-plugin-eslint": "^4.2.0",
|
||||
"@vue/cli-service": "^4.2.0",
|
||||
"babel-eslint": "^10.0.3",
|
||||
"eslint": "^6.7.2",
|
||||
"eslint-plugin-vue": "^6.1.2",
|
||||
"node-sass": "^4.13.1",
|
||||
"pug": "^2.0.4",
|
||||
"pug-plain-loader": "^1.0.0",
|
||||
"sass-loader": "^8.0.2",
|
||||
"vue-template-compiler": "^2.6.11"
|
||||
},
|
||||
"eslintConfig": {
|
||||
"root": true,
|
||||
"env": {
|
||||
"node": true
|
||||
},
|
||||
"extends": [
|
||||
"plugin:vue/essential",
|
||||
"eslint:recommended"
|
||||
],
|
||||
"parserOptions": {
|
||||
"parser": "babel-eslint"
|
||||
},
|
||||
"rules": {}
|
||||
},
|
||||
"browserslist": [
|
||||
"> 1%",
|
||||
"last 2 versions"
|
||||
]
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 318 B |
@@ -0,0 +1,21 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
|
||||
<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>
|
||||
+35
@@ -0,0 +1,35 @@
|
||||
<template lang="pug">
|
||||
#app
|
||||
router-view
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import HelloWorld from "./components/HelloWorld.vue";
|
||||
import HeaderApp from "./components/Header.vue";
|
||||
|
||||
export default {
|
||||
name: "App",
|
||||
data() {
|
||||
return {
|
||||
msj: process.env.VUE_APP_API
|
||||
};
|
||||
},
|
||||
components: {
|
||||
HelloWorld,
|
||||
HeaderApp
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="scss">
|
||||
@import "./assets/scss/main.sass";
|
||||
html,
|
||||
body,
|
||||
#app,
|
||||
router-view {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
</style>
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 10 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 62 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 98 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 21 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 12 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 109 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 6.7 KiB |
@@ -0,0 +1,2 @@
|
||||
$azul: #1b3d70;
|
||||
$gris: #ecf0f1;
|
||||
@@ -0,0 +1,4 @@
|
||||
@import "../node_modules/bulma/bulma.sass"
|
||||
|
||||
$azul: #2d3783
|
||||
$gris: #c6538c
|
||||
@@ -0,0 +1,32 @@
|
||||
<template lang="pug">
|
||||
.container-fluid
|
||||
p hola
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
import Login from "./Login.vue";
|
||||
export default {
|
||||
components: {
|
||||
Login
|
||||
}
|
||||
};
|
||||
</script>
|
||||
|
||||
<style lang="sass">
|
||||
.azul
|
||||
background-color: #2D3783
|
||||
.azul2
|
||||
background-color: #334FA1
|
||||
.white
|
||||
color: white
|
||||
.line
|
||||
display: inline-block
|
||||
.menu
|
||||
padding: 10px 0
|
||||
.logo-cuadrado
|
||||
width: 80px
|
||||
.logo
|
||||
width: 100%
|
||||
</style>
|
||||
@@ -0,0 +1,58 @@
|
||||
<template>
|
||||
<div class="hello">
|
||||
<h1>{{ msg }}</h1>
|
||||
<p>
|
||||
For a guide and recipes on how to configure / customize this project,<br>
|
||||
check out the
|
||||
<a href="https://cli.vuejs.org" target="_blank" rel="noopener">vue-cli documentation</a>.
|
||||
</p>
|
||||
<h3>Installed CLI Plugins</h3>
|
||||
<ul>
|
||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-babel" target="_blank" rel="noopener">babel</a></li>
|
||||
<li><a href="https://github.com/vuejs/vue-cli/tree/dev/packages/%40vue/cli-plugin-eslint" target="_blank" rel="noopener">eslint</a></li>
|
||||
</ul>
|
||||
<h3>Essential Links</h3>
|
||||
<ul>
|
||||
<li><a href="https://vuejs.org" target="_blank" rel="noopener">Core Docs</a></li>
|
||||
<li><a href="https://forum.vuejs.org" target="_blank" rel="noopener">Forum</a></li>
|
||||
<li><a href="https://chat.vuejs.org" target="_blank" rel="noopener">Community Chat</a></li>
|
||||
<li><a href="https://twitter.com/vuejs" target="_blank" rel="noopener">Twitter</a></li>
|
||||
<li><a href="https://news.vuejs.org" target="_blank" rel="noopener">News</a></li>
|
||||
</ul>
|
||||
<h3>Ecosystem</h3>
|
||||
<ul>
|
||||
<li><a href="https://router.vuejs.org" target="_blank" rel="noopener">vue-router</a></li>
|
||||
<li><a href="https://vuex.vuejs.org" target="_blank" rel="noopener">vuex</a></li>
|
||||
<li><a href="https://github.com/vuejs/vue-devtools#vue-devtools" target="_blank" rel="noopener">vue-devtools</a></li>
|
||||
<li><a href="https://vue-loader.vuejs.org" target="_blank" rel="noopener">vue-loader</a></li>
|
||||
<li><a href="https://github.com/vuejs/awesome-vue" target="_blank" rel="noopener">awesome-vue</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
name: 'HelloWorld',
|
||||
props: {
|
||||
msg: String
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
<!-- Add "scoped" attribute to limit CSS to this component only -->
|
||||
<style scoped>
|
||||
h3 {
|
||||
margin: 40px 0 0;
|
||||
}
|
||||
ul {
|
||||
list-style-type: none;
|
||||
padding: 0;
|
||||
}
|
||||
li {
|
||||
display: inline-block;
|
||||
margin: 0 10px;
|
||||
}
|
||||
a {
|
||||
color: #42b983;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,29 @@
|
||||
<template lang="pug">
|
||||
.dropdown.is-active
|
||||
.dropdown-trigger
|
||||
button.button(aria-haspopup='true' aria-controls='dropdown-menu2')
|
||||
span Content
|
||||
span.icon.is-small
|
||||
i.fas.fa-angle-down(aria-hidden='true')
|
||||
#dropdown-menu2.dropdown-menu(role='menu')
|
||||
.dropdown-content
|
||||
.dropdown-item
|
||||
input.input(placeholder="Correo")
|
||||
.dropdown-item
|
||||
input.input(placeholder="Contraseña")
|
||||
hr.dropdown-divider
|
||||
.dropdown-item
|
||||
a Registrate
|
||||
hr.dropdown-divider
|
||||
.dropdown-item
|
||||
button.button.is-link Iniciar
|
||||
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {};
|
||||
</script>
|
||||
|
||||
<style>
|
||||
</style>
|
||||
+15
@@ -0,0 +1,15 @@
|
||||
import Vue from "vue";
|
||||
import App from "./App.vue";
|
||||
import "@fortawesome/fontawesome-free/css/all.css";
|
||||
import "@fortawesome/fontawesome-free/js/all.js";
|
||||
import VueRouter from "vue-router";
|
||||
|
||||
import router from "./routes";
|
||||
|
||||
Vue.use(VueRouter);
|
||||
Vue.config.productionTip = false;
|
||||
|
||||
new Vue({
|
||||
render: h => h(App),
|
||||
router
|
||||
}).$mount("#app");
|
||||
@@ -0,0 +1,15 @@
|
||||
import Vue from "vue";
|
||||
import VueRouter from "vue-router";
|
||||
import Login from "./views/Login.vue";
|
||||
import Registro from "./views/Registro.vue";
|
||||
|
||||
const routes = [
|
||||
{ path: "/login", component: Login, name: "login" },
|
||||
{ path: "/registro", component: Registro, name: "registro" }
|
||||
];
|
||||
|
||||
Vue.use(VueRouter);
|
||||
|
||||
const router = new VueRouter({ routes });
|
||||
|
||||
export default router;
|
||||
@@ -0,0 +1,84 @@
|
||||
<template lang="pug">
|
||||
.container-fluid
|
||||
.columns.perc100
|
||||
.column.is-5.azul.flex
|
||||
.columns
|
||||
.column.is-three-fifths.is-offset-one-fifth.has-text-centered
|
||||
h1.is-size-2.has-text-white
|
||||
b ASINEA 2020
|
||||
br
|
||||
p.has-text-left.has-text-white Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer lobortis efficitur pellentesque. Praesent rhoncus erat in ex consequat ultrices. Aenean iaculis arcu ac neque dignissim, vitae sodales risus posuere. Fusce aliquet efficitur libero, quis consequat justo maximus vitae. Duis id sem posuere, ullamcorper leo eget, venenatis felis. Suspendisse nec facilisis turpis. Nunc fermentum tellus a dolor ultrices mattis.
|
||||
br
|
||||
.columns
|
||||
.column.is-4
|
||||
img(width="96" src="../assets/img/ASINEA_blanco.png")
|
||||
.column.is-4
|
||||
img(width="96" src="../assets/img/fa_bco.png")
|
||||
.column.is-4
|
||||
img(width="96" src="../assets/img/unam.png")
|
||||
.column.is-7.pink.center
|
||||
.columns
|
||||
.column.is-6.is-offset-3
|
||||
.card
|
||||
.card-content
|
||||
p.title.has-text-centered Iniciar Sesión
|
||||
.field
|
||||
p.control.has-icons-left.has-icons-right
|
||||
input.input(type="email" placeholder="Correo")
|
||||
span.icon.is-small.is-left
|
||||
i.fas.fa-envelope
|
||||
.field
|
||||
p.control.has-icons-left.has-icons-right
|
||||
input.input(type="password" placeholder="Contraseña")
|
||||
span.icon.is-small.is-left
|
||||
i.fas.fa-lock
|
||||
div.between
|
||||
a Registrate
|
||||
a ¿ Olvidaste tu Contraseña ?
|
||||
br
|
||||
br
|
||||
.field.is-grouped.is-grouped-centered
|
||||
.control.has-text-centered
|
||||
button.button.is-info Iniciar
|
||||
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.container-fluid,
|
||||
.perc100 {
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
}
|
||||
.azul {
|
||||
height: 100%;
|
||||
background-color: $azul;
|
||||
}
|
||||
.pink {
|
||||
height: 100%;
|
||||
background-color: $gris;
|
||||
}
|
||||
.columns {
|
||||
margin: 0;
|
||||
}
|
||||
.blanco {
|
||||
color: white;
|
||||
}
|
||||
.flex {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
}
|
||||
.center {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
}
|
||||
.between {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,200 @@
|
||||
<template lang="pug">
|
||||
.container-fluid
|
||||
.nav.navbar
|
||||
.navbar-brand
|
||||
p.navbar-item.has-text-white Registro ASINEA 2020
|
||||
.navbar-end
|
||||
a.navbar-item.has-text-white Iniciar Sesión
|
||||
.columns
|
||||
.column.is-8.is-offset-2
|
||||
br
|
||||
br
|
||||
br
|
||||
.card
|
||||
.card-content
|
||||
.columns
|
||||
.column.is-6.is-offset-3.has-text-centered
|
||||
img(width="96" src="../assets/img/ASINEA_negro.png")
|
||||
img(width="96" src="../assets/img/FA.png")
|
||||
img(width="96" src="../assets/img/unam.png")
|
||||
p.is-size-3 Datos Personales
|
||||
br
|
||||
.columns
|
||||
.column.is-4
|
||||
.field
|
||||
label.label Nombre
|
||||
input.input(type="text")
|
||||
.column.is-4
|
||||
.field
|
||||
label.label Apellido Paterno
|
||||
input.input(type="text")
|
||||
.column.is-4
|
||||
.field
|
||||
label.label Apellido Materno
|
||||
input.input(type="text")
|
||||
.columns
|
||||
.column.is-3
|
||||
.field
|
||||
label.label CURP
|
||||
input.input(type="text")
|
||||
.column.is-3
|
||||
.field
|
||||
label.label Genero
|
||||
.select
|
||||
select
|
||||
option Masculino
|
||||
option Femenino
|
||||
.column.is-3
|
||||
.field
|
||||
label.label Edad
|
||||
input.input(type="text")
|
||||
.column.is-3
|
||||
.field
|
||||
label.label Telefono
|
||||
input.input(type="text")
|
||||
.columns
|
||||
.column.is-8
|
||||
.field
|
||||
label.label Correo
|
||||
input.input(type="email")
|
||||
.columns
|
||||
.column.is-4
|
||||
.field
|
||||
label.label Contraseña
|
||||
input.input(type="password")
|
||||
.column.is-4
|
||||
.field
|
||||
label.label Verificar Contraseña
|
||||
input.input(type="password")
|
||||
p.is-size-3 Datos Académicos
|
||||
br
|
||||
p.is-size-5 Institución Academica
|
||||
br
|
||||
.columns
|
||||
.column.is-6
|
||||
.control
|
||||
label.radio
|
||||
input(type="radio")
|
||||
| Comunidad UNAM
|
||||
label.radio
|
||||
input(type="radio")
|
||||
| Comunidad Externa
|
||||
p.is-size-5 Situación Academica
|
||||
br
|
||||
.columns
|
||||
.column.is-6
|
||||
.control
|
||||
label.radio
|
||||
input(type="radio")
|
||||
| Alumno
|
||||
label.radio
|
||||
input(type="radio")
|
||||
| Académico
|
||||
label.radio
|
||||
input(type="radio")
|
||||
| Director
|
||||
label.radio
|
||||
input(type="radio")
|
||||
| Comité Académico
|
||||
.columns
|
||||
.column.is-6
|
||||
p.is-size-5 Alumno
|
||||
br
|
||||
.field
|
||||
label.label Numero de Cuenta
|
||||
input.input(type="text")
|
||||
.field
|
||||
label.label Año en curso
|
||||
.select
|
||||
select
|
||||
each val in [1, 2, 3, 4, 5,6,7,8,9,10]
|
||||
option= val
|
||||
.columns
|
||||
.column.is-6
|
||||
p.is-size-5 Academico
|
||||
br
|
||||
p.is-size-6
|
||||
b Grado Acacademico
|
||||
.select
|
||||
select
|
||||
option Licenciatura
|
||||
option Maestria
|
||||
option Doctorado
|
||||
br
|
||||
br
|
||||
.field
|
||||
label.label Asignatura que imparte
|
||||
input.input(type="text")
|
||||
p.is-size-3 Tipo de Participación
|
||||
.columns
|
||||
.column.is-6
|
||||
br
|
||||
.control
|
||||
label.radio
|
||||
input(type="radio")
|
||||
| Alumno
|
||||
label.radio
|
||||
input(type="radio")
|
||||
| Profesor
|
||||
|
||||
.control
|
||||
label.radio
|
||||
input(type="radio")
|
||||
| Ponente
|
||||
label.radio
|
||||
input(type="radio")
|
||||
| Asistente
|
||||
.columns
|
||||
.column
|
||||
p.is-size-5 Alumno
|
||||
br
|
||||
p.is-size-6
|
||||
b Ensayo
|
||||
.select
|
||||
select
|
||||
each val in [1, 2, 3]
|
||||
option= val
|
||||
br
|
||||
p.is-size-6
|
||||
b Video
|
||||
.select
|
||||
select
|
||||
each val in [1, 2, 3]
|
||||
option= val
|
||||
br
|
||||
.columns
|
||||
.column
|
||||
p.is-size-4 Talleres
|
||||
.select
|
||||
select
|
||||
each val in [1, 2, 3,4,5,6,7,8,9]
|
||||
option= val
|
||||
.columns
|
||||
.column
|
||||
p.is-size-3 Dialogos Magistrales
|
||||
.select
|
||||
select
|
||||
each val in [1, 2]
|
||||
option= val
|
||||
.columns
|
||||
.column
|
||||
p.is-size-3 Visitas Guiadas
|
||||
.select
|
||||
select
|
||||
each val in [1, 2,3,4,5,6,7,8,9]
|
||||
option= "ruta "+val
|
||||
</template>
|
||||
|
||||
<script>
|
||||
export default {};
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
.container-fluid {
|
||||
background-color: $gris;
|
||||
}
|
||||
section,
|
||||
.navbar {
|
||||
background-color: $azul;
|
||||
}
|
||||
</style>
|
||||
@@ -0,0 +1,9 @@
|
||||
module.exports = {
|
||||
css: {
|
||||
loaderOptions: {
|
||||
sass: {
|
||||
prependData: `@import "@/assets/scss/_variables.scss";`
|
||||
}
|
||||
}
|
||||
}
|
||||
};
|
||||
Reference in New Issue
Block a user