Listing all connectors in same card

Author: jglambed

index.html

@@ -21,7 +21,7 @@
   <div layout="row" layout-xs="column">
     <div flex>
      <!-- <h5><a href="{{cluster ? '#/cluster/'+cluster.NAME : '#/'}}">KAFKA CONNECT</a></h5> -->
-      <h5><a href="/#/">KAFKA CONNECT</a></h5>
+      <h5><a href="/#/" style="color:#fff;font-weight: normal;font-size: 14px;">KAFKA CONNECT</a></h5>
     </div>
     <label ng-show="!missingEnvJS && clusters.length > 1  && !isHome"   style="color:#ccc; font-size:12px"><b>SELECT CLUSTER :</b></label>
     <md-input-container ng-show="!missingEnvJS && clusters.length > 1 && !isHome" class="selectCluster">

src/kafka-connect/select-type/sink-or-source.controller.js

@@ -33,7 +33,10 @@ angularAPP.controller('SelectNewConnectorCtrl', function ($scope, $http, $log, $
             isUndefined: true,
             type: type
         }
-        $scope.unsupportedConnectors.push(o);
+        if (type == "Source")
+        $scope.sources.push(o);
+        else
+        $scope.sinks.push(o);
       }
     });
   }, function (reason) {

src/kafka-connect/select-type/sink-or-source.html

@@ -51,35 +51,5 @@ <h3><b>{{sink.name}}</b></h3>
                 </md-list>
             </md-content>
         </md-card>
-        <md-card ng-show = "unsupportedConnectors">
-            <!--<div style="width:100%;" class="md-toolbar-tools">-->
-            <!--<p>Not in list? Add the connector manually</p>-->
-            <!--</div>-->
-            <div layout="row"  ng-show="unsupportedConnectors">
-                <md-list flex >
-                    <md-list-item ng-repeat="connector in unsupportedConnectors  | filter : search2 | filter :{type :'Source' }" class="md-2-line"
-                                  ng-href="{{'#/cluster/'+cluster+'/create-connector/'  + connector.name }}">
-                        <img ng-src="src/assets/icons/{{connector.icon}}" class="md-avatar" style="width:40px;height:40px;"/>
-                        <div class="md-list-item-text">
-                            <h3><b>{{connector.name}}</b></h3>
-                            <p>{{connector.class}}</p>
-                            <p>{{connector.type}}</p>
-                        </div>
-                    </md-list-item>
-                </md-list>
-                <md-list flex >
-                    <md-list-item ng-repeat="connector in unsupportedConnectors  | filter : search2 | filter :{type :'Sink' }" class="md-2-line"
-                                  ng-href="{{'#/cluster/'+cluster+'/create-connector/'  + connector.name }}">
-                        <img ng-src="src/assets/icons/{{connector.icon}}" class="md-avatar" style="width:40px;height:40px;"/>
-                        <div class="md-list-item-text">
-                            <h3><b>{{connector.name}}</b></h3>
-                            <p>{{connector.class}}</p>
-                            <p>{{connector.type}}</p>
-                        </div>
-                    </md-list-item>
-                </md-list>
-
-            </div>
-        </md-card>
     </div>
 </div>