Use autofocus on username input field instead of the password field, Fill missing cells on incorrect cell count in table views

CHANGELOG.md

@@ -1,5 +1,9 @@
 # CHANGELOG
 
+## 2.1.4 - 2019/11/08
+* Use autofocus on username input field instead of the password field
+* Fill missing cells on incorrect cell count in table views when only partial data is available
+
 ## 2.1.3 - 2019/08/08
 * Fixed false rendering of forms
 * Fixed channel tree view showing the wrong virtual server after selection

README.md

@@ -3,8 +3,8 @@ ts3web is a free and open-source web interface for TeamSpeak 3 instances.
  
 The minimalistic approach of this application is intentional.
 
-* Docker images available on https://hub.docker.com/r/varakh/ts3web
+* Docker images available on [https://hub.docker.com/r/varakh/ts3web](https://hub.docker.com/r/varakh/ts3web)
-* Sources are hosted on https://gitlab.com/varakh/ts3web
+* Sources are hosted on [https://gitlab.com/varakh/ts3web](https://gitlab.com/varakh/ts3web)
 
 ## Limitations
 Features which are currently not supported:
@@ -52,7 +52,7 @@ IP for this example setup.
 the `env` file referenced in the example `docker-compose`.
 
 ```
-version: '2'
+version: '2.1'
 networks:
   teamspeak:
     external: false
@@ -86,6 +86,11 @@ services:
     restart: always
     networks:
       - teamspeak
+    healthcheck:
+        test: "nc -z localhost 80"
+        interval: 1s
+        timeout: 10s
+        retries: 5
 ```
 
 Now execute `docker-compose up -d` to start those containers. If you like to update, do `docker-compose down`, 

docker/nginx.conf

@@ -75,7 +75,6 @@ http {
 	# Enable checking the existence of precompressed files.
 	#gzip_static on;
 
-
 	# Specifies the main log format.
 	log_format main '$remote_addr - $remote_user [$time_local] "$request" '
 			'$status $body_bytes_sent "$http_referer" '

src/View/bootstrap4/login.twig

@@ -24,14 +24,14 @@
                                 <input type="text" id="username" name="username" class="form-control form-control-sm"
                                        placeholder="{{ getenv('teamspeak_user') }}"
                                        value="{{ getenv('teamspeak_user') }}"
-                                       required>
+                                       autofocus required>
                             </div>
 
                             <div class="form-group">
                                 <label for="password" class="sr-only">{% trans %}login.form.password{% endtrans %}</label>
                                 <input type="password" id="password" name="password"
                                        class="form-control form-control-sm"
-                                       placeholder="{% trans %}login.form.password.placeholder{% endtrans %}" autofocus required>
+                                       placeholder="{% trans %}login.form.password.placeholder{% endtrans %}" required>
                             </div>
 
                             <div class="form-group">

src/View/bootstrap4/table.twig

@@ -1,10 +1,50 @@
+<!-- determine if keys are missing and add empty values for them -->
+{% set allKeys = [] %}
+{% for arr in data %}
+    {% for key in arr|keys %}
+        {% if key not in allKeys %}
+            {% set allKeys = allKeys|merge([key]) %}
+        {% endif %}
+    {% endfor %}
+{% endfor %}
+
+{% set workData = [] %}
+{% for arr in data %}
+    {% set missing = [] %}
+
+    {% for ix,key in allKeys %}
+        {% if key not in arr|keys %}
+            {% set missing = missing|merge({(key) : null}) %}
+        {% endif %}
+    {% endfor %}
+
+    {% if missing is not null %}
+        {% set manipulatedArr = arr %}
+        {% set manipulatedArr = manipulatedArr|merge(missing) %}
+
+        {% set correctOrdered = [] %}
+        {% for key in allKeys %}
+            {% for k,v in manipulatedArr %}
+                {% if k == key %}
+                    {% set correctOrdered = correctOrdered|merge({(k):v}) %}
+                {% endif %}
+            {% endfor %}
+        {% endfor %}
+
+        {% set workData = workData|merge([correctOrdered]) %}
+
+    {% else %}
+        {% set workData = workData|merge([arr]) %}
+    {% endif %}
+{% endfor %}
+
 <div class="table-responsive">
     <table class="table table-sm small sortable-bootstrap table-striped table-bordered" data-sortable>
         <thead>
         <tr>
             <!-- determine if to hide entire column header -->
             {% set added = [] %}
-            {% for arr in data %}
+            {% for arr in workData %}
                 {% set added = arr|keys %}
             {% endfor %}
 
@@ -22,7 +62,7 @@
         </thead>
         <tbody>
 
-        {% for arr in data %}
+        {% for arr in workData %}
 
             <!-- determine if row should be hidden -->
             {% set show = true %}
@@ -40,8 +80,10 @@
                         <!-- apply filters to item -->
                         {% for filter in filters %}
                             {% if filter.key == key %}
+                                {% if value is not empty %}
                                     {% set value =  value|apply_filter(filter.apply)|raw %}
                                 {% endif %}
+                            {% endif %}
                         {% endfor %}
 
                         <!-- determine if to hide entire column cell -->
@@ -81,8 +123,11 @@
                                         {% endif %}
                                     {% endfor %}
 
+                                    {% if item is empty %}
+                                    {% else %}
                                         {{ item|raw }}
                                     {% endif %}
+                                {% endif %}
                             </td>
                         {% endif %}
                     {% endfor %}
@@ -98,8 +143,10 @@
                                         {% set shownValue = searchingValue %}
 
                                         {% if link.apply is not empty %}
+                                            {% if shownValue is not empty %}
                                                 {% set shownValue = shownValue|apply_filter(link.apply)|raw %}
                                             {% endif %}
+                                        {% endif %}
 
                                         {% set item = "<a href=\"#{link.uri}\/#{shownValue}\">#{link.label}</a>" %}
                                     {% endif %}