add indicator for selected device and process

js/kiri.js

@@ -1828,7 +1828,6 @@ self.kiri.license = exports.LICENSE;
         // store camera view
         var view = SPACE.view.save();
         if (view.left || view.up) settings.controller.view = view;
-
         SDB.setItem('ws-settings', JSON.stringify(settings));
     }
 
@@ -2035,9 +2034,13 @@ self.kiri.license = exports.LICENSE;
         }
         settings.process.processName = name;
         settings.cproc[mode] = name;
+
         // associate named process with the current device
         settings.devproc[currentDeviceName()] = name;
 
+        // update selection display
+        $('selected-process').innerHTML = name;
+
         updateFields();
         if (!named) {
             hideDialog();
@@ -2986,6 +2989,7 @@ self.kiri.license = exports.LICENSE;
                     setDeviceCode(code, devicename);
                 });
             }
+            $('selected-device').innerHTML = devicename;
         }
 
         function valueOf(val, dv) {

web/kiri/index.html

@@ -33,6 +33,12 @@
     <div id="control-left" class="control"><div id="assets"></div></div>
     <!-- right control menu -->
     <div id="control-right" class="control"><div id="control"></div></div>
+    <!-- selected device and print profiles -->
+    <div id="selected" class="control">
+        <span id="selected-device">???</span>
+        <span>&nbsp;&nbsp;|&nbsp;&nbsp;</span>
+        <span id="selected-process">???</span>
+    </div>
     <!-- all modal dialogs -->
     <div id="modal">
         <div id="help"></div>

web/kiri/style.css

@@ -635,3 +635,29 @@ button[import="1"] {
 .fgro {
     flex-grow: 1;
 }
+
+
+#selected {
+    position: fixed;
+    z-index: 10000;
+    color: #eee;
+    bottom: 5px;
+    left: 0px;
+    padding: 5px;
+    border-top: 3px solid #ddd;
+    border-right: 3px solid #ddd;
+    border-bottom: 3px solid #ddd;
+    border-top-right-radius: 3px;
+    border-bottom-right-radius: 3px;
+    background-color: rgba(255,255,255,0.75);
+    overflow: none;
+    display: flex;
+    flex-direction: row;
+}
+#selected > span {
+    font-family: sans-serif;
+    font-weight: normal;
+    font-size: 12px;
+    color: #555;
+
+}