%PDF-
%PDF-
Mini Shell
Mini Shell
<!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>
<div class="row">
<div class="col s12 m12">
<h6 class="h6"> <i class="material-icons icon-header-cadr">play_circle_filled</i>Résultat du <span id="sous_categorie"></span> : <span class="resltat_q"></span></h6>
<div class="col s12 m12 rep_q_rep_user">
</div>
</div>
</div>
</div>
</div>
<div id="angl_chats">
<div class="row">
<h6 class="header_chat"> <i class="material-icons icon-header-cadr">chat</i> Chat
<button type="button" class="btn-floating waves-effect waves-light orange btn_close_chat"><i class="material-icons">close</i></button>
</h6>
<div class="all_chat" id="all_chat" style="height: 210px;">
</div>
</div>
<div class="row" id="form_chat">
<form class="col s12">
<div class="row">
<div class="row">
<!-- Switch -->
<p class="img_question_cap" data-active="0">
<img src="images/img_capt.jpg" /> <span> Joindre l'image de question </span>
</p>
</div>
<div class="input-field col s8">
<i class="material-icons prefix">mode_edit</i>
<input type="text" id="message" />
</div>
<div class="input-field col s3">
<button class="btn waves-effect waves-light" id="envoyer" type="button" name="action">
<i class="material-icons right">send</i>
</button>
</div>
</div>
</form>
</div>
</div>
<!------------- chats script-->
<script>
$( document ).ready(function() {
//----------------------
//-----------------
var img_capt_def="images/img_capt.jpg";
$(".img_question_cap").click(function(){
var active=$(this).attr("data-active");
if(active==0){
var img_q_act=$(".modal.open .img_q").attr("src");
$(this).find("img").attr("src",img_q_act);
$(this).find("span").text(" Supprimer l'image de question");
$(this).attr("data-active","1");
}
if(active==1){
$(this).find("img").attr("src",img_capt_def);
$(this).find("span").text(" Joindre l'image de question");
$(this).attr("data-active","0");
}
});
$(document).on('click',".btn_close_chat" , function () {
$("#angl_chats").hide();
});
$(document).on('click',".btn_open_chat" , function () {
$("#angl_chats").show();
});
//-----------------
/*
background-color: #fafafa !important;
border: 1px solid orange;
*/
var last_id_chat=get_l_s_by_name("last_id_chat");
var user_id=get_l_s_by_name("id_user");
var ecole_id=get_l_s_by_name("ecole_id");
var nom=get_l_s_by_name("nom");
var nom_famille=get_l_s_by_name("nom_famille");
// $('#chat').scrollTop($('#chat')[0].scrollHeight);
$("#loading").show();
get_last_mesage(20,"init");
setTimeout(function(){
setInterval(function(){
get_last_mesage(20,"real_time");
}, 2000);
},5000);
//---
function get_last_mesage(nb_msg,stat){
var id_chat=$('#all_chat .div_msg:last-child').attr("data-id");
if(typeof id_chat== 'undefined'){
id_chat=0;
}
$.post(url_ws_chat, { user_id:user_id,ecole_id:ecole_id,action: "get_last_message",nb_msg:nb_msg,last_id_chat:last_id_chat ,stat:stat},"json")
.done(function( data ) {
var ids_new_msg = [];
//var data=JSON.parse(data);
var all_chat="";
var all_msg=data.result.all_msg;
for(i=0;i<all_msg.length;i++){
if(all_msg[i].message!=""){
var count_=$(".div_msg[data-id='"+all_msg[i].id_chat+"']").length;
if(count_==0){
all_chat+=all_msg[i].message;
var msg_notif=parseInt($(".msg_notif").text());
msg_notif=parseInt(all_msg[i].count_message);
$(".msg_notif").text(msg_notif);
set_l_s_by_name("last_id_chat",all_msg[i].id_chat);
last_id_chat=all_msg[i].id_chat;
if(stat=="real_time"){
ids_new_msg.push(all_msg[i].id_chat);
}
}
}
}
$("#all_chat").append(all_chat);
// ids_new_msg
for(j=0;j<ids_new_msg.length;j++){
$('div[data-id="'+ids_new_msg[j]+'"]').addClass("div_msg_new");
}
if(all_msg.length>0){
$("#all_chat").scrollTop($("#all_chat")[0].scrollHeight);
/*
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', "audio_notification/new_msg.mp3");
audioElement.play();
*/
}
/*
var audioElement = document.createElement('audio');
audioElement.setAttribute('src', "audio_notification/new_msg.mp3");
audioElement.play();
*/
});
$("#loading").hide();
}
$(document).keypress(function(e) {
if(e.which == 13) {
$('#envoyer').trigger('click');
}
});
$(document).on('click',"#envoyer" , function () {
if($("#message").val()!=""){
var msg_capt="";
var is_c_msg=$(".img_question_cap").attr("data-active");
if(is_c_msg==1){
var ques_int=$("#num_q_serie").text();
var img_int=$(".img_question_cap img").attr("src");
ques_int=ques_int.replace("play_circle_filled","");
msg_capt="<h6>"+ques_int+"</h6>"+"<img class='img_capt_q' src='"+img_int+"' >";
}
var message=msg_capt+"<br/>"+$("#message").val();
/* */
var date_message=new Date().toISOString().slice(0, 19).replace('T', ' ');
var jqxhr = $.post( url_ws_chat,{user_id:user_id,ecole_id:ecole_id,nom:nom,nom_famille:nom_famille,action:"envoyer_message",message:message,date_message:date_message}, function(data) {
},"json")
.done(function(data) {
var all_msg=data.result.all_msg;
if(all_msg.length>0){
$("#message").val("");
if(all_msg[0].message!=""){
var msg=all_msg[0].message;
msg=msg.replace(":)","<i class='material-icons dp48'>insert_emoticon</i>");
msg=msg.replace(":(","<i class='material-icons dp48'>mood_bad</i>");
msg=msg.replace("<3","<i class='material-icons dp48'>favorite</i>");
$("#all_chat").append(msg);
$('div[data-id="'+all_msg[0].id_chat+'"]').addClass("div_msg_new");
set_l_s_by_name("last_id_chat",all_msg[0].id_chat);
last_id_chat=all_msg[0].id_chat;
var objDiv = document.getElementById("all_chat");
objDiv.scrollTop = objDiv.scrollHeight;
}
}
var img_capt_def="images/img_capt.jpg";
$(".img_question_cap").find("img").attr("src",img_capt_def);
$(".img_question_cap").find("span").text(" Joindre l'image de question");
$(".img_question_cap").attr("data-active","0");
// alert("envoyer");
// ->
})
.fail(function() {
var $toastContent = $("<span > Impossible d'envoyer le message ! !</span>");
Materialize.toast($toastContent, 3000,"alert-danger","top");
})
.always(function() {});
}
/* */
});
//----------------------
});
</script>
<script>
$(document).ready(function(){
var audioElement = document.createElement('audio');
$("#loading").show();
var res_juste =0;
var sous_categorie_id=$_GET['sous_categorie_id'];
var sous_categorie=$_GET['sous_categorie'];
$("#sous_categorie").html(sous_categorie);
var user_id=get_l_s_by_name("id_user");
var rep_q_rep_user="";
$.post(url_ws,{method:"resultat_serie_user",sous_categorie_id:sous_categorie_id,user_id:user_id}, 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 class_="";
if(data_res[i].rep_user==1){
res_juste++;
class_="green";
}else{
class_="red";
}
rep_q_rep_user+="<div class='col s2 m2'><a class='btn-floating btn-large resltat_q_a "+class_+"' href='#modal_"+data_res[i].id_question+"'>"+(i+1)+"</a></div>";
<!-- Modal Structure -->
rep_q_rep_user+="<div id='modal_"+data_res[i].id_question+"' class='modal'>";
rep_q_rep_user+="<div class='modal-content'>";
rep_q_rep_user+="<h4 class=' q_n "+class_+"'>Quéstion : "+(i+1)+"</h4>";
rep_q_rep_user+="<img class='img_q' src='"+data_res[i].url_image+"' / >";
rep_q_rep_user+="<div class='col s12 m12'><div id='question_arabic_mod'>"+data_res[i].question_arabic+"</div></div>";
if(data_res[i].correction_url_mp3c_arabic!=""){
rep_q_rep_user+="<div class='col s12 m12'><button class='play_rep' data-audio='"+data_res[i].correction_url_mp3c_arabic+"'><i class='material-icons icon-header-cadr'>play_circle_filled</i></button>";
}
rep_q_rep_user+="<button data-id='ex_"+data_res[i].id_question+"' class='waves-effect waves-green btn-default explication'> <i class='material-icons'></i></button>";
rep_q_rep_user+="<button data-id='ex_"+data_res[i].id_question+"' class='waves-effect waves-green btn-default btn_open_chat'> <i class='material-icons'>chat</i></button>";
rep_q_rep_user+="<a href='#!' class='modal-action modal-close waves-effect waves-green btn-default close_modal'><i class='material-icons'></i></a>";
rep_q_rep_user+="</div>";
// rep_def
var rep_def=data_res[i].rep_def;
if(rep_def==null){rep_def="";}
if(rep_def==""){var arr_r_d=[];}
else{
var arr_r_d=rep_def.split(",");
}
rep_q_rep_user+="<br>";
rep_q_rep_user+="<div class='col s12 expliquation_arabic' id='ex_"+data_res[i].id_question+"'>";
rep_q_rep_user+="</p>"+data_res[i].expliquation_arabic+"</p>";
rep_q_rep_user+="</div>";
rep_q_rep_user+="<div class='row row_reponse'>";
rep_q_rep_user+="<div class='col s3'>";
rep_q_rep_user+="<b><i class='material-icons'>check_circle</i></b>";
rep_q_rep_user+="</div>";
rep_q_rep_user+="<div class='col s9'>";
rep_q_rep_user+="<div class='row'>";
for(var j=1;j<=arr_r_d.length;j++){
var color="red";
if(arr_r_d[j-1]==1){color="green";}
rep_q_rep_user+="<div class='col s3'><a class='btn-floating "+color+"' href='#'>"+j+"</a></div>";
}
rep_q_rep_user+="</div>";
rep_q_rep_user+="</div>";
rep_q_rep_user+="</div>";
// reponse
var reponse=data_res[i].reponse;
if(reponse==null){reponse="";}
if(reponse==""){var arr_reponse=[];
}else{
var arr_reponse=reponse.split(",");
}
rep_q_rep_user+="<div class='row row_reponse'>";
rep_q_rep_user+="<div class='col s3'>";
rep_q_rep_user+="<b><i class='material-icons'>account_box</i></b>";
rep_q_rep_user+="</div>";
rep_q_rep_user+="<div class='col s9'>";
rep_q_rep_user+="<div class='row'>";
for(var k=1;k<=arr_reponse.length;k++){
var color="red";
if(arr_reponse[k-1]==1){color="green";}
rep_q_rep_user+="<div class='col s3'><a class='btn-floating "+color+"' href='#'>"+k+"</a></div>";
}
rep_q_rep_user+="</div>";
rep_q_rep_user+="</div>";
rep_q_rep_user+="</div>";
rep_q_rep_user+="<br>";
rep_q_rep_user+="</div>";
rep_q_rep_user+="<div class='modal-footer'>";
rep_q_rep_user+="</div>";
rep_q_rep_user+="</div>";
}
$(".rep_q_rep_user").html(rep_q_rep_user);
$(".resltat_q").html(res_juste+"/"+count);
// $('.modal').modal();
$('.modal').modal({
dismissible: true, // Modal can be dismissed by clicking outside of the modal
opacity: .5, // Opacity of modal background
inDuration: 300, // Transition in duration
outDuration: 200, // Transition out duration
startingTop: '4%', // Starting top style attribute
endingTop: '10%', // Ending top style attribute
ready: function(modal, trigger) { // Callback for Modal open. Modal and trigger parameters available.
},
complete: function() {
audioElement.pause();
} // Callback for Modal close
}
);
$("#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();
});
$( document ).on( "click", ".explication", function() {
var id=$(this).attr("data-id");
$("#"+id).toggle();
});
$( document ).on( "click", ".play_rep", function() {
var data_audio=$(this).attr("data-audio");
audioElement.setAttribute('src', data_audio);
audioElement.play();
});
$( document ).on( "click", ".rep_q_rep_user a", function() {
$($(this).attr("href")).modal('open');
});
});
</script>
</body>
</html>
Zerion Mini Shell 1.0