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">
<ul>
<li class="m-1" each={item in this.state.items}>
<button class="button is-fullwidth p-2" disabled={state.updating} onclick={()=>cruiseForward(item.name)}>
<span style="font-size: .75em; max-size: 90%"><strong>{item.name}</strong></span>
<div style="margin-left: auto;"></div>
<span class="tag is-primary">{item.count}</span>
<button class="button is-fullwidth p-2" style="white-space: unset" disabled={state.updating} onclick={()=>cruiseForward(item.name)}>
<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>
<span class="tag is-primary mt-auto mb-auto">{item.count}</span>
</div>
</button>
</li>
</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,
getComponent: getComponent,
evaluate: _scope => 'search',
@ -138,8 +138,8 @@ var mainController = {
name: 'updateCourse',
evaluate: _scope => _scope.updateCourse
}],
redundantAttribute: 'expr0',
selector: '[expr0]'
redundantAttribute: 'expr11',
selector: '[expr11]'
}, {
type: bindingTypes.TAG,
getComponent: getComponent,
@ -158,8 +158,8 @@ var mainController = {
name: 'shouldShowInfos',
evaluate: _scope => _scope.state.shouldShowInfos
}],
redundantAttribute: 'expr1',
selector: '[expr1]'
redundantAttribute: 'expr12',
selector: '[expr12]'
}, {
type: bindingTypes.TAG,
getComponent: getComponent,
@ -186,16 +186,16 @@ var mainController = {
name: 'shouldShowInfos',
evaluate: _scope => _scope.state.shouldShowInfos
}],
redundantAttribute: 'expr2',
selector: '[expr2]'
redundantAttribute: 'expr13',
selector: '[expr13]'
}, {
type: bindingTypes.TAG,
getComponent: getComponent,
evaluate: _scope => 'school-info',
slots: [],
attributes: [],
redundantAttribute: 'expr3',
selector: '[expr3]'
redundantAttribute: 'expr14',
selector: '[expr14]'
}]),
name: 'main-controller'
};

View File

@ -10,14 +10,14 @@ var schoolInfo = {
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,
evaluate: _scope => _scope.state.enabled,
redundantAttribute: 'expr29',
selector: '[expr29]',
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>', [{
redundantAttribute: 'expr30',
selector: '[expr30]',
redundantAttribute: 'expr24',
selector: '[expr24]',
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: 'expr25',
selector: '[expr25]',
expressions: [{
type: expressionTypes.EVENT,
name: 'onclick',
@ -29,8 +29,8 @@ var schoolInfo = {
evaluate: _scope => 'line-graph',
slots: [],
attributes: [],
redundantAttribute: 'expr31',
selector: '[expr31]'
redundantAttribute: 'expr26',
selector: '[expr26]'
}])
}]),
name: 'school-info'

View File

@ -1,30 +1,30 @@
var school = {
css: 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,
evaluate: _scope => _scope.props.shouldShowInfos,
redundantAttribute: 'expr345',
selector: '[expr345]',
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>', [{
redundantAttribute: 'expr27',
selector: '[expr27]',
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,
evaluate: _scope => false,
redundantAttribute: 'expr346',
selector: '[expr346]',
redundantAttribute: 'expr28',
selector: '[expr28]',
template: template(null, [])
}, {
type: bindingTypes.EACH,
getKey: 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: [{
type: expressionTypes.TEXT,
childNodeIndex: 0,
evaluate: _scope => [_scope.sortField.name].join('')
}]
}, {
redundantAttribute: 'expr348',
selector: '[expr348]',
redundantAttribute: 'expr30',
selector: '[expr30]',
expressions: [{
type: expressionTypes.ATTRIBUTE,
name: 'id',
@ -35,8 +35,8 @@ var school = {
evaluate: _scope => () => _scope.props.sortList(_scope.sortField.id)
}]
}]),
redundantAttribute: 'expr347',
selector: '[expr347]',
redundantAttribute: 'expr29',
selector: '[expr29]',
itemName: 'sortField',
indexName: null,
evaluate: _scope => _scope.props.sortFields
@ -44,33 +44,33 @@ var school = {
type: bindingTypes.EACH,
getKey: 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>', [{
redundantAttribute: 'expr350',
selector: '[expr350]',
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: 'expr32',
selector: '[expr32]',
expressions: [{
type: expressionTypes.TEXT,
childNodeIndex: 0,
evaluate: _scope => _scope.school.fields.g_ea_lib_vx
}]
}, {
redundantAttribute: 'expr351',
selector: '[expr351]',
redundantAttribute: 'expr33',
selector: '[expr33]',
expressions: [{
type: expressionTypes.TEXT,
childNodeIndex: 0,
evaluate: _scope => _scope.school.fields.ville_etab
}]
}, {
redundantAttribute: 'expr352',
selector: '[expr352]',
redundantAttribute: 'expr34',
selector: '[expr34]',
expressions: [{
type: expressionTypes.TEXT,
childNodeIndex: 0,
evaluate: _scope => _scope.school.fields.dep
}]
}, {
redundantAttribute: 'expr353',
selector: '[expr353]',
redundantAttribute: 'expr35',
selector: '[expr35]',
expressions: [{
type: expressionTypes.TEXT,
childNodeIndex: 0,
@ -86,11 +86,11 @@ var school = {
name: 'value',
evaluate: _scope => _scope.school.fields.taux_acces_ens
}],
redundantAttribute: 'expr354',
selector: '[expr354]'
redundantAttribute: 'expr36',
selector: '[expr36]'
}]),
redundantAttribute: 'expr349',
selector: '[expr349]',
redundantAttribute: 'expr31',
selector: '[expr31]',
itemName: 'school',
indexName: null,
evaluate: _scope => _scope.props.schoolList

View File

@ -144,9 +144,9 @@ var search = {
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>', [{
redundantAttribute: 'expr23',
selector: '[expr23]',
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: 'expr18',
selector: '[expr18]',
expressions: [{
type: expressionTypes.EVENT,
name: 'onkeyup',
@ -157,8 +157,8 @@ var search = {
evaluate: _scope => _scope.state.placeholder
}]
}, {
redundantAttribute: 'expr24',
selector: '[expr24]',
redundantAttribute: 'expr19',
selector: '[expr19]',
expressions: [{
type: expressionTypes.ATTRIBUTE,
name: 'disabled',
@ -172,9 +172,9 @@ var search = {
type: bindingTypes.EACH,
getKey: 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>', [{
redundantAttribute: 'expr26',
selector: '[expr26]',
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: 'expr21',
selector: '[expr21]',
expressions: [{
type: expressionTypes.ATTRIBUTE,
name: 'disabled',
@ -185,24 +185,24 @@ var search = {
evaluate: _scope => () => _scope.cruiseForward(_scope.item.name)
}]
}, {
redundantAttribute: 'expr27',
selector: '[expr27]',
redundantAttribute: 'expr22',
selector: '[expr22]',
expressions: [{
type: expressionTypes.TEXT,
childNodeIndex: 0,
evaluate: _scope => _scope.item.name
}]
}, {
redundantAttribute: 'expr28',
selector: '[expr28]',
redundantAttribute: 'expr23',
selector: '[expr23]',
expressions: [{
type: expressionTypes.TEXT,
childNodeIndex: 0,
evaluate: _scope => _scope.item.count
}]
}]),
redundantAttribute: 'expr25',
selector: '[expr25]',
redundantAttribute: 'expr20',
selector: '[expr20]',
itemName: 'item',
indexName: null,
evaluate: _scope => _scope.state.items

View File

@ -25,11 +25,11 @@ var titleProgress = {
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,
evaluate: _scope => _scope.props.title,
redundantAttribute: 'expr493',
selector: '[expr493]',
redundantAttribute: 'expr15',
selector: '[expr15]',
template: template(' ', [{
expressions: [{
type: expressionTypes.TEXT,
@ -38,16 +38,16 @@ var titleProgress = {
}]
}])
}, {
redundantAttribute: 'expr494',
selector: '[expr494]',
redundantAttribute: 'expr16',
selector: '[expr16]',
expressions: [{
type: expressionTypes.TEXT,
childNodeIndex: 0,
evaluate: _scope => _scope.calcPct()
}]
}, {
redundantAttribute: 'expr495',
selector: '[expr495]',
redundantAttribute: 'expr17',
selector: '[expr17]',
expressions: [{
type: expressionTypes.ATTRIBUTE,
name: 'value',