shiori/internal/view/content.html
Felipe Martin cc7c75116d
refactor: migrate bookmark static pages to new http server (#775)
* migrate bookmark content route to new http server

* new archive page

* remove unused go generate comment

* database mock

* utils cleanup

* unused var

* domains refactor and tests

* fixed secret key type

* redirect to login on ui errors

* fixed archive folder with storage domain

* webroot documentation

* some bookmark route tests

* fixed error in bookmark domain for non existant bookmarks

* centralice errors

* add coverage data to unittests

* added tests, refactor storage to use afero

* removed mock to avoid increasing complexity

* using deps to copy files around

* remove config usage (to deps)

* remove handler-ui file
2023-12-28 18:18:32 +01:00

92 lines
2.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<base href="$$.RootPath$$">
<title>$$.Book.Title$$ - Shiori - Bookmarks Manager</title>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="assets/res/apple-touch-icon-152x152.png">
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/res/apple-touch-icon-144x144.png">
<link rel="icon" type="image/png" href="assets/res/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="assets/res/favicon-16x16.png" sizes="16x16">
<link rel="icon" type="image/x-icon" href="assets/res/favicon.ico">
<link href="assets/css/style.css" rel="stylesheet">
<script src="assets/js/dayjs.min.js"></script>
<script src="assets/js/vue.min.js"></script>
</head>
<body class="night">
<div id="content-scene" :class="{night: appOptions.NightMode}">
<div id="header">
<p id="metadata" v-cloak>Added {{localtime()}}</p>
<p id="title" dir="auto">$$.Book.Title$$</p>
<div id="links">
<a href="$$.Book.URL$$" target="_blank" rel="noopener noreferrer">View Original</a>
$$if .Book.HasArchive$$
<a href="bookmark/$$.Book.ID$$/archive">View Archive</a>
$$end$$
$$if .Book.HasEbook$$
<a href="bookmark/$$.Book.ID$$/ebook" download="$$.Book.Title$$.epub">Download Ebook</a>
$$end$$
</div>
</div>
<div id="content" dir="auto" v-pre>
$$.HTML$$
</div>
</div>
<script type="module">
// Create initial variable
import basePage from "./assets/js/page/base.js";
new Vue({
el: '#content-scene',
mixins: [basePage],
data: {
modified: "$$.Book.Modified$$"
},
methods: {
localtime() {
var strTime = this.modified.replace(" ", "T");
if (!strTime.endsWith("Z")) {
strTime += "Z";
}
return dayjs(strTime).format("D MMMM YYYY, HH:mm:ss");
},
loadSetting() {
var opts = JSON.parse(localStorage.getItem("shiori-account")) || {},
ShowId = (typeof opts.config.ShowId === "boolean") ? opts.config.ShowId : false,
ListMode = (typeof opts.config.ListMode === "boolean") ? opts.config.ListMode : false,
NightMode = (typeof opts.config.NightMode === "boolean") ? opts.config.NightMode : false,
UseArchive = (typeof opts.config.UseArchive === "boolean") ? opts.config.UseArchive : false;
CreateEbook = (typeof opts.config.CreateEbook === "boolean") ? opts.config.CreateEbook : false;
this.appOptions = {
ShowId: ShowId,
ListMode: ListMode,
NightMode: NightMode,
UseArchive: UseArchive,
CreateEbook: CreateEbook,
};
document.body.className = NightMode ? "night" : "";
}
},
mounted() {
this.loadSetting();
document.querySelectorAll("#content a").forEach(elem => {
elem.setAttribute("target", "_blank");
elem.setAttribute("rel", "noopener noreferrer");
});
}
});
</script>
</body>
</html>