index.html 5.27 KB
Newer Older
JOE XMG's avatar
up  
JOE XMG committed
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
<!doctype html>
<html lang="en">

<head>
    <!-- Required meta tags -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- Bootstrap CSS -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/css/bootstrap.min.css" rel="stylesheet"
        integrity="sha384-BmbxuPwQa2lc/FVzBcNJ7UAyJxM6wuqIj61tLrc4wSX0szH/Ev+nYRRuWlolflfl" crossorigin="anonymous">
    <title>iCity</title>
    <link rel="shortcut icon" href="favicon.ico" />
    <script src="https://cesium.com/downloads/cesiumjs/releases/1.91/Build/Cesium/Cesium.js"></script>
    <link href="https://cesium.com/downloads/cesiumjs/releases/1.91/Build/Cesium/Widgets/widgets.css" rel="stylesheet">

    <link rel="stylesheet" href="./assets/css/custom.css">
    <link rel="stylesheet" href="./assets/css/cesiumCustom.css">

    <!-- Theme from Keen -->
    <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" />
    <link href="./assets/css/style.bundle.css" rel="stylesheet" type="text/css" />

</head>

<body>

    <div>

        <div class="row" style="overflow: hidden; margin: 0px">
            <div class="col" id="cesiumContainer">
                <div class="card-body cesiumLegend" id="PVPotential-legend" style="display: none">
                </div>
JOE XMG's avatar
update    
JOE XMG committed
33
                <div class="card-body cesiumLegend" id="PVSpecificYield-legend" style="display: none">
JOE XMG's avatar
up  
JOE XMG committed
34
35
36
37
38
39
40
41
42
                </div>
            </div>
            <div style="width: 30%; height: 100vh; overflow: scroll;">
                <div style="margin-top: 10px; padding: 20px;  ">
                    <h2>IQG4iCity</h2>
                    <a href="../index.html">Back to main page</a>

                    <hr>

JOE XMG's avatar
update    
JOE XMG committed
43
                    <h5>Building</h5>
JOE XMG's avatar
up  
JOE XMG committed
44
45

                    <select class="form-select" id="BuildingStyleSelector">
JOE XMG's avatar
update    
JOE XMG committed
46
                        <option value="AllWhite" selected>Default</option>
JOE XMG's avatar
update    
JOE XMG committed
47
                        <option value="transparent">Transparent</option>
JOE XMG's avatar
up  
JOE XMG committed
48
                        <option value="PVPotential">PV Potential</option>
JOE XMG's avatar
update    
JOE XMG committed
49
                        <option value="PVSpecificYield">PV Specific Yield</option>
JOE XMG's avatar
up  
JOE XMG committed
50
                    </select>
JOE XMG's avatar
update    
JOE XMG committed
51
52
53
54
55
56
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="" id="shadow_check">
                        <label class="form-check-label" for="shadow_check">
                            Building Shadow
                        </label>
                    </div>
JOE XMG's avatar
update    
JOE XMG committed
57
                    <div id="chart"></div> <hr>
JOE XMG's avatar
up  
JOE XMG committed
58
59

                    
JOE XMG's avatar
update    
JOE XMG committed
60
61
                    <h5>Utility Network</h5>
                    
JOE XMG's avatar
up  
JOE XMG committed
62
                    <div class="form-check">
JOE XMG's avatar
update    
JOE XMG committed
63
64
65
66
67
68
69
70
71
72
73
74
                        <input class="form-check-input" type="checkbox" value="" id="util_nw_line">
                        <label class="form-check-label" for="util_nw_line">
                            Utility Network Lines 
                            <div class="spinner-border spinner-border-sm" role="status" id="util_nw_line_loading" style="display: none;">
                                <span class="visually-hidden">Loading...</span>
                            </div>
                        </label>
                    </div>
                    <div class="form-check">
                        <input class="form-check-input" type="checkbox" value="" id="util_nw_point">
                        <label class="form-check-label" for="util_nw_point">
                            Utility Network Point 
JOE XMG's avatar
up  
JOE XMG committed
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
                        </label>
                    </div>
                    <hr>

                    <footer class="footer mt-auto py-3 bg-light">
                        <span>Found technical issue? Please contact <a
                                href="https://www.hft-stuttgart.de/p/thunyathep-santhanavanich"> Joe </a>
                        </span> <br>
                        
                        <div class="row">
                            <div style="width: 70px;">
                                <img src="https://www.hft-stuttgart.com/typo3conf/ext/hft_sitepackage/Resources/Public/img/HFT_logo.svg"
                                alt="" width="50">
                            </div>
                            <div class="col">
                                <span class="text-muted">EnSyS-LE @HFT Stuttgart, 2020 - 2022.</span> <br>
                                <a href="https://www.hft-stuttgart.de/impressum" target="_blank">Impressum</a>
                                <a href="https://www.hft-stuttgart.de/datenschutz" target="_blank">Datenschutz</a>
                            </div>

                        </div>
                        
                    </footer>
                </div>

            </div>
        </div>

    </div>

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.0-beta2/dist/js/bootstrap.bundle.min.js"
        integrity="sha384-b5kHyXgcpbZJO/tY9Ul7kGkf1S0CWuKcCD38l8YkeH8z8QjE0GmW1gYU5S9FOnJ0" crossorigin="anonymous">
    </script>
JOE XMG's avatar
update    
JOE XMG committed
109
110
    
    <script src="./js/utility_point_data.js"></script>
JOE XMG's avatar
up  
JOE XMG committed
111
112
113
114
115
116
117
118
119
    <script src="./js/cesium_00_Main.js"></script>

    <!-- <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
    <script src="./js/apex_draw_cologne_chart.js"></script> -->


</body>

</html>