v1.2.0

2021-11-01 18:14:21 +00:00
parent ea61d37840
commit 806ebb4024
34 changed files with 766 additions and 411 deletions
@@ -1,60 +1,65 @@
@model SaxModel_Admin
@inject SaxLocaliser Localiser

-	<link rel="stylesheet" href="~/css/sax-selectCode.css?@Model.HrefVersion" />
-	<script src="~/js/sax-selectCode.js?@Model.HrefVersion"></script>
-	<script type="text/javascript">
-	</script>
+<link rel="stylesheet" href="~/css/sax-selectCode.css?@Model.HrefVersion" />
+<script src="~/js/sax-selectCode.js?@Model.HrefVersion"></script>
+<script type="text/javascript">
+</script>

-	<div id="dlgSelectCode" class="sax-dialog sax-form">
+<div id="dlgSelectCode" class="sax-dialog sax-form">

-		@* Filter *@
-		<div class="">
+	@* Filter *@
+	<div class="">

-		</div>
+	</div>

-		<div class="row h-100">
+	<div class="row h-100">

-			@* Available codes *@
-			<div class="col-sm-5">
+		@* Available codes *@
+		<div class="col-sm-5">

-				<div class="h-100 sax-selectCode-codes AvailableCodes">
-
-				</div>
-
-			</div>
-
-			@* Code selection *@
-			<div class="col-sm-2">
-
-				<div class="row">
-
-					<div class="col-sx-6 col-sm-12 center">
-						<button class="sax-button Select">@Localiser["label.select"]</button>
-					</div>
-
-					<div class="col-sx-6 col-sm-12 center">
-						<button class="sax-button Remove">@Localiser["label.remove"]</button>
-					</div>
-
-				</div>
-
-			</div>
-
-			@* Selected codes *@
-			<div class="col-sm-5">
-
-				<div class="h-100 sax-selectCode-codes SelectedCodes">
-
-				</div>
+			<div class="h-100 d-flex flex-column">
+				<div class="">@Localiser["label.available"]:</div>
+				<div class="spacer"></div>
+				<div class="sax-selectCode-codes AvailableCodes flex-grow-1 mr-1"></div>
 			</div>

 		</div>

-		<div class="sax-panel-item-template">
-			<div class="sax-panel-item Code">
-				<div class="CodeDesc"></div>
+		@* Code selection *@
+		<div class="col-sm-2">
+
+			<div class="spacer8"></div>
+			<div class="row">
+
+				<div class="col-sx-6 col-sm-12 center">
+					<button class="sax-button Select">@Localiser["label.select"]</button>
+				</div>
+
+				<div class="col-sx-6 col-sm-12 center">
+					<button class="sax-button Remove">@Localiser["label.remove"]</button>
+				</div>
+
+			</div>
+
+		</div>
+
+		@* Selected codes *@
+		<div class="col-sm-5">
+
+			<div class="h-100 d-flex flex-column">
+				<div class="">@Localiser["label.assigned"]:</div>
+				<div class="spacer"></div>
+				<div class="sax-selectCode-codes SelectedCodes flex-grow-1 ml-1"></div>
 			</div>
 		</div>

 	</div>
+
+	<div class="sax-panel-item-template">
+		<div class="sax-panel-item Code">
+			<div class="CodeDesc"></div>
+		</div>
+	</div>
+
+</div>