TOC

Author: EdoFro

Tutorial-o-Matic/src/main/groovy/ToM.groovy

@@ -17,6 +17,7 @@ class ToM{
         nextPage  : 'ToM_nextPage' ,
         newPage   : 'ToM_newPage'  ,
         showMenu  : 'ToM_showMenu' ,
+        toc       : 'ToM_TOC'      ,
     ]
 
     // region: getting tutorial components nodes
@@ -68,6 +69,9 @@ class ToM{
                 case styles.showMenu:
                     addShowMenuItemPane(myPanel, tutNode.children)
                     break
+                case styles.toc:
+                    addTOCPane(myPanel, tutNode)
+                    break
                 default:
                     ui.informationMessage('node style not defined')
                     break
@@ -109,6 +113,11 @@ class ToM{
             }:null
         def nextButtonPanel = tomui.getNextButtonPanel(tabName, closeLabel, closeToolTip, nextLabel, nextToolTip , bttnAction)
         def bttnAction   = lastNode? { e -> fillPage(myP, lastNode, included, true) } : null
+        def tocLabel    = 'Table of Contents'
+        def tocToolTip  = 'Click to show the Table of Contents of the tutorial'
+        def tocBttnAction   = { e -> showTOC(myP,lastNode) }
+            
+        def nextButtonPanel = tomui.getNextButtonPanel(tabName, closeLabel, closeToolTip, nextLabel, nextToolTip , bttnAction, tocLabel, tocToolTip, tocBttnAction)
         myP.add(nextButtonPanel, tomui.GBC)
     }
 
@@ -117,6 +126,13 @@ class ToM{
         fillContentPane(myP, nextNodes, doClear)
     }
 
+    
+    def static showTOC(myP,nodo){
+        myP.removeAll()
+        tomui.resizeContentPanel(myP,tomui.maxContentPaneHeigth)
+        addTOCPane(myP,nodo)
+        tomui.adjustHeight(myP, true)   
+    }
 
     def static addShowMenuItemPane(myP, nodos){
         nodos.findAll{n -> toma.hasAction(n)}.each{nodo ->
@@ -151,6 +167,18 @@ class ToM{
         }
     }    
 
+    def static addTOCPane(myP,nodo){
+        def titleNodes  = getNewPageNodes(getTutorialNode(nodo))
+        def pane = tomui.createEmptyGridBagPanel()
+        titleNodes.each{ tn ->
+            def title = tn.text
+            def bttnAction   = { e -> fillPage(myP, tn, true, true) }
+            def button = tomui.createButton(title, bttnAction)
+            pane.add(button, tomui.GBC)
+        }
+        myP.add(pane, tomui.GBC)
+    }
+    
     // end:
 
 }

Tutorial-o-Matic/src/main/groovy/ToM_ui.groovy

@@ -57,7 +57,7 @@ class ToM_ui{
         ipadx      : 0,                               //  This field specifies the internal padding of the component, how much space to add to the minimum width of the component. The width of the component is at least its minimum width plus ipadx pixels.
         ipady      : 0                                //  This field specifies the internal padding, that is, how much space to add to the minimum height of the component. The height of the component is at least its minimum height plus ipady pixels.
     )
-
+    
     def static showTextMessage(msg, lapseTime){
         def win = swing.dialog(
             undecorated        : true,
@@ -138,8 +138,8 @@ class ToM_ui{
         if (backToTop) scrollContentPaneBackToTop(comp)
         TabPane.repaint()
         def timer = new Timer()
-        timer.runAfter(3000) {
-            resizeContentPanel(comp, comp.height + 500)
+        timer.runAfter(100) {
+            resizeContentPanel(comp, comp.height + 100)
             if (backToTop) scrollContentPaneBackToTop(comp)
             // TabPane.revalidate() <--- no funciona
             TabPane.repaint()
@@ -205,7 +205,7 @@ class ToM_ui{
               vbox(constraints:SOUTH) {
                     panel(
                            // border      : new LineBorder(Color.black, 1),
-                            border      : new EmptyBorder(5, 10, 5, 10),  // <------- éste
+                            border      : new EmptyBorder(2, 10, 2, 10),  // <------- éste
                             //border: new CompoundBorder(new LineBorder(Color.red, 1),new EmptyBorder(5, 10, 5, 10))  // éste es de prueba poder ver el borde
                             //insets      : new Insets(30,10,30,10),
                         ) {
@@ -235,14 +235,14 @@ class ToM_ui{
 
 // genera panel close - next page
         //nextButtonAction == null --> no 'Next page' button
-    def static getNextButtonPanel(tabName, closeLabel, closeToolTip, nextLabel, nextToolTip, nextButtonAction ){
+    def static getNextButtonPanel(tabName, closeLabel, closeToolTip, nextLabel, nextToolTip, nextButtonAction, tocLabel = '', tocToolTip = '', tocButtonAction = null ){
         def panel = swing.panel(
             border      : new LineBorder(Color.gray, 1),
             name        : myNextPanelName,
         ) {
                 borderLayout()
                 panel( 
-                        border      : new EmptyBorder(5, 10, 5, 10),  // <------- éste
+                        border      : new EmptyBorder(2, 10, 2, 10),  // <------- éste
                         constraints : NORTH
                     ) {
                         borderLayout()
@@ -253,6 +253,15 @@ class ToM_ui{
                             toolTipText : closeToolTip,
                             actionPerformed : {TabPane.removeTab(tabName)},
                         )
+                        if(tocButtonAction && nextButtonAction){
+                            button(
+                                label       : tocLabel,
+                                constraints : CENTER,
+                                margin      : new Insets(10,15,10,15),
+                                toolTipText : tocToolTip,
+                                actionPerformed : tocButtonAction,
+                            )
+                        }
                         if(nextButtonAction){
                             button(
                                 label       : nextLabel,
@@ -298,4 +307,20 @@ class ToM_ui{
     def static scrollContentPaneBackToTop(comp){
         getScrollPaneViewport(comp).setViewPosition(new Point(0,0))
     }
+    
+    def static createEmptyGridBagPanel(){
+        return swing.panel(
+                    layout: new GridBagLayout(),
+                    border      : new EmptyBorder(2, 10, 2, 0), //new LineBorder(Color.black, 1),
+                    // background: Color.gray
+                ){}
+    }
+    
+    def static createButton(title, bttnAction){
+        return swing.button(
+                    label       : title,
+                    margin      : new Insets(10,15,10,15),
+                    actionPerformed : bttnAction,
+                )    
+    }
 }