tailwind 3 poc

Author: sni

.gitignore

@@ -78,3 +78,4 @@ plugins/plugins-available/omd
 plugins/plugins-available/pansnaps
 plugins/plugins-available/status-dashboard
 plugins/plugins-available/woshsh
+!root/thruk/vendor/unicons/Makefile

Changes

@@ -2,6 +2,21 @@ This file documents the revision history for the Monitoring Webinterface Thruk.
 
 2.48.2   Fri Jul  1 14:36:30 CEST 2022
           - make links clickable in comments and downtimes
+next 3.x:
+          - deprecated configuration options:
+            - use_pager
+            - use_frames
+            - use_new_command_box
+            - info_popup_event_type
+            - info_popup_options
+          - deprecated plugins:
+            - mobile
+            - wml
+            - statusmap
+          - add collapsable side navigation
+          - add delete icon to comments/downtimes popup
+
+next:
           - fix sidebar search not showing all service names
           - Panorama:
             - support non-numeric dashboard file names

MANIFEST

@@ -62,6 +62,13 @@ configure-stamp
 my_templates/
 panorama_default_view
 themes/themes-available/.*/images/logos/.*server.png
+themes/themes-available/.*/node_modules/
+themes/themes-available/.*/Makefile
+themes/themes-available/.*/package-lock.json
+themes/themes-available/.*/package.json
+themes/themes-available/.*/postcss.config.js
+themes/themes-available/.*/src/.*.css
+themes/themes-available/.*/tailwind.config.js
 nytprof/
 nytprof.out
 .~ko-6.1.3-perllint~

MANIFEST.SKIP

@@ -157,6 +157,11 @@ print `./script/thruk_patch_makefile.pl`;
 print `./script/thruk_create_combined_static_content.pl`;
 print "created cached js/css files\n";
 
+print `test -f themes/themes-available/Light/stylesheets/Light.css || make themes`;
+if($? != 0) {
+  die("failed to build themes");
+}
+
 print `./script/thruk_set_standard_header`;
 if($? != 0) {
   die("failed to update standard headers");

Makefile.PL

@@ -95,18 +95,10 @@ jit-yc.js
   - https://philogb.github.io/jit/
   - MIT
 
-jqm.js
-  - http://jquerymobile.com
-  - MIT
-
 jquery.js
   - http://jquery.com/
   - MIT
 
-jquery.mobile.router.js
-  - https://github.com/azicchetti/jquerymobile-router
-  - MIT
-
 jquery-ui.js
   - http://jqueryui.com/
   - MIT
@@ -130,10 +122,6 @@ openlayer.js
   - https://github.com/openlayers/openlayers/
   - BSD
 
-overlib.js:
-  - https://github.com/overlib/overlib
-  - Artistic
-
 sprintf.js
   - https://github.com/kvz/locutus/blob/master/src/php/strings/sprintf.js
   - MIT
@@ -145,3 +133,11 @@ strftime.js
 bestiejs.js
   - https://github.com/bestiejs/platform.js
   - MIT
+
+unicons
+  - https://github.com/Iconscout/unicons
+  - Apache-2.0
+
+font-awesome
+  - https://fontawesome.com/
+  - CC BY 4.0

THANKS

@@ -18,19 +18,11 @@
 /usr/share/thruk/plugins/plugins-available/minemap
 /etc/thruk/plugins/plugins-available/minemap
 /etc/thruk/plugins/plugins-enabled/minemap
-/usr/share/thruk/plugins/plugins-available/mobile
-/etc/thruk/plugins/plugins-available/mobile
-/etc/thruk/plugins/plugins-enabled/mobile
 /usr/share/thruk/plugins/plugins-available/panorama
 /etc/thruk/plugins/plugins-available/panorama
 /etc/thruk/plugins/plugins-enabled/panorama
 /usr/share/thruk/plugins/plugins-available/shinken_features
 /etc/thruk/plugins/plugins-available/shinken_features
-/usr/share/thruk/plugins/plugins-available/statusmap
-/etc/thruk/plugins/plugins-available/statusmap
-/etc/thruk/plugins/plugins-enabled/statusmap
-/usr/share/thruk/plugins/plugins-available/wml
-/etc/thruk/plugins/plugins-available/wml
 /usr/share/thruk/plugins/plugins-available/core_scheduling
 /etc/thruk/plugins/plugins-available/core_scheduling
 /etc/thruk/ssi

debian/thruk-base.install

@@ -1,15 +1,5 @@
 == Thruk Development Guide
 
-=== Logo
-
-Logo has been rendered with
-http://cooltext.com/
-Text Color: 414141
-BG: FFFFFF
-Font: Futuristic Fonts -> Oscilloscope 4
-Size: 90
-
-
 === Javascript Section Tags
 
 just use figlet for that:

docs/development/README

@@ -114,7 +114,7 @@ function js_basic_menu(data) {
       "icon":"../themes/{{theme}}/images/dropdown.png",
       "title": "javascript menu",
       "menu":[{
-          "icon":"../themes/{{theme}}/images/link.png",
+          "icon":"uil-link",
           "label":"test menu item",
           "action":"http://..."
         }]
@@ -135,12 +135,12 @@ function js_adv_menu(cfg) {
       "title": "javascript advanced menu",
       "menu":[
         {
-          "icon":"../themes/{{theme}}/images/link.png",
+          "icon":"uil-link",
           "label":"test menu item",
           "action":"http://..."
         },
         {
-          "icon":"../themes/{{theme}}/images/folder.png",
+          "icon":"fa-folder",
           "label":"list all hosts",
           "menu": js_adv_menu_submenu
         }
@@ -219,7 +219,7 @@ server actions.
 .....
 {% raw %}
 {
-  "icon":"../themes/{{theme}}/images/arrow_refresh.png",
+  "icon":"uil-redo",
   "label":"service restart",
   "action":"server://restart_service",
   "onclick": "return(confirm('Really restart service?'));"
@@ -241,10 +241,12 @@ function js_menu(d) {
     "title": "form menu",
     "menu":[
       {
-        "icon":"../themes/{{theme}}/images/page_white_key.png",
-        "html":"<b>test</b>"
+        "icon":"uil-document-info",
+        "html":"<div class='flexrow gap-1 flex-nowrap'>"
+              +"<b>test</b>"
               +"<input type='text'>"
               +"<button onclick='test_form_handler(this)'>ok</button>"
+              +"</div>"
       }
     ]
   });
@@ -253,8 +255,7 @@ function js_menu(d) {
 function test_form_handler(btn) {
   // prevent clicking twice
   // and give user some response by adding a loading gif to the button
-  jQuery(btn).attr('disabled', true)
-             .html("<img src='"+url_prefix+"themes/"+theme+"/images/loading-icon.gif'>");
+  jQuery(btn).attr('disabled', true).html("<div class='spinner'>");
 
   // send user input as server action
   var input = jQuery(btn).prev().val();

docs/documentation/action-menu.asciidoc

@@ -51,20 +51,6 @@ Values:
 Example: /thruk/cgi-bin/status.cgi?hidetop=1
 
 
-=== hidesearch
-
-Pages: status pages
-
-Description: Show/Hide the status filters
-
-Values:
-
-- 1: Hides the search filter
-- 2: Shows the search filter
-
-Example: /thruk/cgi-bin/status.cgi?host=localhost&hidesearch=1
-
-
 === minimal
 
 Pages: status page
@@ -75,6 +61,7 @@ monitor screens where only the current problems should be displayed.
 Values:
 
 - 1: Activates minimal mode
+- 2: Activates minimal mode but keeps backend sites panel
 
 
 Example: /thruk/cgi-bin/status.cgi?host=all&servicestatustypes=28&minimal=1