improve widgets

This commit is contained in:
Davide Alberani 2015-05-04 22:36:27 +02:00
parent 0b6eef6c93
commit 01120c4f0d
5 changed files with 20 additions and 19 deletions

View file

@ -13,7 +13,7 @@
</div> </div>
<div class="input-group input-group-lg"> <div class="input-group input-group-lg">
<span class="input-group-addon">{{'Title' | translate}}</span> <span class="input-group-addon min100">{{'Title' | translate}}</span>
<input type="text" class="form-control" placeholder="{{'Title' | translate}}" ng-model="event.title" ng-required="1"> <input type="text" class="form-control" placeholder="{{'Title' | translate}}" ng-model="event.title" ng-required="1">
</div> </div>
@ -49,6 +49,6 @@
</div> </div>
</div> </div>
<input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/> <input type="submit" class="outside-screen" />
</form> </form>
</div> </div>

View file

@ -83,23 +83,23 @@
<div class="panel-body"> <div class="panel-body">
<form> <form>
<div class="input-group input-group-sm"> <div class="input-group input-group-sm">
<span class="input-group-addon">{{'Name' | translate}}</span> <span class="input-group-addon min70-compact">{{'Name' | translate}}</span>
<input type="text" class="form-control" placeholder="{{'Name' | translate}}" ng-model="newPerson.name" ng-required="1"> <input type="text" class="form-control" placeholder="{{'Name' | translate}}" ng-model="newPerson.name" ng-required="1">
</div> </div>
<div class="input-group input-group-sm top5"> <div class="input-group input-group-sm top5">
<span class="input-group-addon">{{'Surname' | translate}}</span> <span class="input-group-addon min70-compact">{{'Surname' | translate}}</span>
<input type="text" class="form-control" placeholder="{{'Surname' | translate}}" ng-model="newPerson.surname"> <input type="text" class="form-control" placeholder="{{'Surname' | translate}}" ng-model="newPerson.surname">
</div> </div>
<div class="input-group top5"> <div class="input-group top5">
<span class="input-group-addon">{{'Email' | translate}}</span> <span class="input-group-addon min70-compact">{{'Email' | translate}}</span>
<input type="email" name="email" class="form-control" placeholder="{{'name.surname@example.com' | translate}}" ng-model="newPerson.email"> <input type="email" name="email" class="form-control" placeholder="{{'name.surname@example.com' | translate}}" ng-model="newPerson.email">
</div> </div>
<div class="input-group top5"> <div class="input-group top5">
<span class="input-group-addon">{{'Company' | translate}}</span> <span class="input-group-addon min70-compact">{{'Company' | translate}}</span>
<input name="company" class="form-control" placeholder="{{'Acme Corporation' | translate}}" ng-model="newPerson.company"> <input name="company" class="form-control" placeholder="{{'Acme Corporation' | translate}}" ng-model="newPerson.company">
</div> </div>
<div class="input-group top5"> <div class="input-group top5">
<span class="input-group-addon">{{'Job' | translate}}</span> <span class="input-group-addon min70-compact">{{'Job' | translate}}</span>
<input name="job_title" class="form-control" placeholder="{{'Evil Ruler' | translate}}" ng-model="newPerson.job_title"> <input name="job_title" class="form-control" placeholder="{{'Evil Ruler' | translate}}" ng-model="newPerson.job_title">
</div> </div>
@ -113,7 +113,7 @@
<div class="panel panel-info table-striped top5"> <div class="panel panel-info table-striped top5">
<div class="panel-heading">{{'Unregistered persons' | translate}}</div> <div class="panel-heading">{{'Unregistered persons' | translate}}</div>
<div class="panel-body" style="height:200px;overflow-x:hidden;overflow-y:scroll;"> <div class="panel-body" class="small-table">
<table class="table table-striped table-condensed"> <table class="table table-striped table-condensed">
<thead> <thead>
<tr> <tr>

View file

@ -323,6 +323,7 @@ eventManControllers.controller('PersonDetailsCtrl', ['$scope', '$stateParams', '
} else { } else {
$scope.events = Event.all(); $scope.events = Event.all();
} }
// store a new Person or update an existing one // store a new Person or update an existing one
$scope.save = function() { $scope.save = function() {
if ($scope.person.id === undefined) { if ($scope.person.id === undefined) {

View file

@ -39,11 +39,11 @@
</div> </div>
<form method="POST"> <form method="POST">
<div class="input-group input-group-lg"> <div class="input-group input-group-lg">
<span class="input-group-addon" style="min-width:150px;">Username</span> <span class="input-group-addon min150">Username</span>
<input type="text" id="username" name="username" class="form-control" placeholder="admin"> <input type="text" id="username" name="username" class="form-control" placeholder="admin">
</div> </div>
<div class="input-group input-group-lg top10"> <div class="input-group input-group-lg top10">
<span class="input-group-addon" style="min-width:150px;">Password</span> <span class="input-group-addon min150">Password</span>
<input type="password" id="password" name="password" class="form-control" placeholder="eventman"> <input type="password" id="password" name="password" class="form-control" placeholder="eventman">
</div> </div>
<button type="submit" class="btn btn-success top10">login</button> <button type="submit" class="btn btn-success top10">login</button>

View file

@ -13,27 +13,27 @@
</div> </div>
<div class="input-group input-group-lg"> <div class="input-group input-group-lg">
<span class="input-group-addon">{{'Name' | translate}}</span> <span class="input-group-addon min120">{{'Name' | translate}}</span>
<input type="text" class="form-control" placeholder="{{'Name' | translate}}" ng-model="person.name" ng-required="1"> <input type="text" class="form-control" placeholder="{{'Name' | translate}}" ng-model="person.name" ng-required="1">
</div> </div>
<div class="input-group input-group-lg top5"> <div class="input-group input-group-lg top5">
<span class="input-group-addon">{{'Surname' | translate}}</span> <span class="input-group-addon min120">{{'Surname' | translate}}</span>
<input type="text" class="form-control" placeholder="{{'Surname' | translate}}" ng-model="person.surname"> <input type="text" class="form-control" placeholder="{{'Surname' | translate}}" ng-model="person.surname">
</div> </div>
<div class="input-group top5"> <div class="input-group input-group-lg top5">
<span class="input-group-addon">{{'Email' | translate}}</span> <span class="input-group-addon min120">{{'Email' | translate}}</span>
<input type="email" name="email" class="form-control" placeholder="{{'name.surname@example.com' | translate}}" ng-model="person.email"> <input type="email" name="email" class="form-control" placeholder="{{'name.surname@example.com' | translate}}" ng-model="person.email">
</div> </div>
<div class="input-group top5"> <div class="input-group input-group-lg top5">
<span class="input-group-addon">{{'Company' | translate}}</span> <span class="input-group-addon min120">{{'Company' | translate}}</span>
<input name="company" class="form-control" placeholder="{{'Acme Corporation' | translate}}" ng-model="person.company"> <input name="company" class="form-control" placeholder="{{'Acme Corporation' | translate}}" ng-model="person.company">
</div> </div>
<div class="input-group top5"> <div class="input-group input-group-lg top5">
<span class="input-group-addon">{{'Job' | translate}}</span> <span class="input-group-addon min120">{{'Job' | translate}}</span>
<input name="job_title" class="form-control" placeholder="{{'Evil Ruler' | translate}}" ng-model="person.job_title"> <input name="job_title" class="form-control" placeholder="{{'Evil Ruler' | translate}}" ng-model="person.job_title">
</div> </div>
@ -53,7 +53,7 @@
<input ng-if="custom.type != 'boolean'" id="custom_{{custm['key']}}" type="text" class="form-control" placeholder="{{custom.label | translate}}" ng-model="person[custom.key]"> <input ng-if="custom.type != 'boolean'" id="custom_{{custm['key']}}" type="text" class="form-control" placeholder="{{custom.label | translate}}" ng-model="person[custom.key]">
</div> </div>
<input type="submit" style="position: absolute; left: -9999px; width: 1px; height: 1px;"/> <input type="submit" class="outside-screen" />
</form> </form>
</div> </div>