GUAC-1133: Apply common styling and form to management pages.

This commit is contained in:
Michael Jumper
2015-03-19 14:00:32 -07:00
parent 918c3c2677
commit 2eeed36797
6 changed files with 73 additions and 144 deletions

View File

@@ -211,44 +211,6 @@ div.section {
background: inherit;
}
/*
* List element fields (editing)
*/
.form .fields th,
.form .permissions th {
font-weight: normal;
vertical-align: middle;
text-align: left;
}
.form h2 {
border-top: none;
}
.form h3 {
font-size: 1em;
margin-bottom: 0.25em;
}
.form {
cursor: auto;
animation-name: fadein;
-webkit-animation-name: fadein;
animation-duration: 0.125s;
-webkit-animation-duration: 0.125s;
}
.object-buttons {
text-align: right;
border-top: 1px solid rgba(0, 0, 0, 0.1);
padding-top: 0.5em;
margin: 0.5em;
}
/*
* List element icons
*/

View File

@@ -30,12 +30,3 @@
text-align: center;
margin-bottom: 1em;
}
.manage .user-add-form {
margin-bottom: 0.5em;
}
.manage .user-add-form input.name {
max-width: 80%;
width: 20em;
}

View File

@@ -28,13 +28,11 @@ THE SOFTWARE.
</div>
<!-- Connection management -->
<div class="settings section" ng-show="canManageConnections">
<div class="connections">
<div class="settings section connections">
<p>{{'MANAGE_CONNECTION.HELP_CONNECTIONS' | translate}}</p>
<!-- Connection/group creation buttons -->
<div class="connection-add-form">
<!-- Form action buttons -->
<div class="action-buttons">
<a class="add-connection button"
ng-show="canCreateConnections"
@@ -55,6 +53,5 @@ THE SOFTWARE.
connection-group-template="'app/manage/templates/connectionGroup.html'"/>
</div>
</div>
</div>
</div>

View File

@@ -28,9 +28,7 @@ THE SOFTWARE.
</div>
<!-- User Session management -->
<div class="settings section">
<div class="sessions">
<div class="settings section sessions">
<p>{{'MANAGE_SESSION.HELP_SESSIONS' | translate}}</p>
<!-- Form action buttons -->
@@ -43,18 +41,10 @@ THE SOFTWARE.
<thead>
<tr>
<th></th>
<th>
{{'MANAGE_SESSION.TABLE_HEADER_SESSION_USERNAME' | translate}}
</th>
<th>
{{'MANAGE_SESSION.TABLE_HEADER_SESSION_STARTDATE' | translate}}
</th>
<th>
{{'MANAGE_SESSION.TABLE_HEADER_SESSION_REMOTEHOST' | translate}}
</th>
<th>
{{'MANAGE_SESSION.TABLE_HEADER_SESSION_CONNECTION_NAME' | translate}}
</th>
<th>{{'MANAGE_SESSION.TABLE_HEADER_SESSION_USERNAME' | translate}}</th>
<th>{{'MANAGE_SESSION.TABLE_HEADER_SESSION_STARTDATE' | translate}}</th>
<th>{{'MANAGE_SESSION.TABLE_HEADER_SESSION_REMOTEHOST' | translate}}</th>
<th>{{'MANAGE_SESSION.TABLE_HEADER_SESSION_CONNECTION_NAME' | translate}}</th>
</tr>
</thead>
<tbody>
@@ -62,23 +52,16 @@ THE SOFTWARE.
<td>
<input ng-change="wrapperSelectionChange(wrapper)" type="checkbox" ng-model="wrapper.checked" />
</td>
<td>
{{wrapper.tunnel.username}}
</td>
<td>
{{wrapper.tunnel.startDate | date:'short'}}
</td>
<td>
{{wrapper.tunnel.remoteHost}}
</td>
<td>
{{connections[wrapper.tunnel.identifier].name}}
</td>
<td>{{wrapper.tunnel.username}}</td>
<td>{{wrapper.tunnel.startDate | date:'short'}}</td>
<td>{{wrapper.tunnel.remoteHost}}</td>
<td>{{connections[wrapper.tunnel.identifier].name}}</td>
</tr>
</tbody>
</table>
<!-- Pager for session list -->
<guac-pager page="wrapperPage" page-size="25" items="wrappers | orderBy : 'username'"></guac-pager>
</div>
</div>
</div>

View File

@@ -28,13 +28,11 @@ THE SOFTWARE.
</div>
<!-- User management -->
<div class="settings section" ng-show="canManageUsers">
<div class="users">
<div class="settings section users">
<p>{{'MANAGE_USER.HELP_USERS' | translate}}</p>
<!-- User creation form -->
<div class="user-add-form" ng-show="canCreateUsers">
<!-- Form action buttons -->
<div class="action-buttons" ng-show="canCreateUsers">
<input type="text" ng-model="newUsername" class="name username" autocorrect="off" autocapitalize="off"/>
<button class="add-user" ng-click="newUser()">{{'MANAGE_USER.ACTION_NEW_USER' | translate}}</button>
</div>
@@ -53,8 +51,6 @@ THE SOFTWARE.
<!-- Pager controls for user list -->
<guac-pager page="userPage" page-size="25" items="users | orderBy : 'username'"></guac-pager>
</div>
</div>
</div>

View File

@@ -11,8 +11,8 @@
"ACTION_LOGIN" : "Login",
"ACTION_LOGOUT" : "Logout",
"ACTION_MANAGE_CONNECTIONS" : "Manage Connections",
"ACTION_MANAGE_SESSIONS" : "Manage Sessions",
"ACTION_MANAGE_USERS" : "Manage Users",
"ACTION_MANAGE_SESSIONS" : "Active Sessions",
"ACTION_MANAGE_USERS" : "Users",
"ACTION_NAVIGATE_BACK" : "Back",
"ACTION_NAVIGATE_HOME" : "Home",
"ACTION_SAVE" : "Save",