V 0.6

diff --git a/panikweb_airlibre/static/css/player.scss b/panikweb_airlibre/static/css/player.scss
index 84ccbdcfee2d4932359a4596c57195b8bd5e0fac..d47bd0767089d2d10a69e5f656d886aeea67054e 100644 (file)
--- a/panikweb_airlibre/static/css/player.scss
+++ b/panikweb_airlibre/static/css/player.scss
@@ -1,10 +1,17 @@
 .playListControls {
+  position: relative;
 
   button {
     font-family: 'Symbols';
     color: #e74c3c;
     font-size: 32px;
   }
+  .icon-play.playPause {
+       position: absolute;
+       top: -11px;
+       left: -10px;
+       font-size: 52px;
+  }
 }
 #emptyList {
   color: #e74c3c;

diff --git a/panikweb_airlibre/static/css/style.scss b/panikweb_airlibre/static/css/style.scss
index 790774c76acbdbb177be17d9cfdcecd3fe5c2bcf..c838b8121119757a6aee9df4d51c6c571b627c45 100644 (file)
--- a/panikweb_airlibre/static/css/style.scss
+++ b/panikweb_airlibre/static/css/style.scss
@@ -227,9 +227,9 @@ h2{
                float: left;
                cursor: pointer;
        }
-       #mButton{
+       #mButton {
                position: absolute;
-               top: -6px;
+               top: -7px;
                left: 0;
        }
        #CurrentlyPlaying{
@@ -242,10 +242,10 @@ h2{
                display: none !important;
        }
        .play {
-               background: url('../img/play.png') no-repeat;
+               background: url('../img/play2.png') no-repeat;
        }
        .pause {
-               background: url('../img/pause.png') no-repeat;
+               background: url('../img/pause2.png') no-repeat;
        }
        .mute {
                background: url('../img/mute.png') no-repeat;
@@ -253,6 +253,9 @@ h2{
        .volume {
                background: url('../img/volume.png') no-repeat;
        }
+       .start {
+               background: url('../img/player2.png') no-repeat;
+       }
 }
 
 #hero {

diff --git a/panikweb_airlibre/static/img/pause2.png b/panikweb_airlibre/static/img/pause2.png
new file mode 100644 (file)
index 0000000..ce95089
Binary files /dev/null and b/panikweb_airlibre/static/img/pause2.png differ

diff --git a/panikweb_airlibre/static/img/play2.png b/panikweb_airlibre/static/img/play2.png
new file mode 100644 (file)
index 0000000..5499423
Binary files /dev/null and b/panikweb_airlibre/static/img/play2.png differ

diff --git a/panikweb_airlibre/static/img/player.png b/panikweb_airlibre/static/img/player.png
new file mode 100644 (file)
index 0000000..cf722ac
Binary files /dev/null and b/panikweb_airlibre/static/img/player.png differ

diff --git a/panikweb_airlibre/static/img/player2.png b/panikweb_airlibre/static/img/player2.png
new file mode 100644 (file)
index 0000000..fdc2980
Binary files /dev/null and b/panikweb_airlibre/static/img/player2.png differ

diff --git a/panikweb_airlibre/static/js/specifics.js b/panikweb_airlibre/static/js/specifics.js
index aaeae7c08b3d56bae5deeeb8f5d3a52efd445880..e16becae2274ec207d962653cbf9ca3fd8e297a4 100644 (file)
--- a/panikweb_airlibre/static/js/specifics.js
+++ b/panikweb_airlibre/static/js/specifics.js
@@ -295,11 +295,13 @@ $(function() {
                var stream = $('#DirectStreamPanik').get(0);
                if (stream.paused == false){
                        stream.pause();
+      $("#mButton").removeClass().addClass('play');
                }else{
                        if (typeof (_paq) == 'object') {
                                _paq.push(['trackEvent', 'Audio', 'Play Stream']);
                        }
                        stream.play();
+      $("#mButton").removeClass().addClass('pause');
                }
                return false;
        });

diff --git a/panikweb_airlibre/templates/includes/player.html b/panikweb_airlibre/templates/includes/player.html
index 896361906f9463f6a609405476e8b1fac2a9dd66..a2b65b9aac40cb83d82ac93d13b7441ca1629838 100644 (file)
--- a/panikweb_airlibre/templates/includes/player.html
+++ b/panikweb_airlibre/templates/includes/player.html
@@ -16,7 +16,7 @@
                                </div>
                                <div class="button" id="DirectStreamPanikControler">
                                        <!-- <div id="streamSymbol" class="icon-volume-up resymbol"></div> -->
-                                       <button id="mButton" class="play"></button>
+                                       <button id="mButton" class="start"></button>
                                </div>
                                <div id="CurrentlyPlaying">
                                        <span id="EnDirect">Radio Air Libre en Direct</span>