/** @jsx React.DOM */
/* global conjur, React, ReactBootstrap, _ */

(function(conjur, React, ReactBootstrap, _) {
    'use strict';

    var TabPane = ReactBootstrap.TabPane,
        OwnedResources = conjur.views.OwnedResources,
        RoleLink = conjur.views.RoleLink,
        AnnotationsBox = conjur.views.AnnotationsBox,
        Permissions = conjur.views.Permissions;

    // we can't create custom TabPanes as components,
    // because they won't be recognized by TabbedArea as tabs
    // that's why we just generalize their constructors
    this.Tab = {
        containsOwnedItems: function() {
            return (
                this.props.data.owned &&
                    this.props.data.owned.length &&
                    this.props.data.owned.length > 0
            );
        },

        ownedIds: function() {
            if (this.containsOwnedItems()) {
                return this.props.data.owned.map(function(ownedItem) {
                    return ownedItem.id;
                });
            }

            return [];
        },

        ownedTab: function() {
            if (this.containsOwnedItems()) {
                var result = (
                  <TabPane key="owned"
                           tab={conjur.utils.getTabname('Owned resources', this.props.data.owned)}>
                    <OwnedResources owned={this.props.data.owned} tabview={true} />
                  </TabPane>
                );

                return result;
            }

            return null;
        },

        containsNontrivialRoles: function() {
            return (
                this.props.data.roles &&
                    this.props.data.roles.length &&
                    this.props.data.roles.length > 1
            );
        },

        externalRoles: function(ownId) {
            if (!this.containsNontrivialRoles()) {
                return [];
            }

            var ownedIds = this.ownedIds();

            return this.props.data.roles.filter(function(roleid) {
                // do not show themself
                return roleid !== ownId;
            }).filter(function(roleid) {
                // do not show internal roles
                return roleid.split(':')[1] !== '@';
            }).filter(function(roleid) {
                // do not show owned groups
                return ! _.contains(ownedIds, roleid);
            });
        },

        membershipsTab: function(ownId) {
            if (!this.containsNontrivialRoles()) {
                return null;
            }

            var membershipLinks = this.externalRoles(ownId)
                    .sort(function(a, b) {
                        return a.toLowerCase().localeCompare(b.toLowerCase());
                    })
                    .map(function(roleid) {
                        return (
                          <li className="list-group-item list-group-item-noborder">
                            <RoleLink id={roleid} />
                          </li>
                        );
                    });

            if (membershipLinks.length === 0) {
                return null;
            }

            var result = (
              <TabPane key="memberships"
                       tab={conjur.utils.getTabname('Explicit memberships', membershipLinks)}>
                <ul className="list-group">
                  {membershipLinks}
                </ul>
              </TabPane>
            );

            return result;
        },

        containsAnnotations: function() {
            return (
                this.props.data.annotations &&
                    this.props.data.annotations.length &&
                    this.props.data.annotations.length > 0
            );
        },

        annotationsTab: function() {
            if (!this.containsAnnotations()) {
                return null;
            }

            var result = (
              <TabPane key="annotations"
                       tab={conjur.utils.getTabname('Annotations', this.props.data.annotations)}>
                <AnnotationsBox annotations={this.props.data.annotations} />
              </TabPane>
            );

            return result;
        },

        permissionsTab: function(roleid) {
            var result = (
              <TabPane key="permissions" tab="Permissions held">
                <Permissions owned={this.props.data.owned}
                             roles={this.props.data.roles}
                             role={roleid}
                             tabview={true} />
              </TabPane>
            );

            return result;
        }

    };

}).bind(conjur.views.mixins)
(
    conjur,
    React,
    ReactBootstrap,
    _
);