From 616b102ce95859c05d172d156137b2804d63d6fc Mon Sep 17 00:00:00 2001
From: Pierre Ranwez <pierre.ranwez.etu@univ-lille.fr>
Date: Tue, 1 Feb 2022 16:20:45 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20ui:=20audio=20midi=20buttons?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
---
main.js | 8 ++------
popup.html | 7 +++----
style.css | 5 ++++-
3 files changed, 9 insertions(+), 11 deletions(-)
diff --git a/main.js b/main.js
index 7bb92f1..87ad530 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 9808347..6f6a2a9 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 614cbf6..efe8d56 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;;
--
GitLab