lille: add profile filter select cell
This commit is contained in:
parent
94cb471e3a
commit
2334d064f2
5
Makefile
5
Makefile
|
@ -14,12 +14,15 @@ static/grandlyon-gnm/_data_uris.scss: $(wildcard static/grandlyon-gnm/img/*)
|
|||
static/toodego/_data_uris.scss: $(wildcard static/toodego/img/*)
|
||||
python make_data_uris.py static/toodego/
|
||||
|
||||
static/lille/_data_uris.scss: $(wildcard static/lille/img/*)
|
||||
python make_data_uris.py static/lille/
|
||||
|
||||
themes.json: $(wildcard static/*/config.json)
|
||||
python create_themes_json.py
|
||||
|
||||
%.css: export LC_ALL=C.UTF-8
|
||||
.SECONDEXPANSION:
|
||||
%.css: %.scss $(wildcard static/includes/*.scss) static/includes/_data_uris.scss static/grandlyon-gnm/_data_uris.scss static/toodego/_data_uris.scss $$(wildcard $$(@D)/*.scss)
|
||||
%.css: %.scss $(wildcard static/includes/*.scss) static/includes/_data_uris.scss static/grandlyon-gnm/_data_uris.scss static/lille/_data_uris.scss static/toodego/_data_uris.scss $$(wildcard $$(@D)/*.scss)
|
||||
sass $< $@
|
||||
|
||||
css: $(shell python get_themes.py) static/portal-agent/css/agent-portal.css
|
||||
|
|
|
@ -1,3 +1,5 @@
|
|||
@import 'data_uris';
|
||||
|
||||
$header-height: 180px;
|
||||
$logo-width: 390px;
|
||||
|
||||
|
@ -248,8 +250,10 @@ div.gru-nav .gru-nav-button {
|
|||
.page-template-homepage {
|
||||
#columns {
|
||||
margin-top: 0rem;
|
||||
min-height: 80vh;
|
||||
@media screen and (max-width: $mobile-limit) {
|
||||
padding: 0;
|
||||
min-height: auto;
|
||||
}
|
||||
}
|
||||
#left, #middle, #right {
|
||||
|
@ -284,6 +288,7 @@ div.gru-nav .gru-nav-button {
|
|||
|
||||
div#content div.wcsformsofcategorycell {
|
||||
position: relative;
|
||||
margin-bottom: 25px;
|
||||
h2 {
|
||||
position: relative;
|
||||
z-index: 10;
|
||||
|
@ -362,3 +367,28 @@ footer {
|
|||
position: relative;
|
||||
z-index: 1000;
|
||||
}
|
||||
|
||||
div#filtre-profil {
|
||||
border: none;
|
||||
background: transparent;
|
||||
label {
|
||||
display: block;
|
||||
font-weight: bold;
|
||||
font-size: 80%;
|
||||
}
|
||||
select {
|
||||
border-color: red;
|
||||
width: 100%;
|
||||
border-radius: 5px;
|
||||
background-color: inherit;
|
||||
color: #666;
|
||||
font-style: italic;
|
||||
background-image: url($data_uri_arrow-down-colour);
|
||||
font-weight: bold;
|
||||
&.selected {
|
||||
color: red;
|
||||
text-transform: uppercase;
|
||||
font-style: normal;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -0,0 +1,54 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<svg
|
||||
xmlns:dc="http://purl.org/dc/elements/1.1/"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
viewBox="0 0 444.8 444.8"
|
||||
width="444.8"
|
||||
height="444.8"
|
||||
version="1.1"
|
||||
id="svg4"
|
||||
sodipodi:docname="arrow-down-colour.svg"
|
||||
inkscape:version="0.92.4 (5da689c313, 2019-01-14)">
|
||||
<metadata
|
||||
id="metadata10">
|
||||
<rdf:RDF>
|
||||
<cc:Work
|
||||
rdf:about="">
|
||||
<dc:format>image/svg+xml</dc:format>
|
||||
<dc:type
|
||||
rdf:resource="http://purl.org/dc/dcmitype/StillImage" />
|
||||
</cc:Work>
|
||||
</rdf:RDF>
|
||||
</metadata>
|
||||
<defs
|
||||
id="defs8" />
|
||||
<sodipodi:namedview
|
||||
pagecolor="#ffffff"
|
||||
bordercolor="#666666"
|
||||
borderopacity="1"
|
||||
objecttolerance="10"
|
||||
gridtolerance="10"
|
||||
guidetolerance="10"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pageshadow="2"
|
||||
inkscape:window-width="856"
|
||||
inkscape:window-height="480"
|
||||
id="namedview6"
|
||||
showgrid="false"
|
||||
inkscape:zoom="0.53057555"
|
||||
inkscape:cx="222.39999"
|
||||
inkscape:cy="222.39999"
|
||||
inkscape:window-x="0"
|
||||
inkscape:window-y="27"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="svg4" />
|
||||
<path
|
||||
d="M248.1 352L434 165.9c7.2-6.9 10.8-15.4 10.8-25.7 0-10.3-3.6-18.8-10.8-25.7l-21.4-21.7c-7-7-15.6-10.6-25.7-10.6-9.9 0-18.6 3.5-26 10.6L222.4 231.5 83.7 92.8c-7-7-15.6-10.6-25.7-10.6-9.9 0-18.6 3.5-26 10.6l-21.4 21.7c-7 7-10.6 15.6-10.6 25.7s3.5 18.7 10.6 25.7L196.4 352c7.4 7 16.1 10.6 26 10.6 10.1 0 18.7-3.5 25.7-10.6z"
|
||||
id="path2"
|
||||
style="fill:#ff0000" />
|
||||
</svg>
|
After Width: | Height: | Size: 1.8 KiB |
|
@ -0,0 +1,36 @@
|
|||
<div id="filtre-profil-orig" style="display: none;">
|
||||
{{cell.text|safe}}
|
||||
</div>
|
||||
<label for="filtre-profil">Filtrer par profil</label>
|
||||
<select name="filtre-profil">
|
||||
<option value="">— choisir un profil —</option>
|
||||
</select>
|
||||
<script>
|
||||
$(function() {
|
||||
var $select = $('select[name=filtre-profil]');
|
||||
$('#filtre-profil-orig a').each(function(idx, elem) {
|
||||
var $option = $('<option>', {'value': $(elem).attr('href').slice(1), 'text': $(elem).text()});
|
||||
$select.append($option);
|
||||
});
|
||||
$select.on('change', function() {
|
||||
var value = $(this).val();
|
||||
if (value) {
|
||||
$(this).addClass('selected');
|
||||
$('.wcsformsofcategorycell').each(function(idx, elem) {
|
||||
var matches = $(elem).find('li.keyword-' + value);
|
||||
if (matches.length) {
|
||||
$(elem).find('li').hide();
|
||||
matches.show();
|
||||
$(elem).show();
|
||||
} else {
|
||||
$(elem).hide();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
$(this).removeClass('selected');
|
||||
$('.wcsformsofcategorycell li').show();
|
||||
$('.wcsformsofcategorycell').show();
|
||||
}
|
||||
});
|
||||
});
|
||||
</script>
|
Loading…
Reference in New Issue