Commit aab7e9fe authored by Quentin David's avatar Quentin David
Browse files

New commit with Corpus/Modules/PreReslt

parents
.DS_Store
node_modules
/dist
# local env files
.env.local
.env.*.local
# Log files
npm-debug.log*
yarn-debug.log*
yarn-error.log*
pnpm-debug.log*
# Editor directories and files
.idea
.vscode
*.suo
*.ntvs*
*.njsproj
*.sln
*.sw?
# chene-tal
## 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 source diff could not be displayed because it is too large. You can view the blob instead.
{
"name": "chene-tal",
"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.6.5",
"vue": "^2.6.11",
"vue-router": "^3.3.3",
"vuetify": "^2.2.11"
},
"devDependencies": {
"@vue/cli-plugin-babel": "~4.4.0",
"@vue/cli-plugin-eslint": "~4.4.0",
"@vue/cli-service": "~4.4.0",
"babel-eslint": "^10.1.0",
"eslint": "^6.7.2",
"eslint-plugin-vue": "^6.2.2",
"sass": "^1.19.0",
"sass-loader": "^8.0.0",
"vue-cli-plugin-vuetify": "~2.0.5",
"vue-template-compiler": "^2.6.11",
"vuetify-loader": "^1.3.0"
},
"eslintConfig": {
"root": true,
"env": {
"node": true
},
"extends": [
"plugin:vue/essential",
"eslint:recommended"
],
"parserOptions": {
"parser": "babel-eslint"
},
"rules": {}
},
"browserslist": [
"> 1%",
"last 2 versions",
"not dead"
]
}
<!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>
<link rel='stylesheet' href="https://github.com/lipis/flag-icon-css/blob/master/css/flag-icon.min.css">
<link rel='stylesheet' id='fontawesome-css' href='https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css' type='text/css' media='all' />
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@mdi/font@latest/css/materialdesignicons.min.css">
</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>
<template>
<v-app>
<TopNav/>
<v-container fluid class="my-8">
<router-view></router-view>
</v-container>
<Footer/>
</v-app>
</template>
<script>
import TopNav from './components/TopNav';
import Footer from './components/Footer';
export default {
name: 'App',
components: {
TopNav,
Footer,
},
data: () => ({
//
}),
};
</script>
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 87.5 100"><defs><style>.cls-1{fill:#1697f6;}.cls-2{fill:#7bc6ff;}.cls-3{fill:#1867c0;}.cls-4{fill:#aeddff;}</style></defs><title>Artboard 46</title><polyline class="cls-1" points="43.75 0 23.31 0 43.75 48.32"/><polygon class="cls-2" points="43.75 62.5 43.75 100 0 14.58 22.92 14.58 43.75 62.5"/><polyline class="cls-3" points="43.75 0 64.19 0 43.75 48.32"/><polygon class="cls-4" points="64.58 14.58 87.5 14.58 43.75 100 43.75 62.5 64.58 14.58"/></svg>
<template>
<v-container>
<v-card outlined class="my-5 px-6">
<v-card-title class="justify-center py-6">
<h1 class="display-3">Choix du corpus</h1>
</v-card-title>
<AddCorpus/>
<CorpusOptions />
</v-card>
<v-btn block> Suivant </v-btn>
</v-container>
</template>
<script>
import AddCorpus from '@/components/DefineCorpus/AddCorpus';
import CorpusOptions from '@/components/DefineCorpus/CorpusOptions';
export default {
name: 'Corpus',
components: {
AddCorpus,
CorpusOptions,
},
}
</script>
\ No newline at end of file
<template>
<v-tabs grow
v-model="tab"
>
<v-tab
v-for="item in tab_items"
:key="item.tab"
>
{{ item.tab }}
</v-tab>
<v-tabs-items v-model="tab" class="my-4" vertical>
<v-tab-item>
<v-card outlined height=100px>
<v-card-text
class="justify-center text-center"
> Sélection d'un fichier local </v-card-text>
</v-card>
</v-tab-item>
<v-tab-item>
<InputText />
</v-tab-item>
<v-tab-item>
<v-card outlined height=100px>
<v-card-text
class="justify-center text-center"
> Sélection de corpus de profil </v-card-text>
</v-card>
</v-tab-item>
<v-tab-item>
<v-card outlined height=100px>
<v-card-text
class="justify-center text-center"
> Sélection de corpus partagé </v-card-text>
</v-card>
</v-tab-item>
</v-tabs-items>
</v-tabs>
</template>
<script>
import InputText from '@/components/DefineCorpus/InputText';
export default {
data: () => ({
tab: null,
tab_items: [
{ tab: 'Depuis un fichier local', content: 'Fichier local'},
{ tab: 'Depuis un champ de texte', content: InputText},
{ tab: 'Depuis un corpus du profil', content: 'Corpus du profil'},
{ tab: 'Depuis un corpus partagé', content: 'Corpus partagé'},
],
selected: null,
test: { "fr": false, "en": false},
}),
components: {
InputText,
}
}
</script>
\ No newline at end of file
<template>
<v-card
outlined
class="my-5"
>
<v-card-title class="justify-center py-6">
<h2 class="display-1">Options du corpus</h2>
</v-card-title>
<v-form class="px-12">
<v-select
class="my-5"
v-model="lang_select"
:items="languages"
label="Langue du corpus"
required
></v-select>
<v-divider/>
<v-card outlined class="px-10 py-4 mb-5">
<v-card-title class="subtitle-2">Métadonnées (facultatif)</v-card-title>
<v-text-field
class="mt-0"
v-model="author"
label="Auteur"
></v-text-field>
<v-text-field
class="pt-0 mt-0"
v-model="date"
label="Date"
></v-text-field>
<v-text-field
class="mt-0 pt-0"
v-model="type"
label="Type de document"
></v-text-field>
</v-card>
</v-form>
</v-card>
</template>
<script>
export default {
data: () => ({
lang_select: 'Français',
languages: ['Français','Anglais','Mandarin','Roumain', 'Nahuatl', 'Multilingue'],
author: '',
date: '',
type: '',
}),
}
</script>
\ No newline at end of file
<template>
<v-textarea
outlined
auto-grow
clearable
label="Entrez votre texte ici"
></v-textarea>
</template>
\ No newline at end of file
<template>
<v-container>
<v-card outlined class="my-5">
<v-card-text>
<v-row>
<v-col
v-for="module in modules"
:key="module.name">
<!-- align="centger" for col <v-btn
@click="checkModule(module)"
>
{{ module.name }}
</v-btn> -->
<v-card
outlined
elevation="2"
>
<v-card-title>
{{ module.name }}
</v-card-title>
<v-card-subtitle>
{{ module.description }}
</v-card-subtitle>
<!-- CANDY ! -->
<v-card-actions>
<v-btn text
>
Add
</v-btn>
<v-btn
@click="checkModule(module)"
text
>
Parameters</v-btn>
<v-spacer/>
<v-btn icon @click="show_desc = !show_desc">
<v-icon>
fa-question-circle
</v-icon>
</v-btn>
</v-card-actions>
<v-expand-transition>
<div v-show="show_desc">
<v-divider/>
<v-card-text>
{{ module.description }}
</v-card-text>
</div>
</v-expand-transition>
</v-card>
</v-col>
</v-row>
<v-slide-y-transition>
<v-card
v-if="chosen_module"
v-show="chosen_module"
elevation="3"
color="grey lighten-3"
class="mt-2"
>
<v-card-title>
Paramètre pour {{ chosen_module.name }}
</v-card-title>
<v-card-text>
Paramètre: {{ chosen_module.parameters }}
</v-card-text>
<v-card-actions>
<v-btn>Ajouter à la chaîne</v-btn>
</v-card-actions>
</v-card>
</v-slide-y-transition>
<!-- <div
id="round-box"
class="mt-5 pa-5 grey lighten-2"
v-if="chosen_module"
transition="slide-y-transition"
>
<h3 class="display-1 mb-10">
Paramètre pour {{chosen_module.name}}
</h3>
<p>
Paramètre: {{ chosen_module.parameters }}
</p>
<v-btn
class="mt-5"
>
Ajouter à la chaîne
</v-btn>
</div> -->
</v-card-text>
</v-card>
</v-container>
</template>
<script>
export default {
data:() => ({
modules:
[
{
name: "Morfetik",
description: "Dictionnaire morphologique",
parameters:
{
"Parameter 1": "This is parameter 1",
}
},
{ name: "SDMC",
description: "Outil de fouille de motifs",
parameters:
{
"Parameter 2": "This is parameter 1",
}
},
{ name:"Néoveille",
description: "Détecteur de néologismes",
parameters:
{
"Parameter 3": "This is parameter 1",
},
},
{ name:"Modulix",
description: "Module fictif",
parameters:
{
"Parameter 4": "This is parameter 1",
}
}
],
chosen_module: undefined,
show_desc: false,
}),
methods:{
checkModule: function(module) {
if (this.chosen_module == module) {
this.chosen_module = false;
}
else {
this.chosen_module = module;
}
}
}
}
</script>
<style scoped>
#round-box {
border: 1px solid;
border-radius: 5px;
padding-bottom: 10em;
}
</style>
\ No newline at end of file
<template>
<v-footer
color="primary lighten-2"
absolute
padless
>
<v-col cols="12" class="text-center white--text">
{{ new Date().getFullYear() }} - <strong>CheneTAL</strong>
</v-col>
</v-footer>
</template>
\ No newline at end of file
<template>
<v-container>
<v-row class="text-center">
<v-col cols="10">
<v-img
:src="require('../assets/logo.svg')"
class="my-3"
contain
height="200"
/>
</v-col>
<v-col class="mb-4">
<h1 class="display-2 font-weight-bold mb-3">
Welcome to Vuetify
</h1>
<p class="subheading font-weight-regular">
For help and collaboration with other Vuetify developers,
<br>please join our online
<a
href="https://community.vuetifyjs.com"
target="_blank"
>Discord Community</a>
</p>
</v-col>
<v-col
class="mb-5"
cols="12"
>
<h2 class="headline font-weight-bold mb-3">
What's next?
</h2>
<v-row justify="center">
<a
v-for="(next, i) in whatsNext"
:key="i"
:href="next.href"
class="subheading mx-3"
target="_blank"
>
{{ next.text }}
</a>
</v-row>
</v-col>
<v-col
class="mb-5"
cols="12"
>
<h2 class="headline font-weight-bold mb-3">
Important Links
</h2>
<v-row justify="center">
<a
v-for="(link, i) in importantLinks"
:key="i"
:href="link.href"
class="subheading mx-3"
target="_blank"
>
{{ link.text }}
</a>
</v-row>
</v-col>
<v-col
class="mb-5"
cols="12"
>
<h2 class="headline font-weight-bold mb-3">
Ecosystem
</h2>
<v-row justify="center">
<a
v-for="(eco, i) in ecosystem"
:key="i"
:href="eco.href"
class="subheading mx-3"
target="_blank"
>
{{ eco.text }}
</a>
</v-row>
</v-col>
</v-row>
</v-container>
</template>
<script>
export default {
name: 'HelloWorld',
data: () => ({
ecosystem: [
{
text: 'vuetify-loader',
href: 'https://github.com/vuetifyjs/vuetify-loader',
},
{
text: 'github',
href: 'https://github.com/vuetifyjs/vuetify',
},
{
text: 'awesome-vuetify',
href: 'https://github.com/vuetifyjs/awesome-vuetify',
},
],
importantLinks: [
{
text: 'Documentation',
href: 'https://vuetifyjs.com',
},
{
text: 'Chat',
href: 'https://community.vuetifyjs.com',
},
{
text: 'Made with Vuetify',
href: 'https://madewithvuejs.com/vuetify',
},
{
text: 'Twitter',
href: 'https://twitter.com/vuetifyjs',
},
{
text: 'Articles',
href: 'https://medium.com/vuetify',
},
],
whatsNext: [
{
text: 'Explore components',
href: 'https://vuetifyjs.com/components/api-explorer',
},
{
text: 'Select a layout',
href: 'https://vuetifyjs.com/layout/pre-defined',