From 74fa29d2c578fc19ccd9be132c4741d2236d4802 Mon Sep 17 00:00:00 2001 From: Jaden Diefenbaugh <blakcap@users.noreply.github.com> Date: Fri, 3 Mar 2017 15:18:14 +0100 Subject: [PATCH] add basic addgroup button --- .../app/directives/groupAddGroupMenu.js | 52 +++++++++++++++++++ .../reports/app/directives/groupsLayout.js | 2 + .../web/reports/templates/reports/report.html | 1 + 3 files changed, 55 insertions(+) create mode 100644 beat/web/reports/static/reports/app/directives/groupAddGroupMenu.js diff --git a/beat/web/reports/static/reports/app/directives/groupAddGroupMenu.js b/beat/web/reports/static/reports/app/directives/groupAddGroupMenu.js new file mode 100644 index 000000000..4a3fc5d8c --- /dev/null +++ b/beat/web/reports/static/reports/app/directives/groupAddGroupMenu.js @@ -0,0 +1,52 @@ +/* + * Copyright (c) 2016 Idiap Research Institute, http://www.idiap.ch/ + * Contact: beat.support@idiap.ch + * + * This file is part of the beat.web module of the BEAT platform. + * + * Commercial License Usage + * Licensees holding valid commercial BEAT licenses may use this file in + * accordance with the terms contained in a written agreement between you + * and Idiap. For further information contact tto@idiap.ch + * + * Alternatively, this file may be used under the terms of the GNU Affero + * Public License version 3 as published by the Free Software and appearing + * in the file LICENSE.AGPL included in the packaging of this file. + * The BEAT platform is distributed in the hope that it will be useful, but + * WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY + * or FITNESS FOR A PARTICULAR PURPOSE. + * + * You should have received a copy of the GNU Affero Public License along + * with the BEAT platform. If not, see http://www.gnu.org/licenses/. + */ + +/* + * groupAddGroupMenu + * Desc: + * represents the menu for creating groups + */ +angular.module('reportApp') +.directive("groupAddGroupMenu", ['GroupsService', function(GroupsService){ + return { + scope: { + }, + link: function(scope){ + scope.createGroup = GroupsService.createGroup; + scope.newGroupName = { val: '' }; + }, + template: ` +<form> + <div class='form-group'> + <label for='createNewGroupInput'><strong>Create a new Group</strong></label> + <div class="input-group"> + <span class="input-group-btn"> + <button ng-click='createGroup(newGroupName.val)' class="btn btn-default" type="button">Create</button> + </span> + <input id='createNewGroupInput' ng-model='newGroupName.val' type="text" class="form-control" placeholder="Group name..."> + </div> + </div> +</form> +` + }; +}]); + diff --git a/beat/web/reports/static/reports/app/directives/groupsLayout.js b/beat/web/reports/static/reports/app/directives/groupsLayout.js index 97ff74cbd..5d2760204 100644 --- a/beat/web/reports/static/reports/app/directives/groupsLayout.js +++ b/beat/web/reports/static/reports/app/directives/groupsLayout.js @@ -39,6 +39,8 @@ angular.module('reportApp').directive("groupsLayout", ['GroupsService', function }; }, template: ` +<div group-add-group-menu class='alert alert-success'></div> + <div ui-sortable='sortableOptions' ng-model='GroupsService.groups' id='groupsLayout' class='panel-group'> <div group-panel-content diff --git a/beat/web/reports/templates/reports/report.html b/beat/web/reports/templates/reports/report.html index 436991622..a1beb4668 100644 --- a/beat/web/reports/templates/reports/report.html +++ b/beat/web/reports/templates/reports/report.html @@ -120,6 +120,7 @@ <script src="{% fingerprint "reports/app/directives/groupTextItem.js" %}" type="text/javascript" charset="utf-8"></script> <script src="{% fingerprint "reports/app/directives/groupTableFieldSelector.js" %}" type="text/javascript" charset="utf-8"></script> <script src="{% fingerprint "reports/app/directives/groupViewSerialized.js" %}" type="text/javascript" charset="utf-8"></script> + <script src="{% fingerprint "reports/app/directives/groupAddGroupMenu.js" %}" type="text/javascript" charset="utf-8"></script> <script src="{% fingerprint "ui/js/smartselector.js" %}" type="text/javascript" charset="utf-8"></script> -- GitLab