Fix boutons

This commit is contained in:
HORVILLE 2023-03-31 10:30:42 +02:00
parent 0fc09ae416
commit 963d4ae47d
7 changed files with 92 additions and 90 deletions

View File

@ -7,10 +7,12 @@
<div id="list-formations"> <div id="list-formations">
<ul> <ul>
<li class="m-1" each={item in this.state.items}> <li class="m-1" each={item in this.state.items}>
<button class="button is-fullwidth p-2" disabled={state.updating} onclick={()=>cruiseForward(item.name)}> <button class="button is-fullwidth p-2" style="white-space: unset" disabled={state.updating} onclick={()=>cruiseForward(item.name)}>
<span style="font-size: .75em; max-size: 90%"><strong>{item.name}</strong></span> <div style="display: flex; width: 100%">
<span class="mt-auto mb-auto" style="font-size: 0.75em; text-align: left; "><strong>{item.name}</strong></span>
<div style="margin-left: auto;"></div> <div style="margin-left: auto;"></div>
<span class="tag is-primary">{item.count}</span> <span class="tag is-primary mt-auto mb-auto">{item.count}</span>
</div>
</button> </button>
</li> </li>
</ul> </ul>

File diff suppressed because one or more lines are too long

View File

@ -128,7 +128,7 @@ var mainController = {
}); });
} }
}, },
template: (template, expressionTypes, bindingTypes, getComponent) => template('<div class="columns"><div class="column is-one-third"><div class="box p-3 m-2"><img class="mt-1 ml-5 mr-auto" style="margin: auto;" src="../resources/logo-parcoursup.svg"/></div><search expr0="expr0"></search></div><div class="column"><fili-info expr1="expr1"></fili-info><school expr2="expr2"></school></div></div><school-info expr3="expr3"></school-info>', [{ template: (template, expressionTypes, bindingTypes, getComponent) => template('<div class="columns"><div class="column is-one-third"><div class="box p-3 m-2"><img class="mt-1 ml-5 mr-auto" style="margin: auto;" src="../resources/logo-parcoursup.svg"/></div><search expr11="expr11"></search></div><div class="column"><fili-info expr12="expr12"></fili-info><school expr13="expr13"></school></div></div><school-info expr14="expr14"></school-info>', [{
type: bindingTypes.TAG, type: bindingTypes.TAG,
getComponent: getComponent, getComponent: getComponent,
evaluate: _scope => 'search', evaluate: _scope => 'search',
@ -138,8 +138,8 @@ var mainController = {
name: 'updateCourse', name: 'updateCourse',
evaluate: _scope => _scope.updateCourse evaluate: _scope => _scope.updateCourse
}], }],
redundantAttribute: 'expr0', redundantAttribute: 'expr11',
selector: '[expr0]' selector: '[expr11]'
}, { }, {
type: bindingTypes.TAG, type: bindingTypes.TAG,
getComponent: getComponent, getComponent: getComponent,
@ -158,8 +158,8 @@ var mainController = {
name: 'shouldShowInfos', name: 'shouldShowInfos',
evaluate: _scope => _scope.state.shouldShowInfos evaluate: _scope => _scope.state.shouldShowInfos
}], }],
redundantAttribute: 'expr1', redundantAttribute: 'expr12',
selector: '[expr1]' selector: '[expr12]'
}, { }, {
type: bindingTypes.TAG, type: bindingTypes.TAG,
getComponent: getComponent, getComponent: getComponent,
@ -186,16 +186,16 @@ var mainController = {
name: 'shouldShowInfos', name: 'shouldShowInfos',
evaluate: _scope => _scope.state.shouldShowInfos evaluate: _scope => _scope.state.shouldShowInfos
}], }],
redundantAttribute: 'expr2', redundantAttribute: 'expr13',
selector: '[expr2]' selector: '[expr13]'
}, { }, {
type: bindingTypes.TAG, type: bindingTypes.TAG,
getComponent: getComponent, getComponent: getComponent,
evaluate: _scope => 'school-info', evaluate: _scope => 'school-info',
slots: [], slots: [],
attributes: [], attributes: [],
redundantAttribute: 'expr3', redundantAttribute: 'expr14',
selector: '[expr3]' selector: '[expr14]'
}]), }]),
name: 'main-controller' name: 'main-controller'
}; };

View File

@ -10,14 +10,14 @@ var schoolInfo = {
this.update(); this.update();
} }
}, },
template: (template, expressionTypes, bindingTypes, getComponent) => template('<div expr29="expr29" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000000DD;"></div>', [{ template: (template, expressionTypes, bindingTypes, getComponent) => template('<div expr24="expr24" style="position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; background: #000000DD;"></div>', [{
type: bindingTypes.IF, type: bindingTypes.IF,
evaluate: _scope => _scope.state.enabled, evaluate: _scope => _scope.state.enabled,
redundantAttribute: 'expr29', redundantAttribute: 'expr24',
selector: '[expr29]', selector: '[expr24]',
template: template('<div style="position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; background: #FFFFFF"><button expr30="expr30" class="delete is-medium">X</button><p><h2></h2></p><line-graph expr31="expr31" style="height: 90px; margin: 10px;"></line-graph></div>', [{ template: template('<div style="position: absolute; top: 10%; left: 10%; width: 80%; height: 80%; background: #FFFFFF"><button expr25="expr25" class="delete is-medium">X</button><p><h2></h2></p><line-graph expr26="expr26" style="height: 90px; margin: 10px;"></line-graph></div>', [{
redundantAttribute: 'expr30', redundantAttribute: 'expr25',
selector: '[expr30]', selector: '[expr25]',
expressions: [{ expressions: [{
type: expressionTypes.EVENT, type: expressionTypes.EVENT,
name: 'onclick', name: 'onclick',
@ -29,8 +29,8 @@ var schoolInfo = {
evaluate: _scope => 'line-graph', evaluate: _scope => 'line-graph',
slots: [], slots: [],
attributes: [], attributes: [],
redundantAttribute: 'expr31', redundantAttribute: 'expr26',
selector: '[expr31]' selector: '[expr26]'
}]) }])
}]), }]),
name: 'school-info' name: 'school-info'

View File

@ -1,30 +1,30 @@
var school = { var school = {
css: null, css: null,
exports: null, exports: null,
template: (template, expressionTypes, bindingTypes, getComponent) => template('<div expr345="expr345" class="box p-2 m-2" disabled></div>', [{ template: (template, expressionTypes, bindingTypes, getComponent) => template('<div expr27="expr27" class="box p-2 m-2" disabled></div>', [{
type: bindingTypes.IF, type: bindingTypes.IF,
evaluate: _scope => _scope.props.shouldShowInfos, evaluate: _scope => _scope.props.shouldShowInfos,
redundantAttribute: 'expr345', redundantAttribute: 'expr27',
selector: '[expr345]', selector: '[expr27]',
template: template('<iframe expr346="expr346" width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=-14.655761718750002%2C40.56389453066509%2C13.601074218750002%2C51.754240074033525&amp;layer=mapnik" style="border-radius: 5px;"></iframe><br/><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 expr347="expr347"></th></tr></thead><tbody><tr expr349="expr349"></tr></tbody></table>', [{ template: template('<iframe expr28="expr28" width="100%" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://www.openstreetmap.org/export/embed.html?bbox=-14.655761718750002%2C40.56389453066509%2C13.601074218750002%2C51.754240074033525&amp;layer=mapnik" style="border-radius: 5px;"></iframe><br/><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 expr29="expr29"></th></tr></thead><tbody><tr expr31="expr31"></tr></tbody></table>', [{
type: bindingTypes.IF, type: bindingTypes.IF,
evaluate: _scope => false, evaluate: _scope => false,
redundantAttribute: 'expr346', redundantAttribute: 'expr28',
selector: '[expr346]', selector: '[expr28]',
template: template(null, []) template: template(null, [])
}, { }, {
type: bindingTypes.EACH, type: bindingTypes.EACH,
getKey: null, getKey: null,
condition: null, condition: null,
template: template(' <a expr348="expr348"><span class="icon"><i class="fas fa-sort"></i></span></a>', [{ template: template(' <a expr30="expr30"><span class="icon"><i class="fas fa-sort"></i></span></a>', [{
expressions: [{ expressions: [{
type: expressionTypes.TEXT, type: expressionTypes.TEXT,
childNodeIndex: 0, childNodeIndex: 0,
evaluate: _scope => [_scope.sortField.name].join('') evaluate: _scope => [_scope.sortField.name].join('')
}] }]
}, { }, {
redundantAttribute: 'expr348', redundantAttribute: 'expr30',
selector: '[expr348]', selector: '[expr30]',
expressions: [{ expressions: [{
type: expressionTypes.ATTRIBUTE, type: expressionTypes.ATTRIBUTE,
name: 'id', name: 'id',
@ -35,8 +35,8 @@ var school = {
evaluate: _scope => () => _scope.props.sortList(_scope.sortField.id) evaluate: _scope => () => _scope.props.sortList(_scope.sortField.id)
}] }]
}]), }]),
redundantAttribute: 'expr347', redundantAttribute: 'expr29',
selector: '[expr347]', selector: '[expr29]',
itemName: 'sortField', itemName: 'sortField',
indexName: null, indexName: null,
evaluate: _scope => _scope.props.sortFields evaluate: _scope => _scope.props.sortFields
@ -44,33 +44,33 @@ var school = {
type: bindingTypes.EACH, type: bindingTypes.EACH,
getKey: null, getKey: null,
condition: null, condition: null,
template: template('<td expr350="expr350"> </td><td expr351="expr351"> </td><td expr352="expr352"> </td><td expr353="expr353"> </td><td><title-progress expr354="expr354" max="100" style="margin: auto"></title-progress></td>', [{ template: template('<td expr32="expr32"> </td><td expr33="expr33"> </td><td expr34="expr34"> </td><td expr35="expr35"> </td><td><title-progress expr36="expr36" max="100" style="margin: auto"></title-progress></td>', [{
redundantAttribute: 'expr350', redundantAttribute: 'expr32',
selector: '[expr350]', selector: '[expr32]',
expressions: [{ expressions: [{
type: expressionTypes.TEXT, type: expressionTypes.TEXT,
childNodeIndex: 0, childNodeIndex: 0,
evaluate: _scope => _scope.school.fields.g_ea_lib_vx evaluate: _scope => _scope.school.fields.g_ea_lib_vx
}] }]
}, { }, {
redundantAttribute: 'expr351', redundantAttribute: 'expr33',
selector: '[expr351]', selector: '[expr33]',
expressions: [{ expressions: [{
type: expressionTypes.TEXT, type: expressionTypes.TEXT,
childNodeIndex: 0, childNodeIndex: 0,
evaluate: _scope => _scope.school.fields.ville_etab evaluate: _scope => _scope.school.fields.ville_etab
}] }]
}, { }, {
redundantAttribute: 'expr352', redundantAttribute: 'expr34',
selector: '[expr352]', selector: '[expr34]',
expressions: [{ expressions: [{
type: expressionTypes.TEXT, type: expressionTypes.TEXT,
childNodeIndex: 0, childNodeIndex: 0,
evaluate: _scope => _scope.school.fields.dep evaluate: _scope => _scope.school.fields.dep
}] }]
}, { }, {
redundantAttribute: 'expr353', redundantAttribute: 'expr35',
selector: '[expr353]', selector: '[expr35]',
expressions: [{ expressions: [{
type: expressionTypes.TEXT, type: expressionTypes.TEXT,
childNodeIndex: 0, childNodeIndex: 0,
@ -86,11 +86,11 @@ var school = {
name: 'value', name: 'value',
evaluate: _scope => _scope.school.fields.taux_acces_ens evaluate: _scope => _scope.school.fields.taux_acces_ens
}], }],
redundantAttribute: 'expr354', redundantAttribute: 'expr36',
selector: '[expr354]' selector: '[expr36]'
}]), }]),
redundantAttribute: 'expr349', redundantAttribute: 'expr31',
selector: '[expr349]', selector: '[expr31]',
itemName: 'school', itemName: 'school',
indexName: null, indexName: null,
evaluate: _scope => _scope.props.schoolList evaluate: _scope => _scope.props.schoolList

View File

@ -144,9 +144,9 @@ var search = {
this.updateList(); this.updateList();
} }
}, },
template: (template, expressionTypes, bindingTypes, getComponent) => template('<div class="box p-1 m-2"><div class="columns m-1"><input expr23="expr23" class="input" type="input"/><button expr24="expr24" class="button ml-1">&lt;</button></div><div id="list-formations"><ul><li expr25="expr25" class="m-1"></li></ul></div></div>', [{ template: (template, expressionTypes, bindingTypes, getComponent) => template('<div class="box p-1 m-2"><div class="columns m-1"><input expr18="expr18" class="input" type="input"/><button expr19="expr19" class="button ml-1">&lt;</button></div><div id="list-formations"><ul><li expr20="expr20" class="m-1"></li></ul></div></div>', [{
redundantAttribute: 'expr23', redundantAttribute: 'expr18',
selector: '[expr23]', selector: '[expr18]',
expressions: [{ expressions: [{
type: expressionTypes.EVENT, type: expressionTypes.EVENT,
name: 'onkeyup', name: 'onkeyup',
@ -157,8 +157,8 @@ var search = {
evaluate: _scope => _scope.state.placeholder evaluate: _scope => _scope.state.placeholder
}] }]
}, { }, {
redundantAttribute: 'expr24', redundantAttribute: 'expr19',
selector: '[expr24]', selector: '[expr19]',
expressions: [{ expressions: [{
type: expressionTypes.ATTRIBUTE, type: expressionTypes.ATTRIBUTE,
name: 'disabled', name: 'disabled',
@ -172,9 +172,9 @@ var search = {
type: bindingTypes.EACH, type: bindingTypes.EACH,
getKey: null, getKey: null,
condition: null, condition: null,
template: template('<button expr26="expr26" class="button is-fullwidth p-2"><span style="font-size: .75em; max-size: 90%"><strong expr27="expr27"> </strong></span><div style="margin-left: auto;"></div><span expr28="expr28" class="tag is-primary"> </span></button>', [{ template: template('<button expr21="expr21" class="button is-fullwidth p-2" style="white-space: unset"><div style="display: flex; width: 100%"><span class="mt-auto mb-auto" style="font-size: 0.75em; text-align: left; "><strong expr22="expr22"> </strong></span><div style="margin-left: auto;"></div><span expr23="expr23" class="tag is-primary mt-auto mb-auto"> </span></div></button>', [{
redundantAttribute: 'expr26', redundantAttribute: 'expr21',
selector: '[expr26]', selector: '[expr21]',
expressions: [{ expressions: [{
type: expressionTypes.ATTRIBUTE, type: expressionTypes.ATTRIBUTE,
name: 'disabled', name: 'disabled',
@ -185,24 +185,24 @@ var search = {
evaluate: _scope => () => _scope.cruiseForward(_scope.item.name) evaluate: _scope => () => _scope.cruiseForward(_scope.item.name)
}] }]
}, { }, {
redundantAttribute: 'expr27', redundantAttribute: 'expr22',
selector: '[expr27]', selector: '[expr22]',
expressions: [{ expressions: [{
type: expressionTypes.TEXT, type: expressionTypes.TEXT,
childNodeIndex: 0, childNodeIndex: 0,
evaluate: _scope => _scope.item.name evaluate: _scope => _scope.item.name
}] }]
}, { }, {
redundantAttribute: 'expr28', redundantAttribute: 'expr23',
selector: '[expr28]', selector: '[expr23]',
expressions: [{ expressions: [{
type: expressionTypes.TEXT, type: expressionTypes.TEXT,
childNodeIndex: 0, childNodeIndex: 0,
evaluate: _scope => _scope.item.count evaluate: _scope => _scope.item.count
}] }]
}]), }]),
redundantAttribute: 'expr25', redundantAttribute: 'expr20',
selector: '[expr25]', selector: '[expr20]',
itemName: 'item', itemName: 'item',
indexName: null, indexName: null,
evaluate: _scope => _scope.state.items evaluate: _scope => _scope.state.items

View File

@ -25,11 +25,11 @@ var titleProgress = {
state.class = this.computeClasses(); state.class = this.computeClasses();
} }
}, },
template: (template, expressionTypes, bindingTypes, getComponent) => template('<div style="display: flex;"><span expr493="expr493"></span><span expr494="expr494" class="ml-1"> </span><progress expr495="expr495" style="box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);"></progress></div>', [{ template: (template, expressionTypes, bindingTypes, getComponent) => template('<div style="display: flex;"><span expr15="expr15"></span><span expr16="expr16" class="ml-1"> </span><progress expr17="expr17" style="box-shadow: 0 0.5em 1em -0.125em rgb(10 10 10 / 10%), 0 0 0 1px rgb(10 10 10 / 2%);"></progress></div>', [{
type: bindingTypes.IF, type: bindingTypes.IF,
evaluate: _scope => _scope.props.title, evaluate: _scope => _scope.props.title,
redundantAttribute: 'expr493', redundantAttribute: 'expr15',
selector: '[expr493]', selector: '[expr15]',
template: template(' ', [{ template: template(' ', [{
expressions: [{ expressions: [{
type: expressionTypes.TEXT, type: expressionTypes.TEXT,
@ -38,16 +38,16 @@ var titleProgress = {
}] }]
}]) }])
}, { }, {
redundantAttribute: 'expr494', redundantAttribute: 'expr16',
selector: '[expr494]', selector: '[expr16]',
expressions: [{ expressions: [{
type: expressionTypes.TEXT, type: expressionTypes.TEXT,
childNodeIndex: 0, childNodeIndex: 0,
evaluate: _scope => _scope.calcPct() evaluate: _scope => _scope.calcPct()
}] }]
}, { }, {
redundantAttribute: 'expr495', redundantAttribute: 'expr17',
selector: '[expr495]', selector: '[expr17]',
expressions: [{ expressions: [{
type: expressionTypes.ATTRIBUTE, type: expressionTypes.ATTRIBUTE,
name: 'value', name: 'value',