bachir/edlp_d8
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fixed collection access on mobile

Browse Source
This commit is contained in:
bachir
2018-11-20 15:16:26 +01:00
parent 784d7c6b0f
commit 8f674817e0
18 changed files with 601 additions and 286 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sites/all/themes/custom/edlptheme/assets/dist/scripts/main.min.js
Vendored
+1 -1
View File
@@ -1,6 +1,6 @@
(function($,Drupal,drupalSettings){EdlpTheme=function(){var _ajax_settings=drupalSettings.edlp_ajax;var _$body=$('body');var _corpus_ready=false;var _$corpus_canvas;var _$row=$('main[role="main"]>.layout-content>.row');var _$ajaxLinks;var _audioPlayer;var _randomPlayer;var _compoPlayer;var _ajax_timing={start:0,end:0};var _corpus_promise;var _is_mobile=edlp_mobile.device_is_mobile;function init(){void 0;if(!_is_mobile){initEvents();_audioPlayer=new AudioPlayer();_compoPlayer=new CompoPlayer();checkLayout();initAjaxLinks();initHistory();initAudioLinksHover();}else{if(drupalSettings.path.isFront){initHomeMobile();}
_$body.attr('booted','booted');}};function initHomeMobile(){$('.field--name-field-notice, .index','.entrees .taxonomy-term.vocabulary-entrees').addClass('closed');$('.field--name-field-notice>.field__label','.entrees .taxonomy-term.vocabulary-entrees').on('click',onClickHomeMobileNotice);$('.index>.field__label','.entrees .taxonomy-term.vocabulary-entrees').on('click',onClickHomeMobileIndex);};function onClickHomeMobileNotice(e){toggleEntreeOpening($(this).parent(),'notice');};function onClickHomeMobileIndex(e){toggleEntreeOpening($(this).parent(),'index');};function toggleEntreeOpening($e,part){$e.toggleClass('closed').parents('.taxonomy-term.vocabulary-entrees.home_mobile').toggleClass(part+'-opened');}
_$body.attr('booted','booted');}};function initHomeMobile(){$('.field--name-field-notice, .index','.entrees .taxonomy-term.vocabulary-entrees').addClass('closed');$('[data-drupal-link-system-path="<front>"]','#block-mainnavigation').removeClass('is-active').attr('href','#collection');$('h2#block-mainnavigation-menu, a','#block-mainnavigation').on('click',onclickHomeMobileMenu);$('.field--name-field-notice>.field__label','.entrees .taxonomy-term.vocabulary-entrees').on('click',onClickHomeMobileNotice);$('.index>.field__label','.entrees .taxonomy-term.vocabulary-entrees').on('click',onClickHomeMobileIndex);};function onclickHomeMobileMenu(e){$('#block-mainnavigation').toggleClass('visible');};function onClickHomeMobileNotice(e){toggleEntreeOpening($(this).parent(),'notice');};function onClickHomeMobileIndex(e){toggleEntreeOpening($(this).parent(),'index');};function toggleEntreeOpening($e,part){$e.toggleClass('closed').parents('.taxonomy-term.vocabulary-entrees.home_mobile').toggleClass(part+'-opened');}
function initEvents(){var $corpus_df=$.Deferred();_corpus_promise=$corpus_df.promise();_$body.on('corpus-map-ready',function(e){onCorpusMapReady(e);$corpus_df.resolve();}).on('on-studio-chutier-updated',initAjaxLinks).on('studio-initialized',function(e){_compoPlayer.newCompo();}).on('studio-not-active',function(e){_compoPlayer.deactivate();}).on('on-studio-compo-updated',function(e){initAjaxLinks();_compoPlayer.refresh();}).on('on-studio-compo-opened',function(e){initAjaxLinks();_compoPlayer.newCompo();}).on('search-results-loaded',function(e){initAjaxLinks();initAudioLinksHover();checkVisibleCorpusMapSpace();}).on('open_entree',function(e){void 0;closeAllModals();checkLayout();_$body.removeClass();if(typeof e.url!='undefined'){var state=getSysPathState(e.sys_path);history.pushState(state,null,e.url);if(typeof _paq!=='undefined'){_paq.push(['setCustomUrl',e.url]);_paq.push(['setDocumentTitle',e.title]);_paq.push(['trackPageView']);}}}).on('close_entree',function(e){backToFrontPage();checkLayout();});window.addEventListener('resize',checkLayout,false);}
function checkLayout(){var $audioplayer=$("#audio-player");if($audioplayer.length){var navpos=$('#block-mainnavigation').position();if(typeof navpos!='undefined'){$audioplayer.css({'width':navpos.left+'px'});}}
checkGridBlockHeight();checkGridBlockVisible();};function initScrollbars(){};function getSysPathState(sys_path,view_mode){var state={'sys_path':sys_path,'ajax_path':sys_path};var node_match=state.ajax_path.match(/^\/?(node\/(\d+))$/i);void 0;var term_match=state.ajax_path.match(/^\/?(taxonomy\/term\/(\d+))$/i);void 0;if(node_match){state.ajax_path=_ajax_settings.entityjson_path+'/'+node_match[1];state.node_nid=node_match[2];if(view_mode){state.ajax_path+='/'+view_mode;state.view_mode=view_mode;}}else if(term_match){state.ajax_path=_ajax_settings.entityjson_path+'/'+term_match[1];state.ajax_path=state.ajax_path.replace(/taxonomy\/term/,'taxonomy_term');state.entree_tid=term_match[2];if(view_mode){state.ajax_path+='/'+view_mode;state.view_mode=view_mode;}else{state.ajax_path=null;}}else{state.ajax_path+='/ajax'}
sites/all/themes/custom/edlptheme/assets/dist/styles/app.min.css
Vendored
+1 -1
View File
File diff suppressed because one or more lines are too long
sites/all/themes/custom/edlptheme/assets/scripts/main.js
+10
View File
@@ -65,11 +65,21 @@
function initHomeMobile(){
$('.field--name-field-notice, .index', '.entrees .taxonomy-term.vocabulary-entrees')
.addClass('closed');
$('[data-drupal-link-system-path="<front>"]','#block-mainnavigation')
.removeClass('is-active')
.attr('href', '#collection');
$('h2#block-mainnavigation-menu, a', '#block-mainnavigation')
.on('click', onclickHomeMobileMenu);
// $('a', '#block-mainnavigation')
// .on('click', onclickHomeMobileMenu);
$('.field--name-field-notice>.field__label', '.entrees .taxonomy-term.vocabulary-entrees')
.on('click', onClickHomeMobileNotice);
$('.index>.field__label', '.entrees .taxonomy-term.vocabulary-entrees')
.on('click', onClickHomeMobileIndex);
};
function onclickHomeMobileMenu(e){
$('#block-mainnavigation').toggleClass('visible');
};
function onClickHomeMobileNotice(e){
// console.log('onClickHomeMobileNotice');
// var $part = $(this).parent();//parents('.taxonomy-term');
sites/all/themes/custom/edlptheme/assets/styles/app.scss
+108 -6
View File
@@ -156,13 +156,58 @@ header[role="banner"]{
}
}
html.is-mobile &{
// outline: 1px solid orange;
// outline: 1px solid blue;
margin-top:4px;
li{
a{
font-size: 0.680em;
padding:0; margin:0;
width:50px; //height:25px;
overflow: visible;
$square-size:15px;
>h2#block-mainnavigation-menu.visually-hidden{
// outline: 1px solid green;
right:0;
clip: auto;
margin:0;
text-indent: 100px;
cursor: pointer;
width:$square-size*2; height:$square-size*2;
background-size:$square-size $square-size;
background-color: white;
background-repeat: repeat;
background-image:
// hiddings off-square lines
linear-gradient(90deg, white 0, white 2px, transparent 2px, transparent),
linear-gradient(90deg, transparent 0, transparent $square-size - 2, white $square-size - 2, white),
linear-gradient(0deg, white 0, white 2px, transparent 2px, transparent),
linear-gradient(0deg, transparent 0, transparent $square-size - 2, white $square-size - 2, white),
// drawing the lines
linear-gradient(90deg, transparent 0, transparent 2px, red 2px, transparent 3px, transparent),
linear-gradient(90deg, transparent 0, transparent $square-size - 3, red $square-size - 3, transparent $square-size - 2, transparent),
linear-gradient(0deg, transparent 0, transparent 2px, red 2px, transparent 3px, transparent),
linear-gradient(0deg, transparent 0, transparent $square-size - 3, red $square-size - 3, transparent $square-size - 2, transparent);
}
ul.menu{
// outline: 1px solid orange;
border-top: 1px solid red;
border-bottom: 1px solid red;
position:absolute;
background-color: white;
width:300px;
padding: 1em;
top:$square-size * 3; left:100px;
transition: left 0.2s ease-in-out;
li{
&:first-of-type{
display:block;
}
a{
font-size: 0.680em;
padding:0; margin:0;
}
}
}
&.visible ul.menu{
left:-130px;
}
}
}
@@ -405,6 +450,7 @@ main[role="main"]{
@include content_courant;
}
}
}
article.node--type-evenement{
@@ -533,11 +579,65 @@ main[role="main"]{
}
}
html.is-mobile & .entrees{
#collection{
margin-top: -80px;
margin-bottom: 80px;
}
h3{
@include content_titles;
text-align: center;
padding-top: 0.5em;
}
article.node--type-enregistrement{
margin:0.7em 0 0 0;
h2.node-title{
margin: 0;
}
div.entrees{
@include entree-micro-square;
}
p{margin: 0;}
}
}
div.taxonomy-term.vocabulary-entrees.home_mobile{
// &:not(:first-of-type){
padding-bottom: 1em;
border-bottom: 1px solid red;
// border-bottom: 1px solid red;
// }
> h2{
white-space:nowrap;
&:before{
content: "";
display:inline-block;
$sq:10px;
width: $sq; height:$sq;
border: 1px solid #000;
margin-right: 0.5em;
}
div{display: inline-block;}
}
&[tid='134']{>h2:before{border-color: var(--e-col-134);}}
&[tid='121']{>h2:before{border-color: var(--e-col-121);}}
&[tid='125']{>h2:before{border-color: var(--e-col-125);}}
&[tid='119']{>h2:before{border-color: var(--e-col-119);}}
&[tid='132']{>h2:before{border-color: var(--e-col-132);}}
&[tid='122']{>h2:before{border-color: var(--e-col-122);}}
&[tid='129']{>h2:before{border-color: var(--e-col-129);}}
&[tid='120']{>h2:before{border-color: var(--e-col-120);}}
&[tid='130']{>h2:before{border-color: var(--e-col-130);}}
&[tid='118']{>h2:before{border-color: var(--e-col-118);}}
&[tid='127']{>h2:before{border-color: var(--e-col-127);}}
&[tid='133']{>h2:before{border-color: var(--e-col-133);}}
&[tid='128']{>h2:before{border-color: var(--e-col-128);}}
&[tid='124']{>h2:before{border-color: var(--e-col-124);}}
&[tid='116']{>h2:before{border-color: var(--e-col-116);}}
&[tid='117']{>h2:before{border-color: var(--e-col-117);}}
&[tid='131']{>h2:before{border-color: var(--e-col-131);}}
&[tid='126']{>h2:before{border-color: var(--e-col-126);}}
&[tid='123']{>h2:before{border-color: var(--e-col-123);}}
.field--name-field-notice, .index{
>.field__label{
cursor: pointer;
@@ -668,6 +768,8 @@ main[role="main"]{
.audiofield label{display: none;}
}
}