Bug 1640308: Add some colour to the inactive auth instance

So it is easier to spot that it's not active when editing an institution

behatnotneeded

Change-Id: Iad51e8612420f464f197e1169298bb031f9fbff4
Signed-off-by: Robert Lyon <robertl@catalyst.net.nz>

htdocs/theme/raw/sass/_custom.scss

@@ -440,6 +440,14 @@
     width: 90%;
 }
 
+.authInstance .authitem {
+    padding:5px;
+    &.inactive {
+        background: $state-warning-bg;
+        color: $state-warning-text;
+    }
+}
+
 .btn-search.btn.btn-primary.admin-groups.button.btn {
     margin-left: -13px;
     margin-top: 2px;

htdocs/theme/raw/templates/form/authlist.tpl

@@ -182,9 +182,10 @@ IMPORTANT: do not introduce any new whitespace into the instanceList div.
 <div id="instanceList" class="listrow">
     {{foreach $instancelist instance}}
     <div class="authInstance" id="instanceDiv{{$instance->id}}">
+      <span class="authitem{{if $instance->active == 0}} inactive{{/if}}">
         <label class="authLabel">
             <a href="" onclick="editinstance({{$instance->id}},'{{$instance->authname}}'); return false;">
-            {{str tag="title" section="auth.`$instance->authname`"}}</a>
+            {{str tag="title" section="auth.`$instance->authname`"}}</a> {{if $instance->active == 0}} ({{get_string('off', 'mahara')}}){{/if}}
         </label>
         <span class="authIcons" id="arrows{{$instance->id}}">
             {{if $instance->index + 1 < $instance->total}}
@@ -204,6 +205,7 @@ IMPORTANT: do not introduce any new whitespace into the instanceList div.
                 <span class="sr-only">{{str tag=deleteitem}}</span>
             </a>
         </span>
+      </span>
     </div>
     {{/foreach}}
 </div>