Ajout fichier

js/script.js

@@ -0,0 +1,147 @@
+$(document).ready(function(){
+
+	//Ini Materialize
+    M.AutoInit();
+
+    //Si message à afficher
+    if($("#msg").val().trim() != ''){
+    	var msg = '';
+    	switch($("#msg").attr('data-type')){
+    		case 'err':
+    			msg = message_erreur($("#msg").val());
+    			break;
+    		case 'ok':
+    			msg = message_conf($("#msg").val());
+    			break;
+    		default:
+    			msg = message_info($("#msg").val());
+    	}
+    	float_message(msg);
+    }
+
+    //Envoyer formulaire
+    $("#valid").on('click', function(){
+    	if($('#save-name').val() == null && $("#name").val().trim() == ''){
+    		float_message(message_erreur('Lanceur vide'));
+    		return false;
+    	}
+    	$("#form").submit();
+    });
+
+    //Rechargement
+    $("#reload").on('click', function(){
+    	location.href = './';
+    });
+    //Recharge toutes les minutes
+    setTimeout(function(){
+    	location.href = './';
+    }, 60 * 1000);
+
+    //Reset
+    $('#reset').on('click', function(){
+    	location.href = './?reset';
+    });
+
+    //Quit
+    $('#quit').on('click', function(){
+    	location.href = './?quit';
+    });
+
+    $("body").on('click', '.float_message', function () {
+        $(this).slideUp('slow', function () {
+            $(this).html('');
+        });
+    });
+
+});
+
+function message_erreur(msg){
+    var html = '';
+    html += '<div class="hide-on-small-only">' + "\n";
+    html += '   <div class="row red-text red lighten-4" style="height: 60px; border: dashed;">' + "\n";
+    html += '       <div class="col s2">' + "\n";
+    html += '           <i class="material-icons" style="font-size: 3em; line-height: 125%">error</i>' + "\n";
+    html += '       </div>' + "\n";
+    html += '       <div class="col s10 truncate " style="font-size: 1.5em; line-height: 250%">' + "\n";
+    html += '           ' + msg + "\n";
+    html += '       </div>' + "\n";
+    html += '   </div>' + "\n";
+    html += '</div>' + "\n";
+    html += '<div class="hide-on-med-and-up">' + "\n";
+    html += '   <div class="red lighten-4 red-text center" style="border: dashed">' + "\n";
+    html += '       <br>' + msg + '<br>&nbsp;' + "\n";
+    html += '   </div>' + "\n";
+    html += '</div>' + "\n";
+    
+    return html;
+}
+
+function message_info(msg){
+    var html = '';
+    html += '<div class="hide-on-small-only">' + "\n";
+    html += '   <div class="row blue-text blue lighten-4" style="height: 60px; border: dashed;">' + "\n";
+    html += '       <div class="col s2">' + "\n";
+    html += '           <i class="material-icons" style="font-size: 3em; line-height: 125%">info</i>' + "\n";
+    html += '       </div>' + "\n";
+    html += '       <div class="col s10 truncate " style="font-size: 1.5em; line-height: 250%">' + "\n";
+    html += '           ' + msg + "\n";
+    html += '       </div>' + "\n";
+    html += '   </div>' + "\n";
+    html += '</div>' + "\n";
+    html += '<div class="hide-on-med-and-up">' + "\n";
+    html += '   <div class="blue lighten-4 blue-text center" style="border: dashed">' + "\n";
+    html += '       <br>' + msg + '<br>&nbsp;' + "\n";
+    html += '   </div>' + "\n";
+    html += '</div>' + "\n";
+    
+    return html;
+}
+
+function message_warn(msg){
+    var html = '';
+    html += '<div class="hide-on-small-only">' + "\n";
+    html += '   <div class="row amber-text yellow lighten-4" style="height: 60px; border: dashed;">' + "\n";
+    html += '       <div class="col s2">' + "\n";
+    html += '           <i class="material-icons" style="font-size: 3em; line-height: 125%">warning</i>' + "\n";
+    html += '       </div>' + "\n";
+    html += '       <div class="col s10 truncate " style="font-size: 1.5em; line-height: 250%">' + "\n";
+    html += '           ' + msg + "\n";
+    html += '       </div>' + "\n";
+    html += '   </div>' + "\n";
+    html += '</div>' + "\n";
+    html += '<div class="hide-on-med-and-up">' + "\n";
+    html += '   <div class="yellow lighten-4 amber-text center" style="border: dashed">' + "\n";
+    html += '       <br>' + msg + '<br>&nbsp;' + "\n";
+    html += '   </div>' + "\n";
+    html += '</div>' + "\n";
+    
+    return html;
+}
+
+function message_conf(msg){
+    var html = '';
+    html += '<div class="hide-on-small-only">' + "\n";
+    html += '   <div class="row green-text green lighten-4" style="height: 60px; border: dashed;">' + "\n";
+    html += '       <div class="col s2">' + "\n";
+    html += '           <i class="material-icons" style="font-size: 3em; line-height: 125%">check_circle</i>' + "\n";
+    html += '       </div>' + "\n";
+    html += '       <div class="col s10 truncate " style="font-size: 1.5em; line-height: 250%">' + "\n";
+    html += '           ' + msg + "\n";
+    html += '       </div>' + "\n";
+    html += '   </div>' + "\n";
+    html += '</div>' + "\n";
+    html += '<div class="hide-on-med-and-up">' + "\n";
+    html += '   <div class="green lighten-4 green-text center" style="border: dashed">' + "\n";
+    html += '       <br>' + msg + '<br>&nbsp;' + "\n";
+    html += '   </div>' + "\n";
+    html += '</div>' + "\n";
+    
+    return html;
+}
+
+function float_message(text){
+    $("#float_msg").html(text).slideDown('slow', null);
+    setTimeout(function(){
+        $("#float_msg").click();
+    }, '5000');
+}