Finishing the navigation corrections

This commit is contained in:
Gabriel Cardoso 2013-10-17 17:14:15 -03:00
parent 79c1230a9d
commit 0c8ca3fd95
14 changed files with 135 additions and 71 deletions

View file

@ -135,6 +135,7 @@ body {
border-color: #cecece; border-color: #cecece;
font-size: 1em; font-size: 1em;
margin-bottom: 0; margin-bottom: 0;
min-height: 4.4em;
} }
#content-area .top-nav ul.rcue-tabs li { #content-area .top-nav ul.rcue-tabs li {
margin: 0 0.5em -1px 0; margin: 0 0.5em -1px 0;

View file

@ -179,6 +179,7 @@ body {
border-color: @border-dark-grey; border-color: @border-dark-grey;
font-size: 1em; font-size: 1em;
margin-bottom: 0; margin-bottom: 0;
min-height: 4.4em;
li { li {
margin: 0 0.5em -1px 0; margin: 0 0.5em -1px 0;

View file

@ -359,6 +359,7 @@ fieldset.border-top {
margin-bottom: 0; margin-bottom: 0;
float: left; float: left;
margin-top: 0.45454545454545em; margin-top: 0.45454545454545em;
font-weight: 400;
} }
.form-group > label.two-lines { .form-group > label.two-lines {
margin-top: -2px; margin-top: -2px;
@ -713,6 +714,9 @@ input[type="email"].tiny {
font-size: 1.1em; font-size: 1.1em;
margin-right: 0.90909090909091em; margin-right: 0.90909090909091em;
} }
.changing-selectors.application {
padding-left: 12em;
}
.changing-selectors .select-title { .changing-selectors .select-title {
display: inline-block; display: inline-block;
} }

View file

@ -416,6 +416,7 @@ fieldset.border-top {
margin-bottom: 0; margin-bottom: 0;
float: left; float: left;
margin-top: 0.45454545454545em; margin-top: 0.45454545454545em;
font-weight: 400;
&.two-lines { &.two-lines {
margin-top: -2px; margin-top: -2px;
@ -856,6 +857,10 @@ input[type="email"] {
.changing-selectors { .changing-selectors {
&.application {
padding-left: 12em;
}
.select-title { .select-title {
display: inline-block; display: inline-block;

View file

@ -4,8 +4,6 @@
<div id="content-area" class="col-md-9" role="main"> <div id="content-area" class="col-md-9" role="main">
<div class="top-nav"> <div class="top-nav">
<ul class="rcue-tabs"> <ul class="rcue-tabs">
<li><a href="#/create/application/{{realm.id}}">New Application</a></li>
<li><a href="#/realms/{{realm.id}}/applications">Applications</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}">Settings</a></li> <li><a href="#/realms/{{realm.id}}/applications/{{application.id}}">Settings</a></li>
<li class="active"><a href="#/realms/{{realm.id}}/applications/{{application.id}}/credentials">Credentials</a></li> <li class="active"><a href="#/realms/{{realm.id}}/applications/{{application.id}}/credentials">Credentials</a></li>
<li><a href="#">Installation</a></li> <li><a href="#">Installation</a></li>
@ -15,8 +13,13 @@
</ul> </ul>
</div> </div>
<div id="content"> <div id="content">
<h2 class="pull-left" data-ng-hide="create">Application <span>{{application.name}}</span> Credentials</h2> <ol class="breadcrumb" data-ng-hide="create">
<p class="subtitle"></p> <li><a href="#/realms/{{realm.id}}">{{realm.realm}}</a></li>
<li><a href="#/realms/{{realm.id}}/applications">Applications</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}">{{application.name}}</a></li>
<li class="active">Credentials</li>
</ol>
<h2 data-ng-hide="create"><span>{{application.name}}</span> Credentials</h2>
<form name="credentialForm" novalidate > <form name="credentialForm" novalidate >
<fieldset data-ng-show="passwordRequired"> <fieldset data-ng-show="passwordRequired">
<legend uncollapsed><span class="text">Change Password</span></legend> <legend uncollapsed><span class="text">Change Password</span></legend>
@ -28,9 +31,9 @@
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="password">Confirm New Password</label> <label class="two-lines" for="password">New Password Confirmation</label>
<div class="controls"> <div class="controls">
<input type="password" id="confirmPassword" name="confirmPassword" data-ng-model="confirmPassword" autofocus <input type="password" id="confirmPassword" name="confirmPassword" data-ng-model="confirmPassword"
required> required>
</div> </div>
</div> </div>

View file

@ -4,8 +4,6 @@
<div id="content-area" class="col-md-9" role="main"> <div id="content-area" class="col-md-9" role="main">
<div class="top-nav" data-ng-show="!create"> <div class="top-nav" data-ng-show="!create">
<ul class="rcue-tabs"> <ul class="rcue-tabs">
<li><a href="#/create/application/{{realm.id}}">New Application</a></li>
<li><a href="#/realms/{{realm.id}}/applications">Applications</a></li>
<li class="active"><a href="#/realms/{{realm.id}}/applications/{{application.id}}">Settings</a></li> <li class="active"><a href="#/realms/{{realm.id}}/applications/{{application.id}}">Settings</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}/credentials">Credentials</a></li> <li><a href="#/realms/{{realm.id}}/applications/{{application.id}}/credentials">Credentials</a></li>
<li><a href="#">Installation</a></li> <li><a href="#">Installation</a></li>
@ -16,19 +14,28 @@
</div> </div>
<div class="top-nav" data-ng-show="create"> <div class="top-nav" data-ng-show="create">
<ul class="rcue-tabs"> <ul class="rcue-tabs">
<li class="active"><a href="#/create/application/{{realm.id}}">New Application</a></li> <li></li>
<li><a href="#/realms/{{realm.id}}/applications">Applications</a></li>
</ul> </ul>
</div> </div>
<div id="content"> <div id="content">
<h2 class="pull-left" data-ng-show="create">New Application</h2> <ol class="breadcrumb" data-ng-show="create">
<h2 class="pull-left" data-ng-hide="create">Application <span>{{application.name}}</span></h2> <li><a href="#/realms/{{realm.id}}">{{realm.realm}}</a></li>
<p class="subtitle"><span class="required">*</span> Required fields</p> <li><a href="#/realms/{{realm.id}}/applications">Applications</a></li>
<li class="active">Add Application</li>
</ol>
<h2 class="pull-left" data-ng-show="create"><span>{{realm.realm}}</span> Add Application</h2>
<p class="subtitle" data-ng-show="create"><span class="required">*</span> Required fields</p>
<ol class="breadcrumb" data-ng-hide="create">
<li><a href="#/realms/{{realm.id}}">{{realm.realm}}</a></li>
<li><a href="#/realms/{{realm.id}}/applications">Applications</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}">{{application.name}}</a></li>
<li class="active">Settings</li>
</ol>
<h2 data-ng-hide="create"><span>{{application.name}}</span> Settings</h2>
<form name="applicationForm" novalidate> <form name="applicationForm" novalidate>
<fieldset> <fieldset class="border-top">
<legend uncollapsed><span class="text">Application Settings</span></legend>
<div class="form-group"> <div class="form-group">
<label for="name">Name</label><span class="required">*</span> <label for="name">Name <span class="required" data-ng-show="create">*</span></label>
<div class="controls"> <div class="controls">
<input type="text" id="name" name="name" data-ng-model="application.name" autofocus <input type="text" id="name" name="name" data-ng-model="application.name" autofocus
required> required>
@ -36,7 +43,7 @@
</div> </div>
<div class="form-group clearfix block"> <div class="form-group clearfix block">
<label class="control-label">Enabled</label> <label for="enabled" class="control-label">Enabled</label>
<div class="onoffswitch"> <div class="onoffswitch">
<input type="checkbox" data-ng-model="application.enabled" class="onoffswitch-checkbox" <input type="checkbox" data-ng-model="application.enabled" class="onoffswitch-checkbox"
name="enabled" id="enabled"> name="enabled" id="enabled">
@ -50,7 +57,7 @@
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<label for="adminUrl" class="control-label">Base URL</label> <label for="baseUrl" class="control-label">Base URL</label>
<div class="controls"> <div class="controls">
<input class="input-small" type="text" name="baseUrl" id="baseUrl" <input class="input-small" type="text" name="baseUrl" id="baseUrl"
@ -76,7 +83,6 @@
<div class="form-actions" data-ng-show="!create"> <div class="form-actions" data-ng-show="!create">
<button type="submit" data-ng-click="save()" class="primary" data-ng-show="changed">Save <button type="submit" data-ng-click="save()" class="primary" data-ng-show="changed">Save
changes
</button> </button>
<button type="submit" data-ng-click="reset()" data-ng-show="changed">Clear changes <button type="submit" data-ng-click="reset()" data-ng-show="changed">Clear changes
</button> </button>

View file

@ -4,16 +4,21 @@
<div id="content-area" class="col-md-9" role="main"> <div id="content-area" class="col-md-9" role="main">
<div class="top-nav"> <div class="top-nav">
<ul class="rcue-tabs"> <ul class="rcue-tabs">
<li><a href="#/create/application/{{realm.id}}">New Application</a></li> <li></li>
<li class="active"><a href="#">Applications</a></li>
</ul> </ul>
</div> </div>
<div id="content"> <div id="content">
<h2 class="pull-left">Applications</h2> <ol class="breadcrumb">
<li><a href="#/realms/{{realm.id}}">{{realm.realm}}</a></li>
<li class="active">Applications</li>
</ol>
<h2><span>{{realm.realm}}</span> Applications</h2>
<div class="feedback info" data-ng-show="!applications || applications.length == 0">
<p><strong>You have not configured applications.</strong><br><a class="button" href="#/create/application/{{realm.id}}">Add Application</a></p>
</div>
<table> <table>
<caption data-ng-show="!applications || applications.length == 0">No configured applications...</caption>
<thead> <thead>
<tr > <tr>
<th class="rcue-table-actions" colspan="3"> <th class="rcue-table-actions" colspan="3">
<div class="search-comp clearfix"> <div class="search-comp clearfix">
<input type="text" placeholder="Search..." class="search"> <input type="text" placeholder="Search..." class="search">
@ -23,8 +28,7 @@
</button> </button>
</div> </div>
<div class="actions"> <div class="actions">
<a class="button" href="#/create/application/{{realm.id}}">Add</a> <a class="button" href="#/create/application/{{realm.id}}">Add Application</a>
<button class="remove disabled">Remove</button>
</div> </div>
</th> </th>
</tr> </tr>
@ -46,7 +50,7 @@
</td> </td>
</tr> </tr>
</tfoot> </tfoot>
<tbody class="selectable-rows"> <tbody>
<tr ng-repeat="app in applications"> <tr ng-repeat="app in applications">
<td><a href="#/realms/{{realm.id}}/applications/{{app.id}}">{{app.name}}</a></td> <td><a href="#/realms/{{realm.id}}/applications/{{app.id}}">{{app.name}}</a></td>
<td>{{app.enabled}}</td> <td>{{app.enabled}}</td>

View file

@ -4,20 +4,38 @@
<div id="content-area" class="col-md-9" role="main"> <div id="content-area" class="col-md-9" role="main">
<div class="top-nav"> <div class="top-nav">
<ul class="rcue-tabs"> <ul class="rcue-tabs">
<li class="active"><a href="#/create/role/{{realm.id}}/applications/{{application.id}}">New {{application.name}} Role</a></li> <li><a href="#/realms/{{realm.id}}/applications/{{application.id}}">Settings</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}/roles">{{application.name}} Roles</a></li> <li><a href="#/realms/{{realm.id}}/applications/{{application.id}}/credentials">Credentials</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}">{{application.name}} Settings</a></li> <li><a href="#">Installation</a></li>
<li class="active"><a href="#/realms/{{realm.id}}/applications/{{application.id}}/roles">Roles</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}/scope-mappings">Scope</a></li>
<li><a href="#">Sessions</a></li>
</ul> </ul>
</div> </div>
<div id="content"> <div id="content">
<h2 class="pull-left" data-ng-show="create">New Application {{application.name}} Role</h2> <ol class="breadcrumb" data-ng-show="create">
<h2 class="pull-left" data-ng-hide="create">Application {{application.name}} Role <span>{{role.name}}</span></h2> <li><a href="#/realms/{{realm.id}}">{{realm.realm}}</a></li>
<li><a href="#/realms/{{realm.id}}/applications">Applications</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}">{{application.name}}</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}/roles">Roles</a></li>
<li class="active">Add role</li>
</ol>
<h2 class="pull-left" data-ng-show="create"><span>{{application.name}}</span> Add Role</h2>
<p class="subtitle" data-ng-show="create"><span class="required">*</span> Required fields</p> <p class="subtitle" data-ng-show="create"><span class="required">*</span> Required fields</p>
<ol class="breadcrumb" data-ng-hide="create">
<li><a href="#/realms/{{realm.id}}">{{realm.realm}}</a></li>
<li><a href="#/realms/{{realm.id}}/applications">Applications</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}">{{application.name}}</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}/roles">Roles</a></li>
<li class="active">{{role.name}}</li>
</ol>
<h2 class="pull-left" data-ng-hide="create"><span>{{application.name}}</span> {{role.name}}</h2>
<form name="realmForm" novalidate> <form name="realmForm" novalidate>
<fieldset> <fieldset class="border-top">
<legend uncollapsed><span class="text">Details</span> </legend>
<div class="form-group"> <div class="form-group">
<label for="name">Role name </label><span class="required" data-ng-show="create">*</span> <label for="name">Role name <span class="required" data-ng-show="create">*</span></label>
<div class="controls"> <div class="controls">
<input type="text" id="name" name="name" data-ng-model="role.name" autofocus <input type="text" id="name" name="name" data-ng-model="role.name" autofocus
@ -43,7 +61,6 @@
<div class="form-actions" data-ng-show="!create"> <div class="form-actions" data-ng-show="!create">
<button type="submit" data-ng-click="save()" class="primary" data-ng-show="changed">Save <button type="submit" data-ng-click="save()" class="primary" data-ng-show="changed">Save
changes
</button> </button>
<button type="submit" data-ng-click="reset()" data-ng-show="changed">Clear changes <button type="submit" data-ng-click="reset()" data-ng-show="changed">Clear changes
</button> </button>

View file

@ -4,17 +4,38 @@
<div id="content-area" class="col-md-9" role="main"> <div id="content-area" class="col-md-9" role="main">
<div class="top-nav"> <div class="top-nav">
<ul class="rcue-tabs"> <ul class="rcue-tabs">
<li><a href="#/create/role/{{realm.id}}/applications/{{application.id}}">New {{application.name}} Role</a></li> <li><a href="#/realms/{{realm.id}}/applications/{{application.id}}">Settings</a></li>
<li class="active"><a href="#/realms/{{realm.id}}/applications/{{application.id}}/roles">{{application.name}} Roles</a></li> <li><a href="#/realms/{{realm.id}}/applications/{{application.id}}/credentials">Credentials</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}">{{application.name}} Settings</a></li> <li><a href="#">Installation</a></li>
<li class="active"><a href="#/realms/{{realm.id}}/applications/{{application.id}}/roles">Roles</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}/scope-mappings">Scope</a></li>
<li><a href="#">Sessions</a></li>
</ul> </ul>
</div> </div>
<div id="content"> <div id="content">
<h2 class="pull-left">Application <span>{{application.name}}</span> Roles</h2> <ol class="breadcrumb" data-ng-hide="create">
<li><a href="#/realms/{{realm.id}}">{{realm.realm}}</a></li>
<li><a href="#/realms/{{realm.id}}/applications">Applications</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}">{{application.name}}</a></li>
<li class="active">Roles</li>
</ol>
<h2><span>{{application.name}}</span> Roles</h2>
<div class="feedback info" data-ng-show="!roles || roles.length == 0">
<p><strong>You have not configured application roles.</strong><br><a class="button" href="#/create/role/{{realm.id}}/applications/{{application.id}}">Add Role</a></p>
</div>
<table> <table>
<caption data-ng-show="roles && roles.length > 0">Table of realm roles</caption> <caption data-ng-show="roles && roles.length > 0" class="hidden">Table of realm roles</caption>
<caption data-ng-show="!roles || roles.length == 0">No configured realm roles...</caption>
<thead> <thead>
<tr>
<th class="rcue-table-actions" colspan="2">
<div class="actions">
<a class="button" href="#/create/role/{{realm.id}}/applications/{{application.id}}">Add Role</a>
<!-- <button class="remove disabled">Remove</button> -->
</div>
</th>
</tr>
<tr data-ng-show="roles && roles.length > 5"> <tr data-ng-show="roles && roles.length > 5">
<th class="rcue-table-actions" colspan="2"> <th class="rcue-table-actions" colspan="2">
<div class="search-comp clearfix"> <div class="search-comp clearfix">
@ -43,7 +64,7 @@
</td> </td>
</tr> </tr>
</tfoot> </tfoot>
<tbody class="selectable-rows"> <tbody>
<tr ng-repeat="role in roles"> <tr ng-repeat="role in roles">
<td><a href="#/realms/{{realm.id}}/applications/{{application.id}}/roles/{{role.id}}">{{role.name}}</a></td> <td><a href="#/realms/{{realm.id}}/applications/{{application.id}}/roles/{{role.id}}">{{role.name}}</a></td>
<td>{{role.description}}</td> <td>{{role.description}}</td>

View file

@ -4,8 +4,6 @@
<div id="content-area" class="col-md-9" role="main"> <div id="content-area" class="col-md-9" role="main">
<div class="top-nav"> <div class="top-nav">
<ul class="rcue-tabs"> <ul class="rcue-tabs">
<li><a href="#/create/application/{{realm.id}}">New Application</a></li>
<li><a href="#/realms/{{realm.id}}/applications">Applications</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}">Settings</a></li> <li><a href="#/realms/{{realm.id}}/applications/{{application.id}}">Settings</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}/credentials">Credentials</a></li> <li><a href="#/realms/{{realm.id}}/applications/{{application.id}}/credentials">Credentials</a></li>
<li><a href="#">Installation</a></li> <li><a href="#">Installation</a></li>
@ -15,11 +13,17 @@
</ul> </ul>
</div> </div>
<div id="content"> <div id="content">
<ol class="breadcrumb" data-ng-hide="create">
<li><a href="#/realms/{{realm.id}}">{{realm.realm}}</a></li>
<li><a href="#/realms/{{realm.id}}/applications">Applications</a></li>
<li><a href="#/realms/{{realm.id}}/applications/{{application.id}}">{{application.name}}</a></li>
<li class="active">Scope</li>
</ol>
<h2 class="pull-left"><span>{{application.name}}</span> Scope Mappings</h2> <h2 class="pull-left"><span>{{application.name}}</span> Scope Mappings</h2>
<p class="subtitle"></p> <p class="subtitle"></p>
<form name="realmForm" novalidate> <form name="realmForm" novalidate>
<legend uncollapsed><span class="text">Realm Roles</span> </legend> <fieldset>
<fieldset class="border-top"> <legend uncollapsed><span class="text">Realm Roles</span></legend>
<div class="form-group"> <div class="form-group">
<div class="controls changing-selectors"> <div class="controls changing-selectors">
<div class="select-title"> <div class="select-title">
@ -49,7 +53,7 @@
<fieldset ng-show="applications.length > 0"> <fieldset ng-show="applications.length > 0">
<legend collapsed><span class="text">Application Roles</span> </legend> <legend collapsed><span class="text">Application Roles</span> </legend>
<div class="form-group input-select"> <div class="form-group input-select">
<label for="applications">Application: </label> <label for="applications">Application</label>
<div class="input-group"> <div class="input-group">
<div class="select-rcue"> <div class="select-rcue">
<select id="applications" name="applications" ng-change="changeApplication()" ng-model="targetApp" ng-options="a.name for a in applications"> <select id="applications" name="applications" ng-change="changeApplication()" ng-model="targetApp" ng-options="a.name for a in applications">
@ -58,7 +62,7 @@
</div> </div>
</div> </div>
<div class="form-group"> <div class="form-group">
<div class="controls changing-selectors"> <div class="controls changing-selectors application">
<div class="select-title"> <div class="select-title">
<label for="app-available">Available Roles</label> <label for="app-available">Available Roles</label>
<select id="app-available" class="form-control" multiple size="5" <select id="app-available" class="form-control" multiple size="5"

View file

@ -19,8 +19,7 @@
</ol> </ol>
<h2><span>{{realm.realm}}</span> Token Settings</h2> <h2><span>{{realm.realm}}</span> Token Settings</h2>
<form name="realmForm" novalidate> <form name="realmForm" novalidate>
<fieldset> <fieldset class="border-top">
<legend uncollapsed><span class="text">Token Settings</span></legend>
<div class="form-group input-select"> <div class="form-group input-select">
<label for="tokenLifespan">Token lifespan</label> <label for="tokenLifespan">Token lifespan</label>
<div class="input-group"> <div class="input-group">

View file

@ -25,7 +25,7 @@
<li><a href="#/realms/{{realm.id}}/roles">Roles</a></li> <li><a href="#/realms/{{realm.id}}/roles">Roles</a></li>
<li class="active">Add Role</li> <li class="active">Add Role</li>
</ol> </ol>
<h2 class="pull-left" data-ng-show="create">Add Realm Role</h2> <h2 class="pull-left" data-ng-show="create"><span>{{realm.realm}}</span> Add Role</h2>
<p class="subtitle" data-ng-show="create"><span class="required">*</span> Required fields</p> <p class="subtitle" data-ng-show="create"><span class="required">*</span> Required fields</p>
<form name="realmForm" novalidate> <form name="realmForm" novalidate>
<fieldset class="border-top"> <fieldset class="border-top">

View file

@ -50,7 +50,7 @@
<fieldset ng-show="applications.length > 0"> <fieldset ng-show="applications.length > 0">
<legend collapsed><span class="text">Application Roles</span> </legend> <legend collapsed><span class="text">Application Roles</span> </legend>
<div class="form-group input-select"> <div class="form-group input-select">
<label for="applications">Application: </label> <label for="applications">Application</label>
<div class="input-group"> <div class="input-group">
<div class="select-rcue"> <div class="select-rcue">
<select id="applications" name="applications" ng-change="changeApplication()" ng-model="application" ng-options="a.name for a in applications"> <select id="applications" name="applications" ng-change="changeApplication()" ng-model="application" ng-options="a.name for a in applications">
@ -59,7 +59,7 @@
</div> </div>
</div> </div>
<div class="form-group" ng-show="application"> <div class="form-group" ng-show="application">
<div class="controls changing-selectors"> <div class="controls changing-selectors application">
<div class="select-title"> <div class="select-title">
<label for="available-app">Available Roles</label> <label for="available-app">Available Roles</label>
<select id="available-app" class="form-control" multiple size="5" <select id="available-app" class="form-control" multiple size="5"

View file

@ -28,7 +28,6 @@
</div> </div>
<div class="actions"> <div class="actions">
<a class="button" href="#/create/user/{{realm.id}}">Add User</a> <a class="button" href="#/create/user/{{realm.id}}">Add User</a>
<button class="remove disabled">Remove</button>
</div> </div>
</th> </th>
</tr> </tr>
@ -53,7 +52,7 @@
</td> </td>
</tr> </tr>
</tfoot> </tfoot>
<tbody class="selectable-rows"> <tbody>
<tr ng-repeat="user in users"> <tr ng-repeat="user in users">
<td><a href="#/realms/{{realm.id}}/users/{{user.username}}">{{user.username}}</a></td> <td><a href="#/realms/{{realm.id}}/users/{{user.username}}">{{user.username}}</a></td>
<td>{{user.lastName}}</td> <td>{{user.lastName}}</td>