Merge pull request #18 from kimpenhaus/feature/optional-link-target
optional link target attribute
This commit is contained in:
Jeroen
GitHub
commit
c93d1e1621
4 changed files with 30 additions and 26 deletions
29
README.md
29
README.md
|
|
@ -9,13 +9,13 @@
|
||||||
|
|
||||||
#### Prerequisites:
|
#### Prerequisites:
|
||||||
- Docker: [Linux](https://docs.docker.com/install/linux/docker-ce/debian/), [Mac](https://hub.docker.com/editions/community/docker-ce-desktop-mac), [Windows](https://hub.docker.com/editions/community/docker-ce-desktop-windows)
|
- Docker: [Linux](https://docs.docker.com/install/linux/docker-ce/debian/), [Mac](https://hub.docker.com/editions/community/docker-ce-desktop-mac), [Windows](https://hub.docker.com/editions/community/docker-ce-desktop-windows)
|
||||||
- [Docker-compose](https://docs.docker.com/compose/install/)
|
- [Docker-compose](https://docs.docker.com/compose/install/)
|
||||||
|
|
||||||
#### Install:
|
#### Install:
|
||||||
|
|
||||||
- `git clone` this repository
|
- `git clone` this repository
|
||||||
- Build and bring up with `docker-compose up -d`
|
- Build and bring up with `docker-compose up -d`
|
||||||
- The page should be available at `http://localhost:4000`
|
- The page should be available at `http://localhost:4000`
|
||||||
|
|
||||||
To run at a different port open edit docker-compose.yml:
|
To run at a different port open edit docker-compose.yml:
|
||||||
|
|
||||||
|
|
@ -33,7 +33,7 @@ Add your apps by editing apps.json:
|
||||||
{
|
{
|
||||||
"apps" : [
|
"apps" : [
|
||||||
{"name":"Name of app 1","url":"sub1.example.com","icon":"icon-name"},
|
{"name":"Name of app 1","url":"sub1.example.com","icon":"icon-name"},
|
||||||
{"name":"Name of app 2","url":"sub2.example.com","icon":"icon-name"}
|
{"name":"Name of app 2","url":"sub2.example.com","icon":"icon-name","target":"optionals"}
|
||||||
]
|
]
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -47,29 +47,30 @@ Please note:
|
||||||
Add your bookmarks by editing links.json:
|
Add your bookmarks by editing links.json:
|
||||||
|
|
||||||
```
|
```
|
||||||
{
|
{
|
||||||
"bookmarks":[
|
"bookmarks":[
|
||||||
{
|
{
|
||||||
"category":"Category1",
|
"category":"Category1",
|
||||||
"links":[
|
"links":[
|
||||||
{
|
{
|
||||||
"name":"Link1",
|
"name":"Link1",
|
||||||
"url":"http://example.com"
|
"url":"http://example.com"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"Link2",
|
"name":"Link2",
|
||||||
"url":"http://example.com"
|
"url":"http://example.com",
|
||||||
|
"target":"optionals"
|
||||||
}
|
}
|
||||||
]
|
]
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"category":"Category2",
|
"category":"Category2",
|
||||||
"links":[
|
"links":[
|
||||||
{
|
{
|
||||||
"name":"Link1",
|
"name":"Link1",
|
||||||
"url":"http://example.com"
|
"url":"http://example.com"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"name":"Link2",
|
"name":"Link2",
|
||||||
"url":"http://example.com"
|
"url":"http://example.com"
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -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
16
index.html
|
|
@ -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>
|
||||||
|
|
|
||||||
|
|
@ -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",
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue