Adam Coldrick 388c6068d8 Stop using fixed-width containers
The fixed-width means that lots of screen space is wasted as blank
space on larger monitors. Using .container-fluid means that the
page content uses all of the available space, rather than being
limited to a maximum of 1080px.

Also, override bootstrap's defauls .container-fluid to add a small
left/right margin (5% each side).

Change-Id: I7bce6c7ba0ce315e601476fa9cd9f7f4a1ed787b
2015-08-17 15:26:37 +00:00

118 lines
4.3 KiB
HTML

<!--
~ Copyright (c) 2014 Hewlett-Packard Development Company, L.P.
~
~ Licensed under the Apache License, Version 2.0 (the "License"); you may
~ not use this file except in compliance with the License. You may obtain
~ a copy of the License at
~
~ http://www.apache.org/licenses/LICENSE-2.0
~
~ Unless required by applicable law or agreed to in writing, software
~ distributed under the License is distributed on an "AS IS" BASIS, WITHOUT
~ WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. See the
~ License for the specific language governing permissions and limitations
~ under the License.
-->
<div class="container-fluid">
<div class="row">
<div class="col-xs-12">
<h1><i class="fa fa-sb-user"></i> {{user.full_name}}</h1>
</div>
</div>
<div class="row">
<div class="col-xs-12">
<form class="form-horizontal"
role="form"
name="projectGroupForm">
<div class="form-group">
<label for="full_name" class="col-sm-2 control-label">
Full Name:
</label>
<div class="col-sm-10">
<input id="full_name"
type="text"
class="form-control"
ng-model="user.full_name"
required
ng-disabled="isSaving"
maxlength="255"
placeholder="The user's full name.">
</div>
</div>
<div class="form-group">
<label for="email" class="col-sm-2 control-label">
Email:
</label>
<div class="col-sm-10">
<input id="email"
type="email"
class="form-control"
ng-model="user.email"
required
ng-disabled="isSaving"
maxlength="255"
placeholder="The user's email address.">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox"
ng-model="user.is_superuser"
name="is_superuser"
id="is_superuser"/> Admin
</label>
</div>
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<div class="checkbox">
<label>
<input type="checkbox"
ng-model="user.enable_login"
name="enable_login"
id="enable_login"/> Enable Login
</label>
</div>
</div>
</div>
</form>
</div>
</div>
<div class="panel-body">
<div class="row">
<div class="col-xs-12">
<form class="form-horizontal"
role="form"
name="userForm">
<div class="form-group">
</div>
</form>
</div>
</div>
<div class="row">
<div class="col-xs-12 text-right">
<button type="button"
class="btn btn-primary"
ng-click="save()"
ng-disabled="!userForm.$valid || isSaving">
Save Changes
</button>
<button type="button"
ng-click="cancel()"
ng-disabled="isSaving"
class="btn btn-default">
Cancel
</button>
</div>
</div>
</div>
</div>