debut tableau etablissements

This commit is contained in:
Haïssous Kayyissa 2023-03-28 10:15:32 +02:00
parent f8705b7cfc
commit 605fb2aef5
5 changed files with 61 additions and 7 deletions

32
components/school.riot Normal file
View 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>

View File

@ -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>

View 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
View 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 };

View File

@ -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")