From: Calin Crisan <ccrisan@gmail.com>
Date: Sun, 22 Nov 2015 10:33:25 +0000 (+0200)
Subject: added UI for the upload media files feature
X-Git-Url: http://www.vanbest.org/gitweb/?a=commitdiff_plain;h=847e834c16540f550cbf580f79dc0b07dbcd8352;p=motioneye-debian

added UI for the upload media files feature
---

diff --git a/motioneye/handlers.py b/motioneye/handlers.py
index edfb390..3dc1f33 100644
--- a/motioneye/handlers.py
+++ b/motioneye/handlers.py
@@ -211,7 +211,13 @@ class ConfigHandler(BaseHandler):
         
         elif op == 'backup':
             self.backup()
-        
+            
+        elif op == 'test':
+            self.test()
+            
+        elif op == 'authorize':
+            self.authorize()
+
         else:
             raise HTTPError(400, 'unknown operation')
     
@@ -725,6 +731,14 @@ class ConfigHandler(BaseHandler):
             
         else:
             self.finish_json({'ok': False})
+    
+    @BaseHandler.auth(admin=True)
+    def test(self):
+        pass
+
+    @BaseHandler.auth(admin=True)
+    def authorize(self):
+        pass
 
 
 class PictureHandler(BaseHandler):
diff --git a/motioneye/server.py b/motioneye/server.py
index 96e0350..8a8b8d2 100644
--- a/motioneye/server.py
+++ b/motioneye/server.py
@@ -169,7 +169,7 @@ handler_mapping = [
     (r'^/$', handlers.MainHandler),
     (r'^/config/main/(?P<op>set|get)/?$', handlers.ConfigHandler),
     (r'^/config/(?P<camera_id>\d+)/(?P<op>get|set|rem|set_preview)/?$', handlers.ConfigHandler),
-    (r'^/config/(?P<op>add|list|backup|restore)/?$', handlers.ConfigHandler),
+    (r'^/config/(?P<op>add|list|backup|restore|test|authorize)/?$', handlers.ConfigHandler),
     (r'^/picture/(?P<camera_id>\d+)/(?P<op>current|list|frame)/?$', handlers.PictureHandler),
     (r'^/picture/(?P<camera_id>\d+)/(?P<op>download|preview|delete)/(?P<filename>.+?)/?$', handlers.PictureHandler),
     (r'^/picture/(?P<camera_id>\d+)/(?P<op>zipped|timelapse|delete_all)/(?P<group>.*?)/?$', handlers.PictureHandler),
diff --git a/motioneye/static/js/main.js b/motioneye/static/js/main.js
index c34b5a2..2a43652 100644
--- a/motioneye/static/js/main.js
+++ b/motioneye/static/js/main.js
@@ -1040,7 +1040,9 @@ function updateConfigUI() {
                 }
             }
             else { /* comparison */
-                var equal = parts[parts.length - 1] == val;
+                var reqVal = parts[parts.length - 1];
+                var reqRegex = new RegExp('^' + reqVal + '$');
+                var equal = reqRegex.test(val);
                 if (equal == neg) {
                     conditionOk = false;
                     return false;
diff --git a/motioneye/templates/main.html b/motioneye/templates/main.html
index 47b8677..0c07200 100644
--- a/motioneye/templates/main.html
+++ b/motioneye/templates/main.html
@@ -38,7 +38,7 @@
                     {% endfor %}
                 </select>
             {% elif config['type'] == 'html' %}
-                <div class="html styled {{config['section']}} {% if config.get('camera') %}camera{% else %}main{% endif %}-config" id="{{config['name']}}Html">
+                <div class="html styled {{config['section']}} {% if config.get('camera') %}camera{% else %}main{% endif %}-config" id="{{config['name']}}Html"></div>
             {% endif %}
         </td>
         <td>{% if config.get('description') %}<span class="help-mark" title="{{config['description']}}">?</span>{% endif %}</td>
@@ -332,6 +332,77 @@
                         </td>
                         <td><span class="help-mark" title="the used/total size of the disk where the root directory resides">?</span></td>
                     </tr>
+                    <tr class="settings-item advanced-setting">
+                        <td colspan="100"><div class="settings-item-separator"></div></td>
+                    </tr>
+                    <tr class="settings-item advanced-setting">
+                        <td class="settings-item-label"><span class="settings-item-label">Upload Media Files</span></td>
+                        <td class="settings-item-value"><input type="checkbox" class="styled storage camera-config" id="uploadEnabledSwitch"></td>
+                        <td><span class="help-mark" title="enable this if you want your media files to be uploaded to an external service">?</span></td>
+                    </tr>
+                    <tr class="settings-item advanced-setting" depends="uploadEnabled">
+                        <td class="settings-item-label"><span class="settings-item-label">Upload Service</span></td>
+                        <td class="settings-item-value">
+                            <select class="styled storage camera-config" id="uploadServiceSelect">
+                                <option value="ftp">FTP Server</option>
+                                <option value="sftp">SFTP Server</option>
+                                <option value="http">HTTP Server</option>
+                                <option value="https">HTTPS Server</option>
+                                <option value="gdrive">Google Drive</option>
+                                <option value="dropbox">Dropbox</option>
+                            </select>
+                        </td>
+                        <td><span class="help-mark" title="choose a service to which the media files should be uploaded">?</span></td>
+                    </tr>
+                    <tr class="settings-item advanced-setting" required="true" depends="uploadEnabled uploadService=(ftp|sftp|http|https)">
+                        <td class="settings-item-label"><span class="settings-item-label">Server Address</span></td>
+                        <td class="settings-item-value"><input type="text" class="styled storage camera-config" id="uploadServerEntry"></td>
+                        <td><span class="help-mark" title="the domain name or IP address of the server (e.g. ftp.example.com or 192.168.1.3)">?</span></td>
+                    </tr>
+                    <tr class="settings-item advanced-setting" required="true" min="1" max="65535" depends="uploadEnabled uploadService=(ftp|sftp|http|https)">
+                        <td class="settings-item-label"><span class="settings-item-label">Server Port</span></td>
+                        <td class="settings-item-value"><input type="text" class="number styled storage camera-config" id="uploadPortEntry"></td>
+                        <td><span class="help-mark" title="the port to use when connecting to the service (leave it empty to use the default value)">?</span></td>
+                    </tr>
+                    <tr class="settings-item advanced-setting" required="true" depends="uploadEnabled uploadService=(ftp|sftp|http|https)">
+                        <td class="settings-item-label"><span class="settings-item-label">Location</span></td>
+                        <td class="settings-item-value"><input type="text" class="styled storage camera-config" id="uploadLocationEntry"></td>
+                        <td><span class="help-mark" title="the location (relative path) where media files should be uploaded (e.g. /files/cam1/)">?</span></td>
+                    </tr>
+                    <tr class="settings-item advanced-setting" depends="uploadEnabled uploadService=(http|https)">
+                        <td class="settings-item-label"><span class="settings-item-label">Method</span></td>
+                        <td class="settings-item-value">
+                            <select class="styled storage camera-config" id="uploadMethod">
+                                <option value="post">POST</option>
+                                <option value="put">PUT</option>
+                            </select>
+                        </td>
+                        <td><span class="help-mark" title="the HTTP method to use when uploading files">?</span></td>
+                    </tr>
+                    <tr class="settings-item advanced-setting" depends="uploadEnabled uploadService=(ftp|sftp|http|https)">
+                        <td class="settings-item-label"><span class="settings-item-label">Username</span></td>
+                        <td class="settings-item-value"><input type="text" class="styled storage camera-config" id="uploadUsernameEntry"></td>
+                        <td><span class="help-mark" title="the username for the upload service account">?</span></td>
+                    </tr>
+                    <tr class="settings-item advanced-setting" depends="uploadEnabled uploadService=(ftp|sftp|http|https)">
+                        <td class="settings-item-label"><span class="settings-item-label">Password</span></td>
+                        <td class="settings-item-value"><input type="password" class="styled storage camera-config" id="uploadPasswordEntry"></td>
+                        <td><span class="help-mark" title="the password for the upload service account">?</span></td>
+                    </tr>
+                    <tr class="settings-item advanced-setting" required="true" depends="uploadEnabled uploadService=(gdrive|dropbox)">
+                        <td class="settings-item-label"><span class="settings-item-label">Authorization Key</span></td>
+                        <td class="settings-item-value"><input type="password" class="styled storage camera-config" id="uploadAuthKey"></td>
+                        <td><span class="help-mark" title="the key used to authenticate with the upload service">?</span></td>
+                    </tr>
+                    <tr class="settings-item advanced-setting" depends="uploadEnabled uploadService=(gdrive|dropbox)">
+                        <td class="settings-item-label"><span class="settings-item-label"></span></td>
+                        <td class="settings-item-value">
+                            <div class="html styled storage camera-config" id="authorizeLinkHtml">
+                                <a href="javascript:authorizeUpload()">Obtain Authorization Key</a>
+                            </div>
+                        </td>
+                        <td><span class="help-mark" title="click here to obtain the service authorization key">?</span></td>
+                    </tr>
                     {% for config in camera_sections.get('storage', {}).get('configs', []) %}
                         {{config_item(config)}}
                     {% endfor %}