beenull/sui
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

Added optional target attributes to handlbars template an apps/links collection

Browse source
This commit is contained in:
Marcus Kimpenhaus 2021-07-12 08:59:43 +02:00
parent 244840732b
commit c53f3adff5
3 changed files with 15 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
apps.json
View file

@ -1,6 +1,6 @@
{ {
"apps" : [ "apps" : [
{"name":"Bazarr","url":"subs.example.com","icon":"message-video"}, {"name":"Bazarr","url":"subs.example.com","icon":"message-video", "target": "_blank"},
{"name":"CloudCMD","url":"files.example.com","icon":"folder-multiple-outline"}, {"name":"CloudCMD","url":"files.example.com","icon":"folder-multiple-outline"},
{"name":"Cockpit","url":"cp.example.com","icon":"airplane"}, {"name":"Cockpit","url":"cp.example.com","icon":"airplane"},
{"name":"Feedbin","url":"rss.example.com","icon":"rss"}, {"name":"Feedbin","url":"rss.example.com","icon":"rss"},

16
index.html
View file

@ -12,7 +12,7 @@
</head> </head>
<body onload="loadFunctions()"> <body onload="loadFunctions()">
<section id="modal"> <section id="modal">
<div> <div>
<header id="modal-header"> <header id="modal-header">
@ -62,14 +62,14 @@
<a href="https://materialdesignicons.com/"><span class="iconify" data-icon="mdi-material-design"></a></span> <a href="https://materialdesignicons.com/"><span class="iconify" data-icon="mdi-material-design"></a></span>
</header> </header>
</div> </div>
</section> </section>
<main id="container" class="fade"> <main id="container" class="fade">
<section id="search"> <section id="search">
<input name="keywords" type="text" id="keywords" size="50" spellcheck="false" autofocus="true" onkeydown="handleKeyPress(event)"> <input name="keywords" type="text" id="keywords" size="50" spellcheck="false" autofocus="true" onkeydown="handleKeyPress(event)">
</section> </section>
<section id="header"> <section id="header">
<h2 id="header_date"></h2> <h2 id="header_date"></h2>
<h1 id="header_greet"></h1> <h1 id="header_greet"></h1>
@ -85,11 +85,11 @@
<span class="iconify icon" data-icon="mdi-{{icon}}"></span> <span class="iconify icon" data-icon="mdi-{{icon}}"></span>
</div> </div>
<div class="apps_text"> <div class="apps_text">
<a href="https://{{url}}">{{name}}</a> <a href="https://{{url}}" {{#if target}}target="{{target}}"{{/if}} >{{name}}</a>
<span id="app-address">{{url}}</span> <span id="app-address">{{url}}</span>
</div> </div>
</div> </div>
{{/apps}} {{/apps}}
</div> </div>
</script> </script>
</section> </section>
@ -102,11 +102,11 @@
<div id="links_item"> <div id="links_item">
<h4>{{category}}</h4> <h4>{{category}}</h4>
{{#links}} {{#links}}
<a href="{{url}}" class="theme_color-border theme_text-select">{{name}}</a> <a href="{{url}}" target="{{target}}" class="theme_color-border theme_text-select">{{name}}</a>
{{/links}} {{/links}}
</div> </div>
{{/bookmarks}} {{/bookmarks}}
</div> </div>
</script> </script>
</section> </section>
</main> </main>
@ -121,6 +121,6 @@
<script src="./assets/js/script.js" type="text/javascript"></script> <script src="./assets/js/script.js" type="text/javascript"></script>
<script src="./assets/js/themer.js" type="text/javascript"></script> <script src="./assets/js/themer.js" type="text/javascript"></script>
<script src="./assets/js/search.js" type="text/javascript"></script> <script src="./assets/js/search.js" type="text/javascript"></script>
</body> </body>
</html> </html>

9
links.json
View file

@ -13,7 +13,8 @@
}, },
{ {
"name": "Slack", "name": "Slack",
"url": "https://slack.com/signin" "url": "https://slack.com/signin",
"target": "_blank"
} }
] ]
}, },
@ -22,11 +23,13 @@
"links": [ "links": [
{ {
"name": "Box", "name": "Box",
"url": "https://box.com" "url": "https://box.com",
"target": "sui"
}, },
{ {
"name": "Dropbox", "name": "Dropbox",
"url": "https://dropbox.com" "url": "https://dropbox.com",
"target": "sui"
}, },
{ {
"name": "Drive", "name": "Drive",