filter ok

This commit is contained in:
2019-04-10 16:38:49 +02:00
parent 5bcef4263e
commit f988fe8ae1
24 changed files with 3325 additions and 107 deletions

View File

@@ -0,0 +1,114 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<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"
version="1.1"
id="svg2"
xml:space="preserve"
width="403.556"
height="223.556"
viewBox="0 0 403.556 223.556"
sodipodi:docname="Logo Le Campus VD Quadri.svg"
inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata
id="metadata8"><rdf:RDF><cc:Work
rdf:about=""><dc:format>image/svg+xml</dc:format><dc:type
rdf:resource="http://purl.org/dc/dcmitype/StillImage" /><dc:title></dc:title></cc:Work></rdf:RDF></metadata><defs
id="defs6"><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath18"><path
d="M 0,167.667 H 302.667 V 0 H 0 Z"
id="path16"
inkscape:connector-curvature="0" /></clipPath></defs><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="1920"
inkscape:window-height="1027"
id="namedview4"
showgrid="false"
inkscape:zoom="1.0308359"
inkscape:cx="85.367615"
inkscape:cy="111.778"
inkscape:window-x="1920"
inkscape:window-y="24"
inkscape:window-maximized="1"
inkscape:current-layer="g10" /><g
id="g10"
inkscape:groupmode="layer"
inkscape:label="Logo Le Campus VD Quadri"
transform="matrix(1.3333333,0,0,-1.3333333,0,223.556)"><g
id="g12"><g
id="g14"
clip-path="url(#clipPath18)"><g
id="g20"
transform="translate(125.4165,60.0269)"><path
d="m 0,0 -6.035,4.386 c 0,0 -15.511,-8.458 -31.717,2.887 0,0 -15.17,11.593 -12.313,29.102 2.854,17.51 18.384,27.667 32.962,26.083 l 0.942,1.888 c 0,0 -19.314,3.722 -31.821,-14.476 C -60.49,31.672 -55.217,11.141 -39.699,0.345 -24.178,-10.451 -6.936,-4.824 0,0"
style="fill:#b3cb3a;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path22"
inkscape:connector-curvature="0" /></g><g
id="g24"
transform="translate(110.1685,116.021)"><path
d="m 0,0 c 0,0 -14.322,3.979 -25.091,-8.627 0,0 -9.875,-12.59 -3.884,-26.195 5.991,-13.607 20.723,-18.59 32.217,-14.246 l 1.161,-1.334 c 0,0 -14.89,-7.074 -28.856,5.068 -13.966,12.142 -13.997,29.905 -3.671,41.921 10.328,12.016 25.497,11.067 32.138,8.609 z"
style="fill:#0090a3;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path26"
inkscape:connector-curvature="0" /></g><g
id="g28"
transform="translate(121.8936,71.5503)"><path
d="M 0,0 C 1.802,0 3.604,0.848 5.09,1.907 V 8.16 C 3.153,7.736 1.171,7.524 -0.811,7.048 -2.387,6.677 -3.559,5.67 -3.559,3.55 -3.559,0.953 -1.892,0 0,0 m 5.315,-2.756 c -1.667,-2.067 -4.054,-3.18 -6.351,-3.18 -4.685,0 -8.153,3.709 -8.288,9.116 -0.09,5.087 3.153,8.425 6.802,9.008 l 7.747,1.325 c -0.18,2.703 -3.784,3.657 -5.36,3.657 -2.027,0 -4.505,-0.637 -6.261,-1.644 h -0.631 v 6.148 c 2.252,0.742 4.505,1.378 6.982,1.378 5.405,0 10.675,-2.385 10.856,-9.38 V -5.3 H 5.315 Z"
style="fill:#0090a3;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path30"
inkscape:connector-curvature="0" /></g><g
id="g32"
transform="translate(163.562,83.2612)"><path
d="M 0,0 C 0,2.173 -0.226,5.141 -2.702,5.035 -4.189,4.981 -5.45,3.551 -6.396,2.332 v -19.343 h -5.63 V 0 c 0,2.12 -0.181,5.035 -2.569,5.035 -1.396,0 -2.972,-1.166 -3.963,-2.226 v -19.82 h -5.721 v 27.769 h 5.586 V 8.903 c 1.126,1.326 2.927,2.438 4.549,2.438 2.432,0.053 4.459,-1.112 5.901,-3.18 1.576,1.696 3.648,3.233 5.945,3.233 4.955,0 7.973,-4.557 8.019,-10.44 V -17.011 H 0 Z"
style="fill:#0090a3;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path34"
inkscape:connector-curvature="0" /></g><g
id="g36"
transform="translate(181.5396,72.2915)"><path
d="M 0,0 C 1.352,-0.371 2.612,-0.688 4.009,-0.688 5.766,-0.583 7.342,0 8.333,1.855 c 0.811,1.59 1.081,3.657 1.036,5.511 0,2.28 -0.181,5.459 -1.622,7.207 C 6.576,15.951 4.774,16.27 3.243,16.27 H 1.352 C 0.631,16.27 0,15.58 0,14.732 Z m 3.783,22.258 c 4.145,-0.107 7.613,-1.802 9.73,-5.936 C 14.819,13.62 15.27,10.44 15.27,7.366 15.18,3.815 14.685,0.478 12.792,-2.385 10.766,-5.14 7.838,-6.677 4.549,-6.677 2.973,-6.677 1.486,-6.412 0,-5.299 V -18.76 h -5.721 v 34.287 c 0,3.71 2.523,6.731 5.676,6.731 z"
style="fill:#0090a3;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path38"
inkscape:connector-curvature="0" /></g><g
id="g40"
transform="translate(200.686,75.9487)"><path
d="M 0,0 V 18.07 H 5.721 V 0.688 c -0.045,-2.649 1.036,-4.822 3.558,-4.822 1.892,0 4.28,1.007 5.856,2.279 V 18.07 h 5.72 V -9.698 h -5.541 v 1.749 C 13.152,-9.222 10.766,-10.334 8.423,-10.334 3.469,-10.334 0,-5.83 0,0"
style="fill:#0090a3;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path42"
inkscape:connector-curvature="0" /></g><g
id="g44"
transform="translate(226.1401,67.0454)"><path
d="M 0,0 V 5.936 H 0.721 C 2.567,5.034 5.405,4.451 7.342,4.451 c 1.622,0.054 4.324,0.371 4.324,2.968 0,1.431 -1.757,2.12 -2.838,2.597 -2.026,0.901 -3.964,1.589 -5.721,2.649 -2.207,1.325 -3.333,4.187 -3.333,6.942 0,5.3 4.19,8.002 8.108,7.95 2.883,-0.053 4.82,-0.636 7.253,-1.484 v -5.671 h -0.767 c -1.621,0.743 -3.963,1.273 -5.765,1.273 -0.901,0 -3.423,-0.212 -3.423,-1.802 0,-0.849 1.306,-1.696 2.297,-2.067 1.937,-0.848 4.234,-1.59 6.036,-2.702 2.658,-1.538 3.558,-4.558 3.558,-7.367 0,-6.359 -5,-9.115 -9.955,-9.115 C 4.594,-1.378 2.342,-0.848 0,0"
style="fill:#0090a3;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path46"
inkscape:connector-curvature="0" /></g><g
id="g48"
transform="translate(99.7852,109.2788)"><path
d="m 0,0 c -3.399,-0.977 -5.672,-2.677 -5.672,-2.677 -7.592,-6.197 -5.195,-14.44 -5.195,-14.44 l -3.13,-2.311 c -1.481,3.823 -2.051,12.553 5.186,18.497 2.543,2.089 5.515,3.438 8.617,3.965 z"
style="fill:#003f7d;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path50"
inkscape:connector-curvature="0" /></g><g
id="g52"
transform="translate(45.9253,89.8901)"><path
d="M 0,0 V 17.209 L 2.2,17.61 V 2.258 H 8.731 L 7.833,0 Z"
style="fill:#0090a3;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path54"
inkscape:connector-curvature="0" /></g><g
id="g56"
transform="translate(63.1885,99.8989)"><path
d="m 0,0 c -0.494,0.628 -1.212,0.828 -1.975,0.828 -2.447,0 -3.951,-2.208 -3.681,-4.842 z m -5.028,-6.096 c 0.718,-1.279 1.774,-2.056 3.12,-2.056 1.549,0 3.053,1.178 4.22,2.207 L 2.738,-8.479 C 1.324,-9.582 0,-10.41 -1.773,-10.41 c -3.659,0 -6.038,3.06 -6.038,7.099 0,3.461 2.648,6.397 5.679,6.397 2.424,0 3.861,-1.23 5.095,-3.487 z"
style="fill:#0090a3;fill-opacity:1;fill-rule:nonzero;stroke:none"
id="path58"
inkscape:connector-curvature="0" /></g></g></g></g></svg>

After

Width:  |  Height:  |  Size: 7.5 KiB

View File

@@ -0,0 +1,104 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<!-- Generator: Adobe Illustrator 16.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<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"
version="1.1"
id="Capa_1"
x="0px"
y="0px"
width="97.713px"
height="97.713px"
viewBox="0 0 97.713 97.713"
style="enable-background:new 0 0 97.713 97.713;"
xml:space="preserve"
sodipodi:docname="placeholder-filled-point.svg"
inkscape:version="0.92.4 5da689c313, 2019-01-14"><metadata
id="metadata41"><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="defs39"><clipPath
clipPathUnits="userSpaceOnUse"
id="clipPath18"><path
d="M 0,167.667 H 302.667 V 0 H 0 Z"
id="path16"
inkscape:connector-curvature="0" /></clipPath></defs><sodipodi:namedview
pagecolor="#ffffff"
bordercolor="#666666"
borderopacity="1"
objecttolerance="10"
gridtolerance="10"
guidetolerance="10"
inkscape:pageopacity="0"
inkscape:pageshadow="2"
inkscape:window-width="956"
inkscape:window-height="1029"
id="namedview37"
showgrid="false"
inkscape:zoom="2.4152365"
inkscape:cx="83.053405"
inkscape:cy="150.50186"
inkscape:window-x="960"
inkscape:window-y="22"
inkscape:window-maximized="0"
inkscape:current-layer="Capa_1" />
<g
id="g4"
style="fill:#0090a3;fill-opacity:1">
<path
d="M48.855,0C29.021,0,12.883,16.138,12.883,35.974c0,5.174,1.059,10.114,3.146,14.684 c8.994,19.681,26.238,40.46,31.31,46.359c0.38,0.441,0.934,0.695,1.517,0.695s1.137-0.254,1.517-0.695 c5.07-5.898,22.314-26.676,31.311-46.359c2.088-4.57,3.146-9.51,3.146-14.684C84.828,16.138,68.69,0,48.855,0z M48.855,54.659 c-10.303,0-18.686-8.383-18.686-18.686c0-10.304,8.383-18.687,18.686-18.687s18.686,8.383,18.686,18.687 C67.542,46.276,59.159,54.659,48.855,54.659z"
id="path2"
style="fill:#0090a3;fill-opacity:1" />
</g>
<g
id="g6">
</g>
<g
id="g8">
</g>
<g
id="g10">
</g>
<g
id="g12">
</g>
<g
id="g14">
</g>
<g
id="g16">
</g>
<g
id="g18">
</g>
<g
id="g20">
</g>
<g
id="g22">
</g>
<g
id="g24">
</g>
<g
id="g26">
</g>
<g
id="g28">
</g>
<g
id="g30">
</g>
<g
id="g32">
</g>
<g
id="g34">
</g>
</svg>

After

Width:  |  Height:  |  Size: 2.6 KiB

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,51 @@
/* -- Filter Plugin -- */
(function ($) {
'use strict';
$.fn.masonryFilter = function (options) {
//reload masonry
var reload = function ($container) {
setTimeout(function () {
$container.masonry("layout");
}, 100);
};
var process = function ($container) {
var items = $container.masonry("getAllItems"),
revealItems = [],
hideItems = [];
$.each(items, function(i) {
var item = items[i];
var elm = $(item.element),
shouldShow = options.filter && options.filter.call(elm);
if (shouldShow) {
if (item.isHidden) {
// -- Have to set this property so masonry does
// not include hidden items when calling "layout"
item.isIgnored = false;
revealItems.push(item);
}
} else {
if (!item.isHidden) {
// -- Easier to set this property directy rather than
// using the "ignore" method, as it takes in a DOM
// element rather than the masonry item object.
item.isIgnored = true;
hideItems.push(item);
}
}
});
$container.masonry('hide', hideItems);
$container.masonry('reveal', revealItems);
reload($container);
};
return this.each(function () {
var self = $(this);
process(self);
});
};
}(window.jQuery));

File diff suppressed because one or more lines are too long

View File

@@ -1,24 +1,35 @@
function map() {
var $carte = $('#carte');
if ( $carte.length ) {
var mymap = L.map('carte').setView([44.7365818, 4.9776488], 13);
var mymap = L.map('carte').setView([44.7365818, 4.9776488], 13);
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
maxZoom: 18,
id: 'mapbox.streets'
}).addTo(mymap);
var greenIcon = L.icon({
iconUrl: '/user/themes/lecampus/images/mappoint.svg',
L.marker([44.7365818, 4.9776488]).addTo(mymap)
.bindPopup("<b>Hello world!</b><br />I am le campus.").openPopup();
iconSize: [38, 95], // size of the icon
iconAnchor: [22, 94], // point of the icon which will correspond to marker's location
popupAnchor: [-3, -76] // point from which the popup should open relative to the iconAnchor
});
function onMapClick(e) {
popup
.setLatLng(e.latlng)
.setContent("You clicked the map at " + e.latlng.toString())
.openOn(mymap);
}
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=pk.eyJ1IjoibWFwYm94IiwiYSI6ImNpejY4NXVycTA2emYycXBndHRqcmZ3N3gifQ.rJcFIG214AriISLbB6B5aw', {
maxZoom: 18,
id: 'mapbox.streets'
}).addTo(mymap);
mymap.on('click', onMapClick);
L.marker([44.7365818, 4.9776488], {icon: greenIcon}).addTo(mymap)
.bindPopup("<b>Hello world!</b><br />I am le campus.").openPopup();
function onMapClick(e) {
popup
.setLatLng(e.latlng)
.setContent("You clicked the map at " + e.latlng.toString())
.openOn(mymap);
}
mymap.on('click', onMapClick);
}
}
function filteritem() {
@@ -26,6 +37,20 @@ function filteritem() {
var $cat = $('.cat a');
var $img = $('#item .img');
$(".filters .btn").click(function(e) {
e.preventDefault();
var filter = $(this).attr("data-filter");
var self = $('.container #item');
self.masonryFilter({
filter: function () {
if (!filter) return true;
return $(this).attr("data-filter") == filter;
}
});
});
var $grid = $('#archive #item, #calendrier #item').masonry({
// columnWidth: 200,
itemSelector: '.card',
@@ -33,14 +58,11 @@ function filteritem() {
transitionDuration: '0.2s'
});
// $( "a[hreflang|='en']" ).css( "border", "3px dotted green" );
$grid.imagesLoaded().progress(function() {
$grid.masonry();
});
$grid.multipleFilterMasonry({
itemSelector: '.card',
filtersGroupSelector:'.filters'
});
}
function slide() {
@@ -67,9 +89,9 @@ function links() {
}
jQuery(document).ready(function($){
jQuery(document).ready(function(){
links();
slide();
filteritem();
// map();
map();
});

View File

@@ -26,7 +26,6 @@
{% for child in page.find('/agenda').children %}
{% if child.header.date_end|date("d/m/y") <= "now"|date("d/m/y") %}
{{child.title}}
{% include 'partials/cal-list-event.html.twig' with {blog: page, page: child} %}
{% endif %}

View File

@@ -25,9 +25,9 @@
{% do assets.addJs('jquery', 101) %}
{% do assets.addJs('theme://js/leaflet.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/masonry.pkgd.min.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/multipleFilterMasonry.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/imagesloaded.pkgd.min.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/masonry.filter.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/masonry.pkgd.min.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/jquery.slides.min.js', {group:'bottom'}) %}
{% do assets.addJs('theme://js/site.js', {group:'bottom'}) %}

View File

@@ -1,5 +1,5 @@
{% for tag in page.taxonomy.tag %}
<div class="card {{tag}} Tous">
<div class="card" data-filter="{{tag}}">
{% endfor %}
<div class="card-header">
{% include 'partials/blog/public.html.twig' %}
@@ -18,9 +18,7 @@
<div class="card-summary">
<a href="{{ page.url }}">
{% if page.summary != page.content %}
{{ page.summary|raw }}
{% else %}
{{ page.content|raw }}
{{ page.summary(100)|raw }}
{% endif %}
</a>
</div>

View File

@@ -1,32 +1,25 @@
{% set taxlist = children_only is defined ? taxonomylist.getChildPagesTags() : taxonomylist.get() %}
{% if taxlist %}
<div class="tags">
<div class="btn-toolbar filters">
<div class="btn-toolbar filters">
<div data-toggle="buttons" class="btn-group">
<label class="btn btn-default">
<input type="checkbox" value=Tous >
<label class="btn btn-default" data-filter="">
<input type="radio" name="options">
Tous
</label>
</div>
</div>
{% for tax,value in taxlist[taxonomy] %}
{% set label_class = uri.param(taxonomy) == tax ? 'label-primary' : 'label-secondary' %}
<div class="btn-toolbar filters">
<div data-toggle="buttons" class="btn-group">
<label class="btn btn-default">
<input type="checkbox" value={{tax}} >
<label class="btn btn-default" data-filter="{{tax}}">
<input type="radio" name="options" >
{{tax}}
</label>
</div>
</div>
{% endfor %}
<div class="btn-toolbar filters">
<div data-toggle="buttons" class="btn-group">
<label class="btn btn-default">
<a href="/archive">archive</a>
</label>
</div>
</div>
</div>
</div>
{% endif %}