2022-10-28 15:59:05 -04:00
|
|
|
#? stdtmpl | standard
|
2022-11-09 12:38:32 -05:00
|
|
|
# import ../snippet_icons
|
2022-10-28 15:59:05 -04:00
|
|
|
#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">
|
2022-11-09 12:38:32 -05:00
|
|
|
<title>Bonton Dashboard</title>
|
|
|
|
<link rel="stylesheet" href="css/dashboard.css">
|
2022-10-28 15:59:05 -04:00
|
|
|
|
|
|
|
<link href="js/viewtree/skin-win8/ui.fancytree.css" class="skinswitcher" rel="stylesheet">
|
2022-11-09 12:38:32 -05:00
|
|
|
|
2022-10-28 15:59:05 -04:00
|
|
|
<script src="//code.jquery.com/jquery-3.6.0.min.js"></script>
|
|
|
|
<script src="js/viewtree/jquery.fancytree-all-deps.min.js"></script>
|
2022-11-09 12:38:32 -05:00
|
|
|
<script src="js/main.js"></script>
|
2022-10-28 15:59:05 -04:00
|
|
|
</head>
|
|
|
|
|
|
|
|
<body>
|
|
|
|
<h2>TEST Bouton Dashbord</h2>
|
|
|
|
<div>
|
2022-11-09 12:38:32 -05:00
|
|
|
<a href="/test" class="bouton_dashbord"><h4>Back to Test Home page ...</h4></a>
|
|
|
|
<a id="openWindow" href="http://www.yahoo.com">yahoo</a>
|
|
|
|
|
2022-10-28 15:59:05 -04:00
|
|
|
</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
|
2022-11-09 12:38:32 -05:00
|
|
|
<button type="button" id="openWindow" class="glow-on-hover">
|
|
|
|
|
2022-10-28 15:59:05 -04:00
|
|
|
<div class="grid-container">
|
2022-11-09 12:38:32 -05:00
|
|
|
|
|
|
|
<div class="grid-container-title">
|
|
|
|
${columnLeftInfo.dashbord.title[i]}
|
|
|
|
</div>
|
|
|
|
|
|
|
|
# if columnLeftInfo.dashbord.ext_link[i] != "":
|
|
|
|
<a id="openWindow" class="grid-container-logo" href="${columnLeftInfo.dashbord.ext_link[i]}">
|
|
|
|
# elif columnLeftInfo.dashbord.int_link[i] != "":
|
|
|
|
<a id="openWindow" 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
|
2022-10-28 15:59:05 -04:00
|
|
|
|
2022-11-09 12:38:32 -05:00
|
|
|
<img src="images\svg\bookmark.svg" class="bookmark"/>
|
|
|
|
|
2022-10-28 15:59:05 -04:00
|
|
|
</div>
|
2022-11-09 12:38:32 -05:00
|
|
|
</a>
|
|
|
|
<div class="grid-container-description">
|
|
|
|
<p class="grid-container-description">${columnLeftInfo.dashbord.description[i]}</p>
|
2022-10-28 15:59:05 -04:00
|
|
|
</div>
|
2022-11-09 12:38:32 -05:00
|
|
|
<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>
|
|
|
|
|
2022-10-28 15:59:05 -04:00
|
|
|
|
2022-11-09 12:38:32 -05:00
|
|
|
<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>
|
2022-10-28 15:59:05 -04:00
|
|
|
</div>
|
2022-11-09 12:38:32 -05:00
|
|
|
|
|
|
|
|
2022-10-28 15:59:05 -04:00
|
|
|
</button>
|
|
|
|
# end for
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
|
|
|
|
<div class="footer">
|
|
|
|
<hr>
|
|
|
|
</div>
|
|
|
|
<div class="footer version">
|
2022-11-09 12:38:32 -05:00
|
|
|
<div class="footer-Label">The NewWebJoplin V15 le 2022-10-28 10:56 par Bruno Charest.</div>
|
2022-10-28 15:59:05 -04:00
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
</body>
|
|
|
|
|
|
|
|
</html>
|
|
|
|
#end proc
|