calchart-viewer/pdf.html at master · calband/calchart-viewer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<html>
<head>
    <title>Calchart Viewer - PDF</title>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:300,400,700' rel='stylesheet' type='text/css'>
    <link rel="shortcut icon" href="img/favicon.png">
    <link rel="stylesheet" type="text/css" href="css/vendor/reset.css"></link>
    <link rel="stylesheet" type="text/css" href="css/vendor/chosen.min.css">
    <link rel="stylesheet" type="text/css" href="build/css/pdf.css"></link>
    <script type="text/javascript" src="js/vendor/jquery-1.11.1.min.js"></script>
    <script type="text/javascript" src="js/vendor/jspdf.min.js"></script>
    <script type="text/javascript" src="js/vendor/chosen.jquery.min.js"></script>
    <script type="text/javascript" src="build/js/pdf.js"></script>
</head>
<body>
    <div class="header">
        <h1>Calchart Viewer: PDF Generator <span class="back-link-span"><a class="back-link">Back to Viewer</a></span></h1>
        <div class="widget-orientation pdf-option">
            <h3>Widget Orientations</h3>
            <div class="orientation labels">
                <p>Movement Diagram</p>
                <p>Surrounding Dots</p>
                <p>Bird's Eye View</p>
            </div>
            <div class="orientation buttons">
                <p>
                    West up <input type="radio" name="md-orientation" value="west">
                    East up <input type="radio" name="md-orientation" value="east">
                </p>
                <p>
                    West up <input type="radio" name="sd-orientation" value="west">
                    East up <input type="radio" name="sd-orientation" value="east">
                </p>
                <p>
                    West up <input type="radio" name="bev-orientation" value="west">
                    East up <input type="radio" name="bev-orientation" value="east">
                </p>
            </div>
        </div>
        <div class="layout-order pdf-option">
            <h3>Layout Order</h3>
            <div class="layout labels">
                <p>Left to right</p>
                <p>Top to bottom</p>
            </div>
            <div class="layout buttons">
                <p>
                    - <input type="radio" name="layout-order" value="ltr">
                </p>
                <p>
                    - <input type="radio" name="layout-order" value="ttb">
                </p>
            </div>
        </div>
        <div class="choose-dots pdf-option">
            <h3>Choose Dots <span>Input one dot per line to generate a PDF for each dot</span></h3>
            <textarea class="dot-labels"></textarea>
            <div><button class="js-choose-dots" disabled>Choose</button></div>
        </div>
    </div>
    <div class="js-pdf-loading">
        <img class='highstepper-icon' src='img/calchart-viewer-highstepper.png'>
        <h1>Loading...</h1>
        <div class="progress-bar-container">
            <div class="progress-bar"></div>
        </div>
    </div>
</body>
</html>