diff --git a/assets/images/custom/collectifEssArrageois/banner.png b/assets/images/custom/collectifEssArrageois/banner.png new file mode 100644 index 0000000000000000000000000000000000000000..71989f4d897f82f7b54c8f90a128b72939c716b7 Binary files /dev/null and b/assets/images/custom/collectifEssArrageois/banner.png differ diff --git a/assets/images/custom/collectifEssArrageois/default_directory.png b/assets/images/custom/collectifEssArrageois/default_directory.png new file mode 100644 index 0000000000000000000000000000000000000000..05808d8fe05681fea7015a121f0d1c785e8f9e09 Binary files /dev/null and b/assets/images/custom/collectifEssArrageois/default_directory.png differ diff --git a/assets/js/default/directory.js b/assets/js/default/directory.js index 459d7d52108bdcb1713e07caed944ee749ab6d74..dc9b6ae78f5e453e71ec3d050015b1e26eaa0905 100644 --- a/assets/js/default/directory.js +++ b/assets/js/default/directory.js @@ -2703,15 +2703,28 @@ var directory = { //SHOW HIDE VOTE BTNs if(typeof userId != "undefined" && userId != null && userId != ""){ var btnSize = (params.status == "amendementAndVote") ? "6" : "12"; + voteCount = ""; + if(params.votes){ + var vc = 0; + if(params.votes.up) + vc += Object.keys(params.votes.up).length; + if(params.votes.down) + vc += Object.keys(params.votes.down).length; + if(params.votes.uncomplet) + vc += Object.keys(params.votes.uncomplet).length; + if(params.votes.white) + vc += Object.keys(params.votes.white).length; + voteCount = " ("+vc+")"; + } if( (params.status == "tovote" || params.status == "amendementAndVote") && params.hasVote ===false ) - str += '<a href="javascript:;" '+ linkParams + ' data-coop-section="vote" class="bg-green openCoopPanelHtml btn col-sm-'+btnSize+' "><i class="fa fa-gavel"></i> '+trad.Vote+'</a>'; + str += '<a href="javascript:;" '+ linkParams + ' data-coop-section="vote" class="bg-green openCoopPanelHtml btn col-sm-'+btnSize+' "><i class="fa fa-gavel"></i> '+trad.Vote+voteCount+'</a>'; //str += '<a href="javascript:" '+ linkParams + ' class="btn-openVoteDetail bg-green btn col-sm-'+btnSize+' "><i class="fa fa-gavel"></i> '+trad.Vote+'</a>'; else if( (params.status == "tovote" || params.status == "amendementAndVote") && params.hasVote !==false ) - str += '<a href="javascript:;" '+ linkParams + ' data-coop-section="vote" class="openCoopPanelHtml btn btn-default col-sm-'+btnSize+' "><i class="fa fa-eye"></i> '+trad["See votes"]+'</a>'; + str += '<a href="javascript:;" '+ linkParams + ' data-coop-section="vote" class="openCoopPanelHtml btn btn-default col-sm-'+btnSize+' "><i class="fa fa-eye"></i> '+trad["See votes"]+voteCount+'</a>'; } else { var btnSize = (params.status == "amendementAndVote") ? "6" : "12"; if( (params.status == "tovote" || params.status == "amendementAndVote") && params.hasVote ===false ) - str += '<a href="javascript:" data-toggle="modal" data-target="#modalLogin" class="btn-menu-connect bg-green btn col-sm-'+btnSize+' "><i class="fa fa-gavel"></i> '+trad.Vote+'</a>'; + str += '<a href="javascript:" data-toggle="modal" data-target="#modalLogin" class="btn-menu-connect bg-green btn col-sm-'+btnSize+' "><i class="fa fa-gavel"></i> '+trad.Vote+voteCount+'</a>'; } if( (params.status == "amendementAndVote" || params.status =="amendable") ){ @@ -2719,6 +2732,19 @@ var directory = { str += '<a href="javascript:;" '+ linkParams + ' data-coop-section="amendments" class="openCoopPanelHtml btn btn-default text-purple col-sm-6 "><i class="fa fa-list"></i> '+trad.Amendements+amendCount+'</a>'; } + if(params.votes ){ + str += "<div class='col-sm-12 padding-10'>"; + if(params.votes.up) + str += "<div class='col-sm-3 text-green'><i class='fa fa-thumbs-up'></i> "+Object.keys(params.votes.up).length+"</div>"; + if(params.votes.down) + str += "<div class='col-sm-3 text-red'><i class='fa fa-thumbs-down'></i> "+Object.keys(params.votes.down).length+"</div>"; + if(params.votes.uncomplet) + str += "<div class='col-sm-3 text-dark'><i class='fa fa-hand-grab-o'></i> "+Object.keys(params.votes.uncomplet).length+"</div>"; + if(params.votes.white) + str += "<div class='col-sm-3 text-orange'><i class='fa fa-circle-o'></i> "+Object.keys(params.votes.white).length+"</div>"; + str += "</div>"; + } + diff --git a/assets/js/default/editInPlace.js b/assets/js/default/editInPlace.js index 78b73626dec0d60927fae62aef3af2eec3a4ca8b..fff643df2aa2acc908974072299d7e62b05ff540 100644 --- a/assets/js/default/editInPlace.js +++ b/assets/js/default/editInPlace.js @@ -412,7 +412,7 @@ function bindAboutPodElement() { }; if(contextData.type == typeObj.person.col ){ - form.dynForm.jsonSchema.properties.username = dyFInputs.inputText("Username", "Username", { required : true }); + //form.dynForm.jsonSchema.properties.username = dyFInputs.inputText("Username", "Username", { required : true, validUserName : true,rangelength : [4, 32] }); //,uniqueUserName:true form.dynForm.jsonSchema.properties.birthDate = dyFInputs.birthDate; } diff --git a/views/custom/collectifEssArrageois.php b/views/custom/collectifEssArrageois.php new file mode 100644 index 0000000000000000000000000000000000000000..31297a3a2fc78dc6100bb9d52078ee89d99ccfa9 --- /dev/null +++ b/views/custom/collectifEssArrageois.php @@ -0,0 +1,314 @@ + +<div class="pageContent"> + + +<style type="text/css"> + #customHeader{ + margin-top: 0px; + } + #costumBanner{ + /* max-height: 375px; */ + } + #costumBanner h1{ + position: absolute; + color: white; + background-color: rgba(0,0,0,0.4); + font-size: 29px; + bottom: 0px; + padding: 20px; + } + #costumBanner h1 span{ + color: #eeeeee; + font-style: italic; + } + #costumBanner img{ + min-width: 100%; + } + .btn-main-menu{ + background: #1b7baf; + border-radius: 20px; + padding: 20px !important; + color: white; + cursor: pointer; + border:3px solid transparent; + /*min-height:100px;*/ + } + .btn-main-menu:hover{ + border:2px solid #1b7baf; + background-color: white; + color: #1b7baf; + } + .ourvalues img{ + height:70px; + } + .main-title{ + color: #487614; + } + + .ourvalues h3{ + font-size: 36px; + } + .box-register label.letter-black{ + margin-bottom:3px; + font-size: 13px; + } + .bullet-point{ + width: 5px; + height: 5px; + display: -webkit-inline-box; + border-radius: 100%; + background-color: #fbae55; + } + .text-explain{ + color: #555; + font-size: 18px; + } + .blue-bg { + background-color: white; + color: #5b2549; + height: 100%; + padding-bottom: 20px !important; +} + +.circle { + font-weight: bold; + padding: 15px 20px; + border-radius: 50%; + background-color: #fea621; + color: white; + max-height: 50px; + z-index: 2; +} +.circle.active{ + background: #ea4335; + border: inset 3px #ea4335; + max-height: 70px; + height: 70px; + font-size: 25px; + width: 70px; +} +.support-section{ + background-color: white; +} +.support-section h2{ + text-align: center; + padding: 60px 0px !important; + background: #450e33; + font-size: 40px; + color: white; + margin-bottom: 20px; +} +.timeline-ctc h2{ + text-align: center; + padding: 105px 0px 60px 0px !important; + background: #450e33; + font-size: 40px; + color: white; + margin-bottom: 20px; +} +.how-it-works.row { + display: flex; +} +.row.timeline{ + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} +.how-it-works.row .col-2 { + display: inline-flex; + align-self: stretch; + position: relative; + align-items: center; + justify-content: center; +} +.how-it-works.row .col-2::after { + content: ""; + position: absolute; + border-left: 3px solid #0091c6; + z-index: 1; +} +.pb-3, .py-3 { + padding-bottom: 1rem !important; +} +.pt-2, .py-2 { + padding-top: 0.5rem !important; +} +.how-it-works.row .col-2.bottom::after { + height: 50%; + left: 50%; + top: 50%; +} +.how-it-works.row.justify-content-end .col-2.full::after { + height: 100%; + left: calc(50% - 3px); +} +.how-it-works.row .col-2.full::after { + height: 100%; + left: calc(50% - 0px); +} +.how-it-works.row .col-2.top::after { + height: 50%; + left: 50%; + top: 0; +} + +.timeline div { + padding: 0; + height: 40px; +} +.timeline hr { + border-top: 3px solid #0091c6; + margin: 0; + top: 17px; + position: relative; +} +.timeline .col-2 { + display: flex; + overflow: hidden; + flex: 0 0 16.666667%; + max-width: 16.666667%; +} +.align-items-center { + -ms-flex-align: center !important; + align-items: center !important; +} +.justify-content-end { + -ms-flex-pack: end !important; + justify-content: flex-end !important; +} +.row { + display: -ms-flexbox; + display: flex; + -ms-flex-wrap: wrap; + flex-wrap: wrap; + margin-right: -15px; + margin-left: -15px; +} +.how-it-works.row .col-6 p{ + color: #444; +} +.how-it-works.row .col-6 h5{ +font-size: 17px; + text-transform: inherit; +} +.col-2 { + -ms-flex: 0 0 16.666667%; + flex: 0 0 16.666667%; + max-width: 16.666667%; +} +.col-6 { + -ms-flex: 0 0 50%; + flex: 0 0 50%; + max-width: 50%; +} +.timeline .col-8 { + flex: 0 0 66.666667%; + max-width: 66.666667%; +} +.timeline .corner { + border: 3px solid #0091c6; + width: 100%; + position: relative; + border-radius: 15px; +} +.timeline .top-right { + left: 50%; + top: -50%; +} +.timeline .left-bottom { + left: -50%; + top: calc(50% - 3px); +} +.timeline .top-left { + left: -50%; + top: -50%; +} +.timeline .right-bottom { + left: 50%; + top: calc(50% - 3px); +} + + @media screen and (min-width: 450px) and (max-width: 1024px) { + .logoDescription{ + width: 60%; + margin:auto; + } + } + + @media (max-width: 1024px){ + #customHeader{ + margin-top: -1px; + } + } + @media (max-width: 768px){ + + } +</style> + +<div class="col-xs-12 no-padding" id="customHeader" style="background-color: white"> + <div id="costumBanner" class="col-xs-12 col-sm-12 col-md-12 no-padding"> + <!-- <h1>L'entraide<br/><span class="small">Une interface numérique pour échanger</span></h1>--> + <img class="img-responsive" src='<?php echo Yii::app()->getModule("co2")->assetsUrl ?>/images/custom/collectifEssArrageois/banner.png'> + </div> + <!--<div class="col-md-12 col-lg-12 col-sm-12 imageSection no-padding" + style=" position:relative;">--> + <div class="col-sm-12 col-md-12 col-xs-12 no-padding" style="max-width:100%; float:left;"> + <div class="col-xs-12 no-padding" style=""> + <div class="col-xs-12 no-padding"> + <div class="col-md-12 col-sm-12 col-xs-12 padding-20" style="padding-left:100px;background-color: #f6f6f6; min-height:400px;"> + <div class="col-xs-12 col-sm-10 col-sm-offset-1 pull-left padding-20 shadow2" style="margin-bottom:-80px;background-color: #fff;font-size: 14px;z-index: 5;"> + <div class="col-xs-12 font-montserrat ourvalues" style="text-align:center;"> + <h3 class="col-xs-12 text-center"> + <span class="main-title">Un outil pour : </span><br> + <small> + <b>Nos valeurs sont solidaires, nos services sont diversifiés, non délocalisables et mettent l’humain au cœur des projets.<br> + </small> + <hr style="width:40%; margin:20px auto; border: 4px solid #fbae55;"> + </h3> + <div class="col-xs-12"> + <a href="javascript:;" data-hash="#search" class="btn-main-menu lbh-menu-app col-xs-12 col-sm-8 col-sm-offset-2 col-md-6 col-md-offset-3" > + <div class="text-center"> + <div class="col-md-12 no-padding text-center"> + <h4 class="no-margin uppercase"> + <i class="fa fa-hand-point-right faa-pulse"></i> + <?php echo Yii::t("home","Découvrir") ?> + </h4> + </div> + </div> + </a> + </div> + <h3 class="col-xs-12 text-center"> + <hr style="width:40%; margin:20px auto; border: 4px solid #fbae55;"> + </h3> + <!--<div class="col-md-10 col-md-offset-1 col-xs-12"> + <span class="text-explain">Nous sommes de plus en plus nombreux à vouloir agir face au dérèglement climatique, à la croissance des inégalités, à la crise de la démocratie.<br/><span class="bullet-point"></span><br/> + Pour relever ces défis majeurs, changer nos pratiques quotidiennes de consommation ne suffit plus. + Il nous faut également œuvrer à la transformation de nos politiques publiques.<br/><span class="bullet-point"></span><br/> + Si la transition doit avoir lieu à toutes les échelles, les communes peuvent être le fer de lance de ce + mouvement.<br/> + En mars 2020, des candidat.e.s se présenteront aux élections municipales. Nous voulons les aider à + identifier et mettre en œuvre, une fois élu.e.s, des mesures concrètes pour encourager la transition + écologique, sociale et démocratique de leur commune.<br/><span class="bullet-point"></span><br/> + Nous, citoyennes et citoyens, sommes les mieux placés pour définir ces priorités et construire les + communes de demain. Ensemble, nous sommes la transition. + </span> + </div>--> + </div> + </div> + + </div> + + </div> + </div> + </div> +</div> + +<script type="text/javascript"> + jQuery(document).ready(function() { + setTitle("Les pépites de l'ESS"); + }); +</script> + +