openproject/frontend/app/components/modals/export-modal/export-modal.service.ts

//-- copyright
// OpenProject is a project management system.
// Copyright (C) 2012-2015 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.
//++

import {wpControllersModule} from '../../../angular-modules';

class ExportModalController {
  public name: string;
  public closeMe: Function;
  public exportOptions: any;

  constructor(exportModal, QueryService, UrlParamsHelper) {
    var query = QueryService.getQuery();

    this.name = 'Export';
    this.closeMe = exportModal.deactivate;
    this.exportOptions = UrlParamsHelper.buildQueryExportOptions(query);
  }
}

function exportModalService(btfModal) {
  return btfModal({
    controller: ExportModalController,
    controllerAs: '$ctrl',
    afterFocusOn: '#work-packages-settings-button',
    template: `
      <div class="ng-modal-window">
        <div class="ng-modal-inner">
          <div class="modal-header">
            <a>
              <i
                 class="icon-close"
                 ng-click="$ctrl.closeMe()"
                 title="{{ ::I18n.t('js.close_popup_title') }}">
              </i>
             </a>
          </div>

          <h3>{{ ::I18n.t('js.label_export') }}</h3>

          <ul class="export-options">
            <li ng-repeat="option in $ctrl.exportOptions">
              <a ng-href="{{ ::option.url }}" focus="$first" id="export-{{ ::option.identifier }}">
                <i class="icon-export-{{ ::option.identifier }} icon-big"></i>
                <span class="export-label">{{ ::option.label }}</span>
              </a>
            </li>
          </ul>
        </div>
      </div>
    `
  });
}

wpControllersModule.factory('exportModal', exportModalService);