Download clients now use thingy provider

2026-04-21 22:04:31 -04:00 · 2014-02-13 21:31:49 -08:00
parent ba22600412
commit 606d78f5e1
123 changed files with 2076 additions and 1820 deletions
@@ -0,0 +1,93 @@
+'use strict';
+
+define(
+    [
+        'vent',
+        'AppLayout',
+        'marionette',
+        'Settings/DownloadClient/Delete/DownloadClientDeleteView',
+        'Commands/CommandController',
+        'Mixins/AsModelBoundView',
+        'underscore',
+        'Form/FormBuilder',
+        'Mixins/AutoComplete',
+        'bootstrap'
+    ], function (vent, AppLayout, Marionette, DeleteView, CommandController, AsModelBoundView, _) {
+
+        var model = Marionette.ItemView.extend({
+            template: 'Settings/DownloadClient/Edit/DownloadClientEditViewTemplate',
+
+            ui: {
+                path      : '.x-path',
+                modalBody : '.modal-body'
+            },
+
+            events: {
+                'click .x-save'        : '_save',
+                'click .x-save-and-add': '_saveAndAdd',
+                'click .x-delete'      : '_delete',
+                'click .x-back'        : '_back',
+                'click .x-test'        : '_test'
+            },
+
+            initialize: function (options) {
+                this.downloadClientCollection = options.downloadClientCollection;
+            },
+
+            onShow: function () {
+                //Hack to deal with modals not overflowing
+                if (this.ui.path.length > 0) {
+                    this.ui.modalBody.addClass('modal-overflow');
+                }
+
+                this.ui.path.autoComplete('/directories');
+            },
+
+            _save: function () {
+                var self = this;
+                var promise = this.model.save();
+
+                if (promise) {
+                    promise.done(function () {
+                        self.downloadClientCollection.add(self.model, { merge: true });
+                        vent.trigger(vent.Commands.CloseModalCommand);
+                    });
+                }
+            },
+
+            _saveAndAdd: function () {
+                var self = this;
+                var promise = this.model.save();
+
+                if (promise) {
+                    promise.done(function () {
+                        self.notificationCollection.add(self.model, { merge: true });
+
+                        require('Settings/DownloadClient/Add/SchemaModal').open(self.downloadClientCollection);
+                    });
+                }
+            },
+
+            _delete: function () {
+                var view = new DeleteView({ model: this.model });
+                AppLayout.modalRegion.show(view);
+            },
+
+            _back: function () {
+                require('Settings/DownloadClient/Add/SchemaModal').open(this.downloadClientCollection);
+            },
+
+            _test: function () {
+                var testCommand = 'test{0}'.format(this.model.get('implementation'));
+                var properties = {};
+
+                _.each(this.model.get('fields'), function (field) {
+                    properties[field.name] = field.value;
+                });
+
+                CommandController.Execute(testCommand, properties);
+            }
+        });
+
+        return AsModelBoundView.call(model);
+    });
@@ -0,0 +1,59 @@
+<div class="modal-header">
+    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
+    {{#if id}}
+        <h3>Edit - {{implementation}}</h3>
+    {{else}}
+        <h3>Add - {{implementation}}</h3>
+    {{/if}}
+</div>
+<div class="modal-body download-client-modal">
+    <div class="form-horizontal">
+        <div class="control-group">
+            <label class="control-label">Name</label>
+
+            <div class="controls">
+                <input type="text" name="name"/>
+            </div>
+        </div>
+
+        <div class="control-group">
+            <label class="control-label">Enable</label>
+
+            <div class="controls">
+                <label class="checkbox toggle well">
+                    <input type="checkbox" name="enable"/>
+                    <p>
+                        <span>Yes</span>
+                        <span>No</span>
+                    </p>
+
+                    <div class="btn btn-primary slide-button"/>
+                </label>
+            </div>
+        </div>
+
+        {{formBuilder}}
+    </div>
+</div>
+<div class="modal-footer">
+    {{#if id}}
+        <button class="btn btn-danger pull-left x-delete">delete</button>
+    {{else}}
+        <button class="btn pull-left x-back">back</button>
+    {{/if}}
+
+    <button class="btn x-test">test <i class="x-test-icon icon-nd-test"/></button>
+    <button class="btn" data-dismiss="modal">cancel</button>
+
+    <div class="btn-group">
+        <button class="btn btn-primary x-save">save</button>
+        <button class="btn btn-icon-only btn-primary dropdown-toggle" data-toggle="dropdown">
+            <span class="caret"></span>
+        </button>
+        <ul class="dropdown-menu">
+            <li class="save-and-add x-save-and-add">
+                save and add
+            </li>
+        </ul>
+    </div>
+</div>