index.php 12.7 KB
Newer Older
Tibor Katelbach's avatar
Tibor Katelbach committed
1
<style type="text/css">
Clément Damiens's avatar
 
Clément Damiens committed
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31
	#menu-left{
		position: fixed;
    	z-index: 100000;
	    bottom: 0;
	    top: 60px;
	    left: 0;
	    padding: 0;
	    overflow-y: scroll;
	}
	#header-doc{
		position: fixed;
		z-index: 100000;
		top: 0px;
		left: 0px;
		height: 60px;
		right: 0px;
		padding-top: 10px;
		background-color: white;
	}
	#header-doc h2{
		float: left;
	    color: #354C57;
	    font-size: 20px;
	    font-variant: small-caps;
	    line-height: 41px;
	    padding: 0px 10px;
	}
	#menu-left ul li{
		list-style: none;
	}
Clément Damiens's avatar
 
Clément Damiens committed
32 33 34 35 36 37 38 39
	#menu-left > ul > li > a{
		font-size: 20px;
	}
	ul.subMenu > li > a{
		font-size:16px;
	}
	#menu-left > ul > li > a, ul.subMenu > li > a{
		color: #354C57;
Clément Damiens's avatar
 
Clément Damiens committed
40 41 42 43 44
		width: 100%;
	    float: left;
	    padding: 5px 20px;
	    text-align: left;
	}
Clément Damiens's avatar
 
Clément Damiens committed
45 46 47 48
	#menu-left ul li .subMenu, #menu-left > ul > li > a{
		border-bottom: 1px solid #ccc;
	}
	#menu-left > ul > li > a.active, #menu-left > ul > li > a:hover{
Clément Damiens's avatar
 
Clément Damiens committed
49 50 51
		text-decoration: none;
		background-color:#E5344D;
		color: white;
Clément Damiens's avatar
 
Clément Damiens committed
52 53 54 55 56 57 58 59 60 61
		font-size: 22px;
	}
	ul.subMenu > li > a.active, ul.subMenu > li > a:hover{
		border-left: 4px solid #E5344D;
		color: #E5344D;
		font-size:18px;
		text-decoration: none;
	}
	#menu-left ul li a.active span.text-red, #menu-left ul li a:hover span.text-red{
		color:#354C57 !important;
Clément Damiens's avatar
 
Clément Damiens committed
62 63 64 65 66 67 68 69 70 71
	}
	.close-modal{
		top: 10px !important;
    	right: 10px !important;
     	z-index: 100000000000000 !important;
    	position: fixed !important;
	}
	.close-modal .lr, .close-modal .rl{
		height: 40px !important;
	}
Clément Damiens's avatar
doc up  
Clément Damiens committed
72
	ul.subMenu{
Clément Damiens's avatar
 
Clément Damiens committed
73 74 75 76 77
		/*display:none;*/

	}
	ul.subMenu{
		padding-left: 30px
Clément Damiens's avatar
doc up  
Clément Damiens committed
78
	}
79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132
#show-menu-xs{
	    padding: 7px 15px;
    font-size: 20px;
}
.keypan .panel-heading{
	margin-top: 20px;
    min-height: 70px;
}
.keypan{
	    border: none;
    margin-bottom: 10px;
    box-shadow: none;
}
.keypan .panel-body{
	min-height: 200px;
}
.keypan hr {
	width: 75%;
    margin: auto;
}
#header-docs .panel-title{
	font-size: 40px;
}
#header-docs .panel-title .sub-title{
	font-size: 20px !important;
	font-style: italic;	
}
@media (max-width: 991px) {
 /* .open-type-filter{
        display: block;
    position: absolute;
    right: -33px;
    height: 50px;
    width: 50px;
    border: 1px solid #dadada;
    border-radius: 100%;
    text-align: right;
    padding-right: 8px;
    z-index: -1;
    font-size: 20px;
  }*/
  #menu-left{
    width: 56%;
    left: -56%;
	background-color: white;
	}
  
}

@media (min-width: 991px) {
  #menu-left {
    left:0 !important;
  }
}
Tibor Katelbach's avatar
Tibor Katelbach committed
133
</style>
Clément Damiens's avatar
 
Clément Damiens committed
134
<div id="header-doc" class="shadow2">
135 136
	<a href='javascript:;' id="show-menu-xs" class="visible-xs visible-sm pull-left" data-placement="bottom" data-title="Menu"><i class="fa fa-bars"></i></a>
	<h2 class="elipsis"><i class="fa fa-book hidden-xs"></i> <?php echo Yii::t("docs", "All <span class='hidden-xs'>you need to know</span> about") ?></h2>
Clément Damiens's avatar
 
Clément Damiens committed
137
	<img src="<?php echo Yii::app()->theme->baseUrl; ?>/assets/img/LOGOS/CO2/logo-head-search.png" 
138 139 140
                     class="logo-menutop main pull-left" height=30>
    <!--<img src="<?php echo Yii::app()->theme->baseUrl; ?>/assets/img/LOGOS/CO2/logo-min.png" 
                     class="logo-menutop main pull-left visible-xs visible-sm" height=30>-->
Clément Damiens's avatar
 
Clément Damiens committed
141
</div>
142 143
<div id="menu-left" class="col-md-3 col-sm-2 col-xs-12 shadow2">
  	<ul class="col-md-12 col-sm-12 col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
144 145
		<li class="col-xs-12 no-padding">
			<a href="javascript:" class="link-docs-menu active down-menu" data-type="welcome" data-dir="<?php echo Yii::app()->language ?>">
Clément Damiens's avatar
doc up  
Clément Damiens committed
146
				<i class="fa fa-angle-down"></i> <?php echo Yii::t("docs","WEL<span class='text-red'>CO</span>ME"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
147 148
			</a>
		</li>
Clément Damiens's avatar
 
Clément Damiens committed
149 150 151
		<li class="col-xs-12 no-padding">
			<a href="javascript:" class="link-docs-menu down-menu" data-type="about" data-dir="<?php echo Yii::app()->language ?>">
				<i class="fa fa-angle-right"></i> <?php echo Yii::t("docs","A<span class='text-red'>BO</span>UT"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
152
			</a>
Clément Damiens's avatar
 
Clément Damiens committed
153 154 155
			<ul class="subMenu col-xs-12 no-padding">
				<li class="col-xs-12 no-padding">
					<a href="javascript:" class="link-docs-menu" data-type="openatlas" data-dir="<?php echo Yii::app()->language ?>">
Clément Damiens's avatar
doc up  
Clément Damiens committed
156
						<?php echo Yii::t("common","Open Atlas"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
157 158
					</a>
				</li>
Clément Damiens's avatar
 
Clément Damiens committed
159
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
160
					<a href="javascript:" class="link-docs-menu" data-type="philosophy" data-dir="<?php echo Yii::app()->language ?>">
Clément Damiens's avatar
doc up  
Clément Damiens committed
161
						<?php echo Yii::t("docs","Philosophy"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
162 163
					</a>
				</li>
Clément Damiens's avatar
 
Clément Damiens committed
164 165
				<li class="col-xs-12 no-padding">
					<a href="javascript:" class="link-docs-menu" data-type="projects" data-dir="<?php echo Yii::app()->language ?>">
Clément Damiens's avatar
doc up  
Clément Damiens committed
166
						<?php echo Yii::t("docs","Projects"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
167 168
					</a>
				</li>
Clément Damiens's avatar
 
Clément Damiens committed
169
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
170
					<a href="javascript:" class="link-docs-menu" data-type="keywords" data-dir="<?php echo Yii::app()->language ?>">
Clément Damiens's avatar
doc up  
Clément Damiens committed
171
						<?php echo Yii::t("docs","Keywords"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
172 173
					</a>
				</li>
Clément Damiens's avatar
 
Clément Damiens committed
174
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
175
					<a href="javascript:" class="link-docs-menu" data-type="partners" data-dir="panels">
Clément Damiens's avatar
doc up  
Clément Damiens committed
176
						<?php echo Yii::t("docs","Community"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
177 178
					</a>
				</li>
Clément Damiens's avatar
 
Clément Damiens committed
179
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
180
					<a href="javascript:" class="link-docs-menu" data-type="history" data-dir="<?php echo Yii::app()->language ?>">
Clément Damiens's avatar
 
Clément Damiens committed
181
						<?php echo Yii::t("docs","History"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
182 183
					</a>
				</li>
Clément Damiens's avatar
 
Clément Damiens committed
184
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
185
					<a href="javascript:" class="link-docs-menu" data-type="commandement" data-dir="<?php echo Yii::app()->language ?>">
Clément Damiens's avatar
 
Clément Damiens committed
186
						<?php echo Yii::t("docs","10 Commands"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
187 188
					</a>
				</li>
Clément Damiens's avatar
 
Clément Damiens committed
189
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
190
					<a href="https://github.com/pixelhumain/buildingCommons/blob/master/codeSocialOpenSystem.md" target="_blank" class="">
Clément Damiens's avatar
 
Clément Damiens committed
191
						<?php echo Yii::t("docs","Social code"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
192 193
					</a>
				</li>
Clément Damiens's avatar
 
Clément Damiens committed
194
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
195
					<a href="javascript:" class="link-docs-menu" data-type="financement" data-dir="<?php echo Yii::app()->language ?>">
Clément Damiens's avatar
 
Clément Damiens committed
196
						<?php echo Yii::t("docs","Funding"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
197 198 199 200
					</a>
				</li>
			</ul>
		</li>
Clément Damiens's avatar
 
Clément Damiens committed
201 202 203
		<li class="col-xs-12 no-padding">
			<a href="javascript:" class="link-docs-menu down-menu" data-type="modules">
				<i class="fa fa-angle-right"></i> <?php echo Yii::t("docs","HOW <span class='text-red'>TO</span> USE"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
204
			</a>
Clément Damiens's avatar
 
Clément Damiens committed
205 206
			<ul class="subMenu col-xs-12 no-padding">
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
207
					<a href="javascript:" class="link-docs-menu" data-type="elements">
Clément Damiens's avatar
 
Clément Damiens committed
208
						 <?php echo Yii::t("docs","The elements"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
209 210
					</a>
				</li>
Clément Damiens's avatar
 
Clément Damiens committed
211
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
212
					<a href="javascript:" class="link-docs-menu" data-type="modules">
Clément Damiens's avatar
 
Clément Damiens committed
213
						<?php echo Yii::t("docs","Applications"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
214 215
					</a>
				</li>
Clément Damiens's avatar
 
Clément Damiens committed
216
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
217
					<a href="javascript:" class="link-docs-menu" data-type="import" data-dir="<?php echo Yii::app()->language ?>">
Clément Damiens's avatar
 
Clément Damiens committed
218
						<?php echo Yii::t("docs","Game of data"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
219 220
					</a>
				</li>
Clément Damiens's avatar
 
Clément Damiens committed
221
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
222
					<a href="javascript:" class="link-docs-menu" data-type="faq">
Clément Damiens's avatar
 
Clément Damiens committed
223
						<?php echo Yii::t("docs","FAQ"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
224 225 226 227
					</a>
				</li>
			</ul>
		</li>
Clément Damiens's avatar
 
Clément Damiens committed
228
		<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
229
			<a href="javascript:" class="link-docs-menu down-menu" data-type="contribute" data-dir="<?php echo Yii::app()->language ?>">
Clément Damiens's avatar
 
Clément Damiens committed
230
				<i class="fa fa-angle-right"></i> <?php echo Yii::t("docs","<span class='text-red'>CO</span>NTRIBUTE"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
231 232
			</a>
		</li>
Clément Damiens's avatar
 
Clément Damiens committed
233 234 235
		<li class="col-xs-12 no-padding">
			<a href="javascript:" class="link-docs-menu down-menu" data-type="5w" data-dir="<?php echo Yii::app()->language ?>">
				<i class="fa fa-angle-right"></i> <?php echo Yii::t("docs","<span class='text-red'>CO</span>DING"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
236
			</a>
Clément Damiens's avatar
 
Clément Damiens committed
237 238
			<ul class="subMenu col-xs-12 no-padding">
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
239
					<a href="api" target="_blank" >
Clément Damiens's avatar
 
Clément Damiens committed
240
						<?php echo Yii::t("docs","Play with API"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
241 242
					</a>
				</li>
Tibor Katelbach's avatar
Tibor Katelbach committed
243
				
Clément Damiens's avatar
 
Clément Damiens committed
244
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
245
					<a href="javascript:" class="link-docs-menu" data-type="openSourceWeUse"  data-dir="<?php echo Yii::app()->language ?>">
Clément Damiens's avatar
 
Clément Damiens committed
246
						<?php echo Yii::t("docs","Open Source We use"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
247 248
					</a>
				</li>
Clément Damiens's avatar
 
Clément Damiens committed
249
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
250
					<a href="javascript:" class="link-docs-menu" data-type="ocdb"  data-dir="<?php echo Yii::app()->language ?>">
Clément Damiens's avatar
 
Clément Damiens committed
251
						<?php echo Yii::t("common","OCDB"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
252 253
					</a>
				</li>
Clément Damiens's avatar
 
Clément Damiens committed
254
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
255
					<a href="javascript:" class="link-docs-menu" data-type="rd">
Clément Damiens's avatar
 
Clément Damiens committed
256
					 <?php echo Yii::t("docs","Research&Dev"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
257 258
					</a>
				</li>
Clément Damiens's avatar
 
Clément Damiens committed
259
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
260
					<a href="javascript:" class="link-docs-menu" data-type="roadmap"  data-dir="<?php echo Yii::app()->language ?>">
Clément Damiens's avatar
 
Clément Damiens committed
261
						<?php echo Yii::t("docs","RoadMap"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
262 263 264 265
					</a>
				</li>
			</ul>
		</li>
Tibor Katelbach's avatar
Tibor Katelbach committed
266
		
Clément Damiens's avatar
 
Clément Damiens committed
267 268 269
		<li class="col-xs-12 no-padding">
			<a href="javascript:" class="link-docs-menu down-menu"  data-type="contact" data-dir="panels">
				<i class="fa fa-angle-right"></i> <?php echo Yii::t("docs","<span class='text-red'>CO</span>MMUNICATE"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
270
			</a>
Clément Damiens's avatar
 
Clément Damiens committed
271 272
			<ul class="subMenu no-padding">
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
273
					<a href="javascript:" class="link-docs-menu" data-type="contact" data-dir="panels">
Clément Damiens's avatar
 
Clément Damiens committed
274
						<?php echo Yii::t("docs","Contact"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
275 276
					</a>
				</li>
Clément Damiens's avatar
 
Clément Damiens committed
277
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
278
					<a href="javascript:" class="link-docs-menu" data-type="affiches" data-dir="communication">
Clément Damiens's avatar
 
Clément Damiens committed
279
						<?php echo Yii::t("docs","Drawings"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
280 281
					</a>
				</li>
Clément Damiens's avatar
 
Clément Damiens committed
282
				<li class="col-xs-12 no-padding">
Clément Damiens's avatar
 
Clément Damiens committed
283
					<a href="javascript:" class="link-docs-menu" data-type="video" data-dir="">
Clément Damiens's avatar
 
Clément Damiens committed
284
					 <?php echo Yii::t("docs","Videos"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
285 286
					</a>
				</li>
Clément Damiens's avatar
doc up  
Clément Damiens committed
287
				<!--<li class="">
Clément Damiens's avatar
 
Clément Damiens committed
288
					<a href="javascript:" class="link-docs-menu" data-type="media">
Clément Damiens's avatar
doc up  
Clément Damiens committed
289
						<i class="fa fa-angle-right"></i> <?php echo Yii::t("docs","Medias"); ?>
Clément Damiens's avatar
 
Clément Damiens committed
290
					</a>
Clément Damiens's avatar
doc up  
Clément Damiens committed
291
				</li>-->
Clément Damiens's avatar
 
Clément Damiens committed
292 293 294 295
			</ul>
		</li>
	</ul>
</div>
296
<div id="container-docs" class="col-md-offset-3 col-md-9 col-sm-12 col-xs-12 no-padding">
Tibor Katelbach's avatar
Tibor Katelbach committed
297 298 299
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
Clément Damiens's avatar
 
Clément Damiens committed
300 301
	navInDocs("welcome", mainLanguage);
	$(".link-docs-menu").click(function(){
Clément Damiens's avatar
 
Clément Damiens committed
302 303 304 305 306 307 308 309 310 311 312 313 314 315 316
		if($(this).hasClass("down-menu")){
			//$(".subMenu").hide(700);
			//$(this).parent().find(".subMenu").show(700);
			$("#menu-left > ul > li > a").removeClass("active").find("i").removeClass("fa-angle-down").addClass("fa-angle-right");
			$(".subMenu .link-docs-menu").removeClass("active");
			$(this).addClass("active").find("i").removeClass("fa-angle-right").addClass("fa-angle-down");
		}else{
			$(".subMenu .link-docs-menu").removeClass("active");
			$(this).addClass("active");
			if(!$(this).parents().eq(2).find(".link-docs-menu:first").hasClass("active")){
				$("#menu-left > ul > li > a").removeClass("active").find("i").removeClass("fa-angle-down").addClass("fa-angle-right");
				$(this).parents().eq(2).find(".link-docs-menu:first").addClass("active").find("i").removeClass("fa-angle-right").addClass("fa-angle-down");
			}
			
		}
317 318 319 320
		if($("#show-menu-xs").is(":visible")){
			$("#show-menu-xs").removeClass("show-dir");
			$("#menu-left").animate({ left : "-56%" }, 400 );
		}
Clément Damiens's avatar
 
Clément Damiens committed
321 322
		navInDocs($(this).data("type"), $(this).data("dir"), $(this).data("get"));
	});
323 324 325 326 327 328 329 330 331 332
	$("#show-menu-xs").click(function(){
    if(!$(this).hasClass("show-dir")){
      $(this).addClass("show-dir").data("title", "<?php echo Yii::t("common","Close") ?>").find("i").removeClass("fa-chevron-right").addClass("fa-times");
      $("#menu-left").animate({ left : "0%" }, 400 );
    }else{
      $(this).removeClass("show-dir").data("title", "<?php echo Yii::t("common","Open filtering by type") ?>").find("i").removeClass("fa-times").addClass("fa-chevron-right");
      $("#menu-left").animate({ left : "-56%" }, 400 );
    
    }
  });
Tibor Katelbach's avatar
Tibor Katelbach committed
333
});
Clément Damiens's avatar
 
Clément Damiens committed
334 335 336 337 338 339 340 341 342 343 344 345
function navInDocs(page, dir, get){
	showLoader('#container-docs');
	add="";
	if(notNull(dir) && dir !="")
		add="|"+dir;
	//if(notNull(lang))
	//	add=mainLanguage;
	//else
	//	add="panels";
	ajaxPost('#container-docs' ,baseUrl+'/'+moduleId+"/default/view/page/"+page+"/dir/docs"+add,
			 null,function(){},"html");
}
346 347 348 349 350 351 352 353 354 355 356
function getConceptList(list, dom){
	str="";
	$.each(list,function(i,obj) { 
		icon = (obj.icon) ? obj.icon : "fa-tag" ;
		color = (obj.color) ? obj.color : "#E33551" ;
		size = (obj.size) ? obj.size : "20" ;
		str+=
		'<div class="col-md-4 col-sm-6 col-xs-12"><div class="keypan panel panel-white">'+
			'<div class="panel-heading border-light ">'+
				'<span class="panel-title">'+ 
					'<i class="fa '+icon+' faa-pulse animated-hover fa-2x"></i>'+
Clément Damiens's avatar
 
Clément Damiens committed
357 358 359 360
					'<span style="font-size: '+size+'px; color:'+color+';"> <br/>'+obj.title.toUpperCase()+'</span>';
					if(typeof obj.subtitle != "undefined")
		str+=				'<span style="font-size: 16px;font-style:italic"> <br/>'+obj.subtitle+'</span>';
		str+=		'</span>'+
361 362
			'</div>'+
			'<hr/>'+
Clément Damiens's avatar
 
Clément Damiens committed
363 364 365 366 367 368 369 370 371
			'<div class="panel-body">'
				+obj.body+"<br>";
				if(typeof obj.link != "undefined"){
		str+=		"<a class='btn btn-danger btn-sm margin-top-10' href='"+obj.link.url+"'";
					if(typeof obj.link.blank != "undefined" && obj.link.blank)
		str+=			" target='_blank'"
		str+=		">"+obj.link.label+"</a>";
				}
		str+=	'</div>'+
372 373 374 375
		"</div></div>";
	 });
	$(dom).html(str);
}
Clément Damiens's avatar
 
Clément Damiens committed
376
</script>