debut tableau etablissements
This commit is contained in:
parent
f8705b7cfc
commit
605fb2aef5
32
components/school.riot
Normal file
32
components/school.riot
Normal file
@ -0,0 +1,32 @@
|
||||
<school>
|
||||
<main class="container">
|
||||
<div class="block control has-icons-left is-inline-block is-pulled-right">
|
||||
<input class="input" type="search" placeholder="Établissement">
|
||||
<span class="icon is-small is-left">
|
||||
<i class="fas fa-search"></i>
|
||||
</span>
|
||||
</div>
|
||||
|
||||
|
||||
|
||||
<table class="table is-fullwidth is-hoverable">
|
||||
<thead>
|
||||
<tr>
|
||||
<th><abbr title="name">Nom</abbr></th>
|
||||
<th><abbr title="city">Ville</abbr></th>
|
||||
<th><abbr title="dept">Dpt</abbr></th>
|
||||
<th><abbr title="moyenne">Moyenne</abbr></th>
|
||||
<th><abbr title="selectivite">Sélectivité</abbr></th>
|
||||
</tr>
|
||||
</thead>
|
||||
|
||||
<script>
|
||||
export default {
|
||||
onMounted() {
|
||||
console.log("Test!")
|
||||
}
|
||||
}
|
||||
</script>
|
||||
|
||||
|
||||
</school>
|
@ -14,11 +14,6 @@
|
||||
<body>
|
||||
<search></search>
|
||||
<line-graph style="height: 90px;"></line-graph>
|
||||
<!--<script>
|
||||
riot.compile().then(() => {
|
||||
riot.mount('search', {
|
||||
})
|
||||
})
|
||||
</script>-->
|
||||
<school></school>
|
||||
</body>
|
||||
</html>
|
||||
|
12
javascript/components/school.js
Normal file
12
javascript/components/school.js
Normal file
@ -0,0 +1,12 @@
|
||||
var school = {
|
||||
css: null,
|
||||
exports: {
|
||||
onMounted() {
|
||||
console.log("Test!");
|
||||
}
|
||||
},
|
||||
template: (template, expressionTypes, bindingTypes, getComponent) => template('<main class="container"><div class="block control has-icons-left is-inline-block is-pulled-right"><input class="input" type="search" placeholder="Établissement"/><span class="icon is-small is-left"><i class="fas fa-search"></i></span></div><table class="table is-fullwidth is-hoverable"><thead><tr><th><abbr title="name">Nom</abbr></th><th><abbr title="city">Ville</abbr></th><th><abbr title="dept">Dpt</abbr></th><th><abbr title="moyenne">Moyenne</abbr></th><th><abbr title="selectivite">Sélectivité</abbr></th></tr></thead></table></main>', []),
|
||||
name: 'school'
|
||||
};
|
||||
|
||||
export { school as default };
|
12
javascript/school.js
Normal file
12
javascript/school.js
Normal file
@ -0,0 +1,12 @@
|
||||
var school = {
|
||||
css: null,
|
||||
exports: {
|
||||
onMounted() {
|
||||
console.log("Test!");
|
||||
}
|
||||
},
|
||||
template: (template, expressionTypes, bindingTypes, getComponent) => template('<main class="container"><div class="block control has-icons-left is-inline-block is-pulled-right"><input class="input" type="search" placeholder="Établissement"/><span class="icon is-small is-left"><i class="fas fa-search"></i></span></div><table class="table is-fullwidth is-hoverable"><thead><tr><th><abbr title="name">Nom</abbr></th><th><abbr title="city">Ville</abbr></th><th><abbr title="dept">Dpt</abbr></th><th><abbr title="moyenne">Moyenne</abbr></th><th><abbr title="selectivite">Sélectivité</abbr></th></tr></thead></table></main>', []),
|
||||
name: 'school'
|
||||
};
|
||||
|
||||
export { school as default };
|
@ -5,11 +5,14 @@
|
||||
import SchoolInfo from './javascript/school-info.js'
|
||||
import LineGraph from './javascript/line-graph.js'
|
||||
import Search from './javascript/search.js'
|
||||
import School from './javascript/school.js'
|
||||
|
||||
riot.register("school-info", SchoolInfo)
|
||||
riot.register("line-graph", LineGraph)
|
||||
riot.register("search", Search)
|
||||
riot.register("school", School)
|
||||
|
||||
riot.mount("school-info")
|
||||
riot.mount("line-graph")
|
||||
riot.mount("search")
|
||||
riot.mount("search")
|
||||
riot.mount("school")
|
Loading…
Reference in New Issue
Block a user