add dashbord information in xlsx

tmpl/tests/test_bouton.nim

@@ -0,0 +1,71 @@
+#? stdtmpl | standard
+#
+#proc test_bouton(columnLeftInfo: var ColomnLeftData): string =
+# result = ""
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+     <meta charset="UTF-8">
+     <meta http-equiv="X-UA-Compatible" content="IE=edge">
+     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+     <title>Document</title>
+     <link rel="stylesheet" href="css/bouton.css">
+
+     <link href="js/viewtree/skin-win8/ui.fancytree.css" class="skinswitcher" rel="stylesheet">
+
+     <script src="js/viewtree.js" defer></script>
+     <script src="//code.jquery.com/jquery-3.6.0.min.js"></script>
+     <script src="js/viewtree/jquery.fancytree-all-deps.min.js"></script>
+</head>
+
+<body>
+     <h2>TEST Bouton Dashbord</h2>
+     <div>
+          <a href="/test" class="test_ping"><h4>Back to Test Home page ...</h4></a>
+     </div>
+     <div class="panel">
+          <div style="overflow: auto; position: relative; zoom: 1; height: 731px;">
+                    <div style="position: relative; zoom: 1;">
+                    <div class="apps">
+                         # var count: int = 1
+                         # var i: int
+                         # for i in 0 .. (columnLeftInfo.dashbord.position.len() - 1) :
+                              # count += 1                              
+                              # if columnLeftInfo.dashbord.ext_link[i] == "" and columnLeftInfo.dashbord.int_link[i] == "":
+                                   <button type="button" class="glow-on-hover" onclick="window.location.href='';">                              
+                              # elif columnLeftInfo.dashbord.ext_link[i] == "":
+                                   <button type="button" class="glow-on-hover" onclick="window.location.href='${columnLeftInfo.dashbord.int_link[i]}';">
+                              # else:
+                                   <button type="button" class="glow-on-hover" onclick="window.location.href='${columnLeftInfo.dashbord.ext_link[i]}';">     
+                              # end if
+                              
+                              <div class="grid-container">
+                                   <div class="grid-container-title">${columnLeftInfo.dashbord.title[i]}</div>
+                                   <div class="grid-container-logo crossfade">
+
+                                        <i class="fa fa-bookmark-o fa x5" aria-hidden="true"></i>
+                                        <img class="top" alt="Logo" src="images/bookmarks.jpg">
+
+                                   </div>
+                                   <div class="grid-container-description">${columnLeftInfo.dashbord.description[i]}
+                                   </div>
+
+                              </div>
+                         </button>
+                         # end for
+                    </div>
+               </div>
+          </div>
+
+          <div class="footer">
+               <hr>
+          </div>
+          <div class="footer version">
+               <div class="gwt-Label">The NewWebJoplin V15 le 2022-10-28 10:56 par Bruno Charest.</div>
+          </div>
+     </div>
+</body>
+
+</html>
+#end proc

tmpl/tests/test_bouton.tmpl

@@ -1,36 +0,0 @@
-#? stdtmpl | standard
-# 
-#proc test_bonton(dashData: var DashbordData): string =
-# result = ""
-   <!DOCTYPE html>
-    <html lang="en">
-        <head>
-            <meta charset="UTF-8">
-            <meta http-equiv="X-UA-Compatible" content="IE=edge">
-            <meta name="viewport" content="width=device-width, initial-scale=1.0">
-            <title>Document</title>
-            <link rel="stylesheet" href="css/bouton.css">
-            <link href="js/viewtree/skin-win8/ui.fancytree.css" class="skinswitcher" rel="stylesheet">
-
-            <script src="js/viewtree.js" defer></script>
-            <script src="//code.jquery.com/jquery-3.6.0.min.js"></script>
-            <script src="js/viewtree/jquery.fancytree-all-deps.min.js"></script>
-        </head>
-        <body>            
-            <h2>TEST Bouton Dashbord</h2>
-               <div>
-                    <button type="button" class="glow-on-hover">
-                         <div class="grid-container">	
-                              <div class="grid-container-title">Jeu de codage </div>	
-                              <div class="grid-container-logo crossfade">		
-                                   <img class="bottom" alt="Logo" src="https://gurusushi.dyndns.org/CodingBoardGame/images/CodingBoardGameLogo-144.png">		
-                                   <img class="top" alt="Logo" src="https://gurusushi.dyndns.org/CodingBoardGame/images/CodingBoardGame-144.png">	
-                              </div>	
-                              <div class="grid-container-description">Programme le robot pour atteindre la pomme du savoir informatique!</div>	
-                              <div class="grid-container-languages">Disponible en français, anglais, japonais et coréen.</div>
-                         </div>
-                    </button>
-               </div>
-        </body>
-    </html>
-#end proc

tmpl/tests/test_homepage.nim

@@ -19,7 +19,7 @@
             <a href="/test_notebooks" class="test_notebooks"><h3>Test joplin Notebooks</h3></a>
             <a href="/test_notes" class="test_notes"><h3>Test Joplin Notes</h3></a>
             <a href="/test_tags" class="test_tags"><h3>Test Joplin Tags</h3></a>
-            <a href="/test_viewtree" class="test_viewtree"><h3>Test View Tree</h3></a>
+            <a href="/test_viewtree" class="test_viewtree"><h3>Test View Tree</h3></a><a href="/test_bouton" class="test_bouton"><h3>Test Bouton</h3></a>
 
         </body>
     </html>