Skip to content
GitLab
Switch branch/tag
Find file Normal viewHistoryPermalink
index.html 5.79 KB
Newer Older
Santhanavanich's avatar
up  
Santhanavanich 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>
Santhanavanich's avatar
update    
Santhanavanich committed
33 
                <div class="card-body cesiumLegend" id="PVSpecificYield-legend" style="display: none">
Santhanavanich's avatar
up  
Santhanavanich committed
34
35
36
37
38
39
40
41 
                </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>
Santhanavanich's avatar
update change    
Santhanavanich committed
42 
                    <h5>Utility Network</h5>
Santhanavanich's avatar
up  
Santhanavanich committed
43
Santhanavanich's avatar
update change    
Santhanavanich committed
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60 
                    <div class="form-check">
                        <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
                        </label>
                    </div>
                    <hr>
Santhanavanich's avatar
update    
Santhanavanich committed
61 
                    <h5>Building</h5>
Santhanavanich's avatar
up  
Santhanavanich committed
62
63 

                    <select class="form-select" id="BuildingStyleSelector">
Santhanavanich's avatar
update    
Santhanavanich committed
64 
                        <option value="AllWhite" selected>Default</option>
Santhanavanich's avatar
update    
Santhanavanich committed
65 
                        <option value="transparent">Transparent</option>
Santhanavanich's avatar
up  
Santhanavanich committed
66 
                        <option value="PVPotential">PV Potential</option>
Santhanavanich's avatar
update    
Santhanavanich committed
67 
                        <option value="PVSpecificYield">PV Specific Yield</option>
Santhanavanich's avatar
up  
Santhanavanich committed
68 
                    </select>
Santhanavanich's avatar
update    
Santhanavanich committed
69
70
71
72
73
74 
                    <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>
Santhanavanich's avatar
update change    
Santhanavanich committed
75
76
77
78 
                    <div id="chart_intro" style="display: none;">
                        <hr>
                        <h5>Sensor Data</h5>
                        <div id="attribute-table-area"></div>
Santhanavanich's avatar
up  
Santhanavanich committed
79 
                    </div>
Santhanavanich's avatar
update change    
Santhanavanich committed
80 
                    <div id="chart_area"></div>
Santhanavanich's avatar
up  
Santhanavanich committed
81
82
83
84
85 
                    <hr>


                </div>
Santhanavanich's avatar
update change    
Santhanavanich committed
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107 
                <footer class="footer mt-auto py-3 bg-light" style="position: fixed;
                    height: 100px;
                    bottom: 0;
                    width: 100%;">
                    <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">IQG4iCity @HFT Stuttgart, 2021 - 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>
Santhanavanich's avatar
up  
Santhanavanich committed
108 
            </div>
Santhanavanich's avatar
update change    
Santhanavanich committed
109
Santhanavanich's avatar
up  
Santhanavanich committed
110 
        </div>
Santhanavanich's avatar
update change    
Santhanavanich committed
111 
    </div>
Santhanavanich's avatar
up  
Santhanavanich committed
112
113
114
115
116
117
118 

    </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>
Santhanavanich's avatar
update change    
Santhanavanich committed
119
120 
    <script src="https://cdn.jsdelivr.net/npm/apexcharts"></script>
    <script src="./js/drawchart.js"></script>
Santhanavanich's avatar
update    
Santhanavanich committed
121 
    <script src="./js/utility_point_data.js"></script>
Santhanavanich's avatar
update change    
Santhanavanich committed
122 
    <script src="./js/staconnector.js"></script>
Santhanavanich's avatar
up  
Santhanavanich committed
123 
    <script src="./js/cesium_00_Main.js"></script>
Santhanavanich's avatar
update change    
Santhanavanich committed
124
125 
    <script src="./js/pipelo_sta.js"></script>
    <script src="./js/cesium_mouse_handling.js"></script>
Santhanavanich's avatar
up  
Santhanavanich committed
126
127
128
129
130
131
132
133 

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


</body>

</html>

Dies ist die Gitlab-Instanz des Transferportals der Hochschule für Technik Stuttgart. Hier geht es zurück zum Portal