tilman/next-transactions
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

layout

Browse Source
This commit is contained in:
Tilman Liero
2016-07-04 23:04:17 +02:00
parent 7a199c2f13
commit e19d1efb23
2 changed files with 50 additions and 66 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/static/css/app.css
+5 -7
View File
@@ -5,6 +5,11 @@ body {
background-size: cover; background-size: cover;
} }
label {
font-family: "Yanone Kaffeesatz", sans-serif;
color: #eee;
}
.row-margin { .row-margin {
padding: 5 ex; padding: 5 ex;
margin: 20 px; margin: 20 px;
@@ -15,13 +20,6 @@ body {
font-size: 120%; font-size: 120%;
} }
.input-heading {
font-family: "Yanone Kaffeesatz", sans-serif;
font-weight: 400;
font-size: 120%;
color: #eee;
}
.listing { .listing {
margin: auto; margin: auto;
margin-top: 2em; margin-top: 2em;
src/main/resources/static/partials/transaction-list.html
+50 -64
View File
@@ -1,9 +1,14 @@
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div><select ng-model='account' ng-change='refreshList()' ng-options="account.name for account in accounts track by account.id"></select></div> <div>
<select
ng-model='account'
ng-change='refreshList()'
ng-options="account.name for account in accounts track by account.id"></select>
</div>
<div class="col-md-offset-1 col-md-10 col-xs-12"> <div class="col-md-offset-4 col-md-4 col-xs-offset-1 col-xs-10">
<br /> <br />
@@ -15,13 +20,11 @@
</div> </div>
<div class="row"> <div class="row">
<form name="form" ng-submit="postTransaction()" class="col-md-offset-4 col-xs-offset-1"> <form name="form" ng-submit="postTransaction()">
<br />
<div class="row form-group"> <div class="row form-group">
<label for="inputAmount">Betrag:</label> <label for="amountInput">Betrag</label>
<input id="inputAmount" <input id="amountInput"
ng-model='transaction.amount' ng-model='transaction.amount'
type='text' type='text'
required required
@@ -32,67 +35,50 @@
<span ng-show="form.amount.$error.pattern"><br/>The value is not valid!</span> <span ng-show="form.amount.$error.pattern"><br/>The value is not valid!</span>
</div> </div>
<br /> <div class="row form-group">
<label for="categorySelect">Kategorie</label>
<select
id="categorySelect"
ng-model='transaction.category'
size='1'
ng-options="category.name for category in categories track by category._links.self.href"
ng-change='checkCategory()'
class="form-control"></select>
</div>
<div class="row"> <div class="row form-group">
<div class="col-md-1 col-xs-2 input-heading">Kategorie:</div> <label for="dateInput">Datum</label>
<div class="col-md-11 col-xs-10"> <input
<select id="dateInput"
ng-model='transaction.category' ng-model='transaction.date'
size='1' ng-options="category.name for category in categories track by category._links.self.href" type='date'
ng-change='checkCategory()' placeholder="yyyy-MM-dd"
class="form-control"></select> required
class="form-control" />
</div>
<div class="row form-group">
<label for="descriptionInput">Notiz</label>
<input
id="descriptionInput"
ng-model="transaction.description"
uib-typeahead="address for address in updateSuggestions($viewValue)"
typeahead-loading="loadingLocations"
class="form-control">
</div>
<div class="row form-group">
<label for="expenseInput">Auslage</label>
<div>
&nbsp;<label class='userLabel'><input id='noCreditorRadioButton' name='expenseBy' ng-model='transaction.creditor' type='radio' value='' checked='checked' />&nbsp;Keine&nbsp;&nbsp;</label>
<label class='userLabel' ng-repeat="user in accountUsers"><input name='expenseBy' ng-model='$parent.transaction.creditor' type='radio' value="{{user._links.self.href}}" />&nbsp;{{user.name}}&nbsp;&nbsp;</label>
</div> </div>
</div> </div>
<br /> <div class="row form-group" style="text-align:center;">
<input type="submit" ng-disabled="form.amount.$error.pattern" class="btn btn-primary" />
<div class="row">
<div class="col-md-1 col-xs-2 input-heading">Datum:</div>
<div class="col-md-11 col-xs-10">
<input ng-model='transaction.date'
type='date'
placeholder="yyyy-MM-dd"
required
class="form-control" />
</div>
</div> </div>
<br />
<div class="row">
<div class="col-md-1 col-xs-2 input-heading">Notiz:</div>
<div class="col-md-11 col-xs-10">
<input ng-model="transaction.description"
uib-typeahead="address for address in updateSuggestions($viewValue)"
typeahead-loading="loadingLocations"
class="form-control">
</div>
</div>
<br />
<div class="row">
<div class="col-md-1 col-xs-2 input-heading">Auslage:</div>
<div class="col-md-11 col-xs-10">
<!-- label class='userLabel'><input name='expenseBy' ng-model='transaction.creditor' ng-value='none' type='radio' checked='checked' />Keine</label -->
<!-- label ng-repeat="user in accountUsers" class='userLabel'><input name='expenseBy' ng-model='$parent.transaction.creditor' ng-value='{{user.name}}' type='radio' />{{user.name}}</label -->
<label class='userLabel'><input id='noCreditorRadioButton' name='expenseBy' ng-model='transaction.creditor' type='radio' value='' checked='checked' />Keine&nbsp;</label>
<label class='userLabel' ng-repeat="user in accountUsers"><input name='expenseBy' ng-model='$parent.transaction.creditor' type='radio' value="{{user._links.self.href}}" />{{user.name}}&nbsp;</label>
</div>
</div>
<br />
<div class="row">
<div class="col-md-6 text-center">
<input type="submit" ng-disabled="form.amount.$error.pattern" class="btn btn-primary" />
</div>
</div>
<br />
</form> </form>
</div> </div>
@@ -118,7 +104,7 @@
<span ng-repeat="user in accountUsers">{{user.name}} {{user.outstandings | number : 2}}&nbsp;€<br/></span> <span ng-repeat="user in accountUsers">{{user.name}} {{user.outstandings | number : 2}}&nbsp;€<br/></span>
</div> </div>
<div ng-controller="ModalDemoCtrl"> <!-- div ng-controller="ModalDemoCtrl">
<script type="text/ng-template" id="myModalContent.html"> <script type="text/ng-template" id="myModalContent.html">
<div class="modal-header"> <div class="modal-header">
<h3 class="modal-title">I'm a modal!</h3> <h3 class="modal-title">I'm a modal!</h3>
@@ -142,7 +128,7 @@
<button type="button" class="btn btn-default" ng-click="open('sm')">Small modal</button> <button type="button" class="btn btn-default" ng-click="open('sm')">Small modal</button>
<button type="button" class="btn btn-default" ng-click="toggleAnimation()">Toggle Animation ({{ animationsEnabled }})</button> <button type="button" class="btn btn-default" ng-click="toggleAnimation()">Toggle Animation ({{ animationsEnabled }})</button>
<div ng-show="selected">Selection from a modal: {{ selected }}</div> <div ng-show="selected">Selection from a modal: {{ selected }}</div>
</div> </div-->
<!-- div> <!-- div>
<pre style="font-size: 75%; color: darkgray;">{{account | json}}</pre> <pre style="font-size: 75%; color: darkgray;">{{account | json}}</pre>