diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..d1c1dbe --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +node_modules +bundle.js diff --git a/README.md b/README.md index a0bb242..51b2d8b 100644 --- a/README.md +++ b/README.md @@ -5,11 +5,20 @@ A simple timer for extracting expressos. ## Usage -Just open `index.html` with your browser. +``` +npm install +npm run build +``` + +Then, just open `index.html` with your browser. ## License +Tick sound from https://soundbible.com/2044-Tick.html. + +End sound from https://soundbible.com/1630-Computer-Magic.html. + Code published under an MIT license. ``` diff --git a/end.mp3 b/end.mp3 new file mode 100644 index 0000000..f86c144 Binary files /dev/null and b/end.mp3 differ diff --git a/index.html b/index.html index f47d0a8..05e3724 100644 --- a/index.html +++ b/index.html @@ -3,7 +3,6 @@ Espresso timer - @@ -44,7 +43,7 @@ v-model="preinfusionTimer" thumb-color="primary" thumb-label="always" - :readonly="interval !== null" + :readonly="hasTimed || interval" @change="storeValue('preinfusionTimer')" min="0" max="10" @@ -61,12 +60,15 @@ v-model="totalTimer" thumb-color="primary" thumb-label="always" - :readonly="interval !== null" + :readonly="hasTimed || interval" @change="storeValue('totalTimer')" - min="0" + :min="preinfusionTimer" max="40" > + + + {{ extraTotalTime }}s + @@ -78,17 +80,61 @@ large color="primary" @click="buttonFunction" + v-if="interval || voiceDetector || hasTimed" > - + mdi-stop mdi-replay - - mdi-play - + + + + + + Use audio detection? + + Trigger start/stop timer through voice level detection. + + + + No + + + Yes + + + + @@ -136,156 +182,33 @@

History

- -