Use backbone to display taskmanager front end

www/scripts/apps/admin/tasks-manager/app.js

@@ -0,0 +1,69 @@
+/*
+ * This file is part of Phraseanet
+ *
+ * (c) 2005-2014 Alchemy
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+define([
+    "jquery",
+    "underscore",
+    "backbone",
+    "models/scheduler",
+    "apps/admin/tasks-manager/views/scheduler",
+    "apps/admin/tasks-manager/views/tasks",
+    "apps/admin/tasks-manager/views/ping",
+    "apps/admin/tasks-manager/collections/tasks"
+], function ($, _, Backbone, Scheduler, SchedulerView, TasksView, PingView, TasksCollection) {
+    var create = function() {
+        window.TaskManagerApp = {
+            $scope: $("#task-manager-app"),
+            $tasksListView : $("#tasks-list-view", this.$scope),
+            $schedulerView : $("#scheduler-view", this.$scope),
+            $pingView : $("#pingTime", this.$scope)
+        };
+
+        TaskManagerApp.tasksCollection = new TasksCollection();
+        TaskManagerApp.Scheduler = new Scheduler();
+
+        TaskManagerApp.pingView = new PingView({
+            el: TaskManagerApp.$pingView
+        });
+    }
+
+    var load = function() {
+        // fetch objects
+        $.when.apply($, [
+                TaskManagerApp.tasksCollection.fetch(),
+                TaskManagerApp.Scheduler.fetch()
+            ]).done(
+            function () {
+                TaskManagerApp.schedulerView = new SchedulerView({
+                    model: TaskManagerApp.Scheduler,
+                    el: TaskManagerApp.$schedulerView
+                });
+                TaskManagerApp.tasksView = new TasksView({
+                    collection: TaskManagerApp.tasksCollection,
+                    el: TaskManagerApp.$tasksListView
+                });
+
+                // render views
+                TaskManagerApp.tasksView.render();
+                TaskManagerApp.schedulerView.render();
+            }
+        );
+    };
+
+    var initialize = function () {
+        create();
+        load();
+    };
+
+    return {
+        create: create,
+        load: load,
+        initialize: initialize
+    };
+});

www/scripts/apps/admin/tasks-manager/collections/tasks.js

@@ -0,0 +1,23 @@
+/*
+ * This file is part of Phraseanet
+ *
+ * (c) 2005-2014 Alchemy
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+define([
+    "underscore",
+    "backbone",
+    "models/task"
+], function (_, Backbone, TaskModel) {
+    var TaskCollection = Backbone.Collection.extend({
+        model: TaskModel,
+        url: function () {
+            return "/admin/task-manager/tasks";
+        }
+    });
+
+    return TaskCollection;
+});

www/scripts/apps/admin/tasks-manager/main.js

@@ -0,0 +1,32 @@
+/*
+ * This file is part of Phraseanet
+ *
+ * (c) 2005-2014 Alchemy
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+// configure AMD loading
+require.config({
+    baseUrl: "/scripts",
+    paths: {
+        jquery: "../assets/jquery/jquery",
+        jqueryui: "../assets/jquery.ui/jquery-ui",
+        underscore: "../assets/underscore-amd/underscore",
+        backbone: "../assets/backbone-amd/backbone",
+        i18n: "../assets/i18next/i18next.amd-1.6.3",
+        bootstrap: "../assets/bootstrap/js/bootstrap.min"
+    },
+    shim: {
+        bootstrap: ["jquery"],
+        jqueryui: {
+            deps: [ "jquery" ]
+        }
+    }
+});
+
+// launch application
+require(["apps/admin/tasks-manager/app"], function (App) {
+    App.initialize();
+});

www/scripts/apps/admin/tasks-manager/views/ping.js

@@ -0,0 +1,26 @@
+/*
+ * This file is part of Phraseanet
+ *
+ * (c) 2005-2014 Alchemy
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+define([
+    "jquery",
+    "underscore",
+    "backbone"
+], function ($, _, Backbone) {
+    var PingView = Backbone.View.extend({
+        render: function () {
+            var date = new Date();
+
+            this.$el.html(date.toISOString());
+
+            return this;
+        }
+    });
+
+    return PingView;
+});

www/scripts/apps/admin/tasks-manager/views/scheduler.js

@@ -0,0 +1,62 @@
+/*
+ * This file is part of Phraseanet
+ *
+ * (c) 2005-2014 Alchemy
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+define([
+    "jquery",
+    "underscore",
+    "backbone"
+], function ($, _, Backbone) {
+    var SchedulerView = Backbone.View.extend({
+        initialize: function () {
+            this.template = _.template($('#scheduler_template').html());
+            // render only parts of the model
+            this.model.on('change:configuration', this.renderConfiguration, this);
+            this.model.on('change:actual', this.renderActual, this);
+            this.model.on('change:process-id', this.renderPid, this);
+            this.model.on('change:name', this.renderName, this);
+        },
+        events: {
+            "click a": "clickAction"
+        },
+        tagName: "tr",
+        render: function () {
+            this.$el.empty();
+            this.$el.html(this.template({'scheduler':this.model.toJSON()}));
+            return this;
+        },
+        renderConfiguration: function () {
+            $(".confScheduler", this.$el).html(this.model.get("configuration"));
+            return this;
+        },
+        renderActual: function () {
+            $(".actualScheduler", this.$el).html(this.model.get("actual"));
+            return this;
+        },
+        renderPid: function () {
+            $(".pidScheduler", this.$el).html(this.model.get("process-id"));
+            return this;
+        },
+        renderName: function () {
+            $(".nameScheduler", this.$el).html(this.model.get("name"));
+            return this;
+        },
+        clickAction: function(e) {
+            e.preventDefault();
+            var link = $(e.target);
+            var url =  link.attr('href');
+
+            if(url && url.indexOf('#') !== 0) {
+                // This is defined in admin/index.html.twig
+                window.loadRightAjax(url, link.attr("method") || "GET");
+            }
+        }
+    });
+
+    return SchedulerView;
+});

www/scripts/apps/admin/tasks-manager/views/task.js

@@ -0,0 +1,66 @@
+/*
+ * This file is part of Phraseanet
+ *
+ * (c) 2005-2014 Alchemy
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+define([
+    "jquery",
+    "underscore",
+    "backbone"
+], function ($, _, Backbone) {
+    var TaskView = Backbone.View.extend({
+        initialize: function () {
+            this.template = _.template($('#task_template').html());
+            // render only parts of the model
+            this.model.on('change:id', this.renderId, this);
+            this.model.on('change:configuration', this.renderConfiguration, this);
+            this.model.on('change:actual', this.renderActual, this);
+            this.model.on('change:process-id', this.renderPid, this);
+            this.model.on('change:name', this.renderName, this);
+        },
+        events: {
+            "click a": "clickAction"
+        },
+        tagName: "tr",
+        render: function () {
+            this.$el.html(this.template({'task':this.model.toJSON()}));
+            return this;
+        },
+        renderId: function () {
+            $(".idTask", this.$el).html(this.model.get("id"));
+            return this;
+        },
+        renderConfiguration: function () {
+            $(".confTask", this.$el).html(this.model.get("configuration"));
+            return this;
+        },
+        renderActual: function () {
+            $(".actualTask", this.$el).html(this.model.get("actual"));
+            return this;
+        },
+        renderPid: function () {
+            $(".pidTask", this.$el).html(this.model.get("process-id"));
+            return this;
+        },
+        renderName: function () {
+            $(".nameTask", this.$el).html(this.model.get("name"));
+            return this;
+        },
+        clickAction: function(e) {
+            e.preventDefault();
+            var link = $(e.target);
+            var url =  link.attr('href');
+
+            if(url && url.indexOf('#') !== 0) {
+                // This is defined in admin/index.html.twig
+                window.loadRightAjax(url, link.attr("method") || "GET");
+            }
+        }
+    });
+
+    return TaskView;
+});

www/scripts/apps/admin/tasks-manager/views/tasks.js

@@ -0,0 +1,70 @@
+/*
+ * This file is part of Phraseanet
+ *
+ * (c) 2005-2014 Alchemy
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+define([
+    "jquery",
+    "jqueryui",
+    "underscore",
+    "backbone",
+    "i18n",
+    "apps/admin/tasks-manager/views/task"
+], function ($, jqueryui, _, Backbone, i18n, TaskView) {
+    var TasksView = Backbone.View.extend({
+        initialize: function() {
+            this._taskViews = [];
+            this._rendered = false;
+
+            this.collection.bind('add', this._addOne, this);
+            this.collection.bind('remove', this._removeOne, this);
+        },
+        render: function () {
+            var $this = this;
+            $this.$el.empty();
+            $this.collection.each(function(model) {
+                $this._appendDom($this._createView(model));
+            });
+            $this._rendered = true;
+            return $this;
+        },
+        _addOne: function (task) {
+            var view = this._createView(task);
+
+            if (this._rendered) {
+                this._appendDom(view);
+            }
+        },
+        _createView: function (task) {
+            var view = new TaskView({ model: task });
+            this._taskViews.push(view);
+            return view;
+        },
+        _deleteView: function (task) {
+            var view = _(this._taskViews).select(function(taskView) {
+                return taskView.model === task;
+            })[0];
+            this._taskViews = _(this._taskViews).without(view);
+            return view;
+        },
+        _removeOne: function (task) {
+            var view = this._deleteView(task);
+
+            if (this._rendered) {
+                this._removeDom(view);
+            }
+        },
+        _appendDom: function(view) {
+            this.$el.append(view.render().el);
+        },
+        _removeDom: function(view) {
+            view.$el.remove();
+        }
+    });
+
+    return TasksView;
+});

www/scripts/models/scheduler.js

@@ -0,0 +1,34 @@
+/*
+ * This file is part of Phraseanet
+ *
+ * (c) 2005-2014 Alchemy
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+define([
+    "underscore",
+    "backbone"
+], function (_, Backbone) {
+    var TaskModel = Backbone.Model.extend({
+        sync: function(method, model, options) {
+            var options = options || {};
+            options.Accept = 'application/json';
+            return Backbone.sync(method, model, options);
+        },
+        urlRoot: function () {
+            return "/admin/task-manager/scheduler";
+        },
+        defaults: {
+            "name" : null,
+            "configuration": null,
+            "actual": null,
+            "process-id": null
+        }
+    });
+
+    // Return the model for the module
+    return TaskModel;
+});
+

www/scripts/models/task.js

@@ -0,0 +1,34 @@
+/*
+ * This file is part of Phraseanet
+ *
+ * (c) 2005-2014 Alchemy
+ *
+ * For the full copyright and license information, please view the LICENSE
+ * file that was distributed with this source code.
+ */
+
+define([
+    "underscore",
+    "backbone"
+], function (_, Backbone) {
+    var TaskModel = Backbone.Model.extend({
+        sync: function(method, model, options) {
+            var options = options || {};
+            options.Accept = 'application/json';
+            return Backbone.sync(method, model, options);
+        },
+        urlRoot: function () {
+            return "/admin/task-manager/" + this.get("id");
+        },
+        defaults: {
+            "id" : null,
+            "name" : null,
+            "configuration": null,
+            "actual": null,
+            "process-id": null
+        }
+    });
+
+    // Return the model for the module
+    return TaskModel;
+});

www/scripts/tests/fixtures/admin/fields/dom

@@ -1,18 +0,0 @@
-<div id="admin-field-app" class="container-fluid">
-    {# sbas_id is saved in the dom and used to fetch right models and collections #}
-    <input type="hidden" name="current_sbas_id" value="{{ sbas_id }}">
-    <div class="row-fluid row-top">
-        <div class="span4 save-block">
-            {# set loading state, this will be removed once backbone application is fully loaded #}
-            <img src="/skins/icons/loaderFFF.gif"/>
-            {% trans %}Loading database documentary fields ...{% endtrans %}
-        </div>
-        <div class="span8">
-            <div class="block-alert"></div>
-        </div>
-    </div>
-    <div class="row-fluid row-bottom hidden">
-        <div class="left-block span4"></div>
-        <div class="right-block span8"></div>
-    </div>
-</div>

www/scripts/tests/fixtures/admin/fields/templates

@@ -1,265 +0,0 @@
-<script type="text/template" id="alert_template">
-    <button type="button" class="close" data-dismiss="alert">&times;</button>
-    <%= msg %>
-</script>
-
-<script type="text/template" id="save_template">
-    <button type="button" class="btn btn-large btn-success save-all">
-        <i class="icon-hdd icon-white"></i> {% trans %}Save all changes{% endtrans %}
-    </button>
-</script>
-
-<script type="text/template" id="modal_template">
-    <div class="modal-body">
-        <p><%= msg %></p>
-    </div>
-    <div class="modal-footer">
-        <button type="button" data-dismiss="modal" class="btn cancel">{% trans %}Close{% endtrans %}</button>
-        <button type="button" class="btn btn-primary confirm">{% trans %}Ok{% endtrans %}</button>
-    </div>
-</script>
-
-<script type="text/template" id="item_list_view_template">
-    <div class="row-fluid">
-        <div class="span12">
-            <div class="create-subview"></div>
-            <div class="sidebar-search-block">
-                <input class="input-block-level" type="text" id="live_search"  placeholder="{% trans %}Live search{% endtrans %}"/>
-            </div>
-        </div>
-    </div>
-    <div class="row-fluid">
-        <div class="span12 list-block">
-            <ul id="collection-fields" class="unstyled"></ul>
-        </div>
-    </div>
-</script>
-
-<script type="text/template" id="create_template">
-    <div class="row-fluid">
-        <div class="span12">
-            <div class="sidebar-add-block">
-                <button type="button" class="btn btn-success btn-add-field"><i class="icon-plus icon-white"></i>{% trans %}Add new field{% endtrans %}</button>
-            </div>
-            <div class="well well-small add-field-block" style="display:none">
-                <h3>{% trans %}Add a new field{% endtrans %}</h3>
-                <form class="form-horizontal">
-                    <div class="control-group">
-                        <label class="control-label" for="new-name"">{% trans %}Label{% endtrans %}</label>
-                        <div class="controls">
-                            <input type="text" id="new-name" class="input-block-level" placeholder="">
-                            <span class="help-block"></span>
-                        </div>
-                    </div>
-                    <div class="control-group">
-                        <label class="control-label" for="new-source">{% trans %}Source{% endtrans %}</label>
-                        <div class="controls">
-                            <input type="text" id="new-source" class="input-block-level" placeholder="">
-                            <span class="help-block"></span>
-                        </div>
-                    </div>
-                    <div class="control-group">
-                        <div class="controls">
-                            <label class="checkbox">
-                                <input id="new-multivalued" type="checkbox">{% trans %}Multivalued{% endtrans %}
-                            </label>
-                            <button type="button" class="btn btn-success btn-submit-field"><i class="icon-ok icon-white"></i>{% trans %}Add{% endtrans %}</button>
-                            <button type="button" class="btn btn-cancel-field">{% trans %}Cancel{% endtrans %}</button>
-                        </div>
-                    </div>
-                </form>
-            </div>
-        </div>
-    </div>
-</script>
-
-<script type="text/template" id="edit_template">
-    <div class="edit-block">
-        <table>
-            <tr class="edit-order">
-                <td>{% trans %}Order{% endtrans %}</td>
-                <td><%= field.sorter %></td>
-                <td><button type="button" class="btn btn-danger delete-field pull-right"><i class="icon-trash icon-white"></i>delete</button></td>
-            </tr>
-            <tr class="edit-name ">
-                <td colspan="2" class="control-group <%= modelErrors && modelErrors.has('name') ? 'error' : '' %>">
-                    <input id="name" type="text" value="<%= field.name %>" class="input-block-level">
-                    <span class="help-block">
-                        <% if(modelErrors && modelErrors.get('name')) { %>
-                            <%= modelErrors.get('name').message %>
-                        <% } %>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td>{% trans %}Source{% endtrans %}</td>
-                <td class="control-group <%= modelErrors && modelErrors.has('tag') ? 'error' : '' %>">
-                    <input id="tag" val="<%= field.tag %>" class="input-block-level"/>
-                    <span class="help-block">
-                        <% if(modelErrors && modelErrors.get('tag')) { %>
-                            <%= modelErrors.get('tag').message %>
-                        <% } %>
-                    </span>
-                </td>
-            </tr>
-            <tr>
-                <td>{% trans %}DCES{% endtrans %}</td>
-                <td class="dc-fields-subview"></td>
-            </tr>
-            <tr>
-                <td colspan="2" class="dces-help-block info"></td>
-            </tr>
-            <tr>
-                <td colspan="2">
-                    <% if(field.multi == true) { %>
-                        <i class='icon-ok'></i>
-                    <% } else { %>
-                        <i class='icon-remove'></i>
-                    <% } %>  {% trans %}Multivalued{% endtrans %}
-                </td>
-            </tr>
-        </table>
-        <div class="edit-form">
-            <h4>{% trans %}Advanced field parameters{% endtrans %}</h4>
-            <table>
-                <tr>
-                    <td><label for="tbranch">{% trans %}Thesaurus branch{% endtrans %}</label></td>
-                    <td><input id="tbranch" type="text" value="<%= field.tbranch %>"/></td>
-                </tr>
-                <tr>
-                    <td><label for="type">{% trans %}Type{% endtrans %}</label></td>
-                    <td>
-                        <select id="type">
-                            <option <%= field.type == '' ? 'selected' : '' %> value=""></option>
-                            <option <%= field.type == 'string' ? 'selected' : '' %> value="string">string</option>
-                            <option <%= field.type == 'text' ? 'selected' : '' %> value="text">text</option>
-                            <option <%= field.type == 'number' ? 'selected' : '' %> value="number">number</option>
-                            <option <%= field.type == 'date' ? 'selected' : '' %> value="date">date</option>
-                        </select>
-                    </td>
-                </tr>
-                <tr>
-                    <td><label for="vocabulary-type">{% trans %}Vocabulary type{% endtrans %}</label></td>
-                    <td>
-                        <select id="vocabulary-type">
-                            <option <%= field['vocabulary-type'] == null ? 'selected' : '' %> value=''></option>
-                            <% _.each(vocabularyTypes, function(vocab) { %>
-                                <option <%= field['vocabulary-type'] == vocab.type ? 'selected' : '' %> value="<%= vocab.type %>"><%= vocab.name %></option>
-                            <% }); %>
-                        </select>
-                    </td>
-                </tr>
-                <tr>
-                    <td colspan="2">
-                        <% if(field['vocabulary-type'] != null && field['vocabulary-type'] != '') { %>
-                            <label for="vocabulary-restricted" class="checkbox">
-                                <input id="vocabulary-restricted" type="checkbox" <%= field["vocabulary-restricted"] ? "checked='checked'" : "" %> />
-                                {% trans %}Limited vocabulary{% endtrans %}
-                            </label>
-                        <% } %>
-                    </td>
-                </tr>
-                <tr>
-                    <td colspan="2">
-                        <label for="business" class="checkbox">
-                            <input id="business" type="checkbox" <%= field.business ? "checked='checked'" : "" %> />
-                            {% trans %}Business Fields{% endtrans %}
-                        </label>
-                    </td>
-                </tr>
-                <tr>
-                    <td><label for="separator">{% trans %}Separator{% endtrans %}</label></td>
-                    <td><input id="separator" type="text" value="<%= field.separator %>" /></td>
-                </tr>
-            </table>
-            <h4>{% trans %}Display & action settings{% endtrans %}</h4>
-            <table>
-                <tr>
-                    <td>
-                        <label for="required" class="checkbox">
-                            <input id="required" type="checkbox" <%= field.required ? "checked='checked'" : "" %> />
-                            {% trans %}Mandatory{% endtrans %}
-                        </label>
-                    </td>
-                </tr>
-                <tr>
-                    <td>
-                        <label for="indexable" class="checkbox">
-                            <input id="indexable" type="checkbox" <%= field.indexable ? "checked='checked'" : "" %> />
-                            {% trans %}Indexable{% endtrans %}
-                        </label>
-                    </td>
-                </tr>
-                <tr>
-                    <td>
-                        <label for="readonly" class="checkbox">
-                            <input id="readonly" type="checkbox" <%= field.readonly ? "checked='checked'" : "" %> />
-                            {% trans %}Read-only{% endtrans %}
-                        </label>
-                    </td>
-                </tr>
-                <tr>
-                    <td>
-                        <label for="report" class="checkbox">
-                            <input id="report" type="checkbox" <%= field.report ? "checked='checked'" : "" %> />
-                            {% trans %}Report{% endtrans %}
-                        </label>
-                    </td>
-                </tr>
-                <tr>
-                    <td><label for="thumbtitle">{% trans %}Display thumbnails{% endtrans %}</label></td>
-                    <td>
-                        <select id="thumbtitle">
-                            <option value="1" <%= field.thumbtitle == "1" ? "selected" : "" %> >{% trans 'Tous' %}</option>
-                            <option value="0" <%= field.thumbtitle == "0" ? "selected" : "" %> >{% trans 'Aucun' %}</option>
-                            <option value="fr" <%= field.thumbtitle == "fr" ? "selected" : "" %> >{% trans 'Francais' %}</option>
-                            <option value="nl" <%= field.thumbtitle == "nl" ? "selected" : "" %> >{% trans 'Dutch' %}</option>
-                            <option value="de" <%= field.thumbtitle == "de" ? "selected" : "" %> >{% trans 'Allemand' %}</option>
-                            <option value="en" <%= field.thumbtitle == "en" ? "selected" : "" %> >{% trans 'Anglais' %}</option>
-                            <option value="ar" <%= field.thumbtitle == "ar" ? "selected" : "" %> >{% trans 'Arabe' %}</option>
-                        </select>
-                    </td>
-                </tr>
-            </table>
-        </div>
-    </div>
-</script>
-
-<script type="text/template" id="list_row_template">
-    <table>
-        <tr>
-            <td class="handle">
-                <i class="icon-move"></i>
-            </td>
-            <td rowspan="2" class="trigger-click">
-                <div class="field-name"><%= name %></div>
-                <div class="field-tag"><%= tag %></div>
-            </td>
-            <td rowspan="2" class="chip trigger-click">
-                <i class="icon-chevron-right"></i>
-            </td>
-        </tr>
-        <tr>
-            <td class="position">
-                <%= position %>
-            </td>
-        </tr>
-    </table>
-</script>
-
-<script type="text/template" id="dc_fields_template">
-    <select id="dces-element" class="input-block-level">
-        <option <%= field['dces-element'] == null ? 'selected' : '' %> value=''></option>
-        <% _.each(dces_elements, function(el) { %>
-            <option <%= field['dces-element'] == el.label ? 'selected' : '' %> value="<%= el.label %>">DC:<%= el.label %></option>
-        <% }); %>
-    </select>
-</script>
-
-<script type="text/template" id="field_error_template">
-    <% if(messages.length > 0) { %>
-        <div class="well well-small">
-            <i class="icon-exclamation-sign"></i> {% trans %}Current configuration contains some errors{% endtrans %}
-        </div>
-    <% } %>
-</script>

www/scripts/tests/fixtures/home/login/form

@@ -1,55 +0,0 @@
-<form novalidate="" name="loginForm" method="POST" action="#">
-    <div class="row-fluid">
-        <div class="span12">
-            <label for="login" class="required">Login</label>
-            <table class="input-table">
-                <tbody><tr>
-                        <td class="icon">
-                            <i class="icon-envelope icon-white"></i>
-                        </td>
-                        <td class="input">
-                            <input type="text" id="login" name="login" required="required" class="input-block-level">
-                        </td>
-                    </tr>
-                </tbody></table>
-            <div class="error-view"></div>
-        </div>
-    </div>
-    <div class="row-fluid">
-        <div class="span12">
-            <label for="password" class="required">Password</label>
-            <table class="input-table">
-                <tbody><tr>
-                        <td class="icon">
-                            <i class="icon-lock icon-white"></i>
-                        </td>
-                        <td class="input">
-                            <input type="password" id="password" name="password" required="required" class="input-block-level">
-                        </td>
-                    </tr>
-                </tbody></table>
-            <div class="error-view"></div>
-        </div>
-    </div>
-    <div class="text-right">
-        <a class="forget-password-link" href="/login/forgot-password/">Forgot password?</a>
-    </div>
-
-    <div class="row-fluid">
-        <div class="span12">
-            <button type="submit" class="btn btn-success btn-trigger">
-                Connection
-            </button>
-        </div>
-    </div>
-    <div class="row-fluid">
-        <div class="span12">
-            <label for="remember-me" class="checkbox">
-                <input type="checkbox" id="remember-me" name="remember-me" checked="checked" value="1">
-                Remember me
-            </label>
-            <div class="error-view"></div>
-        </div>
-    </div>
-    <input type="hidden" id="redirect" name="redirect"><input type="hidden" id="_token" name="_token" value="76b1bdee87734050bb1ab237c162f1211eda0622">
-</form>

www/scripts/tests/fixtures/home/login/templates

@@ -1,23 +0,0 @@
-<script type="text/template" id="field_errors">
-    <div class="hidden-phone popover bottom field-error">
-        <div class="arrow"></div>
-        <div class="popover-content">
-            <table>
-                <tr>
-                    <td style="width:35px;"><i class="icon-warning-sign icon-white"></i></td>
-                    <td>
-                        <% _.each(errors, function(error) { %>
-                            <div><%= error.message %></div>
-                        <% }); %>
-                    </td>
-                </tr>
-            </table>
-        </div>
-    </div>
-
-    <span class="visible-phone text-error help-block help-block-error">
-        <% _.each(errors, function(error) { %>
-            <td> <%= error.message %></td>
-        <% }); %>
-    </span>
-</script>

www/scripts/tests/index.html

@@ -14,6 +14,7 @@
         require([
             'tests/baseTest',
             'specs/admin/fields',
+            'specs/admin/taskmanager',
             'specs/login/home',
             'specs/models',
             'specs/validator'

www/scripts/tests/main.js

@@ -4,7 +4,6 @@ require.config({
         specs: "tests/specs",
         chai: "../assets/chai/chai",
         fixtures: "../assets/js-fixtures/fixtures",
-        app: "apps/admin/fields/app",
         jquery: "../assets/jquery/jquery",
         jqueryui: "../assets/jquery.ui/jquery-ui",
         underscore: "../assets/underscore-amd/underscore",

www/scripts/tests/specs/admin/fields.js

@@ -2,7 +2,7 @@ define([
     'chai',
     'fixtures',
     'jquery',
-    'app',
+    'apps/admin/fields/app',
     'models/field',
     'apps/admin/fields/collections/fields',
     'apps/admin/fields/collections/dcFields',
@@ -20,13 +20,16 @@ define([
     var assert = chai.assert;
     var should = chai.should();
 
-    // load fixtures in dom
+    // Note: fixture are loaded into scripts/tests/fixtures directory using
+    // bin/developer phraseanet:regenerate-js-fixtures
     fixtures.path = 'fixtures';
-    $("body").append(fixtures.read('admin/fields/dom', 'admin/fields/templates'));
+    $("body").append(fixtures.read('admin/fields/index.html', 'admin/fields/templates.html'));
     var sbasId = 1;
 
     App.create();
 
+    AdminFieldApp.languages = {"de":"Deutsch","en":"English","fr":"Francais","nl":"Dutch"};
+
     describe("Admin field", function () {
         describe("Initialization", function () {
             it("should create a global variable", function () {

www/scripts/tests/specs/admin/taskmanager.js

@@ -0,0 +1,103 @@
+define([
+    'chai',
+    'fixtures',
+    'jquery',
+    'apps/admin/tasks-manager/app',
+    'models/task',
+    'apps/admin/tasks-manager/collections/tasks',
+    'apps/admin/tasks-manager/views/ping',
+    'apps/admin/tasks-manager/views/task',
+    'apps/admin/tasks-manager/views/tasks'
+], function (chai, fixtures, $, App, TaskModel, TaskCollection, PingView, TaskView, TasksView) {
+    var expect = chai.expect;
+    var assert = chai.assert;
+    var should = chai.should();
+
+    // Note: fixture are loaded into scripts/tests/fixtures directory using
+    // bin/developer phraseanet:regenerate-js-fixtures
+    fixtures.path = 'fixtures';
+    $("body").append(fixtures.read('admin/task-manager/templates.html', 'admin/task-manager/index.html'));
+
+    App.create();
+
+    describe("Admin task manager", function () {
+        describe("Initialization", function () {
+            it("should create a global variable", function () {
+                should.exist(TaskManagerApp);
+            });
+        });
+
+        describe("Views", function () {
+            describe("TaskView", function () {
+                beforeEach(function () {
+                    this.view = new TaskView({
+                        model: new TaskModel({
+                            "name":"Task", "configuration":"start", "actual": "stopped", "id":1, "urls" : []
+                        })
+                    });
+                });
+
+                it("render() should return the view object", function () {
+                    this.view.render().should.equal(this.view);
+                    this.view.renderId().should.equal(this.view);
+                    this.view.renderConfiguration().should.equal(this.view);
+                    this.view.renderActual().should.equal(this.view);
+                    this.view.renderPid().should.equal(this.view);
+                    this.view.renderName().should.equal(this.view);
+                });
+
+                it("should render as a TR element", function () {
+                    this.view.render().el.nodeName.should.equal("TR");
+                });
+            });
+
+            describe("Empty Tasks item views", function () {
+                beforeEach(function () {
+                    this.collection = new TaskCollection([]);
+                    this.view = new TasksView({
+                        collection: this.collection,
+                        el: AdminFieldApp.$tasksListView
+                    });
+                });
+
+                it("should include list items for all models in collection", function () {
+                    this.view.render();
+                    this.view.$el.find("tr").length.should.equal(0);
+                });
+            });
+
+            describe("Tasks Item Views", function () {
+                beforeEach(function () {
+                    this.collection = new TaskCollection([
+                        {"name" : "task", "actual":"stopped", "configuration": "start", "urls" : []},
+                        {"name" : "task2", "actual":"stopped", "configuration": "start", "urls" : []}
+                    ]);
+
+                    this.view = new TasksView({
+                        collection: this.collection,
+                        el: AdminFieldApp.$tasksListView
+                    });
+                });
+
+                it("render() should return the view object", function () {
+                    this.view.render().should.equal(this.view);
+                });
+
+                it("should include list items for all models in collection", function () {
+                    this.view.render();
+                    this.view.$el.find("tr").length.should.equal(2);
+                });
+            });
+
+            describe("Ping View", function () {
+                beforeEach(function () {
+                    this.view = new PingView();
+                });
+
+                it("render() should return the view object", function () {
+                    this.view.render().should.equal(this.view);
+                });
+            });
+        });
+    });
+});

www/scripts/tests/specs/login/home.js

@@ -9,9 +9,10 @@ define([
     var expect = chai.expect;
     var assert = chai.assert;
     var should = chai.should();
-
+    // Note: fixture are loaded into scripts/tests/fixtures directory using
+    // bin/developer phraseanet:regenerate-js-fixtures
     fixtures.path = 'fixtures';
-    $("body").append(fixtures.read('home/login/form', 'home/login/templates'));
+    $("body").append(fixtures.read('home/login/index.html', 'home/login/templates.html'));
 
     describe("Login Home", function () {
         describe("Form View", function () {