Display provider-specific data for each channel in the UI

assets/javascripts/discourse/templates/admin/plugins-chat-provider.hbs

@@ -7,7 +7,14 @@
   {{/if}}
 
   {{# each model.channels as |channel|}}
-    {{channel-details channel=channel provider=provider store=store refresh='refresh' edit='editChannel' test='testChannel'}}
+    {{channel-details 
+        channel=channel 
+        provider=model.provider 
+        store=store 
+        refresh='refresh' 
+        edit='editChannel' 
+        test='testChannel' 
+        }}
     
   {{/each}}
   

assets/javascripts/discourse/templates/components/channel-details.hbs

@@ -1,5 +1,4 @@
 <div class='channel-header'>
-  <span class='channel-title'>{{channel.data.identifier}}</span>
   <div class='pull-right'>
     {{d-button action="edit" actionParam=channel icon="pencil" title="chat_integration.edit_channel" label="chat_integration.edit_channel"}}
 
@@ -7,6 +6,16 @@
 
     {{d-button class='cancel' action="delete" actionParam=channel icon="trash" title="chat_integration.delete_channel" label="chat_integration.delete_channel"}}
   </div>
+  <span class='channel-title'>
+
+    {{# each provider.channel_parameters as |param|}}
+        <b>{{i18n (concat 'chat_integration.provider.' channel.provider '.param.' param.key '.title')}}:</b>
+        {{get channel.data param.key}} <br/>
+      
+    {{/each}}
+
+  </span>
+  
 </div>
 <div class='channel-body'>
 <table>

assets/stylesheets/chat-integration-admin.scss

@@ -6,12 +6,12 @@
 			white-space:nowrap;
 		}
 		td:not(:last-child){
-			width: 25%;
+			width: 30%;
 		}
 	}
 
 	div.table-footer{
-		margin-top: 10px;
+		margin: 10px;
 	}
 
 	div.error {
@@ -22,8 +22,6 @@
     margin-bottom: 10px;
     background-color: dark-light-diff($quaternary, $secondary, 70%, -70%);
     padding: 15px;
-
-    
   }
 
   div.channel-details{