#? stdtmpl | standard
#
# import snippet_icons
#proc dashboardHtml(columnLeftInfo: var ColomnLeftData): string =
# result = ""
<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                              
                         <button type="button" class="glow-on-hover">     
                                                       
                         <div class="grid-container">
                                                                 
                              <div class="grid-container-title">
                                   ${columnLeftInfo.dashbord.title[i]}
                              </div>
                              
                              # if columnLeftInfo.dashbord.ext_link[i] != "":
                                   <a class="grid-container-logo" href="${columnLeftInfo.dashbord.ext_link[i]}">
                              # elif columnLeftInfo.dashbord.int_link[i] != "":
                                   <a class="grid-container-logo" href="${columnLeftInfo.dashbord.int_link[i]}">
                              # else :
                                   <a class="grid-container-logo">
                              # end if
                              
                              <div class="grid-container-logo crossfade"> 
                                   
                                   # if columnLeftInfo.dashbord.icon[i] == "":
                                        <img src="images\svg\internet.svg" class="brands"/>
                                   # else:
                                        <img src="images\svg\${columnLeftInfo.dashbord.icon[i]}.svg" class="brands"/>
                                   # end if

                                   <img src="images\svg\bookmark.svg" class="bookmark"/>
                                   
                              </div>
                              </a>
                              <div class="grid-container-description">
                              <p class="grid-container-description">${columnLeftInfo.dashbord.description[i]}</p>
                              </div>
                              <div class="grid-container-info">                                   
                                   # if columnLeftInfo.dashbord.server[i] != "":
                                        Serveur : ${columnLeftInfo.dashbord.server[i]}<br>
                                   # end if
                                   # if columnLeftInfo.dashbord.ip[i] != "":
                                        IP : ${columnLeftInfo.dashbord.ip[i]}<br>
                                   # end if
                                   # if columnLeftInfo.dashbord.port[i] > 0:
                                        Port : ${columnLeftInfo.dashbord.port[i]}<br>
                                   # end if
                              </div>                                   
                              
                              <div class="grid-container-tags">                                                            
                                   # if columnLeftInfo.dashbord.tag[i].len() > 0:
                                        # var icon_tag = Tag_icon()                                        
                                        # for j in 0 .. (columnLeftInfo.dashbord.tag[i].len() - 1) :
                                             # if columnLeftInfo.dashbord.tag[i][j] != "":
                                                  ${icon_tag}                                             
                                                  ${columnLeftInfo.dashbord.tag[i][j]}
                                             # end if
                                        # end for
                                   # end if
                              </div>                                   


                              <div class="grid-container-status">
                              # if columnLeftInfo.dashbord.ssl[i] == true:
                                   # var icon_lock = Lock_icon()
                                   ${icon_lock}
                              # else:
                                   # var icon_lockopen = Lockopen_icon()
                                   ${icon_lockopen}
                              # end if

                              # if columnLeftInfo.dashbord.ext_link[i] != "":
                                   # var icon_internet = Internet_icon()
                                   <a href="${columnLeftInfo.dashbord.ext_link[i]}" class="status-logo" target="_blank">     
                                   ${icon_internet}</a>
                              # end if

                              # if columnLeftInfo.dashbord.int_link[i] != "":
                                   # var icon_localnetwork = LocalNetwork_icon()
                                   <a href="${columnLeftInfo.dashbord.int_link[i]}" class="status-logo" target="_blank">    
                                   ${icon_localnetwork}</a>
                              # end if

                              </div>                             
                         </div>
                         

                    </button>
                    # end for
               </div>
          </div>
     </div>

     <div class="footer">
          <hr>
     </div>
     <div class="footer version">
          <div class="footer-Label">The NewWebJoplin V15 le 2022-10-28 10:56 par Bruno Charest.</div>
     </div>
</div>
#end proc