Various UI tweaks (#97)

Author: Crim

CHANGELOG.md

@@ -5,14 +5,16 @@ and this project adheres to [Semantic Versioning](http://semver.org/).
 ## 2.0.0 (UNRELEASED)
 
 - Added new Stream consumer management page at /configuration/stream
-- Added ability to disable user authentication, allowing for anonymous users to access the web service.
+- Added ability to disable user authentication.  This allows for anonymous user access.
 - Added ability to create topics via the UI.
 - Added ability to modify topic configuration via the UI.
+- Various UI usability improvements.
 - Updated SpringBoot framework from 1.5.x to 2.0.5.
 
 ### Breaking Changes
 
-TODO Write migration guide
+Kafka-WebView's configuration file has changed slightly.  Most notably the `require-ssl` property has moved and been renamed requiredSsl.
+Please review the default [config.yml](kafka-webview-ui/src/assembly/distribution/config.yml) for references to the new configuration options. 
 
 ## 1.0.5 (06/22/2018)
 - [Issue#75](https://github.com/SourceLabOrg/kafka-webview/issues/75) Bugfix Add Jackson serializer that falls back to using toString() when consuming entries from Kafka.

kafka-webview-ui/src/assembly/distribution/config.yml

@@ -10,6 +10,9 @@ app:
   ## Defines a prefix prepended to the Id of all consumers.
   consumerIdPrefix: "KafkaWebViewConsumer"
 
+  ## Sets upper limit on the number of concurrent web socket consumers supported.
+  maxConcurrentWebSocketConsumers: 64
+
   ## Require SSL
   requireSsl: false
 

kafka-webview-ui/src/main/java/org/sourcelab/kafka/webview/ui/controller/configuration/cluster/ClusterConfigController.java

@@ -80,7 +80,7 @@ public String index(final Model model) {
         setupBreadCrumbs(model, null, null);
 
         // Retrieve all clusters
-        final Iterable<Cluster> clusterList = clusterRepository.findAll();
+        final Iterable<Cluster> clusterList = clusterRepository.findAllByOrderByNameAsc();
         model.addAttribute("clusterList", clusterList);
 
         return "configuration/cluster/index";

kafka-webview-ui/src/main/java/org/sourcelab/kafka/webview/ui/controller/configuration/view/ViewConfigController.java

@@ -101,7 +101,7 @@ public String index(final Model model) {
         setupBreadCrumbs(model, null, null);
 
         // Retrieve all message formats
-        final Iterable<View> viewList = viewRepository.findAll();
+        final Iterable<View> viewList = viewRepository.findAllByOrderByNameAsc();
         model.addAttribute("views", viewList);
 
         return "configuration/view/index";

kafka-webview-ui/src/main/resources/templates/cluster/read.html

@@ -191,10 +191,10 @@ <h4 class="alert-heading">No Brokers Found</h4>
                         Cluster <strong th:text="${cluster.name}"></strong> Topics
 
                         <div class="btn-group float-right" role="group" aria-label="Button group" sec:authorize="hasRole('ROLE_ADMIN')">
-                            <button class="btn" type="button" data-toggle="modal" data-target="#createTopicModal" style="padding-bottom: 0;">
+                            <a class="btn" href="#" style="padding-bottom: 0;" data-toggle="modal" data-target="#createTopicModal">
                                 <i class="icon-settings"></i>
                                 &nbsp;Create new
-                            </button>
+                            </a>
                         </div>
                     </div>
                     <div class="card-body">

kafka-webview-ui/src/main/resources/templates/configuration/cluster/index.html

@@ -35,6 +35,11 @@
                             </tr>
                             </thead>
                             <tbody>
+                                <tr th:if="${clusterList.isEmpty()}" align="center">
+                                    <td colspan="5">
+                                        No clusters found!
+                                    </td>
+                                </tr>
                                 <tr th:each="cluster : ${clusterList}">
                                     <td th:text="${cluster.name}"></td>
                                     <td th:text="${cluster.brokerHosts}"></td>

kafka-webview-ui/src/main/resources/templates/configuration/filter/index.html

@@ -40,6 +40,11 @@
                             </tr>
                             </thead>
                             <tbody>
+                            <tr th:if="${filters.isEmpty()}" align="center">
+                                <td colspan="5">
+                                    No filters found!
+                                </td>
+                            </tr>
                             <tr th:each="filter : ${filters}">
                                 <td th:text="${filter.name}"></td>
                                 <td th:text="${filter.classpath}"></td>

kafka-webview-ui/src/main/resources/templates/configuration/index.html

@@ -70,6 +70,14 @@
                                     Kafka cluster and topic.  It also allows you to configure Record Filters.
                                 </td>
                             </tr>
+                            <tr>
+                                <td>
+                                    <a href="/configuration/stream">Active Streams</a>
+                                </td>
+                                <td>
+                                    This section allows you to view any active stream consumers.
+                                </td>
+                            </tr>
                             </tbody>
                         </table>
                     </div>

kafka-webview-ui/src/main/resources/templates/configuration/stream/index.html

@@ -30,6 +30,11 @@
                             </tr>
                             </thead>
                             <tbody>
+                            <tr th:if="${consumers.isEmpty()}" align="center">
+                                <td colspan="6">
+                                    No active consumers found!
+                                </td>
+                            </tr>
                             <tr th:each="consumer : ${consumers}">
                                 <td th:text="${userMap.get(consumer.getUserId()).getDisplayName()}"></td>
                                 <td>

kafka-webview-ui/src/main/resources/templates/configuration/view/index.html

@@ -37,6 +37,11 @@
                             </tr>
                             </thead>
                             <tbody>
+                            <tr th:if="${views.isEmpty()}" align="center">
+                                <td colspan="7">
+                                    No views found!
+                                </td>
+                            </tr>
                             <tr th:each="view : ${views}">
                                 <td>
                                     <a th:href="@{/view/{id}(id=${view.id})}" th:text="${view.name}"/>