Contacts page.

2021-07-11 16:09:42 +01:00
parent 5043a629db
commit b8cfd87860
147 changed files with 1621 additions and 425 deletions
@@ -1,5 +1,5 @@
 /*
-    Base stylesheet.
+    BusMgr Portal - Base stylesheet.
 */

 body
@@ -19,10 +19,9 @@ div, button, input, select, textarea, table, tr, td
 	font-size: 1rem;
 }

-:focus, input:focus, textarea:focus, select:focus, button:focus
+:focus, button:focus
 {
 	outline: none;
-	border-color: inherit;
 	box-shadow: 0 0 0 2px #80808040 inset;
 }

@@ -122,10 +121,15 @@ input

 textarea
 {
-	overflow-y:scroll;
 	resize: none;
 }

+select
+{
+	margin: 0;
+	padding: 3px 2px 1px 2px;
+}
+
 .bold, b
 {
 	font-weight: bold !important;
@@ -389,7 +393,9 @@ td.action
 {
 	-moz-box-shadow: 2px 2px 3px #ccc;
 	-webkit-box-shadow: 2px 2px 3px #ccc;
-	box-shadow: 2px 2px 3px #ccc;
+	box-shadow: 2px 2px 3px #ccc; /* For IE 8 */
+	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=135,Color='#cccccc')"; /* For IE 5.5 - 7 */
+	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3,Direction=135,Color='#cccccc');
 }

 /* Bootstrap */
@@ -1,5 +1,5 @@
 /*
-    Data stylesheet.
+    BusMgr Portal - Data stylesheet.
 */

 /* Filter panel */
@@ -8,10 +8,9 @@
 {
 	margin: 8px auto;
 	background-color: #f8f8f8;
-	border: solid 2px var(--color-primary);
+	border: solid 1px #979797;
 	border-radius: 6px;
-	-webkit-border-radius: 6px;
-	-moz-border-radius: 6px;
+	overflow: hidden;
 }

@media (min-width: 576px)
@@ -21,56 +20,60 @@
 	}
 }

-.sbm-panel-filter > .sbm-header
+.sbm-panel-filter .sbm-header
 {
-	padding: 2px 8px;
+	padding: 1px 8px 2px 8px;
 	min-height: 24px;
 	color: #f0f0f0;
-	background-color: var(--color-primary);
-	border-bottom: solid 1px var(--color-primary);
+	background-color: #979797;
+	border-bottom: solid 1px #979797;
 }

-.sbm-panel-filter > .sbm-header .sbm-caption
+.sbm-panel-filter .sbm-header .sbm-caption
 {
 	margin-top: 4px;
 	font-size: 1.2rem;
 	font-weight: bold;
 }

-.sbm-panel-filter > .sbm-header .sbm-action
+.sbm-panel-filter .sbm-header .sbm-action
 {
 	margin: 2px 0 0 8px;
 	border-radius: 4px;
 }

-.sbm-panel-filter > .sbm-header .sbm-action:hover
+.sbm-panel-filter .sbm-header .sbm-action:hover
 {
 	background-color: #b0b0b0;
 	box-shadow: 0 0 4px 2px #80808080;
 }

-.sbm-panel-filter > .sbm-content
+.sbm-panel-filter .sbm-content
 {
 	margin: 4px 8px;
 	padding: 4px 8px;
+	background-color: #f8f8f8;
 }

-.sbm-panel-filter > .sbm-content .sbm-control
+.sbm-panel-filter .sbm-content .sbm-label
 {
-	margin-bottom: 4px;
-}
-
-.sbm-panel-filter > .sbm-content .sbm-label
-{
-	padding: 2px 12px 2px 0;
+	padding-top: 2px;
+	padding-right: 12px;
 	text-align: right;
 }

-.sbm-panel-filter > .sbm-content .sbm-button
+.sbm-panel-filter .sbm-content input[type="text"],
+.sbm-panel-filter .sbm-content select
+{
+	min-width: 75%;
+	max-width: 90%;
+}
+
+.sbm-panel-filter .sbm-content .sbm-button
 {
 	min-width: auto;
 	margin-left: 4px;
-	padding: 4px 6px 2px 6px;
+	padding: 4px 6px;
 }

 /* Paging */
@@ -88,8 +91,7 @@
 .sbm-panel-filter .sbm-header .sbm-results-paging .sbm-action
 {
 	margin: 2px 1px 0 1px;
-	background-color: #a0a0a0;
-	opacity: 0.8;
+	background-color: #b0b0b0;
 	box-shadow: 0 0 0 1px #40404080 inset;
 }

@@ -131,8 +133,7 @@
 .sbm-panel-item
 {
 	margin: 8px auto;
-	background-color: #f8f8f8;
-	border: solid 2px #979797;
+	border: solid 1px #979797;
 	border-radius: 6px;
 	-webkit-border-radius: 6px;
 	-moz-border-radius: 6px;
@@ -161,7 +162,7 @@

 .sbm-panel-item > .sbm-header .sbm-caption .sbm-action:hover
 {
-	color: var(--color-primary);
+	color: var(--color-light);
 }

 .sbm-panel-item > .sbm-header .sbm-actions .sbm-action
@@ -177,7 +178,7 @@

 .sbm-panel-item > .sbm-content
 {
-	margin: 6px 8px;
+	margin: 4px 8px;
 	padding: 4px 4px;
 }

@@ -186,46 +187,38 @@
 	font-size: 0.8rem;
 }

-/* Profile Sports */
-
-.sbm-panel-item.ProfileSport,
-.sbm-panel-item.ProfileSport > .sbm-header
+@media (min-width: 576px)
 {
-	border-color: var(--color-alt2);
+	.sbm-panel-filter
+	{
+	}
 }

-/* Organisations */
+/* Item statuses */

-.sbm-panel-item.Organisation,
-.sbm-panel-item.Organisation > .sbm-header
+.sbm-status-awa
 {
-	border-color: var(--color-alt3);
+	color: darkorange;
 }

-/* Articles */
-
-.sbm-panel-item.Article,
-.sbm-panel-item.Article > .sbm-header
+.sbm-status-atv
 {
-	border-color: var(--color-article);
+	color: green;
 }

-.sbm-panel-item.Article > .sbm-header
+.sbm-status-ina
 {
-	background-color: var(--color-article-pale);
+	color: darkred;
 }

-/* Opportunitys */
-
-.sbm-panel-item.Opportunity,
-.sbm-panel-item.Opportunity > .sbm-header
+.sbm-status-hld
 {
-	border-color: var(--color-opportunity);
+	color: dodgerblue;
 }

-.sbm-panel-item.Opportunity > .sbm-header
+.sbm-status-del
 {
-	background-color: var(--color-opportunity-pale);
+	color: purple;
 }

 /* The End */
@@ -1,5 +1,5 @@
 /*
-    Form stylesheet.
+    BusMgr Portal - Form stylesheet.
 */

 /* Panels */
@@ -7,20 +7,20 @@
 .sbm-panel-info, .sbm-panel-form
 {
 	max-width: 720px;
-	margin: 16px auto;
+	margin: 24px auto;
 	padding: 0;
-	background-color: #f8f8f8;
-	border: solid 2px #606060;
+	background-color: #fff;
+	border: solid 2px #979797;
 	border-color: var(--color-primary);
-	border-radius: 6px;
-	-webkit-border-radius: 6px;
-	-moz-border-radius: 6px;
+	border-radius: 4px;
+	-webkit-border-radius: 4px;
+	-moz-border-radius: 4px;
 	overflow: hidden;
 }

 .sbm-panel-form.security
 {
-	max-width: 560px;
+	max-width: 520px;
 }

@media (min-width: 576px)
@@ -40,24 +40,14 @@
 	border-color: var(--color-primary);
 }

-.sbm-panel-form > .sbm-header
-{
-	background-color: var(--color-primary);
-}
-
 .sbm-panel-info > .sbm-header .sbm-caption,
 .sbm-panel-form > .sbm-header .sbm-caption
 {
-	font-size: 1.25rem;
+	font-size: 1.5rem;
 	font-weight: bold;
 	color: var(--color-primary-dark);
 }

-.sbm-panel-form > .sbm-header .sbm-caption
-{
-	color: #f0f0f0;
-}
-
 .sbm-panel-info > .sbm-header .sbm-action img:hover,
 .sbm-panel-form > .sbm-header .sbm-action img:hover
 {
@@ -66,29 +56,18 @@
 	box-shadow: 2px 2px 4px 0 #80808080;
 }

-.sbm-panel-info > .sbm-header .dropdown-menu,
-.sbm-panel-form > .sbm-header .dropdown-menu
-{
-	padding: 4px 8px;
-}
-
-.sbm-panel-info > .sbm-header ul.nav,
-.sbm-panel-form > .sbm-header ul.nav
-{
-	margin: 0;
-}
-
-.sbm-panel-info > .sbm-header .dropdown-menu .sbm-action,
-.sbm-panel-form > .sbm-header .dropdown-menu .sbm-action
-{
-	font-size: .8rem;
-}
-
 .sbm-panel-info > .sbm-content,
 .sbm-panel-form > .sbm-content
 {
+	max-height: 400px;
 	padding: 12px 12px;
 	background-color: #f8f8f8;
+	overflow-y: auto;
+}
+
+.sbm-panel-info > .sbm-content
+{
+	padding: 8px 12px;
 }

 .sbm-panel-section.sbm-edit .sbm-panel-info,
@@ -128,20 +107,13 @@
 {
 }

-.sbm-form .sbm-form-control .sbm-caption,
 .sbm-form .sbm-form-control .sbm-label
 {
-	margin: 0 0 4px 0;
+	margin: 0 0 8px 0;
 	font-size: 1rem;
 	line-height: 1.25;
 }

-.sbm-form .sbm-form-control .sbm-caption
-{
-	font-size: 1.1rem;
-	font-weight: bold;
-}
-
 .sbm-form .sbm-form-control .sbm-label-text
 {
 	font-size: 1rem;
@@ -158,19 +130,39 @@

 .sbm-form .sbm-form-control
 {
-	margin: 0 0 12px 0;
+	margin: 0 0 16px 0;
+}
+
+.sbm-form .sbm-form-control .sbm-label
+{
+	margin: 0 0 8px 0;
+	font-size: 1rem;
+	line-height: 1.25;
+}
+
+.sbm-form .sbm-form-control .sbm-label-text
+{
+	font-size: 1rem;
+	line-height: 1.25;
+}
+
+.sbm-form .sbm-form-control .sbm-note
+{
+	font-size: 0.9rem;
+	line-height: 1.2;
 }

 .sbm-form .sbm-input, .sbm-form .sbm-textarea, .sbm-form .sbm-select
 {
-	padding: 3px 8px 0 8px;
+	padding: 3px 8px 4px 8px;
 	width: 100%;
-	min-height: 30px;
 	font-size: 1rem;
-	line-height: 1.3;
+	line-height: 1.25;
 	background-color: #fff;
 	border: 1px solid #595959;
-	border-radius: 3px;
+	border-radius: 2px;
+	-webkit-border-radius: 2px;
+	-moz-border-radius: 2px;
 	outline: none;
 }

@@ -181,8 +173,8 @@

 .sbm-form .sbm-textarea, .sbm-form .sbm-select[multiple="multiple"]
 {
-	border-top-right-radius: 0;
-	border-bottom-right-radius: 0;
+	border-top-right-radius: 2px;
+	border-bottom-right-radius: 2px;
 	overflow-y: scroll;
 }

@@ -193,10 +185,8 @@

 .sbm-form .sbm-form-control.sbm-error .sbm-input, .sbm-form .sbm-form-control.sbm-error .sbm-textarea, .sbm-form .sbm-form-control.sbm-error .sbm-select
 {
-	color: #606060;
-	color: var(--color-primary);
-	border-color: #606060;
-	border-color: var(--color-primary);
+	color: #DC143C;
+	border-color: #DC143C;
 }

 /* Control messages */
@@ -206,7 +196,7 @@
 	display: none;
 	margin-top: 8px;
 	padding-left: 24px;
-	font-size: 16px;
+	font-size: 1.00rem;
 	background-position: left top;
 	background-repeat: no-repeat;
 }
@@ -226,16 +216,13 @@
 {
 	height: auto;
 	width: auto;
-	min-width: 120px;
-	padding: 4px 8px;
-	font-size: 16px;
-	font-weight: bold;
+	min-width: 80px;
+	padding: 4px 2px;
+	font-size: 1rem;
 	text-align: center;
-	color: #606060;
-	color: var(--color-primary);
-	background-color: #DFD2E1;
-	border: solid 1px #606060;
-	border-color: var(--color-primary);
+	color: #fff;
+	background-color: #d4af37;
+	border: 1px solid #d4af37;
 	border-radius: 4px;
 }

@@ -243,7 +230,6 @@
 .sbm-form input[type="button"].sbm-button:hover,
 .sbm-form input[type="submit"].sbm-button:hover
 {
-	background-color: #EFE8F0;
 }

 /* Password strength */
@@ -254,7 +240,8 @@
 	height: 18px;
 	margin: 6px 24px;
 	border-color: #595959;
-	box-shadow: none;
+	-moz-box-shadow: none;
+	-webkit-box-shadow: none;
 	overflow: hidden;
 }

@@ -1,35 +1,20 @@
 /*
-	Main stylesheet.
+	BusMgr Portal - Main stylesheet.
 */

 /* Global variables */

 :root
 {
-	/*
-		#556B2F Dark Olive Green
-		Ref. https://www.crispedge.com/color/556B2F
-		Darker: #445525, #33401c. Lighter: #768858, #99a682, #a6c275, #b7ce90.
-	*/
-	--color-primary: #556B2F;
-	--color-primary-dark: #425324;
-	--color-primary-light: #a0ac8b;
-	--color-primary-pale: #eceee7;
+	/* Colour analysis: https://www.colorhexa.com/ */
+	/* #4b0082 - Indigo. Ref. https://www.crispedge.com/color/4b0082 */
+	--color-primary: #4b0082;
+	--color-light: #9b71b9;
+	--color-pale: #ebe2f1;
 	/* Tetrad/Square colors */
-	--color-alt1: #2f6b63;
-	--color-alt2: #452f6b;
-	--color-alt3: #6b2f37;
-	/* Activity colours */
-	--color-article-dark: #7339ac;
-	--color-article: #9966CC;
-	--color-article-light: #b38cd9;
-	--color-article-pale: #decdee;
-	--color-opportunity-dark: #8f6b24;
-	--color-opportunity: #CC9933;
-	--color-opportunity-light: #dbb870;
-	--color-opportunity-pale: #f3e7d0;
-	/* Specific colours */
-	--color-dialog: var(--color-alt3);
+	--color-alt1: #820a00;
+	--color-alt2: #378200;
+	--color-alt3: #007882;
 }

 /* Document */
@@ -49,13 +34,36 @@ html

 body
 {
-	font-family: Verdana, Helvetica, Arial, Lucida, sans-serif;
-	background-color: #e9edf6;
+	font-family: Arial, Verdana, Helvetica, Lucida, sans-serif;
 }

 body > .container
 {
-	padding: 0 1%;
+	padding: 0 0.5%;
+}
+
+@media (min-width: 992px)
+{
+	.container
+	{
+		max-width: 1200px;
+	}
+}
+
+@media (min-width: 768px)
+{
+	.container
+	{
+		max-width: 1200px;
+	}
+}
+
+@media (min-width: 576px)
+{
+	.container
+	{
+		max-width: 1200px;
+	}
 }

 /* Sticky footer styles */
@@ -69,7 +77,7 @@ html
 body
 {
 	/* Margin bottom by footer height */
-	/*margin-bottom: 60px;*/
+	margin-bottom: 60px;
 }

 .footer
@@ -77,6 +85,7 @@ body
 	position: absolute;
 	bottom: 0;
 	width: 100%;
+	padding: 0 2%;
 	white-space: nowrap;
 	/* Set the fixed height of the footer here */
 	height: 60px;
@@ -113,11 +122,14 @@ button.accept-policy
 	line-height: inherit;
 }

-/* Information */
-
-.sbm-para
+/* Page caption */
+.sbm-page-caption
 {
-	margin: 8px 0;
+	margin: 0;
+	padding: 16px 24px;
+	font-size: 48px;
+	font-weight: bold;
+	color: #000;
 }

 /* Actions */
@@ -125,8 +137,7 @@ button.accept-policy
 a, a:hover
 {
 	text-decoration: underline;
-	color: #606060;
-	color: var(--color-primary);
+	color: #d4af37;
 }

 a:focus
@@ -135,11 +146,16 @@ a:focus
 	outline-width: thin;
 }

-.sbm-action
+.sbm-action, .sbm-action-text
 {
 	cursor: pointer;
 }

+.sbm-action-text:hover
+{
+	text-decoration: underline;
+}
+
 .sbm-action-link
 {
 	display: inline-block;
@@ -169,11 +185,11 @@ a:focus
 	padding: 12px 12px;
 	min-width: 100px;
 	color: #404040;
-	background-color: #b7ce90;
+	background-color: #e0e0e0;
 	font-size: 16px;
 	font-weight: bold;
 	text-align: center;
-	border-radius: 12px;
+	border-radius: 20px;
 	cursor: pointer;
 	transition: all .5s ease-in-out;
 	outline: none;
@@ -185,12 +201,18 @@ a:focus

 .sbm-button-action:hover
 {
-	background-color: #a6c275;
+	background-color: #b0b0b0;
+}
+
+.sbm-button-action:focus
+{
+	outline: none;
+	box-shadow: 0 0 4px 2px #808080;
 }

 .sbm-button-cta:hover
 {
-	background: #a6c275;
+	background: #808080 !important;
 }

 /* --- Notification --- */
@@ -254,7 +276,6 @@ a:focus
 }

 /* --- Modal Please wait --- */
-
 #sbm-please-wait
 {
 	display: none;
@@ -277,7 +298,6 @@ a:focus
 }

 /* Dialogs */
-
 .sbm-dialog
 {
 	display: none;
@@ -287,21 +307,25 @@ a:focus
 {
 	position: fixed;
 	padding: 0;
-	background-color: #e9edf6;
+}
+
+.ui-dialog .ui-dialog-titlebar
+{
+	padding: 6px 12px;
+}
+
+.ui-dialog .ui-dialog-content
+{
+	padding: 6px 12px;
 }

 .ui-dialog.ui-widget.ui-widget-content
 {
 	border-width: 2px;
-	border-color: #606060;
-	border-color: var(--color-dialog);
-	-moz-box-shadow: 4px 4px 6px var(--color-dialog);
-	-webkit-box-shadow: 4px 4px 6px var(--color-dialog);
-}
-
-.ui-dialog.ui-widget.sbm-dialog-border-thin.ui-widget-content
-{
-	border-width: 1px;
+	border-color: #d4af37;
+	-moz-box-shadow: 4px 4px 6px #ccc;
+	-webkit-box-shadow: 4px 4px 6px #ccc;
+	overflow: hidden;
 }

 .ui-dialog.ui-widget.ui-widget-content.ui-corner-all
@@ -309,68 +333,41 @@ a:focus
 	border-radius: 6px;
 }

-.ui-dialog.ui-widget.sbm-dialog-rounding-none.ui-widget-content.ui-corner-all
-{
-	border-radius: 0;
-}
-
 .ui-dialog.ui-widget .ui-widget-header
 {
 	font-size: 1.1rem;
-	color: #f0f0f0;
-	background-color: #606060;
-	border-color: var(--color-dialog);
-	background-color: #606060;
-	background-color: var(--color-dialog);
+	color: #fff;
+	background-color: #d4af37;
+	border-color: #d4af37;
 }

-.ui-dialog.ui-widget .ui-widget-header.ui-corner-all
+.ui-widget-content
 {
-	border-radius: 0;
-}
-
-.ui-dialog.sbm-dialog-titlebar-hide .ui-dialog-titlebar
-{
-	display: none;
-}
-
-.ui-dialog.dialog-no-close .ui-dialog-titlebar-close
-{
-	display: none;
-}
-
-.ui-dialog.ui-widget .ui-dialog-content.ui-widget-content
-{
-	padding: 4px 8px 0 8px;
-	font-size: 1rem;
+	font-size: 16px;
 	color: #000;
 }

-.ui-dialog .ui-dialog-buttonpane.ui-widget-content
+.ui-dialog .ui-dialog-titlebar.ui-corner-all
 {
-	margin-top: 0;
-	padding: 4px 16px 4px 16px;
-	background-color: transparent;
-	border-color: #606060;
-	border-color: var(--color-dialog);
+	border-bottom-left-radius: 0;
+	border-bottom-right-radius: 0;
 }

-.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
+.ui-dialog.no-close .ui-dialog-titlebar-close
 {
-	float: none;
-	width: 100%;
-	text-align: right;
+	/*display: none;*/
+}
+
+.ui-dialog .ui-dialog-buttonpane
+{
+	border-color: #d4af37;
 }

 .ui-dialog .ui-dialog-buttonpane button
 {
-	min-width: 60px;
-	padding: 6px 16px 4px 16px;
 	color: #fff;
-	background-color: #606060;
-	background-color: var(--color-dialog);
-	border-color: #606060;
-	border-color: var(--color-dialog);
+	background-color: #d4af37;
+	border-color: #d4af37;
 	outline: none;
 }

@@ -388,8 +385,7 @@ a:focus
 .ui-datepicker .ui-datepicker-header
 {
 	background-color: #fff;
-	border: 1px solid #606060;
-	border-color: var(--color-dialog);
+	border: 1px solid #d4af37;
 }

 /* The End */
@@ -0,0 +1,182 @@
+/*
+ * Admin - Affiliate page scripts.
+ */
+
+(function (win, doc, undef)
+{
+	"use strict";
+	sbm.itemIdPrefix = 'Itm_';
+	var $results;
+
+	//--------------------------------------------------------------
+	sbm.refreshResults = function (delay)
+	{
+		if (!sbm.awaitingRefreshResponse)
+		{
+			var $items = $('.sbm-panel-item-list', $results).fadeOut(200).empty();
+			var $msgs = $('.sbm-panel-messages', $results).hide().empty().append($('<div class="sbm-message">' + sbm.msg.dataQuerying + '</div>')).fadeIn(200);
+		}
+		sbm.ajax.refreshResults = sbm.ajax.refreshResults || { url: sbm.url.base + 'Contact/Ajax/List', formId: 'frmAffiliateFilter', callbackFn: sbm.doRefreshResults };
+		sbm.doAjaxRequest(sbm.ajax.refreshResults, delay || 50);
+		sbm.awaitingRefreshResponse = true;
+	}
+	sbm.getItemTemplate = function ()
+	{
+		return $('.sbm-panel-item-template .sbm-panel-item.Affiliate', $results);
+	}
+	sbm.getDropdownItemTemplate = function ()
+	{
+		return $('.sbm-panel-item-template .sbm-dropdown-menu.Affiliate li.sbm-dropdown-item', $results);
+	}
+	sbm.doRefreshResults = function (response)
+	{
+		sbm.debug('doRefreshResults', response);
+		delete sbm.awaitingRefreshResponse;
+		sbm.refreshControlValues(response.controlValues);
+		var $msgs = $('.sbm-panel-messages', $results).hide().empty();
+		var $items = $('.sbm-panel-item-list', $results).hide().empty();
+		var $tmpl = sbm.getItemTemplate();
+		sbm.refreshPaging(response, '#frmAffiliateFilter', sbm.refreshResults);
+		if (!response.success) return;
+		// Reference data - Statuses.
+		if (response.defaultStatusCode) sbm.data.defaultStatusCode = response.defaultStatusCode;
+		if (response.statuses)
+			sbm.populateSelectCodeDesc('#cbAffiliateStatus', response.statuses);
+		// Items.
+		var items = response.affiliates;
+		if (!items.length)
+			return $msgs.append($('<div class="sbm-message">' + sbm.msg.dataNoneFound + '</div>')).fadeIn(500);
+		for (let itemIdx = 0; itemIdx < items.length; itemIdx++)
+		{
+			let item = items[itemIdx];
+			let $item = $tmpl.clone();
+			sbm.populateItem($item, item);
+			$items.append($item);
+		}
+		$items.fadeIn(50);
+	}
+	sbm.populateItem = function ($item, item)
+	{
+		if (!item) return;
+		$item.prop('id', sbm.itemIdPrefix + item.id);
+		$('.AffiliateName', $item).text(item.displayName);
+		$('.AffiliateType', $item).text(item.typeDesc);
+		$('.AffiliateAssociationCount', $item).on('click', function () { sbm.onClickAssociationCount(item.id); }).find('.AssociationCount').text(item.associationCount);
+		$('.StatusDesc', $item).text(item.statusDesc).addClass('sbm-status-' + item.statusCode.toLowerCase());
+		$('.sbm-caption .sbm-action').toggleClass('sbm-action', !item.deleted);
+		if (!item.deleted)
+		{
+			let $mnu = $('ul.sbm-dropdown-menu', $item);
+			$mnu.append(sbm.getDropdownItemTemplate().clone().find('div.sbm-label').text(sbm.lbl.edit).end().on('click', function () { sbm.updateItem(item.id) }));
+			if (item.awaiting)
+				$mnu.append(sbm.getDropdownItemTemplate().clone().find('div.sbm-label').text(sbm.lbl.activate).end().on('click', function () { sbm.activateItem(item.id) }));
+			$('.sbm-header .sbm-action.sbm-item-update', $item).off('click').on('click', function () { sbm.updateItem(item.id) });
+			$item.off('dblclick').on('dblclick', function () { sbm.updateItem(item.id) });
+		}
+		$('.sbm-burger', $item).toggle(!!$('.sbm-burger .sbm-dropdown-menu .sbm-dropdown-item', $item).length);
+		$('.sbm-panel-messages', $results).hide().empty();
+		return $item;
+	}
+
+	//--------------------------------------------------------------
+	sbm.createItem = function ()
+	{
+		let $frm = sbm.$frm.affiliate;
+		$('.AffiliateId,input[type="text"],textarea,select', $frm).val('');
+		$('.AffiliateStatus', $frm).val(sbm.data.defaultStatusCode);
+		sbm.clearControlErrors();
+		sbm.$dlg.affiliate.dialog('option', 'title', sbm.dlg.title.createAffiliate);
+		sbm.openDialog(sbm.$dlg.affiliate, 600, 600);
+	}
+	sbm.doCreateItem = function ()
+	{
+		sbm.storeItem();
+	}
+
+	//--------------------------------------------------------------
+	sbm.updateItem = function (id)
+	{
+		$('.AffiliateId', sbm.$frm.affiliateId).val(id);
+		sbm.ajax.updateItem = sbm.ajax.updateItem || { url: sbm.url.base + 'Contact/Ajax/GetItem', formId: 'frmAffiliateId', callbackFn: sbm.onUpdateItem };
+		sbm.doAjaxRequest(sbm.ajax.updateItem, 50);
+	}
+	sbm.onUpdateItem = function (response)
+	{
+		//sbm.debug('onUpdateItem', response);
+		let $frm = sbm.$frm.affiliate;
+		$('.AffiliateId,input[type="text"],textarea,select', $frm).val('');
+		if (!response.success) return;
+		let item = response.affiliate;
+		$('.AffiliateId', $frm).val(item.id);
+		$('.AffiliateType', $frm).val(item.typeCode);
+		$('.AffiliateName', $frm).val(item.name);
+		$('.AffiliateNotes', $frm).val(item.notes);
+		$('.AffiliateStatus', $frm).val(item.statusCode);
+		sbm.clearControlErrors();
+		sbm.$dlg.affiliate.dialog('option', 'title', sbm.dlg.title.updateAffiliate);
+		sbm.openDialog(sbm.$dlg.affiliate, 600, 600);
+	}
+	sbm.doUpdateItem = function ()
+	{
+		sbm.storeItem();
+	}
+
+	//--------------------------------------------------------------
+	sbm.storeItem = function ()
+	{
+		sbm.ajax.storeItem = sbm.ajax.storeItem || { url: sbm.url.base + 'Contact/Ajax/StoreItem', formId: 'frmAffiliate', callbackFn: sbm.onStoreItem };
+		sbm.doAjaxRequest(sbm.ajax.storeItem, 50);
+	}
+	sbm.onStoreItem = function (response)
+	{
+		//sbm.debug('onStoreItem', response);
+		sbm.refreshControlValues(response.controlValues);
+		if (!response.success) return;
+		sbm.$dlg.affiliate.dialog('close');
+
+		var item = response.affiliate;
+		var $item = $('#' + sbm.itemIdPrefix + item.id);
+		if (!$item.length)
+		{
+			$item = $('.sbm-panel-item-template .sbm-panel-item.Affiliate', $results).clone();
+			$('.sbm-panel-item-list', $results).prepend($item).show();
+		}
+		$item.replaceWith(sbm.populateItem(sbm.getItemTemplate(), item));
+	}
+
+	//--------------------------------------------------------------
+	sbm.onClickAssociationCount = function (id)
+	{
+		if (!(id * 1)) return;
+		sbm.doPleaseWait();
+		let $frm = $('#frmAffiliateId');
+		$('.AffiliateId', $frm).val(id);
+		$frm.prop('action', sbm.url.base + 'Association').submit();
+	}
+
+	//--------------------------------------------------------------
+	$(function ()
+	{
+		$('.sbm-panel-filter .sbm-action.sbm-item-create').on('click', function () { sbm.createItem(); });
+		$('.sbm-panel-filter .sbm-action.sbm-results-refresh').on('click', function () { sbm.refreshResults(); });
+		$('.sbm-input, .sbm-textarea').on('input', function () { sbm.clearControlError(this); });
+		$('.sbm-select').on('change', function () { sbm.clearControlError(this); });
+
+		sbm.$frm.filter = $('#frmAffiliateFilter');
+		$('.FilterAffiliate', sbm.$frm.filter).on('input', function () { sbm.refreshResults(250); });
+		$('.FilterAffiliateCategory,.FilterAffiliateStatusCategory', sbm.$frm.filter).on('change', function () { sbm.refreshResults(50); });
+		sbm.$frm.affiliateId = $('#frmAffiliateId');
+		sbm.$frm.affiliate = $('#frmAffiliate');
+		$results = $('.sbm-panel-results');
+
+		var opt = sbm.dlgOpts();
+		opt.buttons[sbm.dlg.btn.ok] = function () { sbm.doCreateItem(); };
+		opt.buttons[sbm.dlg.btn.cancel] = function () { $(this).dialog('close'); };
+		sbm.$dlg.affiliate = $('#dlgAffiliate').dialog(opt);
+
+		setTimeout(sbm.refreshResults, 250);
+	});
+
+}(window, window.document));
+
+/* The End */
@@ -0,0 +1,83 @@
+/*
+ * Admin - Results paging.
+ */
+
+(function (win, doc, undef)
+{
+	"use strict";
+	let rp = sbm.resultsPaging = sbm.resultsPaging || { fn: {}, msg: {}, contexts: [] };
+
+	//--------------------------------------------------------------
+	rp.fn.refreshPaging = function (paging, contextSel, refreshFn)
+	{
+		let context = rp.fn.getContext(contextSel, refreshFn);
+		rp.fn.init(context);
+		context.paging = paging = paging || {};
+		context.$rp.toggle(paging.paged);
+		context.$pageNo.val(paging.pageNo);
+		context.$pageLen.val(paging.pageLength);
+		$('.sbm-paging-info', context.$rp).text(sbm.resultsPaging.msg.pageInfo.format(paging.pageNo, paging.pageCount));
+		//$('.sbm-paging-first,.sbm-paging-prev', context.$rp).toggle(paging.pageNo > 1);
+		//$('.sbm-paging-next,.sbm-paging-last', context.$rp).toggle(paging.pageNo < paging.pageCount);
+	}
+
+	//--------------------------------------------------------------
+	rp.fn.getContext = function (contextSel, refreshFn)
+	{
+		for (let idx = 0; idx < rp.contexts.length; idx++)
+		{
+			if (rp.contexts[idx].sel == contextSel) return rp.contexts[idx];
+		}
+		//sbm.debug('getContext Creating new context for: ', contextSel);
+		let context = { sel: contextSel, refreshFn: refreshFn }
+		rp.contexts.push(context);
+		return context;
+	}
+
+	//--------------------------------------------------------------
+	rp.fn.firstPage = function (context)
+	{
+		let page = context.$pageNo.val() * 1;
+		if (page < 2) return;
+		context.$pageNo.val(1);
+		context.refreshFn();
+	}
+	rp.fn.prevPage = function (context)
+	{
+		let page = context.$pageNo.val() * 1;
+		if (page < 2) return;
+		context.$pageNo.val(page - 1);
+		context.refreshFn();
+	}
+	rp.fn.nextPage = function (context)
+	{
+		let page = context.$pageNo.val() * 1;
+		if (page > context.paging.pageCount - 1) return;
+		context.$pageNo.val(page + 1);
+		context.refreshFn();
+	}
+	rp.fn.lastPage = function (context)
+	{
+		let page = context.$pageNo.val() * 1;
+		if (page > context.paging.pageCount - 1) return;
+		context.$pageNo.val(context.paging.pageCount);
+		context.refreshFn();
+	}
+
+	//--------------------------------------------------------------
+	rp.fn.init = function (context)
+	{
+		if (context.$rp) return;
+		//sbm.debug('resultsPaging.init Initialising Paging.', context);
+		context.$rp = $('.sbm-results-paging', $(context.sel));
+		context.$pageNo = $('.PagingPageNo', context.$rp);
+		context.$pageLen = $('.PagingPageLength', context.$rp);
+		$('.sbm-paging-first', context.$rp).off('click').on('click', function () { rp.fn.firstPage(context); });
+		$('.sbm-paging-prev', context.$rp).off('click').on('click', function () { rp.fn.prevPage(context); });
+		$('.sbm-paging-next', context.$rp).off('click').on('click', function () { rp.fn.nextPage(context); });
+		$('.sbm-paging-last', context.$rp).off('click').on('click', function () { rp.fn.lastPage(context); });
+	}
+
+}(window, window.document));
+
+/* The End */
@@ -52,7 +52,7 @@
 	sbm.doRequestPassword = function ()
 	{
 		sbm.clearControlErrors();
-		sbm.ajaxRequestPassword = sbm.ajaxRequestPassword || { url: sbm.url.base + 'Security/Ajax/RequestNewPassword', formId: 'frmRequestPassword', callbackFn: sbm.onRequestPassword };
+		sbm.ajaxRequestPassword = sbm.ajaxRequestPassword || { url: sbm.url.base + 'Security/Ajax/RequestPassword', formId: 'frmRequestPassword', callbackFn: sbm.onRequestPassword };
 		sbm.doAjaxRequest(sbm.ajaxRequestPassword, 50);
 	}
 	sbm.onRequestPassword = function (response)