mirror of http://git.sublab.org/cctv-control/
added print layout
This commit is contained in:
parent
20cf774b3a
commit
bfb380a11d
|
@ -0,0 +1,24 @@
|
||||||
|
#page {
|
||||||
|
width: 800px;
|
||||||
|
|
||||||
|
|
||||||
|
}
|
||||||
|
|
||||||
|
#camImage {
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 0px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#metaContainer {
|
||||||
|
position: absolute;
|
||||||
|
top: 0px;
|
||||||
|
left: 700px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#textContainer {
|
||||||
|
position: absolute;
|
||||||
|
top: 500px;
|
||||||
|
left: 0px;
|
||||||
|
|
||||||
|
}
|
18
js/print.js
18
js/print.js
|
@ -11,6 +11,9 @@
|
||||||
//
|
//
|
||||||
// This Software is licensed under the GPL Version 3, 29 June 2007
|
// This Software is licensed under the GPL Version 3, 29 June 2007
|
||||||
|
|
||||||
|
var popen = '<p id="text">',
|
||||||
|
pclose = '</p>';
|
||||||
|
|
||||||
//create event which is triggered when DOM is ready
|
//create event which is triggered when DOM is ready
|
||||||
window.onDomReady = initReady;
|
window.onDomReady = initReady;
|
||||||
|
|
||||||
|
@ -28,7 +31,8 @@ function initViewer() {
|
||||||
|
|
||||||
//load contents from localStorage
|
//load contents from localStorage
|
||||||
var display = document.getElementById("camImage"),
|
var display = document.getElementById("camImage"),
|
||||||
page = document.getElementById("page"),
|
meta = document.getElementById("metaContainer"),
|
||||||
|
text = document.getElementById("textContainer"),
|
||||||
formName = localStorage.getItem("formName"),
|
formName = localStorage.getItem("formName"),
|
||||||
formDate = localStorage.getItem("formDate"),
|
formDate = localStorage.getItem("formDate"),
|
||||||
formAnalysis1 = localStorage.getItem("formAnalysis1"),
|
formAnalysis1 = localStorage.getItem("formAnalysis1"),
|
||||||
|
@ -43,12 +47,12 @@ function initViewer() {
|
||||||
//display loaded data
|
//display loaded data
|
||||||
if (stor) {
|
if (stor) {
|
||||||
display.setAttribute("src", stor);
|
display.setAttribute("src", stor);
|
||||||
page.innerHTML += '<p>' + formName + '</p>';
|
meta.innerHTML += popen + formName + pclose;
|
||||||
page.innerHTML += '<p>' + formDate + '</p>';
|
meta.innerHTML += popen + formDate + pclose;
|
||||||
page.innerHTML += '<p>Kamera ' + camera + '</p>';
|
meta.innerHTML += popen + 'Kamera ' + camera + pclose;
|
||||||
page.innerHTML += '<p>' + formAnalysis1 + '</p>';
|
text.innerHTML += popen + formAnalysis1 + pclose;
|
||||||
page.innerHTML += '<p>' + formAnalysis2 + '</p>';
|
text.innerHTML += popen + formAnalysis2 + pclose;
|
||||||
page.innerHTML += '<p>' + formAnalysis3 + '</p>';
|
text.innerHTML += popen + formAnalysis3 + pclose;
|
||||||
}
|
}
|
||||||
|
|
||||||
//commented out for debugging and layouting purposes
|
//commented out for debugging and layouting purposes
|
||||||
|
|
11
print.html
11
print.html
|
@ -2,12 +2,21 @@
|
||||||
|
|
||||||
<head>
|
<head>
|
||||||
<script src="js/print.js" type="text/javascript"></script>
|
<script src="js/print.js" type="text/javascript"></script>
|
||||||
|
<link rel="stylesheet" type="text/css" href="css/print.css">
|
||||||
</head>
|
</head>
|
||||||
|
|
||||||
<body>
|
<body>
|
||||||
|
|
||||||
<div id="page">
|
<div id="page">
|
||||||
<img src="about:blank" id="camImage">
|
<div id="imageContainer">
|
||||||
|
<img src="about:blank" id="camImage">
|
||||||
|
</div>
|
||||||
|
<div id="metaContainer">
|
||||||
|
|
||||||
|
</div>
|
||||||
|
<div id="textContainer">
|
||||||
|
|
||||||
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue