Commit 3f2cc262 authored by Lucas Détré's avatar Lucas Détré Committed by David Foucher

switching front framework from riotjs3 to vuejs2 & changing global file architecture

parent 6d851d44
File mode changed from 100644 to 100755
......@@ -9,3 +9,5 @@ dist/
.coverage
htmlcov/
.envrc
backoffice/node_modules/
backoffice/dist/
\ No newline at end of file
File mode changed from 100644 to 100755
File mode changed from 100644 to 100755
File mode changed from 100644 to 100755
File mode changed from 100644 to 100755
File mode changed from 100644 to 100755
File mode changed from 100644 to 100755
File mode changed from 100644 to 100755
VUE_APP_TREFLE_URL=https://trefle.beta.pole-emploi.fr/
VUE_APP_API_VERSION=0.7
\ No newline at end of file
# trefle
## 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/).
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
]
}
This diff is collapsed.
{
"name": "web",
"version": "0.1.0",
"private": true,
"scripts": {
"serve": "vue-cli-service serve",
"build": "vue-cli-service build",
"lint": "vue-cli-service lint"
},
"dependencies": {
"core-js": "^3.3.2",
"vue": "^2.6.10",
"vue-resource": "^1.5.1",
"vue-router": "^3.1.3"
},
"devDependencies": {
"@vue/cli-plugin-babel": "^4.0.0",
"@vue/cli-plugin-eslint": "^4.0.0",
"@vue/cli-service": "^4.0.0",
"babel-eslint": "^10.0.3",
"eslint": "^5.16.0",
"eslint-plugin-vue": "^5.0.0",
"vue-template-compiler": "^2.6.10"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"rules": {},
"parserOptions": {
"parser": "babel-eslint"
}
},
"postcss": {
"plugins": {
"autoprefixer": {}
}
},
"browserslist": [
"> 1%",
"last 2 versions"
]
}
<!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>Trèfle feuille à feuille</title>
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
<link href="https://fonts.googleapis.com/css?family=Lato&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css"/>
</head>
<body>
<noscript>
<strong>We're sorry but trefle doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
</noscript>
<div id="App"></div>
</body>
</html>
<template>
<div id="App">
<Navbar></Navbar>
<MainContent></MainContent>
</div>
</template>
<script>
import Navbar from './components/Navbar.vue'
import MainContent from './components/MainContent.vue'
export default {
name: 'App',
components: {
Navbar,
MainContent
}
}
</script>
<style>
@font-face {
font-family: 'sans';
src: url('./assets/fonts/sourcesanspro-it-webfont.woff2') format('woff2'),
url('./assets/fonts/sourcesanspro-it-webfont.woff') format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'sans';
src: url('./assets/fonts/sourcesanspro-light-webfont.woff2') format('woff2'),
url('./assets/fonts/sourcesanspro-light-webfont.woff') format('woff');
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: 'sans';
src: url('./assets/fonts/sourcesanspro-regular-webfont.woff2') format('woff2'),
url('./assets/fonts/sourcesanspro-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'sans';
src: url('./assets/fonts/sourcesanspro-bold-webfont.woff2') format('woff2'),
url('./assets/fonts/sourcesanspro-bold-webfont.woff') format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'mono';
src: url('./assets/fonts/sourcecodepro-regular-webfont.woff2') format('woff2'),
url('./assets/fonts/sourcecodepro-regular-webfont.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'mono';
src: url('./assets/fonts/sourcecodepro-bold-webfont.woff2') format('woff2'),
url('./assets/fonts/sourcecodepro-bold-webfont.woff') format('woff');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'mono';
src: url('./assets/fonts/sourcecodepro-semibold-webfont.woff2') format('woff2'),
url('./assets/fonts/sourcecodepro-semibold-webfont.woff') format('woff');
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: 'mono';
src: url('./assets/fonts/sourcecodepro-medium-webfont.woff2') format('woff2'),
url('./assets/fonts/sourcecodepro-medium-webfont.woff') format('woff');
font-weight: 500;
font-style: normal;
}
@font-face {
font-family: 'mono';
src: url('./assets/fonts/sourcecodepro-it-webfont.woff2') format('woff2'),
url('./assets/fonts/sourcecodepro-it-webfont.woff') format('woff');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'icon';
font-style: normal;
font-weight: 400;
src: url('./assets/fonts/material-icons.woff2') format('woff2');
}
html, body, a, p, div, li, dl {
margin: 0;
padding: 0;
color: #222;
font-family: 'Lato', 'sans', sans-serif;
}
html, body {
width: 100%;
}
ul {
padding: 0;
}
li {
list-style: none;
}
a {
text-decoration: none;
}
.full, .tools {
margin: 0 auto;
max-width: 1280px;
display: block;
}
.tools {
display: grid;
grid-template-columns: 1fr 2fr;
}
main {
padding: 1rem;
}
pre {
padding: 5px;
border: solid 1px #68c3a3;
background-color: #eee;
max-width: 1200px;
font-family: 'mono';
white-space: pre-wrap;
}
p {
margin: 1rem 0;
}
.on {
font-weight: bold;
}
/*** FORMS ***/
input[type=text],
input[type=url] {
line-height: 3em;
border: 1px solid #eee;
padding: 0 .5rem;
min-width: 300px;
}
input[type=submit],
.button {
background-color: #68c3a3;
border: none;
padding: 0 10px;
line-height: 3em;
cursor: pointer;
color: #fff;
}
input[type=submit]:hover,
.button:hover {
background-color: #56bc98;
}
/** icons **/
/** See https://material.io/tools/icons/ **/
.icon {
font-family: 'icon';
font-weight: normal;
font-style: normal;
font-size: 1em;
line-height: 1em;
letter-spacing: normal;
text-transform: none;
display: inline-block;
white-space: nowrap;
word-wrap: normal;
direction: ltr;
font-variant: normal;
vertical-align: baseline;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-font-feature-settings: 'liga';
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga';
}
textarea {
width: 100%;
border: 1px solid #f3f3f3;
padding: 10px;
min-height: 200px;
}
/************** Tool Tip Styles ********************************/
.tooltip {
position: relative;
opacity:100;
cursor: help;
display: inline;
z-index: 1;
}
.tooltip:hover {
text-decoration: underline dotted;
}
.tooltip .tooltip-content {
display: none;
background: #eee;
border: 1px solid #68c3a3;
font-size: 0.875em;
padding: 1em;
position: absolute;
left: 0;
bottom: calc(100% + 10px);
min-width: 300px;
color: #222;