Skip to content
Snippets Groups Projects
Commit 63f776f8 authored by Christopher Pietsch's avatar Christopher Pietsch
Browse files

added html rendering for detail function

parent b572b155
No related branches found
No related tags found
No related merge requests found
Show whitespace changes
Inline Side-by-side
Showing
with 159 additions and 129 deletions
index.html
+ 159
− 129
View file @ 63f776f8
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta charset="utf-8" />
<title>VikusViewer</title>
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"
<meta
name="viewport"
content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no, minimal-ui"
/>
<meta name="mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
<meta
name="apple-mobile-web-app-status-bar-style"
content="black-translucent"
/>
<meta name="format-detection" content="telephone=no" />
<meta name="pinterest" content="nohover" />
<base target="_blank">
<base target="_blank" />
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/infobar.css">
<link rel="stylesheet" href="css/timeline.css">
<link rel="stylesheet" href="css/style.css" />
<link rel="stylesheet" href="css/infobar.css" />
<link rel="stylesheet" href="css/timeline.css" />
<script src="js/d3.v3.min.js"></script>
<script src="js/vue.min.js"></script>
......@@ -31,10 +35,12 @@
<script src="js/utils.js"></script>
<script src="js/modernizr-custom.js"></script>
<!--[if lt IE 9]>
<script src='http://html5shiv.googlecode.com/svn/trunk/html5.js' type='text/javascript'></script>
<script
src="http://html5shiv.googlecode.com/svn/trunk/html5.js"
type="text/javascript"
></script>
<![endif]-->
<!--
,--.
......@@ -71,14 +77,16 @@ christopher pietsch
cpietsch@gmail.com
2015-2018
-->
</head>
--></head>
<body>
<div id="hiddenreload"></div>
<div class="browserInfo">
<p>This visualization is not optimized for mobile phones and needs WebGL enabled.</p>
<p>
This visualization is not optimized for mobile phones and needs WebGL
enabled.
</p>
<p>Please come back on a Computer.</p>
<span>💡</span>
</div>
......@@ -86,7 +94,6 @@ cpietsch@gmail.com
<div class="search"></div>
<div class="page">
<div class="detailLoader"></div>
<div class="sideLoader"></div>
......@@ -99,16 +106,31 @@ cpietsch@gmail.com
<div v-if="item._imagenum > 1" class="entry wide pages">
<div class="label">Seite</div>
<div class="content">
<span v-for="i in parseInt(item._imagenum)" v-bind:key="i" v-on:click="displayPage(i-1)" v-bind:class="{ active: i === page+1, keyword: true }">
<span
v-for="i in parseInt(item._imagenum)"
v-bind:key="i"
v-on:click="displayPage(i-1)"
v-bind:class="{ active: i === page+1, keyword: true }"
>
{{ i }}
</span>
</div>
</div>
<div v-for="entry in structure" v-bind:key="entry.name" v-bind:class="entry.display" class="entry" v-if="hasData(entry)">
<div
v-for="entry in structure"
v-bind:key="entry.name"
v-bind:class="entry.display"
class="entry"
v-if="hasData(entry)"
>
<div class="label">{{ entry.name }}</div>
<div class="content">
<span v-if="entry.type === 'keywords'">
<span v-for="keyword in item[entry.source]" v-bind:key="keyword" class="keyword">
<span
v-for="keyword in item[entry.source]"
v-bind:key="keyword"
class="keyword"
>
{{ keyword }}
</span>
</span>
......@@ -118,6 +140,9 @@ cpietsch@gmail.com
<span v-else-if="entry.type === 'markdown'">
<span v-html="getContent(entry)"></span>
</span>
<span v-else-if="entry.type === 'function'">
<span v-html="getContent(entry)"></span>
</span>
<span v-else>
{{ getContent(entry) }}
</span>
......@@ -136,7 +161,11 @@ cpietsch@gmail.com
<div class="infobar">
<div class="infobutton">
<svg width="16px" height="24px" viewBox="0 0 16 24">
<path d="M13.6824546,2 L3.7109392,11.9715154 L13.7394238,22" stroke="#FFF" stroke-width="5"></path>
<path
d="M13.6824546,2 L3.7109392,11.9715154 L13.7394238,22"
stroke="#FFF"
stroke-width="5"
></path>
</svg>
</div>
......@@ -144,15 +173,18 @@ cpietsch@gmail.com
<div class="inner">
<div id="infobar" class="infosidebar">
<span v-html="marked(info)"></span>
<div class="credit">Powered by
<a href="https://vikusviewer.fh-potsdam.de/" target="_blank">VIKUS Viewer</a>
<div class="credit">
Powered by
<a href="https://vikusviewer.fh-potsdam.de/" target="_blank"
>VIKUS Viewer</a
>
</div>
</div>
</div>
</div>
</div>
<div class="searchbar">
<input type="input" name="suche">
<input type="input" name="suche" />
<div class="button">
<div class="openbutton"></div>
</div>
......@@ -161,7 +193,5 @@ cpietsch@gmail.com
<script src="js/sidebars.js"></script>
<script src="js/viz.js"></script>
</body>
</html>
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment