added passwords & more to settings

diff --git a/static/css/base-site.css b/static/css/base-site.css
index 9979e069560691916aa6dd1bb6f56b7a4a3d3427..4a34975fca0b1044409c5c0692183cccdcdeee3e 100644 (file)
--- a/static/css/base-site.css
+++ b/static/css/base-site.css
@@ -134,10 +134,17 @@ span.settings-item-label {
     font-size: 0.9em;
 }
 
+div.settings-item-separator {
+    height: 1px;
+    border-top: 1px solid #414141;
+    margin: 5px 0px;
+}
+
 select.video-device {
     padding: 4px 1.5em 4px 4px;
     vertical-align: middle;
     font-size: 20px;
+    width: auto;
 }
 
 div.check-box.section {

diff --git a/static/css/ui.css b/static/css/ui.css
index faeb43efd972b0172ba129f72052375ca0cc92a1..ebf0d48ec8d0514e068275766e21f52af3f0c51e 100644 (file)
--- a/static/css/ui.css
+++ b/static/css/ui.css
@@ -69,6 +69,7 @@ div.check-box.on div.check-box-button {
 
     /* input box */
 
+input[type=password].styled,
 input[type=text].styled {
     width: 90%;
     border: 1px solid #2A6C96;
@@ -82,10 +83,13 @@ input[type=text].styled {
     transition: all 0.1s;
 }
 
+input[type=password].styled:FOCUS,
 input[type=text].styled:FOCUS {
     background-color: #414141;
 }
 
+input[type=password].styled:HOVER,
+input[type=password].styled:FOCUS,
 input[type=text].styled:HOVER,
 input[type=text].styled:FOCUS {
     border-color: #3498db;
@@ -103,6 +107,7 @@ select.styled {
     -webkit-appearance: none;
     -moz-appearance: none;
     appearance: none;
+    width: 90%;
     border: 1px solid #2A6C96;
     border-radius: 2px;
     background-color: transparent;

diff --git a/templates/base-site.html b/templates/base-site.html
index 616d3c98319a84805a69832c180e3d02347b18c8..f90e452a042e23e44f51cd2bd7d5b665099ba8b4 100644 (file)
--- a/templates/base-site.html
+++ b/templates/base-site.html
@@ -42,8 +42,51 @@
                         <td class="settings-item-value"><span class="help-mark">?</span></td>
                     </tr>
                     <tr>
-                        <td class="settings-item-label"><span class="settings-item-label">Target Directory</span></td>
-                        <td class="settings-item-value"><input type="text" class="styled general" id="targetDirectoryEntry"></td>
+                        <td class="settings-item-label"><span class="settings-item-label">motionEye Username</span></td>
+                        <td class="settings-item-value"><input type="text" class="styled general" id="motionEyeUsernameEntry"></td>
+                        <td class="settings-item-value"><span class="help-mark">?</span></td>
+                    </tr>
+                    <tr>
+                        <td class="settings-item-label"><span class="settings-item-label">motionEye Password</span></td>
+                        <td class="settings-item-value"><input type="password" class="styled general" id="motionEyePasswordEntry"></td>
+                        <td class="settings-item-value"><span class="help-mark">?</span></td>
+                    </tr>
+                    <tr>
+                        <td colspan="100"><div class="settings-item-separator"></div></td>
+                    </tr>
+                    <tr>
+                        <td class="settings-item-label"><span class="settings-item-label">Storage Device</span></td>
+                        <td class="settings-item-value">
+                            <select class="styled general" id="storageDeviceSelect">
+                                <option>Local Disk</option>
+                                <option>Network Share</option>
+                            </select>
+                        </td>
+                        <td class="settings-item-value"><span class="help-mark">?</span></td>
+                    </tr>
+                    <tr>
+                        <td class="settings-item-label"><span class="settings-item-label">Network Server</span></td>
+                        <td class="settings-item-value"><input type="text" class="styled general" id="networkServerEntry"></td>
+                        <td class="settings-item-value"><span class="help-mark">?</span></td>
+                    </tr>
+                    <tr>
+                        <td class="settings-item-label"><span class="settings-item-label">Share Username</span></td>
+                        <td class="settings-item-value"><input type="text" class="styled general" id="networkUsernameEntry"></td>
+                        <td class="settings-item-value"><span class="help-mark">?</span></td>
+                    </tr>
+                    <tr>
+                        <td class="settings-item-label"><span class="settings-item-label">Share Password</span></td>
+                        <td class="settings-item-value"><input type="text" class="styled general" id="networkPasswordEntry"></td>
+                        <td class="settings-item-value"><span class="help-mark">?</span></td>
+                    </tr>
+                    <tr>
+                        <td class="settings-item-label"><span class="settings-item-label">Share Name</span></td>
+                        <td class="settings-item-value"><input type="text" class="styled general" id="networkShareNameEntry"></td>
+                        <td class="settings-item-value"><span class="help-mark">?</span></td>
+                    </tr>
+                    <tr>
+                        <td class="settings-item-label"><span class="settings-item-label">Root Directory</span></td>
+                        <td class="settings-item-value"><input type="text" class="styled general" id="rootDirectoryEntry"></td>
                         <td class="settings-item-value"><span class="help-mark">?</span></td>
                     </tr>
                 </table>
@@ -55,6 +98,9 @@
                         <td class="settings-item-value"><input type="text" class="styled device" id="deviceNameEntry" placeholder="camera name..."></td>
                         <td class="settings-item-value"><span class="help-mark">?</span></td>
                     </tr>
+                    <tr>
+                        <td colspan="100"><div class="settings-item-separator"></div></td>
+                    </tr>
                     <tr>
                         <td class="settings-item-label"><span class="settings-item-label">Light Switch Detection</span></td>
                         <td class="settings-item-value"><input type="checkbox" class="styled device" id="lightSwitchDetectSwitch"></td>
@@ -85,6 +131,9 @@
                         <td class="settings-item-value"><input type="text" class="range styled device" id="hueSlider"></td>
                         <td class="settings-item-value"><span class="help-mark">?</span></td>
                     </tr>
+                    <tr>
+                        <td colspan="100"><div class="settings-item-separator"></div></td>
+                    </tr>
                     <tr>
                         <td class="settings-item-label"><span class="settings-item-label">Video Resolution</span></td>
                         <td class="settings-item-value">
@@ -248,6 +297,9 @@
                         <td class="settings-item-value"><input type="text" class="range styled motion-detection" id="noiseLevelSlider"></td>
                         <td class="settings-item-value"><span class="help-mark">?</span></td>
                     </tr>
+                    <tr>
+                        <td colspan="100"><div class="settings-item-separator"></div></td>
+                    </tr>
                     <tr>
                         <td class="settings-item-label"><span class="settings-item-label">Motion Gap</span></td>
                         <td class="settings-item-value"><input type="text" class="number styled motion-detection" id="gapEntry"></td>