add device upload options

dashboard-ui/scripts/devices.js

@@ -0,0 +1,90 @@
+(function () {
+
+    function deleteDevice(page, id) {
+
+        var msg = Globalize.translate('DeleteDeviceConfirmation');
+
+        Dashboard.confirm(msg, Globalize.translate('HeaderDeleteDevice'), function (result) {
+
+            if (result) {
+                Dashboard.showLoadingMsg();
+
+                ApiClient.ajax({
+                    type: "DELETE",
+                    url: ApiClient.getUrl('Devices', {
+                        Id: id
+                    })
+
+                }).done(function () {
+
+                    loadData(page);
+                });
+            }
+        });
+    }
+
+    function load(page, devices) {
+
+        var html = '';
+
+        html += '<ul data-role="listview" data-inset="true" data-split-icon="minus">';
+
+        html += devices.map(function (d) {
+
+            var deviceHtml = '';
+            deviceHtml += '<li>';
+
+            deviceHtml += '<a href="#">';
+
+            deviceHtml += '<h3>';
+            deviceHtml += d.Name;
+            deviceHtml += '</h3>';
+
+            if (d.LastUserName) {
+                deviceHtml += '<p style="color:green;">';
+                deviceHtml += Globalize.translate('DeviceLastUsedByUserName', d.LastUserName);
+                deviceHtml += '</p>';
+            }
+
+            deviceHtml += '</a>';
+
+            deviceHtml += '<a href="#" data-icon="minus" class="btnDeleteDevice" data-id="' + d.Id + '">';
+            deviceHtml += Globalize.translate('Delete');
+            deviceHtml += '</a>';
+
+
+            deviceHtml += '</li>';
+            return deviceHtml;
+
+        }).join('');
+
+        html += '</ul>';
+
+        var elem = $('.devicesList', page).html(html).trigger('create');
+
+        $('.btnDeleteDevice', elem).on('click', function () {
+
+            deleteDevice(page, this.getAttribute('data-id'));
+        });
+    }
+
+    function loadData(page) {
+        Dashboard.showLoadingMsg();
+
+        ApiClient.getJSON(ApiClient.getUrl('Devices')).done(function (devices) {
+
+            load(page, devices);
+
+            Dashboard.hideLoadingMsg();
+        });
+    }
+
+    $(document).on('pageshow', "#devicesPage", function () {
+
+        var page = this;
+
+        loadData(page);
+
+    });
+
+})();

dashboard-ui/scripts/devicesupload.js

@@ -0,0 +1,140 @@
+(function () {
+
+    function load(page, devices, config) {
+
+        if (devices.length) {
+            $('.noDevices', page).hide();
+            $('.devicesUploadForm', page).show();
+        } else {
+            $('.noDevices', page).show();
+            $('.devicesUploadForm', page).hide();
+        }
+
+        $('#txtUploadPath', page).val(config.CameraUploadPath || '');
+
+        loadDeviceList(page, devices, config);
+    }
+
+    function loadDeviceList(page, devices, config) {
+
+        var html = '';
+
+        html += '<fieldset data-role="controlgroup">';
+
+        html += '<legend>';
+        html += Globalize.translate('LabelEnableCameraUploadFor');
+        html += '</legend>';
+
+        var index = 0;
+        html += devices.map(function (d) {
+
+            var deviceHtml = '';
+
+            var id = "chk" + index;
+
+            deviceHtml += '<label for="' + id + '">';
+            deviceHtml += d.Name;
+            deviceHtml += '</label>';
+
+            var isChecked = config.EnabledCameraUploadDevices.indexOf(d.Id) != -1;
+            var checkedHtml = isChecked ? ' checked="checked"' : '';
+
+            deviceHtml += '<input type="checkbox" id="' + id + '" class="chkDevice" data-id="' + d.Id + '"' + checkedHtml + ' />';
+
+            index++;
+
+            return deviceHtml;
+
+        }).join('');
+
+        html += '</fieldset>';
+
+        html += '<div class="fieldDescription">';
+        html += Globalize.translate('LabelEnableCameraUploadForHelp');
+        html += '</div>';
+
+        $('.devicesList', page).html(html).trigger('create');
+    }
+
+    function loadData(page) {
+
+        Dashboard.showLoadingMsg();
+
+        var promise1 = ApiClient.getNamedConfiguration("devices");
+        var promise2 = ApiClient.getJSON(ApiClient.getUrl('Devices', {
+
+            SupportsContentUploading: true
+
+        }));
+
+        $.when(promise1, promise2).done(function (response1, response2) {
+
+
+            load(page, response2[0], response1[0]);
+
+            Dashboard.hideLoadingMsg();
+        });
+    }
+
+    function save(page) {
+
+        ApiClient.getNamedConfiguration("devices").done(function (config) {
+
+            config.CameraUploadPath = $('#txtUploadPath', page).val();
+
+            config.EnabledCameraUploadDevices = $('.chkDevice:checked', page).get().map(function (c) {
+
+                return c.getAttribute('data-id');
+
+            });
+
+            ApiClient.updateNamedConfiguration("devices", config).done(Dashboard.processServerConfigurationUpdateResult);
+        });
+
+    }
+
+    $(document).on('pageinit', "#devicesUploadPage", function () {
+
+        var page = this;
+
+        $('#btnSelectUploadPath', page).on("click.selectDirectory", function () {
+
+            var picker = new DirectoryBrowser(page);
+
+            picker.show({
+
+                callback: function (path) {
+
+                    if (path) {
+                        $('#txtUploadPath', page).val(path);
+                    }
+                    picker.close();
+                },
+
+                header: Globalize.translate('HeaderSelectUploadPath')
+            });
+        });
+
+
+    }).on('pageshow', "#devicesUploadPage", function () {
+
+        var page = this;
+
+        loadData(page);
+
+    });
+
+    window.DevicesUploadPage = {
+
+        onSubmit: function () {
+
+            var form = this;
+            var page = $(form).parents('.page');
+
+            save(page);
+
+            return false;
+        }
+    };
+
+})();

dashboard-ui/scripts/site.js

@@ -678,6 +678,10 @@ var Dashboard = {
             name: Globalize.translate('TabServer'),
             href: "dashboard.html",
             selected: page.hasClass("dashboardHomePage")
+        }, {
+            name: Globalize.translate('TabDevices'),
+            href: "devices.html",
+            selected: page.hasClass("devicesPage")
         }, {
             name: Globalize.translate('TabUsers'),
             href: "userprofiles.html",