From 2e46111b4ba9dcee4f6394eb3e40943a721dbae1 Mon Sep 17 00:00:00 2001
From: Paulo Reis <paulojreis@gmail.com>
Date: Thu, 28 Jun 2018 17:02:04 +0100
Subject: [PATCH] Add explanation about using template cache directly.

---
 services/web/public/coffee/base.coffee | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/services/web/public/coffee/base.coffee b/services/web/public/coffee/base.coffee
index 370823703a..cb9e70b6bf 100644
--- a/services/web/public/coffee/base.coffee
+++ b/services/web/public/coffee/base.coffee
@@ -28,6 +28,9 @@ define [
 		})
 	
 	App.run ($templateCache) ->
+		# UI Select templates are hard-coded and use Glyphicon icons (which we don't import). 
+		# The line below simply overrides the hard-coded template with our own, which is 
+		# basically the same but using Font Awesome icons.
 		$templateCache.put "bootstrap/match.tpl.html", "<div class=\"ui-select-match\" ng-hide=\"$select.open && $select.searchEnabled\" ng-disabled=\"$select.disabled\" ng-class=\"{\'btn-default-focus\':$select.focus}\"><span tabindex=\"-1\" class=\"btn btn-default form-control ui-select-toggle\" aria-label=\"{{ $select.baseTitle }} activate\" ng-disabled=\"$select.disabled\" ng-click=\"$select.activate()\" style=\"outline: 0;\"><span ng-show=\"$select.isEmpty()\" class=\"ui-select-placeholder text-muted\">{{$select.placeholder}}</span> <span ng-hide=\"$select.isEmpty()\" class=\"ui-select-match-text pull-left\" ng-class=\"{\'ui-select-allow-clear\': $select.allowClear && !$select.isEmpty()}\" ng-transclude=\"\"></span> <i class=\"caret pull-right\" ng-click=\"$select.toggle($event)\"></i> <a ng-show=\"$select.allowClear && !$select.isEmpty() && ($select.disabled !== true)\" aria-label=\"{{ $select.baseTitle }} clear\" style=\"margin-right: 10px\" ng-click=\"$select.clear($event)\" class=\"btn btn-xs btn-link pull-right\"><i class=\"fa fa-times\" aria-hidden=\"true\"></i></a></span></div>"
 
 	sl_debugging = window.location?.search?.match(/debug=true/)?