commit mix - code incomplet
This commit is contained in:
+86
-23
@@ -1,5 +1,5 @@
|
||||
#? stdtmpl | standard
|
||||
#
|
||||
# import ../snippet_icons
|
||||
#proc test_bouton(columnLeftInfo: var ColomnLeftData): string =
|
||||
# result = ""
|
||||
<!DOCTYPE html>
|
||||
@@ -9,20 +9,22 @@
|
||||
<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">
|
||||
<title>Bonton Dashboard</title>
|
||||
<link rel="stylesheet" href="css/dashboard.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>
|
||||
<script src="js/main.js"></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<h2>TEST Bouton Dashbord</h2>
|
||||
<div>
|
||||
<a href="/test" class="test_ping"><h4>Back to Test Home page ...</h4></a>
|
||||
<a href="/test" class="bouton_dashbord"><h4>Back to Test Home page ...</h4></a>
|
||||
<a id="openWindow" href="http://www.yahoo.com">yahoo</a>
|
||||
|
||||
</div>
|
||||
<div class="panel">
|
||||
<div style="overflow: auto; position: relative; zoom: 1; height: 731px;">
|
||||
@@ -32,26 +34,87 @@
|
||||
# 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
|
||||
|
||||
<button type="button" id="openWindow" class="glow-on-hover">
|
||||
|
||||
<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 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
|
||||
|
||||
<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>
|
||||
@@ -62,7 +125,7 @@
|
||||
<hr>
|
||||
</div>
|
||||
<div class="footer version">
|
||||
<div class="gwt-Label">The NewWebJoplin V15 le 2022-10-28 10:56 par Bruno Charest.</div>
|
||||
<div class="footer-Label">The NewWebJoplin V15 le 2022-10-28 10:56 par Bruno Charest.</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
@@ -19,7 +19,8 @@
|
||||
<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_bouton" class="test_bouton"><h3>Test Bouton</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>
|
||||
|
||||
Reference in New Issue
Block a user