app/views/admin/manage-users.blade.php

@extends('layout.basic')

@section('page-header')
@parent
{{ HTML::style('css/admin.css')}}
@stop

@section('content')

<div id="wrapper">
    <!-- Sidebar Menu Items - These collapse to the responsive navigation menu on small screens -->
    @include( 'partials/dashboard-block')
    <div id="page-wrapper">
        <div class="col-md-12">
            @if( Session::has("message"))
            <div class="row">
                <div class="alert alert-success alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert"><span
                            aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    {{ Session::get("message") }}
                </div>
            </div>
            {{ Session::forget("message") }}
            @endif
            @if( Session::has("warning-message"))
            <div class="row">
                <div class="alert alert-warning alert-dismissible" role="alert">
                    <button type="button" class="close" data-dismiss="alert"><span
                            aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
                    {{ Session::get("warning-message") }}
                </div>
            </div>
            @endif
        </div>
        <div class="container-fluid">
            <div class="col-md-12">
                <form action="{{URL::to('/') }}/admin/dashboard/users" method="post" role="form">
                    <div class="row">
                        <div class="col-md-6">
                            <h3>Users :</h3>
                        </div>
                        <div class="input-group" style="margin-top: 1.5%">
                            <input required="required" name="search_val" type="text" class="form-control" placeholder="Search by Username"
                            @if(Input::has("search_val"))
                            value="{{Input::get("search_val")}}"
                            @endif
                            >
                            <span class="input-group-btn">
                                <button class="btn btn-default" type="submit">Search</button>
                            </span>
                        </div>
                    </div>
                </form>

                <table class="table table-striped table-condensed">
                    <tr>
                        <th>First Name</th>
                        <th>Last Name</th>
                        <th>Username</th>
                        <th>Email</th>
                        <th>User Enabled</th>

                        <th>
                            Role :
                            <select onchange="location = this.options[this.selectedIndex].value;">
                                <option value="{{URL::to('/')}}/admin/dashboard/users">All</option>
                                @foreach( (array)$roles as $role)
                                    @if( strpos( $role, 'Internal/') === false && 
                                        strpos( $role, 'Application/') === false
                                    )
                                    <option value="{{URL::to('/')}}/admin/dashboard/users?role={{$role}}"
                                    <?php
                                        if(isset(Input::all()["role"]) && Input::all()["role"] == $role){
                                            echo "selected";
                                        }
                                    ?>
                                    >{{$role}}</option>
                                    @endif
                                @endforeach
                            </select>
                        </th>
                    </tr>
                    @foreach( (array)$users as $user)
                    <tr class="user-row">
                        <td>{{ $user->firstName }}</td>
                        <td>{{ $user->lastName }}</td>
                        <td>{{ $user->userName }}</td>
                        <td>{{ $user->email }}</td>
                        @if($user->userEnabled)
                            <td class="text-success"><span class="glyphicon glyphicon-ok"></span></td>
                        @else
                            <td class="text-danger"><span class="glyphicon glyphicon-remove"></span></td>
                        @endif
                        <td>
                            <button class="button btn btn-default check-roles" type="button"
                                    data-username="{{$user->userName}}"
                                    @if(!$user->userEnabled)disabled @endif>Check All Roles
                            </button>
                            <div class="user-roles"></div>
                        </td>
                    </tr>
                    @endforeach
                </table>

            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="check-role-block" tabindex="-1" role="dialog" aria-labelledby="add-modal"
     aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h3 class="text-center">User Roles</h3>
            </div>
            <div class="modal-body">
                <h4 class="roles-of-user"></h4>

                <div class="roles-load">
                    Getting User Roles. Please Wait... <img src="{{URL::to('/')}}/assets/ajax-loader.gif"/>
                </div>
                <div class="roles-list">
                </div>
                @if(Session::has("admin"))
                <div class="add-roles-block hide">
                    <div class="form-group well">
                        <label class="control-label">Add a new roles to the user</label>
                        <select multiple name="new-role" class="new-roles-select" class="form-control">
<!--                            <option>Select a role</option>-->
                            @foreach( (array)$roles as $role)
                                @if( strpos( $role, 'Internal/') === false && 
                                    strpos( $role, 'Application/') === false
                                )
                                <option value="{{$role}}">{{$role}}</option>
                                @endif
                            @endforeach
                        </select>
                        <button type="button" class="btn btn-primary add-roles-submit" data-username="">Add Roles
                        </button>
                    </div>
                </div>
                @endif
            </div>
            <div class="modal-footer">
                <div class="success-message"></div>
                <div class="form-group">
                    <input type="submit" class="btn" data-dismiss="modal" value="Close"/>
                </div>
            </div>
        </div>
        <input type="hidden" class="base-url" value="{{URL::to('/')}}"/>
    </div>
</div>

<div class="role-block hide">
    <div class="btn-group" role="group">
        <button type="button" class="btn btn-default role-name" disabled>Role</button>
        @if(Session::has("admin"))
        <button type="button" class="btn btn-default existing-role-button"><span class="glyphicon glyphicon-remove"></span></button>
        @endif
    </div>
</div>
@stop

@section('scripts')
@parent
<script>

//    $(".user-row").hover(
//        function () {
//            $(this).find(".check-roles").addClass("in");
//        },
//        function () {
//            $(this).find(".check-roles").removeClass("in");
//        }
//    );

    $(document).on("click",".existing-role-button",function(e) {
        e.preventDefault();
        that = this;
        if($(this).attr("roleName") != "Internal/everyone"){
            $.ajax({
                type: "POST",
                url: $(".base-url").val() + "/admin/remove-role-from-user",
                data: {
                    username: userName,
                    roleName:$(this).attr("roleName")
                }
            }).complete(function (data) {
                //getting user's existing roles
                repopulatePopup( userName);
                $(".success-message").html("<span class='alert alert-success col-md-12'>Role has been removed</span>");
            });
        }
    });

    function update_users_existing_roles(that){
        userName = $(that).data("username");
        repopulatePopup( userName);
    }

    $(".check-roles").click(function () {
        //remove disabled roles from previous actions.
        $(".new-roles-select option").each(function () {
            $(this).removeAttr("disabled");
        });

        update_users_existing_roles(this);
    });

    $(".add-roles-submit").click(function () {
        that = this;
        $(".success-message").html("");
        $(this).attr("disabled", "disabled");
        $(this).html("<img src='" + $(".base-url").val() + "/assets/ajax-loader.gif'/>");
        userName = $(this).data("username");
        var rolesToAdd = $(".new-roles-select").val();
        if(rolesToAdd != null){
            $(".roles-list").find(".role-name").each(function () {
                rolesToAdd.push($(this).html());
            });
            $.ajax({
                type: "POST",
                url: $(".base-url").val() + "/admin/add-roles-to-user",
                data: {
                    add: true,
                    username: userName,
                    roles: rolesToAdd
                },
                success : function(data)
                {
                    $(".roles-load").removeClass("hide");
                    $(".roles-list").addClass("hide");
                    $(".success-message").html("<span class='alert alert-success col-md-12'>Roles have been added</span>");
                    update_users_existing_roles(that);
                },
                complete: function(data)
                {
                    $(".add-roles-submit").html("Add Roles");
                    $(".add-roles-submit").removeAttr("disabled");
                }
            });
        }
    });

    function repopulatePopup( username){

        $("#check-role-block").modal("show");
        $(".roles-of-user").html("User : " + userName);
        $(".roles-load").removeClass("hide");
        $(".roles-list").addClass("hide");
        $(".add-roles-submit").data("username", userName);
        $(document).find(".alert-success").remove();

        $.ajax({
            type: "POST",
            url: $(".base-url").val() + "/admin/check-roles",
            data: {
                username: userName
            }
        }).complete(function (data) {
            roles = JSON.parse(data.responseText);
            roleBlocks = "";
            $(".new-roles-select option").each(function () {
                $(this).removeAttr("disabled");
            });
            var displayedRolesCount = 0;
            for (var i = 0; i < roles.length; i++) {
                //disable roles which user already has.
                var roleName = roles[i].trim();
                if( roleName.indexOf( "Internal/") == -1 &&
                    roleName.indexOf( "Application/") == -1 ){
                    $(".new-roles-select option").each(function () {
                        if ($(this).val().trim() == roleName){
                            $(this).attr("disabled", "disabled");
                        }
                    });
                    $(".role-block").find(".role-name").html(roles[i]);
                    $(".role-block").find(".existing-role-button").attr("roleName", roles[i]);
                    var newRoleBlock = $(".role-block").html();
                    roleBlocks += newRoleBlock;
                    $(".roles-list").html(roleBlocks);
                    displayedRolesCount++;
                }
            }
            // If there is only one role displayed, don't allow admin to remove last role
            if (displayedRolesCount === 1) {
                $('.roles-list .existing-role-button').remove();
            }
            $(".add-roles-block").removeClass("hide");
            $(".roles-load").addClass("hide");
            $(".roles-list").removeClass("hide");
        });
    }
</script>
@stop