//-- copyright // OpenProject is a project management system. // Copyright (C) 2012-2014 the OpenProject Foundation (OPF) // // This program is free software; you can redistribute it and/or // modify it under the terms of the GNU General Public License version 3. // // OpenProject is a fork of ChiliProject, which is a fork of Redmine. The copyright follows: // Copyright (C) 2006-2013 Jean-Philippe Lang // Copyright (C) 2010-2013 the ChiliProject Team // // This program is free software; you can redistribute it and/or // modify it under the terms of the GNU General Public License // as published by the Free Software Foundation; either version 2 // of the License, or (at your option) any later version. // // This program 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. See the // GNU General Public License for more details. // // You should have received a copy of the GNU General Public License // along with this program; if not, write to the Free Software // Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301, USA. // // See doc/COPYRIGHT.rdoc for more details. //++ angular.module('openproject.layout') /** * menuItemFactory * * Provides a function to generate menu items for the project menu on the fly. * The container element of the menu items to be inserted is a mandatory option. Moreover a * link function can be set, which will be applied to the generated menu item. * * An example for setting up the factory is given in angular/layout/query-menu-items.js */ .factory('menuItemFactory', [ '$rootScope', '$compile', '$http', '$templateCache', '$animate', function($rootScope, $compile, $http, $templateCache, $animate) { return function(options) { if (!options.container) { throw new Error('Container must be specified menu item to have exacly one of either `template` or `templateUrl`'); } var templateUrl = '/templates/layout/menu_item.html', type = options.type, container = angular.element(options.container), linkFn = options.linkFn, scope; function generateMenuItem(title, path, objectId) { if(!container) return; var menuItem; scope = $rootScope.$new(true); scope.type = type; scope.title = title; scope.path = path; scope.objectId = objectId; $http.get(templateUrl, { cache: $templateCache }).then(function (response) { menuItem = angular.element(response.data); if (linkFn) linkFn(scope, menuItem.children('a'), {}); $compile(menuItem)(scope); var previousItem = previousMenuItem(title); $animate.enter(menuItem, container, previousItem); }); } /** * previousMenuItem * * Returns the menu item within the factories's container that has a title * alphabetically before the provided title. The considered menu items have * the type (css class) this factory is responsible for. * * Params * * title: The string used for comparing. */ function previousMenuItem(title) { var allItems = container.find('li'), previousElement = angular.element(allItems[allItems.size() - 1]), i = allItems.size() - 2; for (i; i >= 0; i--) { if ((title > previousElement.find('a').attr('title')) || (previousElement.find('.' + type).size() === 0)) { return previousElement; } else { previousElement = angular.element(allItems[i]); } } } return { generateMenuItem: generateMenuItem, link: linkFn }; }; }]);