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;
}
.tooltip .tooltip-content:after {
content: "";
position: absolute;
left: -1px;
bottom: -11px;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
border-top: 10px solid #68c3a3;
}
.tooltip:hover .tooltip-content {
display: inline-block;
}
/* Workaround bad pattern to insert tooltip in raw rule parsing. */
.tooltip .tooltip .tooltip-content {
display: none;
}
/* Glossary like list */
dt {
font-weight: bolder;
}
dt em {
font-variant: normal;
}
dl {
margin-top: 10px;
font-size: 1.1em;
padding: 5px;
}
dl:nth-child(even) {
background: #f3f3f3;
}
</style>
\ No newline at end of file
<?xml version="1.0" encoding="iso-8859-1"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="30px" height="30px" viewBox="0 0 30 30" style="enable-background:new 0 0 30 30;" xml:space="preserve">
<g>
<g>
<path d="M15,0C6.729,0,0,6.729,0,15c0,8.271,6.729,15,15,15c8.271,0,15-6.729,15-15C30,6.729,23.271,0,15,0z M15,27.777
C7.956,27.777,2.223,22.046,2.223,15S7.956,2.223,15,2.223S27.777,7.954,27.777,15S22.044,27.777,15,27.777z"/>
<path d="M15,3.5C8.66,3.5,3.5,8.659,3.5,15S8.66,26.5,15,26.5S26.5,21.341,26.5,15S21.34,3.5,15,3.5z M19.145,10.677
c-0.754-0.593-1.61-0.89-2.568-0.89c-0.741,0-1.395,0.239-1.957,0.718c-0.563,0.479-0.963,1.116-1.199,1.912h4.309v1.891h-4.611
c-0.027,0.397-0.041,0.674-0.041,0.829c0,0.184,0.007,0.381,0.02,0.598h4.63v1.922h-4.328c0.506,1.699,1.514,2.548,3.024,2.548
c0.95,0,1.856-0.304,2.72-0.911v2.488c-0.795,0.484-1.832,0.728-3.115,0.728c-1.516,0-2.753-0.42-3.71-1.259
s-1.591-2.038-1.901-3.595H9.182v-1.923h0.971c-0.014-0.168-0.021-0.367-0.021-0.597c0-0.12,0.014-0.396,0.041-0.829H9.182v-1.891
h1.285c0.37-1.558,1.072-2.768,2.103-3.63c1.032-0.863,2.316-1.295,3.853-1.295c1.126,0,2.032,0.186,2.72,0.557v2.629H19.145z"/>
</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
<?xml version="1.0" encoding="UTF-8"?>
<svg width="19px" height="17px" viewBox="0 0 19 17" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
<title>Icone_Home</title>
<desc>Created with Sketch.</desc>
<g id="Symbols" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Main-Menu" transform="translate(-55.000000, -89.000000)" fill="#000000">
<g id="Group" transform="translate(55.000000, 88.000000)">
<g id="Icone_Home" transform="translate(-0.000000, 1.000000)">
<path d="M7.19785197,15.655 L7.19785197,10.655 L11.197852,10.655 L11.197852,15.655 C11.197852,16.205 11.647852,16.655 12.197852,16.655 L15.197852,16.655 C15.747852,16.655 16.197852,16.205 16.197852,15.655 L16.197852,8.655 L17.897852,8.655 C18.357852,8.655 18.577852,8.085 18.227852,7.785 L9.86785197,0.255 C9.48785197,-0.085 8.90785197,-0.085 8.52785197,0.255 L0.167851974,7.785 C-0.172148026,8.085 0.0378519742,8.655 0.497851974,8.655 L2.19785197,8.655 L2.19785197,15.655 C2.19785197,16.205 2.64785197,16.655 3.19785197,16.655 L6.19785197,16.655 C6.74785197,16.655 7.19785197,16.205 7.19785197,15.655" id="Fill-1"></path>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" d="M0 0h24v24H0V0z"/><path d="M22.61 18.99l-9.08-9.08c.93-2.34.45-5.1-1.44-7C9.79.61 6.21.4 3.66 2.26L7.5 6.11 6.08 7.52 2.25 3.69C.39 6.23.6 9.82 2.9 12.11c1.86 1.86 4.57 2.35 6.89 1.48l9.11 9.11c.39.39 1.02.39 1.41 0l2.3-2.3c.4-.38.4-1.01 0-1.41zm-3 1.6l-9.46-9.46c-.61.45-1.29.72-2 .82-1.36.2-2.79-.21-3.83-1.25C3.37 9.76 2.93 8.5 3 7.26l3.09 3.09 4.24-4.24-3.09-3.09c1.24-.07 2.49.37 3.44 1.31 1.08 1.08 1.49 2.57 1.24 3.96-.12.71-.42 1.37-.88 1.96l9.45 9.45-.88.89z"/></svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="18px" height="18px" viewBox="0 0 18 18" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
<title>Icone_Referentiel</title>
<desc>Created with Sketch.</desc>
<g id="Welcome" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Ecran_Ref_1_Hover" transform="translate(-36.000000, -162.000000)" fill="#000000">
<g id="Navigation" transform="translate(0.000000, 65.000000)">
<g id="Icone_Referentiel" transform="translate(36.000000, 97.000000)">
<path d="M2,16 L16,16 L16,2 L2,2 L2,16 Z M17,0 L1,0 C0.45,0 0,0.45 0,1 L0,17 C0,17.55 0.45,18 1,18 L17,18 C17.55,18 18,17.55 18,17 L18,1 C18,0.45 17.55,0 17,0 L17,0 Z M4,14 L6,14 L6,12 L4,12 L4,14 Z M4,10 L6,10 L6,8 L4,8 L4,10 Z M4,6 L6,6 L6,4 L4,4 L4,6 Z M9,14 L13,14 C13.55,14 14,13.55 14,13 C14,12.45 13.55,12 13,12 L9,12 C8.45,12 8,12.45 8,13 C8,13.55 8.45,14 9,14 L9,14 Z M9,10 L13,10 C13.55,10 14,9.55 14,9 C14,8.45 13.55,8 13,8 L9,8 C8.45,8 8,8.45 8,9 C8,9.55 8.45,10 9,10 L9,10 Z M9,6 L13,6 C13.55,6 14,5.55 14,5 C14,4.45 13.55,4 13,4 L9,4 C8.45,4 8,4.45 8,5 C8,5.55 8.45,6 9,6 L9,6 Z" id="Fill-1"></path>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="20px" height="16px" viewBox="0 0 20 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
<title>Icone_Scenarios</title>
<desc>Created with Sketch.</desc>
<defs>
<polygon id="path-1" points="0 0.0002 20 0.0002 20 16 0 16"></polygon>
</defs>
<g id="Welcome" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Ecran_Ref_1_Hover" transform="translate(-35.000000, -305.000000)">
<g id="Navigation" transform="translate(0.000000, 65.000000)">
<g id="Icone_Scenarios" transform="translate(35.000000, 240.000000)">
<g id="Group-3">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<g id="Clip-2"></g>
<path d="M17,14.0002 L3,14.0002 C2.45,14.0002 2,13.5502 2,13.0002 L2,5.0002 C2,4.4502 2.45,4.0002 3,4.0002 L17,4.0002 C17.55,4.0002 18,4.4502 18,5.0002 L18,13.0002 C18,13.5502 17.55,14.0002 17,14.0002 M18,2.0002 L10,2.0002 L8.59,0.5902 C8.21,0.2102 7.7,0.0002 7.17,0.0002 L2,0.0002 C0.9,0.0002 0.01,0.9002 0.01,2.0002 L0,14.0002 C0,15.1002 0.9,16.0002 2,16.0002 L18,16.0002 C19.1,16.0002 20,15.1002 20,14.0002 L20,4.0002 C20,2.9002 19.1,2.0002 18,2.0002" id="Fill-1" fill="#000000" mask="url(#mask-2)"></path>
</g>
</g>
</g>
</g>
</g>
</svg>
\ No newline at end of file
<?xml version="1.0" encoding="UTF-8"?>
<svg width="17px" height="13px" viewBox="0 0 17 13" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 57.1 (83088) - https://sketch.com -->
<title>Icone_Simulateur</title>
<desc>Created with Sketch.</desc>
<defs>
<polygon id="path-1" points="0 0.0001 16.755 0.0001 16.755 12.575 0 12.575"></polygon>
</defs>
<g id="Welcome" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="Ecran_Ref_1_Hover" transform="translate(-37.000000, -236.000000)">
<g id="Navigation" transform="translate(0.000000, 65.000000)">
<g id="Icone_Simulateur" transform="translate(37.000000, 171.000000)">
<g id="Group-3">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>