%PDF- %PDF-
Mini Shell

Mini Shell

Direktori : /home/jalalj2hb/public_html/ftm-admin/app/
Upload File :
Create Path :
Current File : /home/jalalj2hb/public_html/ftm-admin/app/permis.html

 <!DOCTYPE html>
  <html>
    <head>
		<meta http-equiv="Content-type" content="text/html; charset=utf-8">

      <!--Import Google Icon Font-->
      <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
      <!--Import materialize.css-->
      <link type="text/css" rel="stylesheet" href="css/materialize.min.css"  media="screen,projection"/>
   <link type="text/css" rel="stylesheet" href="css/style.css" >
      <!--Let browser know website is optimized for mobile-->
      <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    </head>

    <body >

		<!--Import jQuery before materialize.js-->
		<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
		<script type="text/javascript" src="js/materialize.min.js"></script>
		<script type="text/javascript" src="js/script.js"></script>
		<script type="text/javascript" src="js/db.js"></script>	 

		<nav class="orange" role="navigation"  id="nav_mobile"></nav>
		
  <div class="section no-pad-bot" id="index-banner">
    <div class="container">
	<div class="progress col s12 display_none" id="loading"><div class="indeterminate orange" ></div></div>
     
		<h6> Bienvenue <span id="nom"></span> <span id="nom_famille"></span></h6>

      <div class="row center menu-icons permis">
      

    </div>
  </div>
  </div>
  <div class="fixed-action-btn footer-btn-hist">
  <a href="mes_tests.html" class="btn-floating btn-large  orange">
    <i class="large material-icons dp48">history</i>
  </a>
   </div>
 	<script type="text/javascript">
	
	$(document).ready(function(){
		var nom=get_l_s_by_name("nom");
	var nom_famille=get_l_s_by_name("nom_famille");
	$("#nom").text(nom); $("#nom_famille").text(nom_famille);
  $("#loading").show();
	var permis="";
	$.post(url_ws,{method:"liste_permis"}, function() {
	},"json")
  .done(function(result) {


    var data_res=result.data;
	var data_res=result.data['categorie'];
	var data_res_=result.data['categories'];
	var count=data_res.length;
	var count_=data_res_.length;
	if(count>0){
	for(i=0;i<count;i++){
	
	var disabled="";

	var class_p="menu_permis";
	if(data_res[i]['active']=="0"){
	class_p="";
	disabled="disabled";
	}
	
   permis+="<div class='col s12 "+ class_p+"' data-id="+data_res[i]['id_categorie']+" ><div class='menu-ico "+disabled+"'>";
   permis+="<span class='text-g-icons'>"+data_res[i]['categorie']+"</span> <i class='material-icons g-icons'>"+data_res[i]['icon']+"</i>";
   permis+="<ul class='collection with-header display_none sous_menu' id='"+data_res[i].id_categorie+"'>";
	for(j=0;j<count_;j++){
	var url_s="#";
	if(data_res_[j].cat==data_res[i]['id_categorie']){
	url_s="series.html?categorie_id="+data_res_[j]['id_categorie']+"&categorie="+data_res_[j]['categorie']+"&icon="+data_res_[j]['icon'];


   permis+="<li class='collection-item'><a href='"+url_s+"'><span><i class='material-icons '>local_movies</i> "+data_res_[j]['categorie']+" </span></a></li>";
	}
   }
    permis+="</ul>";
	
    permis+="</div></div>";
	}
	
	$(".permis").html(permis);
	  $("#loading").hide();
	}else{
	
	var $toastContent = $("<span >  Liste vide !</span>");
  Materialize.toast($toastContent, 3000,"alert-danger","top");
    $("#loading").hide();
	}
	
  })
  .fail(function() {
  

	var $toastContent = $("<span > Pas de connexion internet   </span>");
  Materialize.toast($toastContent, 3000,"alert-danger","top");
     $("#loading").hide();
  });
  
  // menu_permis
$(document).on('click', ".menu_permis", function () {
	var id=$(this).attr("data-id");
	$(".sous_menu").hide();
	$("#"+id).show();
});

   });
</script>

    </body>
  </html>

Zerion Mini Shell 1.0