restructured resources for caching

src/main/resources/static/app/import-list.html

@@ -0,0 +1,70 @@
+<div class="container" ng-init="processCSV()">
+	<div class="row">
+		<div>Import to <h2 style="margin-top: 1ex; margin-bottom: 2ex;">{{account.name}}</h2></div>
+	
+		<table class="importTable">
+			<tr>
+				<th style="width: 5%;">Wertstellung</th>
+				<th style="width: 8%;">Typ</th>
+				<th style="width: 41%;">Text</th>
+				<th style="width: 5%;">Betrag</th>
+				<th class="spacer"></th>
+				<th style="width: 14%;">Kategorie</th>
+				<th style="width: 14%;">Notiz</th>
+				<th class="spacer"></th>
+				<th style="width: 5%;">Matcher</th>
+				<th class="spacer"></th>
+				<th style="width: 5%; border: none; background: transparent;"></th>
+			</tr>
+			<tr ng-repeat="line in csv">
+				<td>{{line[1]}}</td>
+				<td>{{line[2]}}</td>
+				<td>{{line[3]}}</td>
+				<td align="right">{{line[4]}} €</td>
+				<td class="spacer"></td>
+				<td>
+					<select
+							id="categorySelect"
+							ng-model='line.targetCategory'
+							size='1'
+							ng-options="category.name for category in categories track by category._links.self.href">
+					</select>
+				</td>
+				<td><input value="{{line.targetDescription}}"></input></td>
+				<td class="spacer"></td>
+				<td align="center">{{line.matcherPosition}}</td>
+				<td class="spacer"></td>
+				<td style="border: none; background: transparent; text-align: center;">
+					<button class="btn btn-primary" ng-disabled="!line.targetCategory" ng-click="importTransaction(line)" ng-show="!line.submitted">OK</button>
+					<a href="{{line.submittedTransactionLink}}" ng-show="line.submittedTransactionId">{{line.submittedTransactionId}}</a>
+				</td>
+			</tr>
+		</table>
+	</div>
+	<div class="row" style="margin-top: 4ex;">
+		<table class="importTable">
+			<tr>
+				<th style="width: 5%;">Position</th>
+				<th style="width: 8%;">Date Code</th>
+				<th style="width: 8%;">Type Code</th>
+				<th style="width: 35%;">Text Code</th>
+				<th style="width: 9%;">Amount Code</th>
+				<th class="spacer"></th>
+				<th style="width: 14%;">Target Category</th>
+				<th style="width: 14%;">Target Description</th>
+				<th style="width: 6%;" class="spacer"></th>
+			</tr>
+			<tr ng-repeat="matcher in matchers" ng-click="openDetails(matcher)">
+				<td align="center">{{matcher.position}}</td>
+				<td>{{matcher.dateMatcherCode}}</td>
+				<td>{{matcher.typeMatcherCode}}</td>
+				<td>{{matcher.textMatcherCode}}</td>
+				<td>{{matcher.amountMatcherCode}}</td>
+				<td class="spacer"></td>
+				<td>{{matcher.targetCategory}}</td>
+				<td>{{matcher.targetDescription}}</td>
+				<td class="spacer"></td>
+			</tr>
+		</table>
+	</div>
+</div>