Disco/Disco.Web/Views/User/Show.cshtml

@model Disco.Web.Models.User.ShowModel
@using Disco.Services.Users.UserFlags;
@{
    Authorization.Require(Claims.User.Show);

    ViewBag.Title = Html.ToBreadcrumb("Users", MVC.User.Index(), string.Format("User: {0} ({1})", Model.User.DisplayName, Model.User.FriendlyId()));
}
<div id="User_Show">
    <div id="User_Show_Flags">
        @foreach (var flag in Model.User.UserFlagAssignments.Where(f => !f.RemovedDate.HasValue).Select(f => Tuple.Create(f, UserFlagService.GetUserFlag(f.UserFlagId))))
        {
            <i class="flag fa fa-@(flag.Item2.Icon) fa-fw fa-lg d-@(flag.Item2.IconColour)"><span class="details"><span class="name">@flag.Item2.Name</span>@if (flag.Item1.Comments != null)
                                                                                                                                                            {<span class="comments">@flag.Item1.Comments.ToHtmlComment()</span>}<span class="added">@CommonHelpers.FriendlyDateAndUser(flag.Item1.AddedDate, flag.Item1.AddedUser)</span></span></i>
        }
    </div>
    <script type="text/javascript">
        $(function () {
            $('#User_Show_Flags')
                .appendTo('#layout_PageHeading')
                .tooltip({
                    items: 'i.flag',
                    content: function () {
                        var $this = $(this);
                        return $this.children('.details').html();
                    },
                    tooltipClass: 'User_FlagAssignment_Tooltip',
                    position: {
                        my: "right top",
                        at: "right bottom",
                        collision: "flipfit flip"
                    },
                    hade: {
                        effect: ''
                    },
                    close: function (e, ui) {
                        ui.tooltip.hover(
                            function () {
                                $(this).stop(true).fadeTo(100, 1);
                            },
                            function () {
                                $(this).fadeOut(100, function () { $(this).remove(); });
                            });
                    }
                });
        });
    </script>
    @Html.Partial(MVC.User.Views.UserParts._Subject, Model)
    <script type="text/javascript">
        $(function () {
            var $tabs = $('#UserDetailTabs');
            if ($tabs.children().length > 1) {
                $tabs.tabs({
                    activate: function (event, ui) {
                        window.setTimeout(function () {
                            var $window = $(window);
                            var tabHeight = $tabs.height();
                            var tabOffset = $tabs.offset();
                            var windowScrollTop = $window.scrollTop();
                            var windowHeight = $window.height();

                            var tabTopNotShown = windowScrollTop - tabOffset.top;
                            if (tabTopNotShown > 0) {
                                $('html').animate({ scrollTop: tabOffset.top }, 125);
                            } else {
                                var tabBottomNotShown = ((windowScrollTop + windowHeight) - (tabHeight + tabOffset.top)) * -1;
                                if (tabBottomNotShown > 0) {
                                    if (tabHeight > windowHeight)
                                        $('html').animate({ scrollTop: tabOffset.top }, 125);
                                    else
                                        $('html').animate({ scrollTop: windowScrollTop + tabBottomNotShown }, 125);
                                }
                            }
                        }, 1);
                    }
                });
            } else {
                $tabs.hide();
            }
        });
    </script>
    <div id="UserDetailTabs">
        <ul id="UserDetailTabItems"></ul>
        @if (Authorization.Has(Claims.User.ShowJobs))
        {
            @Html.Partial(MVC.User.Views.UserParts._Jobs, Model)
        }
        @if (Authorization.Has(Claims.User.ShowAssignmentHistory))
        {
            @Html.Partial(MVC.User.Views.UserParts._AssignmentHistory, Model)
        }
        @if (Authorization.Has(Claims.User.ShowAttachments))
        {
            @Html.Partial(MVC.User.Views.UserParts._Resources, Model)
        }
        @if (Authorization.Has(Claims.User.ShowFlagAssignments))
        {
            @Html.Partial(MVC.User.Views.UserParts._Flags, Model)
        }
        @if (Authorization.Has(Claims.User.ShowAuthorization))
        {
            @Html.Partial(MVC.User.Views.UserParts._Authorization, Model)
        }
    </div>
</div>