diff --git a/main.js b/main.js index 7bb92f117c86f215b94544b455813dce39f22e2c..87ad530c3140651ac7151befa35c6bc3452a13f1 100644 --- a/main.js +++ b/main.js @@ -74,22 +74,18 @@ function initUi() { audioButton = result.audioI; if (result.audioI) { $('.audioI').addClass('active'); - $('#audio').text('Désactiver le micro'); } else { $('.audioI').removeClass('active'); - $('#audio').text('Activer le micro'); } }); chrome.storage.sync.get(['midiI'], function (result) { midiButton = result.midiI; if (result.midiI) { $('.midiI').addClass('active'); - $('#midi').text('Désactiver l\'entrée MIDI') } else { $('.midiI').removeClass('active'); - $('#midi').text('Activer l\'entrée MIDI') } }); } @@ -163,7 +159,7 @@ $('#onOff').on('click', function () { * Activate / Desactivate audio button */ -$('#audio').on('click', function () { +$('.audioI').on('click', function () { audioButton = !audioButton; chrome.storage.sync.set({ audioI: audioButton }, function () { }); @@ -178,7 +174,7 @@ $('#audio').on('click', function () { * Activate / Desactivate midi button */ -$('#midi').on('click', function () { +$('.midiI').on('click', function () { midiButton = !midiButton; chrome.storage.sync.set({ midiB: midiButton }, function () { }); diff --git a/popup.html b/popup.html index 9808347d071f78f2f330d3e51abbd67f0140bcab..6f6a2a9b9f6d0d1863f18e0356f6c899ff9da8c1 100644 --- a/popup.html +++ b/popup.html @@ -9,16 +9,15 @@ <div class="infos"> <h1>CssLsd</h1> <div style="flex: 1 1 auto;"></div> - Sur : <img style="height: 20px; border: solid white 8px;background: white; border-radius: 50%;" class="activateFav" src=""> + Sur : <img style="height: 20px; border: solid white 8px;background: white; border-radius: 50%;" + class="activateFav" src=""> Midi : <div class="midiI"></div> Audio : <div class="audioI"></div> </div> - <p id="midiEvent"></p> + <p>Control MIDI ID: <span id="midiEvent"></span></p> <div class="actions"> <button id="onOff">Activer</button> <button id="save">Enregister</button> - <button id="audio">Audio</button> - <button id="midi">Midi</button> </div> <div id="editor"></div> diff --git a/style.css b/style.css index 614cbf6d51c9c525f83e5c1f2fe237d7a0286c54..efe8d56c37df975bfb4bb3d625084910cf350c00 100644 --- a/style.css +++ b/style.css @@ -35,7 +35,10 @@ body { background: none; border-radius: 50%; } - +.midiI:hover, .audioI:hover { + background: red; + +} .active { border-color: red; animation: heartbeat 1.5s ease-in-out infinite both;;