%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/dashboard.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"/>
	  <style>
	  .progression{
	      background: white;
    padding: 10px;
    border: 2px solid gray;
        
	  }
	 .progression .progress {
    background-color: #444343;
    height: 25px;
    border-radius:20px;
     border: 2px solid gray;
    color: black;
    font-weight: bold;
    }
     .div_moyenne{
	      background: white;
    padding:10px;
         border: 2px solid gray;
	  }
	  </style>
    </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> <center> Tableau de bord  </center></h6>
          <h6> <center> <span id="nom"></span> <span id="nom_famille"></span>  </center> </h6>
       
	
       <h6 class='h6'> <i class='material-icons icon-header-cadr'>insert_chart</i>Pourcentage des tests realisé </h6>
      <div class="row center menu-icons progression">
      </div>
	
	<div class="row center menu-icons div_moyenne">
     
      </div>
		
	
	<a href="permis.html" class="btn waves-effect waves-light" >
			<i class="material-icons dp48">playlist_play</i> Nouveau test
		</a>
		
 </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 id_user=get_l_s_by_name("id_user");
		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 progression="";
	$.post(url_ws,{method:"progression",user_id:id_user}, function() {
	},"json")
  .done(function(result) {


    var data_res=result.data;


	var count=data_res.length;

	if(count>0){
	for(i=0;i<count;i++){
    
	var p=((data_res[i].c_c*100)/data_res[i].c).toFixed(2);
    if(p>0){
	progression+="<h6> <i class='material-icons icon-header-cadr'>"+data_res[i].icon+"</i> Catégorie "+data_res[i].categorie+"</h6>";
	progression+="<div class='progress'>";
    progression+="<div class='determinate' style='width: "+p+"%'>"+p+"%</div>";
	progression+=" </div>";
    }
	}
	$(".progression").html(progression);
	  $("#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>

  
 	<script type="text/javascript">
	
	$(document).ready(function(){
	 $("#loading").show();
	
	var user_id=get_l_s_by_name("id_user");
		
	var series="";
	$.post(url_ws,{method:"mes_tests",user_id:user_id}, function() {
	},"json")
  .done(function(result) {
 

    var data_res_cat=result.data.categories;
    var data_res_s_cat=result.data.s_categories;
	var count=data_res_cat.length;
	
      var t_note="<h6>Progression de formation</h6>";
	if(count>0){
    var cat=data_res_cat;
    var s_cat=data_res_s_cat;
    
   
            for(i=0;i<cat.length;i++){
            
	var sommme_n=0;
	var sommme_c=0;
	var count_s_cat=0;
            for(j=0;j<s_cat.length;j++){
           
            if(s_cat[j].categorie==cat[i].categorie)  {    
            count_s_cat++;
               var note=data_res_s_cat[j]['note'].split("/");
            sommme_n=(sommme_n+parseInt(note[0]));
            sommme_c=(sommme_c+parseInt(note[1]));
             }
            }
            
     var mn=parseInt(sommme_n/count_s_cat);
	var mc=parseInt(sommme_c/count_s_cat);
        console.log(mn+" - "+mc);
	if(isNaN(mn)){mn=0;} if(isNaN(mc)){mc=0;}
	var m_note=mn+"/"+mc;
	
   
    t_note+="<h6 id='moyenne'><i class='material-icons '>"+cat[i].icon+"</i><b> "+cat[i].categorie+"</b>  - Note moyenne : "+m_note+"</h6>";
                
        }
    }  
        

	$(".div_moyenne").html(t_note);
        
        
        
	if(count>0){
	 $("#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(); 
  });
  
   });
</script>

    </body>
  </html>

Zerion Mini Shell 1.0