chat event notification updated sound, clean css button

main/chat/chat_chat.php

@@ -150,7 +150,7 @@ if (!empty($course)) {
 	if ($isMaster || $is_courseCoach) {
 		$rand = mt_rand(1, 1000);
 		echo '<div id="clear-chat">';
-		echo '<a href="'.api_get_self().'?rand='.$rand.'&reset=1&'.api_get_cidreq().'#bottom" onclick="javascript: if(!confirm(\''.addslashes(api_htmlentities(get_lang('ConfirmReset'), ENT_QUOTES)).'\')) return false;">'.Display::return_icon('delete.gif', get_lang('ClearList')).' '.get_lang('ClearList').'</a>';
+		echo '<a href="'.api_get_self().'?rand='.$rand.'&reset=1&'.api_get_cidreq().'#bottom" onclick="javascript: if(!confirm(\''.addslashes(api_htmlentities(get_lang('ConfirmReset'), ENT_QUOTES)).'\')) return false;">'.Display::return_icon('delete.png', get_lang('ClearList')).' '.get_lang('ClearList').'</a>';
 		echo '</div>';
 	}
 } else {

main/chat/chat_message.php

@@ -287,11 +287,11 @@ if (!empty($course) && !empty($_user['user_id'])) {
 		?>
     </div>
     </form>
-    <audio id="audio">
+    <!-- <audio id="audio">
 	    <source type="audio/wav" src="sound/sonido_notificacion.wav"></source>
 	    <source type="audio/ogg" src="sound/sonido_notificacion.ogg"></source>
 	    <source type="audio/mpeg" src="sound/sonido_notificacion.mp3"></source>
-    </audio>
+    </audio> -->
 <?php
 }
 require 'footer_frame.inc.php';

main/chat/footer_frame.inc.php

@@ -9,9 +9,9 @@
  */
 ?>
 <audio id="audio">
-	        <source src="sound/sonido_notificacion.wav" type="audio/wav"></source>
-	        <source src="sound/sonido_notificacion.ogg" type="audio/ogg"></source>
-	      <source src="sound/sonido_notificacion.mp3" type="audio/mpeg"></source>
+	<source src="sound/sonido_notificacion.wav" type="audio/wav"></source>
+	<source src="sound/sonido_notificacion.ogg" type="audio/ogg"></source>
+	<source src="sound/sonido_notificacion.mp3" type="audio/mpeg"></source>
 </audio>
 </body>
 </html>

main/chat/header_frame.inc.php

@@ -51,7 +51,7 @@ header('Content-Type: text/html; charset='.api_get_system_encoding());
     <?php echo api_get_js('jquery.min.js'); ?>
     <?php echo api_get_js('jquery.tinyscrollbar.js'); ?>
     <script type="text/javascript">
-        $(document).ready(function() {
+        /*$(document).ready(function() {
         var posicion = $("#clear-chat").offset();
         var margenSuperior = 15;
          $(window).scroll(function() {
@@ -65,12 +65,12 @@ header('Content-Type: text/html; charset='.api_get_system_encoding());
                  });
              };
          });
-        });
+        });*/
         $(document).ready(function(){
                 $('#user-online-scroll').tinyscrollbar();
             });
         //Sound send message
-        $(document).ready(function(){
+        /*$(document).ready(function(){
             $("#message").keypress(function(event){
             if (event.which == 13) {
                 $("#audio")[0].play();
@@ -81,7 +81,7 @@ header('Content-Type: text/html; charset='.api_get_system_encoding());
             $("#send").on("click",function(){
                 $("#audio")[0].play();
             });
-        });
+        });*/
         
     </script>
 

main/css/chat.css

@@ -11,12 +11,26 @@ body{
 	background: #2C2C2C;
 }
 #clear-chat{
-		position: absolute;
+		/*position: absolute;
         top:0;
-        left: 10px;
-        border: 1px solid #CCC;
-        background-color: #F2F2F2;
-        width:100px;
+        left: 10px;*/
+        background: #2C2C2C;
+		border:1px solid #2C2C2C;
+        width:140px;
+        padding: 5px;
+        font-size: 14px;
+}
+#clear-chat img{
+	width: 20px;
+	float: left;
+	margin-right: 5px;
+}
+#clear-chat a{
+	color: #fff;
+	text-decoration: none;
+}
+#clear-chat a:hover{
+	opacity: 0.7;
 }
 #content-chat{
 	background:#3E3E3E;
@@ -235,4 +249,4 @@ li.list-group-item:hover a{
 	-moz-border-radius: 10px;
 	border-radius: 10px;
 	background: #3D3D3D;
-}
+}