#25 hooked up ng->Python api

LUSHDigital · Jul 1, 2019 · 4c0a827 · 4c0a827
1 parent 4cde680
commit 4c0a827
Show file tree

Hide file tree

Showing 6 changed files with 23 additions and 4 deletions.
diff --git a/gui/lrpi/.gitignore b/gui/lrpi/.gitignore
@@ -30,5 +30,6 @@ plugins/ios.json
 $RECYCLE.BIN/
 
 .DS_Store
+UNKNOWN*
 Thumbs.db
 UserInterfaceState.xcuserstate
diff --git a/gui/lrpi/lrpi.py b/gui/lrpi/lrpi.py
@@ -3,14 +3,21 @@
 import webview, threading
 
 class Api():
-    pass
+    def event(self, param):
+        print('select audio file!')
 
 if __name__ == '__main__':
     # t = threading.Thread(target=load_html)
     # t.start()
 
+    print('Begin...')
+
     api = Api()
     webview.config.gui = "qt"
     webview.create_window('Lushroom Pi', 'www/index.html',
                           js_api=api, width=400, height =600, min_size=(400, 600), confirm_quit=True,
-                          text_select=True, resizable=False, debug=False)
+                          text_select=True, resizable=False, debug=True)
+
+    # Sending events from JS -> Python and back:
+    # https://askubuntu.com/questions/97430/connect-webkit-webview-form-to-a-python-callback
+    # See also: https://github.com/r0x0r/pywebview/blob/master/examples/todos/assets/script.js
diff --git a/gui/lrpi/setup.py b/gui/lrpi/setup.py
diff --git a/gui/lrpi/www/js/app.js b/gui/lrpi/www/js/app.js
@@ -17,6 +17,7 @@ angular.module('app', ['ionic', 'app.controllers', 'app.routes', 'app.directives
   $ionicPlatform.ready(function() {
     // Hide the accessory bar by default (remove this to show the accessory bar above the keyboard
     // for form inputs)
+
     if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
       cordova.plugins.Keyboard.hideKeyboardAccessoryBar(true);
       cordova.plugins.Keyboard.disableScroll(true);

diff --git a/gui/lrpi/www/js/controllers.js b/gui/lrpi/www/js/controllers.js
@@ -5,6 +5,8 @@ angular.module('app.controllers', [])
 // TIP: Access Route Parameters for your page via $stateParams.parameterName
 function ($scope, $stateParams) {
 
+    console.log('Can you see me in the debugger?');
+
 
 }])
 
@@ -13,6 +15,14 @@ function ($scope, $stateParams) {
 // TIP: Access Route Parameters for your page via $stateParams.parameterName
 function ($scope, $stateParams) {
 
+    var vm = this;
+    vm.selectAudioFile = selectAudioFile;
+
+    function selectAudioFile() {
+        console.log('click!');
+        window.pywebview.api.event()
+    }
+
 
 }])
 

diff --git a/gui/lrpi/www/templates/play.html b/gui/lrpi/www/templates/play.html
@@ -6,9 +6,9 @@
     <div>
       <img src="img/CKywsQCfRlO4E7ZSqqQ1_lushroom_pi.svg" style="display: block; width: 150px; height: auto; margin-left: auto; margin-right: auto;">
     </div>
-    <div id="play-container1">
+    <div ng-controller="playCtrl as vm" id="play-container1">
       <form id="play-form4" class="list">
-        <button id="play-button9" style="border-radius:0px 0px 0px 0px;" class="button button-dark button-block icon-left ion-music-note">Select Audio File</button>
+        <input type="file" ng-click="vm.selectAudioFile();" id="play-button9" style="border-radius:0px 0px 0px 0px;" class="button button-dark button-block icon-left ion-music-note">Select Audio File</input>
         <label class="item item-input" id="play-input7" name="play_audio_filename">
           <span class="input-label">File name</span>
           <input type="text" placeholder="Choose an audio file ">