modal instead of partial for transaction details

src/main/resources/static/partials/transaction-list.html

@@ -88,7 +88,7 @@
 						<th>Betrag</th>
 						<th>Beschreibung</th>
 					</tr>
-					<tr ng-repeat="transaction in transactions" ng-click="showTransaction(transaction)" class="clickable">
+					<tr ng-repeat="transaction in transactions" ng-click="openDetails(transaction)" class="clickable">
 						<td>{{transaction.date | date:'dd.MM.yyyy'}}</td>
 						<td>{{transaction.category.name}}</td>
 						<td align="right" ng-class="{credit: transaction.creditor.name}">{{transaction.amount | number : 2}}&nbsp;&euro;</td>
@@ -104,12 +104,7 @@
 				</div>
 				
 				
-				
-				
-				
-				<button type="button" class="btn btn-default" ng-click="openDetails()">Open me!</button>
-				<div ng-show="selected">Selection from a modal: {{ selected }}</div>
-				
+				<!-- Template for UI Bootstrap modal, see https://angular-ui.github.io/bootstrap/#/modal -->
 				<script type="text/ng-template" id="detailsTemplate.html">
 					<div class="modal-header">
 						<h3 class="modal-title">I'm a modal!</h3>
@@ -121,6 +116,7 @@
 							</li>
 						</ul>
 						Selected: <b>{{ selected.item }}</b>
+						<pre style="font-size: 75%; color: darkgray;">{{transaction | json}}</pre>
 					</div>
 					<div class="modal-footer">
 						<button class="btn btn-primary" type="button" ng-click="ok()">OK</button>
@@ -128,8 +124,6 @@
 					</div>
 				</script>
 				
-				
-				
 			</div>
 		</div>			
 	</div>