Skip to content
GitLab
Projects
Groups
Snippets
/
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Sign in
Toggle navigation
Menu
Open sidebar
iCityDigitalTwinFramework
applications
Commits
5d6369cf
Commit
5d6369cf
authored
6 months ago
by
Santhanavanich
Browse files
Options
Download
Email Patches
Plain Diff
update
parent
c0fe3009
Pipeline
#10369
passed with stage
in 14 seconds
Changes
3
Pipelines
1
Expand all
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
public/munakata/index.css
+1
-1
public/munakata/index.css
public/munakata/index.html
+27
-4
public/munakata/index.html
public/munakata/pack-min.js
+1
-1
public/munakata/pack-min.js
with
29 additions
and
6 deletions
+29
-6
public/munakata/index.css
+
1
-
1
View file @
5d6369cf
body
{
font-family
:
Montserrat
;
font-weight
:
400
}
:root
{
--navbar-height
:
75px
}
::-webkit-scrollbar-track
{
background-color
:
#002544
}
#navbar
{
position
:
relative
;
top
:
0
;
left
:
0
;
width
:
100%
;
z-index
:
1000
;
height
:
var
(
--navbar-height
);
background-color
:
#fff
}
#menuContainer
{
width
:
600px
;
height
:
calc
(
100vh
-
var
(
--navbar-height
));
overflow
:
auto
;
background
:
#002544
;
color
:
#002544
}
#cesiumContainer
{
height
:
calc
(
100vh
-
var
(
--navbar-height
)
-
55px
);
width
:
100%
;
margin
:
15px
;
padding
:
0
;
border-radius
:
25px
}
.cesium-viewer
{
border-radius
:
25px
}
.ub-card
{
border-radius
:
20px
;
padding
:
20
;
background-color
:
#fff
;
margin
:
15px
5px
}
.cesium-viewer-animationContainer
{
display
:
none
!important
}
.cesium-viewer-bottom
{
display
:
none
!important
}
.chartFrame
{
width
:
100%
;
border
:
none
;
height
:
365px
;
background
:
#fff
;
overflow
:
hidden
;
scrollbar-width
:
none
}
.infoZum-text
{
font-size
:
.75em
}
.fellbach-note
{
color
:
red
}
.page-item
.page-link
{
z-index
:
3
;
color
:
#6a6a6a
}
.page-item.active
.page-link
{
z-index
:
3
;
color
:
#fff
;
background-color
:
#2b6b5b
;
border-color
:
#0d6efd
}
.form-check-input
:checked
{
background-color
:
#2b6b5b
;
border-color
:
#2b6b5b
}
.headline-section
{
font-weight
:
800
;
font-size
:
1.25em
}
.fs-08
{
font-size
:
.8em
}
.btn-secondary
{
color
:
#fff
;
background-color
:
#424242
;
border-color
:
#6c757d
}
.btn-secondary
:hover
{
color
:
#fff
;
background-color
:
#444968
;
border-color
:
#2b6b5b
}
.btn-secondary
:focus
{
color
:
#fff
;
background-color
:
#444968
;
border-color
:
#2b6b5b
}
.compass
{
top
:
50px
}
.navigation-controls
{
top
:
150px
;
background
:
#00254457
}
.footer
{
display
:
flex
;
justify-content
:
space-between
;
align-items
:
center
;
font-size
:
15px
;
padding
:
10px
20px
;
background-color
:
#f1f1f1
;
position
:
fixed
;
bottom
:
0
;
width
:
100%
;
z-index
:
1000
;
margin-left
:
-10px
}
.footer
h6
{
margin
:
0
;
padding
:
0
;
font-size
:
13px
;
font-weight
:
800
}
.footer
ul
{
list-style-type
:
none
;
margin
:
0
;
padding
:
0
;
display
:
flex
;
gap
:
15px
}
.footer
ul
h6
{
margin
:
0
}
.footer
a
{
text-decoration
:
none
;
color
:
#000
}
.footer
a
:hover
{
text-decoration
:
underline
}
.dot
{
border-width
:
.5px
;
border-color
:
#000
;
border-style
:
solid
;
height
:
12px
;
width
:
12px
;
background-color
:
#bbb
;
border-radius
:
50%
;
display
:
inline-block
}
#Trinkwasserbezug-legend
{
font-size
:
.7em
;
display
:
none
;
position
:
absolute
;
right
:
0
;
bottom
:
80px
;
z-index
:
1000
;
width
:
136.6px
;
background
:
#ffffff
ba
;
border-radius
:
15px
;
padding
:
10px
;
margin-right
:
40px
}
.highlight-scenario-number
{
font-weight
:
400
;
background
:
#e8eae8
;
padding
:
4px
;
border-radius
:
4px
}
.cesiumLegend
{
position
:
absolute
;
top
:
100px
;
left
:
430px
;
z-index
:
1000
;
background
:
#ffffff
db
;
border-radius
:
15px
;
padding
:
10px
;
font-size
:
.8em
}
#menuContainer
{
scrollbar-width
:
thin
;
scrollbar-color
:
#6d6d6d80
transparent
}
#menuContainer
::-webkit-scrollbar
{
width
:
8px
}
#menuContainer
::-webkit-scrollbar-track
{
background
:
0
0
}
#menuContainer
::-webkit-scrollbar-thumb
{
background
:
rgba
(
184
,
184
,
184
,
.582
)}
#menuContainer
::-webkit-scrollbar-thumb:hover
{
background
:
rgba
(
0
,
0
,
0
,
.2
)}
.chart-header
{
font-size
:
1.35em
;
font-weight
:
600
}
#menuContainer
{
transition
:
all
.3s
ease-in-out
}
body
{
font-family
:
Montserrat
;
font-weight
:
400
}
:root
{
--navbar-height
:
75px
}
::-webkit-scrollbar-track
{
background-color
:
#002544
}
#navbar
{
position
:
relative
;
top
:
0
;
left
:
0
;
width
:
100%
;
z-index
:
1000
;
height
:
var
(
--navbar-height
);
background-color
:
#fff
}
#menuContainer
{
width
:
600px
;
height
:
calc
(
100vh
-
var
(
--navbar-height
));
overflow
:
auto
;
background
:
#002544
;
color
:
#002544
}
#cesiumContainer
{
height
:
calc
(
100vh
-
var
(
--navbar-height
)
-
55px
);
width
:
100%
;
margin
:
15px
;
padding
:
0
;
border-radius
:
25px
}
.cesium-viewer
{
border-radius
:
25px
}
.ub-card
{
border-radius
:
20px
;
padding
:
20
;
background-color
:
#fff
;
margin
:
15px
5px
}
.cesium-viewer-animationContainer
{
display
:
none
!important
}
.cesium-viewer-bottom
{
display
:
none
!important
}
.chartFrame
{
width
:
100%
;
border
:
none
;
height
:
365px
;
background
:
#fff
;
overflow
:
hidden
;
scrollbar-width
:
none
}
.infoZum-text
{
font-size
:
.75em
}
.fellbach-note
{
color
:
red
}
.page-item
.page-link
{
z-index
:
3
;
color
:
#6a6a6a
}
.page-item.active
.page-link
{
z-index
:
3
;
color
:
#fff
;
background-color
:
#2b6b5b
;
border-color
:
#0d6efd
}
.form-check-input
:checked
{
background-color
:
#2b6b5b
;
border-color
:
#2b6b5b
}
.headline-section
{
font-weight
:
800
;
font-size
:
1.25em
}
.fs-08
{
font-size
:
.8em
}
.btn-secondary
{
color
:
#fff
;
background-color
:
#424242
;
border-color
:
#6c757d
}
.btn-secondary
:hover
{
color
:
#fff
;
background-color
:
#444968
;
border-color
:
#2b6b5b
}
.btn-secondary
:focus
{
color
:
#fff
;
background-color
:
#444968
;
border-color
:
#2b6b5b
}
.compass
{
top
:
50px
}
.navigation-controls
{
top
:
150px
;
background
:
#00254457
}
.footer
{
display
:
flex
;
justify-content
:
space-between
;
align-items
:
center
;
font-size
:
15px
;
padding
:
10px
20px
;
background-color
:
#f1f1f1
;
position
:
fixed
;
bottom
:
0
;
width
:
100%
;
z-index
:
1000
;
margin-left
:
-10px
}
.footer
h6
{
margin
:
0
;
padding
:
0
;
font-size
:
13px
;
font-weight
:
800
}
.footer
ul
{
list-style-type
:
none
;
margin
:
0
;
padding
:
0
;
display
:
flex
;
gap
:
15px
}
.footer
ul
h6
{
margin
:
0
}
.footer
a
{
text-decoration
:
none
;
color
:
#000
}
.footer
a
:hover
{
text-decoration
:
underline
}
.dot
{
border-width
:
.5px
;
border-color
:
#000
;
border-style
:
solid
;
height
:
12px
;
width
:
12px
;
background-color
:
#bbb
;
border-radius
:
50%
;
display
:
inline-block
}
#Trinkwasserbezug-legend
{
font-size
:
.7em
;
display
:
none
;
position
:
absolute
;
right
:
0
;
bottom
:
80px
;
z-index
:
1000
;
width
:
136.6px
;
background
:
#ffffff
ba
;
border-radius
:
15px
;
padding
:
10px
;
margin-right
:
40px
}
.highlight-scenario-number
{
font-weight
:
400
;
background
:
#e8eae8
;
padding
:
4px
;
border-radius
:
4px
}
.cesiumLegend
{
position
:
absolute
;
top
:
100px
;
left
:
430px
;
z-index
:
1000
;
background
:
#ffffff
db
;
border-radius
:
15px
;
padding
:
10px
;
font-size
:
.8em
}
#menuContainer
{
scrollbar-width
:
thin
;
scrollbar-color
:
#6d6d6d80
transparent
}
#menuContainer
::-webkit-scrollbar
{
width
:
8px
}
#menuContainer
::-webkit-scrollbar-track
{
background
:
0
0
}
#menuContainer
::-webkit-scrollbar-thumb
{
background
:
rgba
(
184
,
184
,
184
,
.582
)}
#menuContainer
::-webkit-scrollbar-thumb:hover
{
background
:
rgba
(
0
,
0
,
0
,
.2
)}
.chart-header
{
font-size
:
1.35em
;
font-weight
:
600
}
#menuContainer
{
transition
:
all
.3s
ease-in-out
}
.sensor-image-area
{
display
:
flex
;
flex-direction
:
row
;
justify-content
:
center
;
align-items
:
center
;
gap
:
20px
;
padding
:
20px
;
background-color
:
#f9f9f9
}
.sensor-image
{
width
:
45%
;
border-radius
:
15px
;
box-shadow
:
0
4px
8px
rgba
(
0
,
0
,
0
,
.1
);
object-fit
:
cover
;
transition
:
transform
.3s
ease
,
box-shadow
.3s
ease
;
cursor
:
pointer
}
.sensor-image
:hover
{
transform
:
scale
(
1.05
);
box-shadow
:
0
6px
12px
rgba
(
0
,
0
,
0
,
.2
)}
@media
(
max-width
:
768px
){
.sensor-image-area
{
flex-direction
:
column
}
.sensor-image
{
width
:
100%
}}
\ No newline at end of file
\ No newline at end of file
This diff is collapsed.
Click to expand it.
public/munakata/index.html
+
27
-
4
View file @
5d6369cf
...
@@ -71,11 +71,8 @@
...
@@ -71,11 +71,8 @@
<div
class=
"card card-body"
>
<div
class=
"card card-body"
>
<div>
<div>
<p
style=
"font-size: 0.85em;"
data-i18n=
"sensorData.description"
>
<p
style=
"font-size: 0.85em;"
data-i18n=
"sensorData.description"
>
The sensor data is collected from the iCity Urban Platform. The sensor data from
three sensor locations can be activated from the three menu items below. The data is
displayed in the form of a chart.
</p>
</p>
<img
src=
"./img/CoCokara_Hinosato.jpg"
alt=
""
style=
" width: 100%; border-radius: 20px; margin-bottom: 15px;"
>
<div
class=
"d-flex justify-content-between"
>
<div
class=
"d-flex justify-content-between"
>
<button
class=
"btn btn-secondary sensor-button"
data-ds-id=
"10"
id=
"sensor1-bus-stop"
>
<button
class=
"btn btn-secondary sensor-button"
data-ds-id=
"10"
id=
"sensor1-bus-stop"
>
<i
class=
"bi bi-bus-front"
></i>
<i
class=
"bi bi-bus-front"
></i>
...
@@ -97,8 +94,33 @@
...
@@ -97,8 +94,33 @@
</div>
</div>
<div
class=
"card card-body"
>
<div
class=
"card card-body"
>
<div
id=
"sensor-image-zone"
>
<div
id=
"img-busStop"
class=
"sensor-header-area"
style=
"display: none;"
>
<h4
style=
"font-weight: 800;"
><span
data-i18n=
"sensorData.buttons.busStop"
>
Bus Stop
</span></h4>
<div
class=
"sensor-image-area"
>
<img
src=
"./img/Bus_Stop_01.jpg"
alt=
"Bus Stop 01"
class=
"sensor-image"
>
<img
src=
"./img/Bus_Stop_02.jpg"
alt=
"Bus Stop 02"
class=
"sensor-image"
>
</div>
</div>
<div
id=
"img-informationSpace"
class=
"sensor-header-area"
style=
"display: none;"
>
<h4
style=
"font-weight: 800;"
><span
data-i18n=
"sensorData.buttons.informationSpace"
>
Information Space
</span></h4>
<div
class=
"sensor-image-area"
>
<img
src=
"./img/Information_Space_01.jpg"
alt=
""
class=
"sensor-image"
>
<img
src=
"./img/Information_Space_02.jpg"
alt=
""
class=
"sensor-image"
>
</div>
</div>
<div
id=
"img-receptionCounter"
class=
"sensor-header-area"
style=
"display: none;"
>
<h4
style=
"font-weight: 800;"
><span
data-i18n=
"sensorData.buttons.receptionCounter"
>
Reception Counter
</span></h4>
<div
class=
"sensor-image-area"
>
<img
src=
"./img/Reception_Counter_01.jpg"
alt=
""
class=
"sensor-image"
>
<img
src=
"./img/Reception_Counter_02.jpg"
alt=
""
class=
"sensor-image"
>
</div>
</div>
</div>
<div
id=
"chart-area"
>
<div
id=
"chart-area"
>
<div
id=
"chart-illuminance"
style=
"display: none;"
class=
"text-center"
>
<div
id=
"chart-illuminance"
style=
"display: none;"
class=
"text-center"
>
<h3
class=
"chart-header"
data-i18n=
"chart.heading.illuminance"
data-i18n-options=
'{"sensor": ""}'
></h3>
<h3
class=
"chart-header"
data-i18n=
"chart.heading.illuminance"
data-i18n-options=
'{"sensor": ""}'
></h3>
<!-- iframe will be inserted here -->
<!-- iframe will be inserted here -->
</div>
</div>
...
@@ -139,6 +161,7 @@
...
@@ -139,6 +161,7 @@
<script
src=
"https://unpkg.com/jquery-i18next@1.2.1/dist/umd/jquery-i18next.min.js"
></script>
<script
src=
"https://unpkg.com/jquery-i18next@1.2.1/dist/umd/jquery-i18next.min.js"
></script>
<script
src=
"pack-min.js"
></script>
<script
src=
"pack-min.js"
></script>
</body>
</body>
</html>
</html>
\ No newline at end of file
This diff is collapsed.
Click to expand it.
public/munakata/pack-min.js
+
1
-
1
View file @
5d6369cf
This diff is collapsed.
Click to expand it.
Write
Preview
Supports
Markdown
0%
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment
