app/views/admin/manage-users.blade.php (264 lines of code) (raw):
@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">×</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">×</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