Merge pull request #303 from AEtheve/add-notification-sound

Add notification sound

Author: divamgupta

electron_app/src/StableDiffusion.vue

@@ -6,6 +6,7 @@
 import { send_to_py } from "./py_vue_bridge.js"
 import {get_tokens} from './clip_tokeniser/clip_encoder.js'
 
+let notification_sound = new Audio(require('@/assets/notification.mp3'))
 
 function remove_non_ascii(str) {
   
@@ -87,6 +88,9 @@ export default {
             //     }
             // }
             if(msg_code == "nwim"){
+                if (this.$parent.app_state.app_data.settings.notification_sound == true) {
+                    notification_sound.play();
+                }
                 let impath = msg.substring(5).trim()
                 if(this.attached_cbs){
                     if(this.attached_cbs.on_img)

electron_app/src/assets/notification.mp3

@@ -4,10 +4,25 @@
         <div  v-if="!is_custom_model_loading">
             <h1>Settings</h1>
             <br>
-            <!-- <h2>General Settings</h2>
+           <h2>General Settings</h2>
             <br>
             <div class="setting_box">
             <div class="settings_left">
+            <h2>Notification sound</h2>
+            <p>Allows to start a sound when the generation of an image is completed</p>
+            </div>
+            <hr>
+            <div style="float:right;margin-right: 9px;align-self: center;" >
+                <label class="switch">
+            <input type="checkbox" v-model="app_state.app_data.settings.notification_sound" checked>
+            <span class="toggle round"></span>
+            </label>
+            </div>
+            </div>
+            <hr>
+             <!-- 
+            <div class="setting_box">
+            <div class="settings_left">
             <h2>Allow NSFW Content</h2>
             <p>Allows image generation considered NSFW</p>
             </div>