fixed subscriptions webform interactivity

This commit is contained in:
Bachir Soussi Chiadmi 2019-07-08 12:20:31 +02:00
parent 785eea77db
commit 0973d0afe5
6 changed files with 1076 additions and 1297 deletions

View File

@ -7405,9 +7405,9 @@ body.page-node-11187 .node-11187 .field-name-body {
@media only screen and (min-width: 40.0625em) {
#webform-client-form-11186 {
padding: 10px 30px; }
#webform-client-form-11186 #webform-component-column-left--membership-options {
#webform-client-form-11186 .webform-component--column-left--membership-options {
margin: 10px 0; }
#webform-client-form-11186 #webform-component-column-left--membership-options label {
#webform-client-form-11186 .webform-component--column-left--membership-options label {
width: auto; }
#webform-client-form-11186 fieldset {
border-radius: 5px;
@ -7454,11 +7454,11 @@ body.page-node-11187 .node-11187 .field-name-body {
@media only screen and (min-width: 40.0625em) and (max-width: 64em) {
#webform-client-form-11186 {
padding: 10px; }
#webform-client-form-11186 #webform-component-column-left--membership-options {
#webform-client-form-11186 .webform-component--column-left--membership-options {
margin: 0 0 10px 0; }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-item {
#webform-client-form-11186 .webform-component--column-left--membership-options .form-item {
width: 100%; }
#webform-client-form-11186 #webform-component-column-left--membership-options label {
#webform-client-form-11186 .webform-component--column-left--membership-options label {
width: 75%; }
#webform-client-form-11186 legend {
margin: 0;
@ -7479,7 +7479,7 @@ body.page-node-11187 .node-11187 .field-name-body {
margin-right: 0.5em; }
#webform-client-form-11186 input.form-text, #webform-client-form-11186 select.form-select {
width: 60%; }
#webform-client-form-11186 #webform-component-infos {
#webform-client-form-11186 .webform-component-infos {
font-size: 14px; } }
#webform-client-form-11186 .fieldset-wrapper > .form-item {
display: moz-inline-stack;
@ -7487,7 +7487,7 @@ body.page-node-11187 .node-11187 .field-name-body {
vertical-align: top;
zoom: 1;
*display: inline; }
#webform-client-form-11186 #webform-component-column-left {
#webform-client-form-11186 fieldset.webform-component--column-left {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
@ -7495,21 +7495,21 @@ body.page-node-11187 .node-11187 .field-name-body {
*display: inline;
width: 25%;
border: none; }
#webform-client-form-11186 #webform-component-column-right {
#webform-client-form-11186 fieldset.webform-component--column-right {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
min-width: 70%; }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio {
max-width: 70%; }
#webform-client-form-11186 .webform-component--column-left--membership-options .form-type-radio {
border: 1px solid #ddd;
border-radius: 5px;
background-clip: padding-box;
padding: 10px 5px;
margin: 5px 0;
background-color: #fff; }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio input {
#webform-client-form-11186 .webform-component--column-left--membership-options .form-type-radio input {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
@ -7517,7 +7517,7 @@ body.page-node-11187 .node-11187 .field-name-body {
*display: inline;
vertical-align: middle;
margin: 0px 5px; }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio label {
#webform-client-form-11186 .webform-component--column-left--membership-options .form-type-radio label {
font-size: 20px;
font-weight: 700;
display: moz-inline-stack;
@ -7527,54 +7527,59 @@ body.page-node-11187 .node-11187 .field-name-body {
*display: inline;
vertical-align: middle;
margin: 0; }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio:hover {
#webform-client-form-11186 .webform-component--column-left--membership-options .form-type-radio:hover {
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2); }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(1) {
#webform-client-form-11186 .webform-component--column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(1) {
background-color: #69CDCF; }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(2) {
#webform-client-form-11186 .webform-component--column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(2) {
background-color: #D476AE; }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(3) {
#webform-client-form-11186 .webform-component--column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:nth-child(3) {
background-color: #E6DE1C; }
#webform-client-form-11186 #webform-component-column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:not(.selected) {
#webform-client-form-11186 .webform-component--column-left--membership-options .form-type-radio.form-item-submitted-column-left-membership-options:not(.selected) {
opacity: 0.4; }
#webform-client-form-11186 #webform-component-column-left--membership-options > label {
#webform-client-form-11186 .webform-component--column-left--membership-options > label {
width: 200px;
font-size: 18px;
font-weight: 700; }
#webform-client-form-11186 #webform-component-column-left--membership-options label {
#webform-client-form-11186 .webform-component--column-left--membership-options label {
border: 0; }
#webform-client-form-11186 #webform-component-column-right--me--my-account-email {
#webform-client-form-11186 .webform-component--column-right--me--my-account-email {
display: block; }
#webform-client-form-11186 #webform-component-column-right--company--administrative-e-mail .description {
#webform-client-form-11186 .webform-component--column-right--company--administrative-e-mail .description {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
#webform-client-form-11186 #addressfield-wrapper {
margin-top: 1em; }
margin-top: 1em;
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
#webform-client-form-11186 .street-block .form-item {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
#webform-client-form-11186 #webform-component-column-right--collaborators {
#webform-client-form-11186 .webform-component--column-right--collaborators {
margin: 20px 0;
overflow: hidden; }
#webform-client-form-11186 #webform-component-column-right--collaborators fieldset {
#webform-client-form-11186 .webform-component--column-right--collaborators fieldset {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline;
width: 33%; }
#webform-client-form-11186 #webform-component-column-right--collaborators .form-item {
#webform-client-form-11186 .webform-component--column-right--collaborators .form-item {
display: block; }
#webform-client-form-11186 #webform-component-column-right--collaborators label {
#webform-client-form-11186 .webform-component--column-right--collaborators label {
width: 6em; }
#webform-client-form-11186 #webform-component-column-right--collaborators input {
#webform-client-form-11186 .webform-component--column-right--collaborators input {
width: 11em; }
#webform-client-form-11186 #webform-component-infos {
margin: 20px 0; }
@ -7604,21 +7609,21 @@ body.page-node-11187 .node-11187 .field-name-body {
-webkit-transition: text-shadow 0s ease-out;
transition: text-shadow 0s ease-out;
text-shadow: 0 0 2px rgba(0, 0, 0, 0.2); }
#webform-client-form-11186 #webform-component-column-right--news-letters > label {
#webform-client-form-11186 .webform-component--column-right--news-letters > label {
margin: 0;
font-size: 18px;
font-weight: 700;
border: none;
line-height: 40px; }
#webform-client-form-11186 #webform-component-column-right--news-letters .form-item {
#webform-client-form-11186 .webform-component--column-right--news-letters .form-item {
display: moz-inline-stack;
display: inline-block;
vertical-align: top;
zoom: 1;
*display: inline; }
#webform-client-form-11186 #webform-component-column-right--news-letters .form-item label {
#webform-client-form-11186 .webform-component--column-right--news-letters .form-item label {
width: auto; }
#webform-client-form-11186 #webform-component-column-right--news-letters .form-item input, #webform-client-form-11186 #webform-component-column-right--news-letters .form-item label {
#webform-client-form-11186 .webform-component--column-right--news-letters .form-item input, #webform-client-form-11186 .webform-component--column-right--news-letters .form-item label {
margin: 0; }
#webform-client-form-11186 #edit-submitted-terms-of-services {
margin-bottom: 0.5em; }

View File

@ -1510,7 +1510,7 @@
* Statics
*/
function initMembershipForm() {
// console.log("initMembershipForm");
switch(window.location.hash){
case '#a':
$('#edit-submitted-column-left-membership-options-1').attr('checked', 'checked');
@ -1527,14 +1527,18 @@
// break
}
$('#webform-component-column-left--membership-options')
$('.webform-component--column-left--membership-options') // input.form-radio
.change(function(event){
//trace('changed');
if( $('input[type="radio"]:checked', this).is('#edit-submitted-column-left-membership-options-3') ){
$('#webform-component-column-right--collaborators').show();
}else{
$('#webform-component-column-right--collaborators').hide();
}
// trace('changed');
// console.log("Changed");
// replaced by conditional built in webform
// if( $('input[type="radio"]:checked', this).is('#edit-submitted-column-left-membership-options-3') ){
// $('.webform-component-column-right--collaborators').show();
// }else{
// $('.webform-component-column-right--collaborators').hide();
// }
$('div.form-item.selected', this).removeClass('selected');
$('input[type="radio"]:checked', this).parents('div.form-item').addClass('selected');
})

View File

@ -31,8 +31,7 @@ function initViewmodes(){checkViewmodesResponsive();};function checkViewmodesRes
if($('.viewmode-link.active.viewmode-'+vm).size())
return vm;};function initFlagsEvent(){$('.bookmarks, .mylists .flaged').children('.node:not(.listened)').bind('mouseenter mousemove click mouseleave',onCardEventDispatcher).addClass('listened');};function onAfterFlaging(event){var $target=$(event.link).parents('article.node');if(event.flagStatus=='flag'){$target.addClass('flaged');}else if(event.flagStatus=='unflag'){if($('.flag-lists-entity-links a.unflag-action',$target).length==0)
$target.removeClass('flaged');}};function onMybookmarksBlockUpdate(event){initFlagsEvent();initLayout();};function onClickList(event){var $link=$(event.currentTarget).addClass('active'),name=$link.attr('name'),$block=$link.parents('.block'),$flaged=$('.flaged.'+name,$block).addClass('active');$link.siblings().removeClass('active');$flaged.siblings().removeClass('active');createCookie('materiomyflaglistsopened',name,1);$flaged.parents('.mylists').height($flaged.h());initLayout();};function onMyListsBlockUpdate(event){initFlagsEvent();initLayout();};function onMyListsBlockBuilded(event){showLazyLoadedImages(event.block);};MaterioBaseTheme.prototype.on_mouseenter_bookmark=function(event){_$tooltip.html($('.group-header',this).clone()).css({top:event.pageY-_$tooltip.h()-5,left:event.pageX+5+($(this).w()-event.layerX)}).removeClass('op-hidden').addClass('op-visible');};MaterioBaseTheme.prototype.on_mousemove_bookmark=function(event){_$tooltip.css({top:event.pageY-_$tooltip.h()-5,left:event.pageX+5+($(this).w()-event.layerX)});};MaterioBaseTheme.prototype.on_mouseleave_bookmark=function(event){$('.images img.op-visible',this).removeClass('op-visible').addClass('op-hidden').eq(0).removeClass('op-hidden').addClass('op-visible');_$tooltip.removeClass('op-visible').addClass('op-hidden');};function initKeyboardShortcuts(){$(document).bind('keydown','Shift+:',shortcut_focusSearchField).bind('keydown','/',shortcut_focusSearchField).bind('keydown','Alt+1',shortcut_viewmodeSmall).bind('keydown','Alt+2',shortcut_viewmodeMedium).bind('keydown','Alt+3',shortcut_viewmodeBig).bind('keydown','Alt+4',shortcut_viewmodeFull).bind('keydown','space',shortcut_togglePreview).bind('keydown','esc',shortcut_closeModaleContent).bind('keydown','up',shortcut_onUpArrow).bind('keydown','right',shortcut_onRightArrow).bind('keydown','down',shortcut_onDownArrow).bind('keydown','left',shortcut_onLeftArrow);};function shortcut_focusSearchField(e){if($('#edit-searchfield').size()){var stat_event={type:'record-stat',categorie:'Shortcuts'};stat_event.action='slash';stat_event.label='Focus on search text field';$.event.trigger(stat_event);$('#edit-searchfield').focus();e.stopPropagation();e.preventDefault();return false;}};function shortcut_viewmodeSmall(e){if($('a.viewmode-link.viewmode-cardsmall').size()){var stat_event={type:'record-stat',categorie:'Shortcuts'};stat_event.action='Alt+1';stat_event.label='Change view mode : card small';$.event.trigger(stat_event);$('a.viewmode-link.viewmode-cardsmall').click();return false;}};function shortcut_viewmodeMedium(e){if($('a.viewmode-link.viewmode-cardmedium').size()){var stat_event={type:'record-stat',categorie:'Shortcuts'};stat_event.action='Alt+2';stat_event.label='Change view mode : card medium';$.event.trigger(stat_event);$('a.viewmode-link.viewmode-cardmedium').click();return false;}};function shortcut_viewmodeBig(e){if($('a.viewmode-link.viewmode-cardbig').size()){var stat_event={type:'record-stat',categorie:'Shortcuts'};stat_event.action='Alt+3';stat_event.label='Change view mode : card big';$.event.trigger(stat_event);$('a.viewmode-link.viewmode-cardbig').click();return false;}};function shortcut_viewmodeFull(e){if($('a.viewmode-link.viewmode-cardfull').size()){var stat_event={type:'record-stat',categorie:'Shortcuts'};stat_event.action='Alt+4';stat_event.label='Change view mode : card full';$.event.trigger(stat_event);$('a.viewmode-link.viewmode-cardfull').click();return false;}};function shortcut_togglePreview(e){$.event.trigger({type:'record-stat',categorie:'Shortcuts',action:'Space',label:'Space toggle preview'});if(_previewIsOpen){if($('body>.modal-wrapper').size()){$('body>.modal-wrapper').click();_previewIsOpen=false;return false;}}else{previewCard($('#content .search-results, #content .actuality-items').children('.node.focused:first'));}};function shortcut_closeModaleContent(e){if($('body>.modal-wrapper').size()){$.event.trigger({type:'record-stat',categorie:'Shortcuts',action:'Esc',label:'Esc from modal content'});$('body>.modal-wrapper').click();_previewIsOpen=false;return false;}};function shortcut_onUpArrow(e){moveGridFocus(e,'u');};function shortcut_onRightArrow(e){moveGridFocus(e,'r');};function shortcut_onDownArrow(e){moveGridFocus(e,'d');};function shortcut_onLeftArrow(e){moveGridFocus(e,"l");};function onResizeWindow(e){clearInterval(_resizeTimer);_resizeTimer=setTimeout(function(){initLayout();checkViewmodesResponsive();setUpGrid("#content .actuality-items, #content .search-results");},200);};function initMembershipForm(){switch(window.location.hash){case'#a':$('#edit-submitted-column-left-membership-options-1').attr('checked','checked');break;case'#b':$('#edit-submitted-column-left-membership-options-2').attr('checked','checked');break;case'#c':$('#edit-submitted-column-left-membership-options-3').attr('checked','checked');break;}
$('#webform-component-column-left--membership-options').change(function(event){if($('input[type="radio"]:checked',this).is('#edit-submitted-column-left-membership-options-3')){$('#webform-component-column-right--collaborators').show();}else{$('#webform-component-column-right--collaborators').hide();}
$('div.form-item.selected',this).removeClass('selected');$('input[type="radio"]:checked',this).parents('div.form-item').addClass('selected');}).trigger('change');};$.fn.h=function(){if(this.css('height')==undefined)
$('.webform-component--column-left--membership-options').change(function(event){$('div.form-item.selected',this).removeClass('selected');$('input[type="radio"]:checked',this).parents('div.form-item').addClass('selected');}).trigger('change');};$.fn.h=function(){if(this.css('height')==undefined)
return 0;return parseInt(this.css('height'))+parseInt(this.css('padding-top'))+parseInt(this.css('padding-bottom'));};$.fn.w=function(){if(this.css('width')==undefined)
return 0;return parseInt(this.css('width'))+parseInt(this.css('padding-left'))+parseInt(this.css('padding-right'));};function getDocHeight(){var D=document;return Math.max(Math.max(D.body.scrollHeight,D.documentElement.scrollHeight),Math.max(D.body.offsetHeight,D.documentElement.offsetHeight),Math.max(D.body.clientHeight,D.documentElement.clientHeight));};function viewport(){var e=window,a='inner';if(!('innerWidth'in window)){a='client';e=document.documentElement||document.body;}
return{width:e[a+'Width'],height:e[a+'Height']};};function initDoubleSearchFormTabs(){var $searchblock=$('#block-materio-search-api-materio-search-api-search');var $tabs=$('<div>').addClass('searchform-tabs').prependTo($searchblock.children('.inner'));$('h4.form-title',$searchblock).each(function(index,el){$(el).attr('index',index).bind('click',function(e){var $this=$(this);var index=$this.attr('index');$('h4.form-title',$tabs).removeClass('active');$this.addClass('active');$('.msa-form-wrapper',$searchblock).removeClass('active').eq(index).addClass('active');createCookie('default-search-form',index);initLayout();}).appendTo($tabs);});var defaultIndex=readCookie('default-search-form')||0;$('h4.form-title',$tabs).eq(defaultIndex).addClass('active');$('.msa-form-wrapper',$searchblock).eq(defaultIndex).addClass('active');$searchblock.addClass('tabed');initLayout();};function initForms(){$('#edit-searchfield:not(.processed)').bind('focus',function(event){var $this=$(this);if($this.val()==$this.attr('default'))

File diff suppressed because it is too large Load Diff

View File

@ -7,7 +7,7 @@
"license": "GPLv3",
"homepage": "https://materio.com",
"devDependencies": {
"gulp": "latest",
"gulp": "<4",
"gulp-autoprefixer": "^4.1.0",
"gulp-jsmin": "latest",
"gulp-rename": "latest",

View File

@ -2811,7 +2811,7 @@ body.page-node-11187{
#webform-client-form-11186{
@media #{$medium-up}{
padding: 10px 30px;
#webform-component-column-left--membership-options{
.webform-component--column-left--membership-options{
margin: 10px 0;
label{width:auto;}
}
@ -2828,7 +2828,7 @@ body.page-node-11187{
@media #{$medium-only}{
padding: 10px;
#webform-component-column-left--membership-options{
.webform-component--column-left--membership-options{
margin: 0 0 10px 0;
.form-item{width:100%;}
label{ width:75%; }
@ -2837,17 +2837,17 @@ body.page-node-11187{
.form-item{ margin: 0; float:none;}
label{ @include fs12; width:30%; @include inlineblock; vertical-align:middle; margin-right:0.5em; }
input.form-text, select.form-select{width:60%;}
#webform-component-infos{@include fs14;}
.webform-component-infos{@include fs14;}
} //change this
background-color: #e6e6e6; @include rounded(10px);
.fieldset-wrapper>.form-item{ @include inlineblock; }
#webform-component-column-left{@include inlineblock; width:25%; border:none;}
#webform-component-column-right{ @include inlineblock; min-width:70%;}
fieldset.webform-component--column-left{@include inlineblock; width:25%; border:none;}
fieldset.webform-component--column-right{ @include inlineblock; max-width:70%;}
#webform-component-column-left--membership-options{
.webform-component--column-left--membership-options{
.form-type-radio{
border:1px solid #ddd; @include rounded(5px); padding: 10px 5px; margin: 5px 0;
@ -2866,18 +2866,18 @@ body.page-node-11187{
label{ border: 0; }
}
#webform-component-column-right--me--my-account-email{
.webform-component--column-right--me--my-account-email{
display:block;
}
#webform-component-column-right--company--administrative-e-mail{
.webform-component--column-right--company--administrative-e-mail{
.description{@include inlineblock;}
}
#addressfield-wrapper{ margin-top:1em; }
#addressfield-wrapper{ margin-top:1em; @include inlineblock; }
.street-block .form-item{ @include inlineblock; }
#webform-component-column-right--collaborators{
.webform-component--column-right--collaborators{
margin: 20px 0; overflow:hidden;
fieldset{@include inlineblock; width:33%;}
.form-item{display:block;}
@ -2901,7 +2901,7 @@ body.page-node-11187{
}
}
#webform-component-column-right--news-letters{
.webform-component--column-right--news-letters{
>label{margin: 0; @include fs18; @include fs700; border:none; line-height:40px}
.form-item{
@include inlineblock();