mirror of
https://github.com/SoftFever/OrcaSlicer.git
synced 2025-11-01 05:01:10 -06:00
ENH: model info display UI
Change-Id: I066c0e7f8ce87ec00b1141a1b44430444a819b42 (cherry picked from commit 05907a1a42da82737090d55046974d401f8af057)
This commit is contained in:
zorro.zhang
Lane.Wei
parent
0cc953ad41
commit
b4ffa91cb4
343 changed files with 54828 additions and 2 deletions
55
resources/web/model/css/dark.css
Normal file
55
resources/web/model/css/dark.css
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
body
|
||||
{
|
||||
background-color:#242428;
|
||||
color: #B3B3B5;
|
||||
}
|
||||
|
||||
#EmptyArea img
|
||||
{
|
||||
content:url(../img/null2.png);
|
||||
}
|
||||
|
||||
.Text_Title
|
||||
{
|
||||
color: #EFEFF0;
|
||||
}
|
||||
|
||||
.Text_Value
|
||||
{
|
||||
color: #B3B3B5;
|
||||
}
|
||||
|
||||
.Text_TitleBoard
|
||||
{
|
||||
border-bottom: 1px solid #54545A;
|
||||
}
|
||||
|
||||
.LeftProcessBar
|
||||
{
|
||||
border-left: 2px solid #4C4C55;
|
||||
}
|
||||
|
||||
.ProcessBarSelected
|
||||
{
|
||||
border-left-color:#00AE42;
|
||||
}
|
||||
|
||||
.Block_BKGA
|
||||
{
|
||||
background-color:#36363C;
|
||||
}
|
||||
|
||||
.InfoBlock
|
||||
{
|
||||
background-color:#36363C;
|
||||
}
|
||||
|
||||
.File_Board
|
||||
{
|
||||
background-color:#242428;
|
||||
}
|
||||
|
||||
.FileItem
|
||||
{
|
||||
background-color:#36363C;
|
||||
}
|
||||
BIN
resources/web/model/img/by-nc-nd.png
Normal file
BIN
resources/web/model/img/by-nc-nd.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.8 KiB |
BIN
resources/web/model/img/by-nc-sa.png
Normal file
BIN
resources/web/model/img/by-nc-sa.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4 KiB |
BIN
resources/web/model/img/by-nc.png
Normal file
BIN
resources/web/model/img/by-nc.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
resources/web/model/img/by-nd.png
Normal file
BIN
resources/web/model/img/by-nd.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.1 KiB |
BIN
resources/web/model/img/by-sa.png
Normal file
BIN
resources/web/model/img/by-sa.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 3.3 KiB |
BIN
resources/web/model/img/by.png
Normal file
BIN
resources/web/model/img/by.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.5 KiB |
BIN
resources/web/model/img/cc-zero.png
Normal file
BIN
resources/web/model/img/cc-zero.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.4 KiB |
BIN
resources/web/model/img/default.png
Normal file
BIN
resources/web/model/img/default.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 450 B |
BIN
resources/web/model/img/excel.png
Normal file
BIN
resources/web/model/img/excel.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 587 B |
7
resources/web/model/img/file_g.svg
Normal file
7
resources/web/model/img/file_g.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="4.90234" y="3.66992" width="4.22222" height="12.6667" fill="#00AE42" fill-opacity="0.16"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.65234 4.46183C4.65234 3.7904 5.19665 3.24609 5.86808 3.24609H12.0255C12.3569 3.24609 12.6255 3.51472 12.6255 3.84609V6.3248H15.1042C15.4356 6.3248 15.7042 6.59343 15.7042 6.9248V15.5452C15.7042 16.2166 15.1599 16.7609 14.4885 16.7609H5.86808C5.19666 16.7609 4.65234 16.2166 4.65234 15.5452V4.46183ZM5.85333 4.45589C5.85289 4.45694 5.85234 4.45855 5.85234 4.46183V15.5452C5.85234 15.5485 5.85289 15.5501 5.85333 15.5511C5.85395 15.5526 5.85509 15.5544 5.85695 15.5563C5.85881 15.5582 5.86069 15.5593 5.86214 15.5599C5.86319 15.5604 5.8648 15.5609 5.86808 15.5609H14.4885C14.4917 15.5609 14.4934 15.5604 14.4944 15.5599C14.4959 15.5593 14.4977 15.5582 14.4996 15.5563C14.5014 15.5544 14.5026 15.5526 14.5032 15.5511C14.5036 15.5501 14.5042 15.5485 14.5042 15.5452V7.5248H12.0255C11.6941 7.5248 11.4255 7.25617 11.4255 6.9248V4.44609H5.86808C5.8648 4.44609 5.86319 4.44664 5.86214 4.44708C5.86069 4.4477 5.85881 4.44884 5.85695 4.4507C5.85509 4.45256 5.85395 4.45444 5.85333 4.45589Z" fill="#00AE42"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6015 3.42183C11.8358 3.18752 12.2157 3.18752 12.45 3.42183L15.5287 6.50053C15.7631 6.73485 15.7631 7.11475 15.5287 7.34906C15.2944 7.58338 14.9145 7.58338 14.6802 7.34906L11.6015 4.27036C11.3672 4.03604 11.3672 3.65614 11.6015 3.42183Z" fill="#00AE42"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1781 8.01758C10.5095 8.01758 10.7781 8.28621 10.7781 8.61758V12.9278C10.7781 13.2591 10.5095 13.5278 10.1781 13.5278C9.84675 13.5278 9.57812 13.2591 9.57812 12.9278V8.61758C9.57812 8.28621 9.84675 8.01758 10.1781 8.01758Z" fill="#00AE42"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.42188 10.7699C7.42188 10.4386 7.6905 10.1699 8.02188 10.1699H12.3321C12.6634 10.1699 12.9321 10.4386 12.9321 10.7699C12.9321 11.1013 12.6634 11.3699 12.3321 11.3699H8.02188C7.6905 11.3699 7.42188 11.1013 7.42188 10.7699Z" fill="#00AE42"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
7
resources/web/model/img/file_h.svg
Normal file
7
resources/web/model/img/file_h.svg
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="4.90234" y="3.66992" width="4.22222" height="12.6667" fill="#DDDDDD"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.65234 4.46183C4.65234 3.7904 5.19665 3.24609 5.86808 3.24609H12.0255C12.3569 3.24609 12.6255 3.51472 12.6255 3.84609V6.3248H15.1042C15.4356 6.3248 15.7042 6.59343 15.7042 6.9248V15.5452C15.7042 16.2166 15.1599 16.7609 14.4885 16.7609H5.86808C5.19666 16.7609 4.65234 16.2166 4.65234 15.5452V4.46183ZM5.85333 4.45589C5.85289 4.45694 5.85234 4.45855 5.85234 4.46183V15.5452C5.85234 15.5485 5.85289 15.5501 5.85333 15.5511C5.85395 15.5526 5.85509 15.5544 5.85695 15.5563C5.85881 15.5582 5.86069 15.5593 5.86214 15.5599C5.86319 15.5604 5.8648 15.5609 5.86808 15.5609H14.4885C14.4917 15.5609 14.4934 15.5604 14.4944 15.5599C14.4959 15.5593 14.4977 15.5582 14.4996 15.5563C14.5014 15.5544 14.5026 15.5526 14.5032 15.5511C14.5036 15.5501 14.5042 15.5485 14.5042 15.5452V7.5248H12.0255C11.6941 7.5248 11.4255 7.25617 11.4255 6.9248V4.44609H5.86808C5.8648 4.44609 5.86319 4.44664 5.86214 4.44708C5.86069 4.4477 5.85881 4.44884 5.85695 4.4507C5.85509 4.45256 5.85395 4.45444 5.85333 4.45589Z" fill="#595959"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.6015 3.42183C11.8358 3.18752 12.2157 3.18752 12.45 3.42183L15.5287 6.50053C15.7631 6.73485 15.7631 7.11475 15.5287 7.34906C15.2944 7.58338 14.9145 7.58338 14.6802 7.34906L11.6015 4.27036C11.3672 4.03604 11.3672 3.65614 11.6015 3.42183Z" fill="#595959"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1781 8.01758C10.5095 8.01758 10.7781 8.28621 10.7781 8.61758V12.9278C10.7781 13.2591 10.5095 13.5278 10.1781 13.5278C9.84675 13.5278 9.57812 13.2591 9.57812 12.9278V8.61758C9.57812 8.28621 9.84675 8.01758 10.1781 8.01758Z" fill="#595959"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M7.42188 10.7699C7.42188 10.4386 7.6905 10.1699 8.02188 10.1699H12.3321C12.6634 10.1699 12.9321 10.4386 12.9321 10.7699C12.9321 11.1013 12.6634 11.3699 12.3321 11.3699H8.02188C7.6905 11.3699 7.42188 11.1013 7.42188 10.7699Z" fill="#595959"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 2.1 KiB |
4
resources/web/model/img/info_g.svg
Normal file
4
resources/web/model/img/info_g.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="4" y="5" width="4" height="10" fill="#00AE42" fill-opacity="0.16"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.332 4.66797C16.0684 4.66797 16.6654 5.26492 16.6654 6.0013V14.0013C16.6654 14.7377 16.0684 15.3346 15.332 15.3346H4.66536C3.92898 15.3346 3.33203 14.7377 3.33203 14.0013V6.0013C3.33203 5.26492 3.92898 4.66797 4.66536 4.66797H15.332ZM15.3989 5.94098H4.59888V14.061H15.3989V5.94098ZM13.332 10.668C13.7002 10.668 13.9987 10.9664 13.9987 11.3346C13.9987 11.7028 13.7002 12.0013 13.332 12.0013H6.66536C6.29717 12.0013 5.9987 11.7028 5.9987 11.3346C5.9987 10.9664 6.29717 10.668 6.66536 10.668H13.332ZM13.3321 8.00098C13.7003 8.00098 13.9988 8.29945 13.9988 8.66764C13.9988 9.03583 13.7003 9.33431 13.3321 9.33431H10.6654C10.2973 9.33431 9.99878 9.03583 9.99878 8.66764C9.99878 8.29945 10.2973 8.00098 10.6654 8.00098H13.3321ZM8.66545 8.00098C9.03364 8.00098 9.33211 8.29945 9.33211 8.66764C9.33211 9.03583 9.03364 9.33431 8.66545 9.33431C8.29726 9.33431 7.99878 9.03583 7.99878 8.66764C7.99878 8.29945 8.29726 8.00098 8.66545 8.00098ZM6.66545 8.00098C7.03364 8.00098 7.33211 8.29945 7.33211 8.66764C7.33211 9.03583 7.03364 9.33431 6.66545 9.33431C6.29726 9.33431 5.99878 9.03583 5.99878 8.66764C5.99878 8.29945 6.29726 8.00098 6.66545 8.00098Z" fill="#00AE42"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.4 KiB |
4
resources/web/model/img/info_h.svg
Normal file
4
resources/web/model/img/info_h.svg
Normal file
|
|
@ -0,0 +1,4 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<rect x="4" y="5" width="4" height="10" fill="#DDDDDD"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M15.332 4.66797C16.0684 4.66797 16.6654 5.26492 16.6654 6.0013V14.0013C16.6654 14.7377 16.0684 15.3346 15.332 15.3346H4.66536C3.92898 15.3346 3.33203 14.7377 3.33203 14.0013V6.0013C3.33203 5.26492 3.92898 4.66797 4.66536 4.66797H15.332ZM15.3989 5.94098H4.59888V14.061H15.3989V5.94098ZM13.332 10.668C13.7002 10.668 13.9987 10.9664 13.9987 11.3346C13.9987 11.7028 13.7002 12.0013 13.332 12.0013H6.66536C6.29717 12.0013 5.9987 11.7028 5.9987 11.3346C5.9987 10.9664 6.29717 10.668 6.66536 10.668H13.332ZM13.3321 8.00098C13.7003 8.00098 13.9988 8.29945 13.9988 8.66764C13.9988 9.03583 13.7003 9.33431 13.3321 9.33431H10.6654C10.2973 9.33431 9.99878 9.03583 9.99878 8.66764C9.99878 8.29945 10.2973 8.00098 10.6654 8.00098H13.3321ZM8.66545 8.00098C9.03364 8.00098 9.33211 8.29945 9.33211 8.66764C9.33211 9.03583 9.03364 9.33431 8.66545 9.33431C8.29726 9.33431 7.99878 9.03583 7.99878 8.66764C7.99878 8.29945 8.29726 8.00098 8.66545 8.00098ZM6.66545 8.00098C7.03364 8.00098 7.33211 8.29945 7.33211 8.66764C7.33211 9.03583 7.03364 9.33431 6.66545 9.33431C6.29726 9.33431 5.99878 9.03583 5.99878 8.66764C5.99878 8.29945 6.29726 8.00098 6.66545 8.00098Z" fill="#595959"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.3 KiB |
BIN
resources/web/model/img/null.png
Normal file
BIN
resources/web/model/img/null.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 11 KiB |
BIN
resources/web/model/img/null2.png
Normal file
BIN
resources/web/model/img/null2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 13 KiB |
BIN
resources/web/model/img/p1.png
Normal file
BIN
resources/web/model/img/p1.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 318 KiB |
BIN
resources/web/model/img/p2.png
Normal file
BIN
resources/web/model/img/p2.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 690 KiB |
BIN
resources/web/model/img/p3.png
Normal file
BIN
resources/web/model/img/p3.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 561 KiB |
BIN
resources/web/model/img/p4.png
Normal file
BIN
resources/web/model/img/p4.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 105 KiB |
BIN
resources/web/model/img/p5.png
Normal file
BIN
resources/web/model/img/p5.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 341 KiB |
BIN
resources/web/model/img/p6.png
Normal file
BIN
resources/web/model/img/p6.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 538 KiB |
BIN
resources/web/model/img/pdf.png
Normal file
BIN
resources/web/model/img/pdf.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 770 B |
8
resources/web/model/img/profile_g.svg
Normal file
8
resources/web/model/img/profile_g.svg
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.1875 7.11354V5.36946C5.1875 5.08343 5.21542 4.9797 5.26785 4.87514C5.32028 4.77057 5.39721 4.6885 5.49525 4.63258C5.59329 4.57666 5.6905 4.54688 5.95865 4.54688H14.0413C14.3095 4.54688 14.4067 4.57666 14.5048 4.63258C14.6028 4.6885 14.6797 4.77057 14.7322 4.87514C14.7846 4.9797 14.8125 5.08343 14.8125 5.36946V7.11354" fill="#00AE42" fill-opacity="0.16"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.79832 5.15234C5.79796 5.15389 5.79746 5.15625 5.79685 5.15957C5.79258 5.1832 5.78594 5.23986 5.78594 5.36789V7.11198C5.78594 7.44335 5.51731 7.71198 5.18594 7.71198C4.85457 7.71198 4.58594 7.44335 4.58594 7.11198V5.36789C4.58594 5.03721 4.61823 4.82742 4.72993 4.60465M5.79832 5.15234C5.82159 5.14928 5.86892 5.14531 5.95709 5.14531H14.0398C14.128 5.14531 14.1753 5.14928 14.1986 5.15234C14.1989 5.15389 14.1994 5.15625 14.2 5.15955C14.2043 5.18318 14.2109 5.23986 14.2109 5.36789V7.11198C14.2109 7.44335 14.4796 7.71198 14.8109 7.71198C15.1423 7.71198 15.4109 7.44335 15.4109 7.11198V5.36789C15.4109 5.03722 15.3787 4.82744 15.267 4.60467L15.267 4.60467C15.1635 4.39828 15.0052 4.22664 14.8005 4.10988L14.8005 4.10983C14.5759 3.98173 14.361 3.94531 14.0398 3.94531H5.95709C5.63592 3.94531 5.42102 3.98173 5.19642 4.10983L5.19638 4.10985C4.99163 4.22666 4.83337 4.39834 4.72993 4.60465M14.1945 5.14235C14.1937 5.14143 14.1934 5.1409 14.1934 5.1409C14.1934 5.1409 14.1937 5.14138 14.1942 5.14247C14.1942 5.14248 14.1942 5.14248 14.1942 5.14248L14.1945 5.14236C14.1949 5.14292 14.1955 5.14363 14.1963 5.14445C14.1988 5.14708 14.2014 5.14925 14.2037 5.15079C14.2024 5.15023 14.2017 5.14987 14.2017 5.14987C14.2017 5.14988 14.203 5.15053 14.2059 5.1522M14.2182 5.13045L14.1945 5.14236C14.1945 5.14236 14.1945 5.14236 14.1945 5.14235L14.2182 5.13044L14.2182 5.13045ZM14.2184 5.13036L14.2182 5.13044L14.5019 4.63323L14.2184 5.13036Z" fill="#00AE42"/>
|
||||
<path d="M4.08594 15.2588L7.11174 11.9254L8.7159 13.2087L10.6409 10.9629L15.9005 15.2588" fill="#00AE42" fill-opacity="0.16"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1877 10.5728C10.3997 10.3254 10.7705 10.2925 11.0228 10.4986L16.2824 14.7946C16.5391 15.0042 16.5772 15.3822 16.3676 15.6388C16.158 15.8954 15.78 15.9336 15.5233 15.7239L10.7175 11.7986L9.17381 13.5996C8.9633 13.8452 8.59601 13.8797 8.34343 13.6776L7.17947 12.7465L4.53256 15.6625C4.30984 15.9079 3.93038 15.9262 3.68502 15.7035C3.43966 15.4808 3.4213 15.1014 3.64402 14.856L6.66981 11.5225C6.88278 11.2879 7.24147 11.2593 7.4889 11.4573L8.64016 12.3783L10.1877 10.5728Z" fill="#00AE42"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.30469 7.11172C3.30469 6.78035 3.57332 6.51172 3.90469 6.51172H16.0964C16.4277 6.51172 16.6964 6.78035 16.6964 7.11172V15.4534C16.6964 15.7848 16.4277 16.0534 16.0964 16.0534H3.90469C3.57332 16.0534 3.30469 15.7848 3.30469 15.4534V7.11172ZM4.50469 7.71172V14.8534H15.4964V7.71172H4.50469Z" fill="#00AE42"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.27781 10.2568C6.70308 10.2568 7.04781 9.91207 7.04781 9.4868C7.04781 9.06153 6.70308 8.7168 6.27781 8.7168C5.85254 8.7168 5.50781 9.06153 5.50781 9.4868C5.50781 9.91207 5.85254 10.2568 6.27781 10.2568Z" fill="#00AE42"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
8
resources/web/model/img/profile_h.svg
Normal file
8
resources/web/model/img/profile_h.svg
Normal file
|
|
@ -0,0 +1,8 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M5.1875 7.11354V5.36946C5.1875 5.08343 5.21542 4.9797 5.26785 4.87514C5.32028 4.77057 5.39721 4.6885 5.49525 4.63258C5.59329 4.57666 5.6905 4.54688 5.95865 4.54688H14.0413C14.3095 4.54688 14.4067 4.57666 14.5048 4.63258C14.6028 4.6885 14.6797 4.77057 14.7322 4.87514C14.7846 4.9797 14.8125 5.08343 14.8125 5.36946V7.11354" fill="#DDDDDD"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M5.79832 5.15234C5.79796 5.15389 5.79746 5.15625 5.79685 5.15957C5.79258 5.1832 5.78594 5.23986 5.78594 5.36789V7.11198C5.78594 7.44335 5.51731 7.71198 5.18594 7.71198C4.85457 7.71198 4.58594 7.44335 4.58594 7.11198V5.36789C4.58594 5.03721 4.61823 4.82742 4.72993 4.60465M5.79832 5.15234C5.82159 5.14928 5.86892 5.14531 5.95709 5.14531H14.0398C14.128 5.14531 14.1753 5.14928 14.1986 5.15234C14.1989 5.15389 14.1994 5.15625 14.2 5.15955C14.2043 5.18318 14.2109 5.23986 14.2109 5.36789V7.11198C14.2109 7.44335 14.4796 7.71198 14.8109 7.71198C15.1423 7.71198 15.4109 7.44335 15.4109 7.11198V5.36789C15.4109 5.03722 15.3787 4.82744 15.267 4.60467L15.267 4.60467C15.1635 4.39828 15.0052 4.22664 14.8005 4.10988L14.8005 4.10983C14.5759 3.98173 14.361 3.94531 14.0398 3.94531H5.95709C5.63592 3.94531 5.42102 3.98173 5.19642 4.10983L5.19638 4.10985C4.99163 4.22666 4.83337 4.39834 4.72993 4.60465M14.1945 5.14235C14.1937 5.14143 14.1934 5.1409 14.1934 5.1409C14.1934 5.1409 14.1937 5.14138 14.1942 5.14247C14.1942 5.14248 14.1942 5.14248 14.1942 5.14248L14.1945 5.14236C14.1949 5.14292 14.1955 5.14363 14.1963 5.14445C14.1988 5.14708 14.2014 5.14925 14.2037 5.15079C14.2024 5.15023 14.2017 5.14987 14.2017 5.14987C14.2017 5.14988 14.203 5.15053 14.2059 5.1522M14.2182 5.13045L14.1945 5.14236C14.1945 5.14236 14.1945 5.14236 14.1945 5.14235L14.2182 5.13044L14.2182 5.13045ZM14.2184 5.13036L14.2182 5.13044L14.5019 4.63323L14.2184 5.13036Z" fill="#595959"/>
|
||||
<path d="M4.08594 15.2588L7.11174 11.9254L8.7159 13.2087L10.6409 10.9629L15.9005 15.2588" fill="#DDDDDD"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M10.1877 10.5728C10.3997 10.3254 10.7705 10.2925 11.0228 10.4986L16.2824 14.7946C16.5391 15.0042 16.5772 15.3822 16.3676 15.6388C16.158 15.8954 15.78 15.9336 15.5233 15.7239L10.7175 11.7986L9.17381 13.5996C8.9633 13.8452 8.59601 13.8797 8.34343 13.6776L7.17947 12.7465L4.53256 15.6625C4.30984 15.9079 3.93038 15.9262 3.68502 15.7035C3.43966 15.4808 3.4213 15.1014 3.64402 14.856L6.66981 11.5225C6.88278 11.2879 7.24147 11.2593 7.4889 11.4573L8.64016 12.3783L10.1877 10.5728Z" fill="#595959"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M3.30469 7.11172C3.30469 6.78035 3.57332 6.51172 3.90469 6.51172H16.0964C16.4277 6.51172 16.6964 6.78035 16.6964 7.11172V15.4534C16.6964 15.7848 16.4277 16.0534 16.0964 16.0534H3.90469C3.57332 16.0534 3.30469 15.7848 3.30469 15.4534V7.11172ZM4.50469 7.71172V14.8534H15.4964V7.71172H4.50469Z" fill="#595959"/>
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M6.27781 10.2568C6.70308 10.2568 7.04781 9.91207 7.04781 9.4868C7.04781 9.06153 6.70308 8.7168 6.27781 8.7168C5.85254 8.7168 5.50781 9.06153 5.50781 9.4868C5.50781 9.91207 5.85254 10.2568 6.27781 10.2568Z" fill="#595959"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.2 KiB |
3
resources/web/model/img/s.svg
Normal file
3
resources/web/model/img/s.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path fill-rule="evenodd" clip-rule="evenodd" d="M17.9731 8.96463C15.4396 5.76555 12.7815 4.16602 9.99863 4.16602C7.30011 4.16602 4.71884 5.67008 2.25483 8.6782L2.02416 8.96461L1.93976 9.0811C1.54591 9.67702 1.57404 10.4657 2.02416 11.0341C4.55762 14.2331 7.21578 15.8327 9.99863 15.8327C12.6972 15.8327 15.2784 14.3286 17.7424 11.3205L17.9731 11.0341L18.0575 10.9176C18.4514 10.3217 18.4232 9.53301 17.9731 8.96463ZM3.76915 9.46359C5.86016 6.99891 7.93124 5.83228 9.99853 5.83228C12.1358 5.83228 14.2795 7.08074 16.4494 9.7294L16.6664 9.99896L16.4443 10.2747L16.2279 10.5343C14.1369 12.999 12.0658 14.1656 9.99853 14.1656C7.86124 14.1656 5.71756 12.9171 3.5477 10.2685L3.33063 9.99893L3.55277 9.72319L3.76915 9.46359ZM9.99872 7.49976C11.3794 7.49976 12.4987 8.61904 12.4987 9.99976C12.4987 11.3805 11.3794 12.4998 9.99872 12.4998C8.61801 12.4998 7.49872 11.3805 7.49872 9.99976C7.49872 8.61904 8.61801 7.49976 9.99872 7.49976ZM9.1653 9.99935C9.1653 9.53911 9.53839 9.16602 9.99863 9.16602C10.4589 9.16602 10.832 9.53911 10.832 9.99935C10.832 10.4596 10.4589 10.8327 9.99863 10.8327C9.53839 10.8327 9.1653 10.4596 9.1653 9.99935Z" fill="#00AE42"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 1.2 KiB |
247
resources/web/model/index.html
Normal file
247
resources/web/model/index.html
Normal file
File diff suppressed because one or more lines are too long
320
resources/web/model/model.css
Normal file
320
resources/web/model/model.css
Normal file
|
|
@ -0,0 +1,320 @@
|
|||
*
|
||||
{
|
||||
margin:0px;
|
||||
padding: 0px;
|
||||
border: 0px;
|
||||
font-family: "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-sans;
|
||||
}
|
||||
|
||||
html
|
||||
{
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
body
|
||||
{
|
||||
min-width: 1280px;
|
||||
height: 100%;
|
||||
display:flex;
|
||||
flex-direction: column;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
background-color: #F4F4F4;
|
||||
font-size: 14px;
|
||||
color: #595959;
|
||||
line-height: 24px;
|
||||
}
|
||||
|
||||
#EmptyArea
|
||||
{
|
||||
min-width: 1280px;
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
display: flex;
|
||||
}
|
||||
|
||||
|
||||
#WholeArea
|
||||
{
|
||||
height: 100%;
|
||||
position: relative;
|
||||
overflow-y: hidden;
|
||||
display: none;
|
||||
}
|
||||
|
||||
.TopBottomBar
|
||||
{
|
||||
height: 24px;
|
||||
}
|
||||
|
||||
.FloorBottomBar
|
||||
{
|
||||
height: 300px;
|
||||
}
|
||||
|
||||
|
||||
/*----Basic----*/
|
||||
.Text_Title
|
||||
{
|
||||
font-size: 16px;
|
||||
font-weight: 700;
|
||||
color: black;
|
||||
}
|
||||
|
||||
.Text_Value
|
||||
{
|
||||
color: black;
|
||||
}
|
||||
|
||||
.Text_Bold
|
||||
{
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.Text_TitleBoard
|
||||
{
|
||||
border-bottom: 1px solid #DDDDDD;
|
||||
padding: 16px 0px;
|
||||
}
|
||||
|
||||
.Text_TitleArea div
|
||||
{
|
||||
height: 32px;
|
||||
line-height: 32px
|
||||
}
|
||||
|
||||
.Block_BKGA
|
||||
{
|
||||
background-color: white;
|
||||
}
|
||||
|
||||
.Block_BKGB
|
||||
{
|
||||
background-color: #F4F4F4;
|
||||
}
|
||||
|
||||
/*---Swiper---*/
|
||||
.swiper
|
||||
{
|
||||
--swiper-theme-color: #ff6600;/* 设置Swiper风格 */
|
||||
--swiper-navigation-color: #00AE42;/* 单独设置按钮颜色 */
|
||||
--swiper-navigation-size: 30px;/* 设置按钮大小 */
|
||||
}
|
||||
|
||||
/*---Left---*/
|
||||
#LeftProcessBlock
|
||||
{
|
||||
position:fixed;
|
||||
top: 24px;
|
||||
width: 264px;
|
||||
height: 120px;
|
||||
flex-shrink: 0;
|
||||
}
|
||||
|
||||
.LeftProcessBar
|
||||
{
|
||||
border-left: 2px solid #DDDDDD;
|
||||
height: 40px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.LeftProcessBar img
|
||||
{
|
||||
margin-left:18px;
|
||||
}
|
||||
|
||||
.LeftProcessBar span
|
||||
{
|
||||
margin-left: 20px;
|
||||
}
|
||||
|
||||
.LeftTipIcon
|
||||
{
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
}
|
||||
|
||||
.ProcessBarSelected
|
||||
{
|
||||
border-left-color:#00AE42;
|
||||
}
|
||||
|
||||
.ProcessBarSelected span
|
||||
{
|
||||
color:#00AE42;
|
||||
}
|
||||
|
||||
#Info_ProcessBar.ProcessBarSelected img
|
||||
{
|
||||
content:url("img/info_g.svg");
|
||||
}
|
||||
|
||||
#File_ProcessBar.ProcessBarSelected img
|
||||
{
|
||||
content:url("img/file_g.svg");
|
||||
}
|
||||
|
||||
#Profile_ProcessBar.ProcessBarSelected img
|
||||
{
|
||||
content:url("img/profile_g.svg");
|
||||
}
|
||||
|
||||
|
||||
|
||||
/*---Right---*/
|
||||
|
||||
/*--Basic Info--*/
|
||||
#Info_Inside_Board
|
||||
{
|
||||
display: flex;
|
||||
height: calc(100% - 24px);
|
||||
overflow-y:auto;
|
||||
}
|
||||
|
||||
.InfoBlock
|
||||
{
|
||||
background-color: white;
|
||||
padding: 20px 40px;
|
||||
}
|
||||
|
||||
.InfoBlock:nth-child(n+2)
|
||||
{
|
||||
margin-top: 8px;
|
||||
}
|
||||
|
||||
#ModelInfoBlock
|
||||
{
|
||||
width: 1000px;
|
||||
}
|
||||
|
||||
#Model_Name_Area {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
align-items: flex-end;
|
||||
}
|
||||
|
||||
#Model_Preview_Image
|
||||
{
|
||||
height: 480px;
|
||||
}
|
||||
|
||||
.swiper
|
||||
{
|
||||
margin: 24px 0px;
|
||||
}
|
||||
|
||||
.swiper-slide
|
||||
{
|
||||
cursor:pointer;
|
||||
display: flex;
|
||||
align-content: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.swiper-slide img
|
||||
{
|
||||
max-width:100%;
|
||||
max-height:100%;
|
||||
}
|
||||
|
||||
/*---Document---*/
|
||||
#Model_Accessories
|
||||
{
|
||||
}
|
||||
|
||||
.File_Board
|
||||
{
|
||||
background-color: #F4F4F4;
|
||||
padding: 12px 15px;
|
||||
}
|
||||
|
||||
.File_Board:nth-child(n+2)
|
||||
{
|
||||
margin-top: 16px;
|
||||
}
|
||||
|
||||
.FileListBoard
|
||||
{
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
}
|
||||
|
||||
.FileItem
|
||||
{
|
||||
width:406px;
|
||||
background-color: white;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
padding: 12px 15px;
|
||||
margin: 4px 0px;
|
||||
}
|
||||
|
||||
.FileItem:nth-child(2n+1)
|
||||
{
|
||||
margin-right: 16px;
|
||||
}
|
||||
|
||||
|
||||
.FileIcon img
|
||||
{
|
||||
width: 36px;
|
||||
height: 42px;
|
||||
}
|
||||
|
||||
.ImageIcon img
|
||||
{
|
||||
width: 36px;
|
||||
height: 42px;
|
||||
object-fit: cover;
|
||||
}
|
||||
|
||||
.FileText
|
||||
{
|
||||
width: 306px;
|
||||
height: 40px;
|
||||
line-height: 20px;
|
||||
padding: 0px 16px;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.FileSize
|
||||
{
|
||||
display:none;
|
||||
}
|
||||
|
||||
.FileName
|
||||
{
|
||||
width: 100%;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.FileMenu
|
||||
{
|
||||
height: 32px;
|
||||
width: 32px;
|
||||
display: flex;
|
||||
cursor: pointer;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.FileMenu img
|
||||
{
|
||||
width: 24px;
|
||||
}
|
||||
|
||||
|
||||
/*---Profile---*/
|
||||
#Profile_Preview_Image
|
||||
{
|
||||
height: 480px;
|
||||
}
|
||||
|
||||
|
||||
586
resources/web/model/model.js
Normal file
586
resources/web/model/model.js
Normal file
|
|
@ -0,0 +1,586 @@
|
|||
var ModelSwiper=null;
|
||||
var ProfileSwiper=null;
|
||||
|
||||
function OnInit()
|
||||
{
|
||||
console.log(" 页面加载完成 ");
|
||||
//翻译页面
|
||||
TranslatePage();
|
||||
|
||||
//获取数据
|
||||
RequestProjectInfo();
|
||||
|
||||
//图片滚动器的初始化
|
||||
// mySwiper = new Swiper('.swiper', {
|
||||
// loop:true,
|
||||
// slidesPerView : 4,
|
||||
// slidesPerGroup : 1,
|
||||
// spaceBetween: 8,
|
||||
// navigation: {
|
||||
// slidesPerGroup :4,
|
||||
// nextEl: '.swiper-button-next',
|
||||
// prevEl: '.swiper-button-prev',
|
||||
// },
|
||||
// autoplay: {
|
||||
// delay: 3000,
|
||||
// stopOnLastSlide: false,
|
||||
// disableOnInteraction: true,
|
||||
// disableOnInteraction: false
|
||||
// }
|
||||
// });
|
||||
|
||||
//锚点跟踪
|
||||
AddScrollEvent();
|
||||
|
||||
//测试代码
|
||||
//ShowProjectInfo(null);
|
||||
//ShowProjectInfo(TestProjectData);
|
||||
//ShowProjectInfo(null);
|
||||
//ShowProjectInfo(TestProjectData);
|
||||
// $('#ModelPreviewList').viewer({
|
||||
// title: false,
|
||||
// fullsreen: false,
|
||||
// zIndex: 999999,
|
||||
// interval: 3000
|
||||
// });
|
||||
// $('#ModelPreviewList').viewer('update');
|
||||
}
|
||||
|
||||
function AddScrollEvent()
|
||||
{
|
||||
//跟踪页面位置
|
||||
$('#Info_Inside_Board').scroll(function(){
|
||||
//checkElementDistance("Info_Inside_Board", 'Model_Basic')
|
||||
//checkElementDistance("Info_Inside_Board", 'Model_Accessories');
|
||||
//checkElementDistance("Info_Inside_Board", 'Model_Profile');
|
||||
let ParentItem=$('#Info_Inside_Board');
|
||||
|
||||
let BItem=$('#Model_Basic');
|
||||
let AItem=$('#Model_Accessories');
|
||||
let PItem=$('#Model_Profile');
|
||||
|
||||
let BTop=Math.abs(BItem.offset().top - ParentItem.offset().top);
|
||||
let BBottom=Math.abs(BItem.offset().top + BItem.innerHeight() - ParentItem.offset().top);
|
||||
let ATop=Math.abs(AItem.offset().top - ParentItem.offset().top);
|
||||
let ABottom=Math.abs(AItem.offset().top + AItem.innerHeight() - ParentItem.offset().top);
|
||||
let PTop=Math.abs(PItem.offset().top - ParentItem.offset().top);
|
||||
let PBottom=Math.abs(PItem.offset().top + PItem.innerHeight() - ParentItem.offset().top);
|
||||
|
||||
console.log('------positon-----');
|
||||
console.log("B: "+BTop+'-'+BBottom);
|
||||
console.log("A: "+ATop+'-'+ABottom);
|
||||
console.log("P: "+PTop+'-'+PBottom);
|
||||
|
||||
let nMin=Math.min(BTop,BBottom,ATop,ABottom,PTop,PBottom );
|
||||
|
||||
if( nMin==BTop || nMin==BBottom)
|
||||
{
|
||||
OnMenuSelected('Model_Basic');
|
||||
}
|
||||
else if( nMin==ATop || nMin==ABottom)
|
||||
{
|
||||
OnMenuSelected('Model_Accessories');
|
||||
}
|
||||
else if( nMin==PTop || nMin==PBottom)
|
||||
{
|
||||
OnMenuSelected('Model_Profile');
|
||||
}
|
||||
|
||||
});
|
||||
}
|
||||
|
||||
function OnMenuClick( strID )
|
||||
{
|
||||
scrollLocation("Info_Inside_Board",strID);
|
||||
|
||||
//OnMenuSelected(strID);
|
||||
}
|
||||
|
||||
function OnMenuSelected(strID)
|
||||
{
|
||||
console.log("MenuSelected: "+strID);
|
||||
|
||||
//UI
|
||||
$('.LeftProcessBar').removeClass('ProcessBarSelected');
|
||||
switch(strID)
|
||||
{
|
||||
case 'Model_Basic':
|
||||
$('#Info_ProcessBar').addClass('ProcessBarSelected');
|
||||
break;
|
||||
case 'Model_Accessories':
|
||||
$('#File_ProcessBar').addClass('ProcessBarSelected');
|
||||
break;
|
||||
case 'Model_Profile':
|
||||
$('#Profile_ProcessBar').addClass('ProcessBarSelected');
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
/*-------------自动滚动跟踪效果---------*/
|
||||
function scrollLocation(FatherID, ChildID)
|
||||
{
|
||||
let FItem=$('#'+FatherID);
|
||||
let CItem=$('#'+ChildID);
|
||||
|
||||
let Tmp=CItem.offset().top - FItem.offset().top + FItem.scrollTop();
|
||||
|
||||
// father.scrollTop(
|
||||
// scrollTo.offset().top - father.offset().top + father.scrollTop()
|
||||
// );
|
||||
// Or you can animate the scrolling:
|
||||
FItem.animate({scrollTop:Tmp}, 400);
|
||||
};
|
||||
|
||||
/*----------处理C++的消息-------*/
|
||||
function Request3MFInfo()
|
||||
{
|
||||
var tSend={};
|
||||
tSend['sequence_id']=Math.round(new Date() / 1000);
|
||||
tSend['command']="request_3mf_info";
|
||||
|
||||
SendWXMessage( JSON.stringify(tSend) );
|
||||
}
|
||||
|
||||
function HandleStudio(pVal)
|
||||
{
|
||||
let strCmd=pVal['command'];
|
||||
|
||||
if(strCmd=='show_3mf_info')
|
||||
{
|
||||
ShowProjectInfo( pVal['model'] );
|
||||
}
|
||||
else if(strCmd=='clear_3mf_info')
|
||||
{
|
||||
ShowProjectInfo( null );
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
function ShowProjectInfo( p3MF )
|
||||
{
|
||||
if(p3MF==null)
|
||||
{
|
||||
$('#EmptyArea').css('display','flex');
|
||||
$('#WholeArea').hide();
|
||||
return;
|
||||
}
|
||||
|
||||
//Check Data
|
||||
let pModel=p3MF['model'];
|
||||
let pFile=p3MF['file'];
|
||||
let pProfile=p3MF['profile'];
|
||||
|
||||
ShowModelInfo( pModel );
|
||||
ShowFileInfo( pFile );
|
||||
ShowProfilelInfo(pProfile);
|
||||
|
||||
TranslatePage();
|
||||
$('#EmptyArea').hide();
|
||||
$('#WholeArea').show();
|
||||
|
||||
// mySwiper = new Swiper('.swiper', {
|
||||
// loop:true,
|
||||
// spaceBetween: 8,
|
||||
// navigation: {
|
||||
// slidesPerGroup :4,
|
||||
// nextEl: '.swiper-button-next',
|
||||
// prevEl: '.swiper-button-prev',
|
||||
// },
|
||||
// autoplay: {
|
||||
// delay: 3000,
|
||||
// stopOnLastSlide: false,
|
||||
// disableOnInteraction: true,
|
||||
// disableOnInteraction: false
|
||||
// }
|
||||
// });
|
||||
|
||||
AddScrollEvent();
|
||||
}
|
||||
|
||||
function ShowModelInfo( pModel )
|
||||
{
|
||||
//==========Model Info==========
|
||||
let sModelName=decodeURIComponent(pModel.name);
|
||||
let sModelAuthor=decodeURIComponent(pModel.author);
|
||||
let UploadType=pModel.upload_type.toUpperCase();
|
||||
let sLicence=pModel.license.toUpperCase();
|
||||
let sModelDesc=decodeURIComponent(pModel.description);
|
||||
|
||||
SendWXDebugInfo("Model Name: "+sModelName);
|
||||
|
||||
$('#ModelName').html(sModelName);
|
||||
$('#ModelAuthorName').html(sModelAuthor);
|
||||
|
||||
switch(UploadType)
|
||||
{
|
||||
case 'remix':
|
||||
$('#ModelAthorType').attr('tid','t93');
|
||||
break;
|
||||
case 'shared':
|
||||
$('#ModelAthorType').attr('tid','t94');
|
||||
break;
|
||||
case 'origin':
|
||||
case 'profile':
|
||||
default:
|
||||
$('#ModelAthorType').attr('tid','t92');
|
||||
break;
|
||||
}
|
||||
|
||||
switch(sLicence)
|
||||
{
|
||||
case 'CC0':
|
||||
$('#ModelLicenceImg img').attr('src','img/cc-zero.png');
|
||||
$('#ModelLicenceImg').show();
|
||||
break;
|
||||
case 'BY':
|
||||
$('#ModelLicenceImg img').attr('src','img/by.png');
|
||||
$('#ModelLicenceImg').show();
|
||||
break;
|
||||
case 'BY-SA':
|
||||
$('#ModelLicenceImg img').attr('src','img/by-sa.png');
|
||||
$('#ModelLicenceImg').show();
|
||||
break;
|
||||
case 'BY-ND':
|
||||
$('#ModelLicenceImg img').attr('src','img/by-nd.png');
|
||||
$('#ModelLicenceImg').show();
|
||||
break;
|
||||
case 'BY-NC':
|
||||
$('#ModelLicenceImg img').attr('src','img/by-nc.png');
|
||||
$('#ModelLicenceImg').show();
|
||||
break;
|
||||
case 'BY-NC-SA':
|
||||
$('#ModelLicenceImg img').attr('src','img/by-nc-sa.png');
|
||||
$('#ModelLicenceImg').show();
|
||||
break;
|
||||
case 'BY-NC-ND':
|
||||
$('#ModelLicenceImg img').attr('src','img/by-nc-nd.png');
|
||||
$('#ModelLicenceImg').show();
|
||||
break;
|
||||
default:
|
||||
$('#ModelLicenceImg').hide();
|
||||
break;
|
||||
}
|
||||
|
||||
$('#Model_Desc').html( html_decode(sModelDesc) );
|
||||
|
||||
let ModelPreviewList=pModel.preview_img;
|
||||
let TotalPreview=ModelPreviewList.length;
|
||||
|
||||
if( ModelSwiper!=null )
|
||||
{
|
||||
ModelSwiper.destroy(true,true);
|
||||
ModelSwiper=null;
|
||||
}
|
||||
|
||||
if(TotalPreview>0)
|
||||
{
|
||||
let htmlPreview='';
|
||||
for(let pn=0;pn<TotalPreview;pn++)
|
||||
{
|
||||
//let FTmpPath=decodeURIComponent(ModelPreviewList[pn]);
|
||||
let FTmpPath=ModelPreviewList[pn]['filepath'];
|
||||
|
||||
htmlPreview+='<div class="swiper-slide"><img class="Model_PrevImg" src="'+FTmpPath+'" /></div>';
|
||||
}
|
||||
|
||||
$('#ModelPreviewList').html(htmlPreview);
|
||||
$('#ModelPreviewList').viewer({
|
||||
title: false,
|
||||
fullsreen: false,
|
||||
zIndex: 999999,
|
||||
interval: 3000
|
||||
});
|
||||
$('#ModelPreviewList').viewer('update');
|
||||
|
||||
//Initial Swiper
|
||||
if(TotalPreview==1)
|
||||
{
|
||||
ModelSwiper = new Swiper('#Model_Preview_Image.swiper', {
|
||||
spaceBetween: 8
|
||||
});
|
||||
|
||||
$('#Model_Preview_Image .swiper-button-prev').hide();
|
||||
$('#Model_Preview_Image .swiper-button-next').hide();
|
||||
$('#Model_Preview_Image .swiper-pagination').hide();
|
||||
}
|
||||
else
|
||||
{
|
||||
$('#Model_Preview_Image .swiper-button-prev').show();
|
||||
$('#Model_Preview_Image .swiper-button-next').show();
|
||||
$('#Model_Preview_Image .swiper-pagination').show();
|
||||
|
||||
ModelSwiper = new Swiper('#Model_Preview_Image.swiper', {
|
||||
loop:true,
|
||||
spaceBetween: 8,
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: false,
|
||||
disableOnInteraction: true,
|
||||
disableOnInteraction: false
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
else
|
||||
{
|
||||
$('#ModelPreviewList').hide();
|
||||
}
|
||||
}
|
||||
|
||||
function ShowFileInfo( pFile )
|
||||
{
|
||||
let pBOM=pFile['BOM'];
|
||||
let pAssembly=pFile['Assembly'];
|
||||
let pOther=pFile['Other'];
|
||||
|
||||
let BTotal=pBOM.length;
|
||||
let ATotal=pAssembly.length;
|
||||
let OTotal=pOther.length;
|
||||
let fTotal=BTotal+ATotal+OTotal;
|
||||
|
||||
//Total Number
|
||||
$('#FileTotalNum').html(fTotal);
|
||||
$('#BOMTotalNum').html(BTotal);
|
||||
$('#AssemblyTotalNum').html(ATotal);
|
||||
$('#OtherFileTotalNum').html(OTotal);
|
||||
|
||||
//BOM
|
||||
if(BTotal==0)
|
||||
{
|
||||
$('#FILE_BOM_List').hide();
|
||||
}
|
||||
else
|
||||
{
|
||||
ConstructFileHtml('FILE_BOM_List',pBOM);
|
||||
}
|
||||
|
||||
//Assembly
|
||||
if(ATotal==0)
|
||||
{
|
||||
$('#FILE_ASSEMBLY_List').hide();
|
||||
}
|
||||
else
|
||||
{
|
||||
ConstructFileHtml('FILE_ASSEMBLY_List',pAssembly);
|
||||
}
|
||||
|
||||
//Other
|
||||
if(OTotal==0)
|
||||
{
|
||||
$('#FILE_OTHER_List').hide();
|
||||
}
|
||||
else
|
||||
{
|
||||
ConstructFileHtml('FILE_OTHER_List',pOther);
|
||||
}
|
||||
|
||||
//zIndex
|
||||
$('.ImageIcon').viewer({
|
||||
title: false,
|
||||
fullsreen: false,
|
||||
zIndex: 999999,
|
||||
interval: 3000
|
||||
});
|
||||
$('.ImageIcon').viewer('update');
|
||||
}
|
||||
|
||||
|
||||
var ExcelTail=['xlsx','xlsm','xlsb','csv','xls','xltx','xltm','xlt','xlam','xla'];
|
||||
var PdfTail=['pdf','fdf','xfdf','xdp','ppdf','ofd'];
|
||||
var ImgTail=['jpg','jpeg','bmp','gif','svg','png','bmp'];
|
||||
|
||||
var ImgID=0;
|
||||
|
||||
function ConstructFileHtml( ID, pItem )
|
||||
{
|
||||
let fTotal=pItem.length;
|
||||
|
||||
let strHtml='';
|
||||
for( let f=0;f<fTotal;f++ )
|
||||
{
|
||||
let pOne=pItem[f];
|
||||
|
||||
let tPath=pOne['filepath'];
|
||||
let tName=decodeURIComponent(pOne['filename']);
|
||||
|
||||
let sTail=getFileTail(tName).toLowerCase();
|
||||
|
||||
//File or Image
|
||||
let strClass='FileIcon';
|
||||
let ImgPath='';
|
||||
|
||||
if( $.inArray( sTail, ImgTail )>=0 )
|
||||
{
|
||||
strClass='ImageIcon';
|
||||
|
||||
ImgPath=tPath;
|
||||
}
|
||||
else if( $.inArray( sTail, ExcelTail )>=0 )
|
||||
{
|
||||
ImgPath='img/excel.png';
|
||||
}
|
||||
else if( $.inArray( sTail, PdfTail )>=0 )
|
||||
{
|
||||
ImgPath='img/pdf.png';
|
||||
}
|
||||
else
|
||||
{
|
||||
ImgPath='img/default.png';
|
||||
}
|
||||
|
||||
//Add html
|
||||
if( strClass!='ImageIcon' )
|
||||
{
|
||||
strHtml+='<div class="FileItem">'+
|
||||
' <div class="'+strClass+'"><img src="'+ImgPath+'" /></div>'+
|
||||
' <div class="FileText">'+
|
||||
' <div class="FileName">'+tName+'</div>'+
|
||||
' </div>'+
|
||||
' <div class="FileMenu" onClick="OnClickOpenFile(\''+tPath+'\')"><img src="img/s.svg" /></div>'+
|
||||
'</div>';
|
||||
}
|
||||
else
|
||||
{
|
||||
ImgID++;
|
||||
let TmpImgID="AF"+ImgID;
|
||||
|
||||
strHtml+='<div class="FileItem">'+
|
||||
' <div class="'+strClass+'"><img id="'+TmpImgID+'" src="'+ImgPath+'" /></div>'+
|
||||
' <div class="FileText">'+
|
||||
' <div class="FileName">'+tName+'</div>'+
|
||||
' </div>'+
|
||||
' <div class="FileMenu" onClick="OnClickOpenImage(\''+TmpImgID+'\')"><img src="img/s.svg" /></div>'+
|
||||
'</div>';
|
||||
}
|
||||
}
|
||||
|
||||
$('#'+ID+' .FileListBoard').html(strHtml);
|
||||
}
|
||||
|
||||
|
||||
function ShowProfilelInfo( pProfile )
|
||||
{
|
||||
//==========Profile Info==========
|
||||
let sProfileName=decodeURIComponent(pProfile.name);
|
||||
let sProfileAuthor=decodeURIComponent(pProfile.author);
|
||||
let sProfileDesc=decodeURIComponent(pProfile.description);
|
||||
|
||||
$('#ProfileName').html(sProfileName);
|
||||
$('#ProfileAuthor').html(sProfileAuthor);
|
||||
|
||||
$('#Profile_Desc').html( html_decode(sProfileDesc) );
|
||||
|
||||
let ProfilePreviewList=pProfile.preview_img;
|
||||
let TotalPreview=ProfilePreviewList.length;
|
||||
|
||||
if( ProfileSwiper!=null )
|
||||
{
|
||||
ProfileSwiper.destroy(true,true);
|
||||
ProfileSwiper=null;
|
||||
}
|
||||
|
||||
if(TotalPreview>0)
|
||||
{
|
||||
let htmlPreview='';
|
||||
for(let pn=0;pn<TotalPreview;pn++)
|
||||
{
|
||||
let FTmpPath=ProfilePreviewList[pn]['filepath'];
|
||||
|
||||
htmlPreview+='<div class="swiper-slide"><img class="Model_PrevImg" src="'+FTmpPath+'" /></div>';
|
||||
}
|
||||
|
||||
$('#ProfilePreviewList').html(htmlPreview);
|
||||
$('#ProfilePreviewList').viewer({
|
||||
title: false,
|
||||
fullsreen: false,
|
||||
zIndex: 999999,
|
||||
interval: 3000
|
||||
});
|
||||
$('#ProfilePreviewList').viewer("update");
|
||||
|
||||
//Init Profile Swiper
|
||||
if(TotalPreview==1)
|
||||
{
|
||||
ProfileSwiper = new Swiper('#Profile_Preview_Image.swiper', {
|
||||
spaceBetween: 8
|
||||
});
|
||||
|
||||
$('#Profile_Preview_Image .swiper-button-prev').hide();
|
||||
$('#Profile_Preview_Image .swiper-button-next').hide();
|
||||
$('#Profile_Preview_Image .swiper-pagination').hide();
|
||||
}
|
||||
else
|
||||
{
|
||||
$('#Profile_Preview_Image .swiper-button-prev').show();
|
||||
$('#Profile_Preview_Image .swiper-button-next').show();
|
||||
$('#Profile_Preview_Image .swiper-pagination').show();
|
||||
|
||||
ProfileSwiper = new Swiper('#Profile_Preview_Image.swiper', {
|
||||
loop:true,
|
||||
spaceBetween: 8,
|
||||
navigation: {
|
||||
nextEl: '.swiper-button-next',
|
||||
prevEl: '.swiper-button-prev',
|
||||
},
|
||||
autoplay: {
|
||||
delay: 3000,
|
||||
stopOnLastSlide: false,
|
||||
disableOnInteraction: true,
|
||||
disableOnInteraction: false
|
||||
},
|
||||
pagination: {
|
||||
el: '.swiper-pagination',
|
||||
}
|
||||
});
|
||||
}
|
||||
}
|
||||
else
|
||||
{
|
||||
$('#ProfilePreviewList').hide();
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
//Push Command to C++
|
||||
function RequestProjectInfo()
|
||||
{
|
||||
var tSend={};
|
||||
tSend['sequence_id']=Math.round(new Date() / 1000);
|
||||
tSend['command']="request_3mf_info";
|
||||
|
||||
SendWXMessage( JSON.stringify(tSend) );
|
||||
}
|
||||
|
||||
function OnClickOpenFile( strFullPath )
|
||||
{
|
||||
var tSend={};
|
||||
tSend['sequence_id']=Math.round(new Date() / 1000);
|
||||
tSend['command']="open_3mf_accessory";
|
||||
tSend['accessory_path']=strFullPath;
|
||||
|
||||
SendWXMessage( JSON.stringify(tSend) );
|
||||
SendWXDebugInfo('----open accessory: '+strFullPath);
|
||||
}
|
||||
|
||||
function OnClickOpenImage( F_ID )
|
||||
{
|
||||
$("img#"+F_ID).click();
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
|
||||
124
resources/web/model/test.js
Normal file
124
resources/web/model/test.js
Normal file
|
|
@ -0,0 +1,124 @@
|
|||
var TestProjectData={
|
||||
"model": {
|
||||
"name": "xxxxxxxxxxxxxxxxxxxxxxxxx easy print",
|
||||
"author": "Zorro Zhang",
|
||||
"upload_type": "share",
|
||||
"license": "CC0",
|
||||
"cover_img": "p1.png",
|
||||
"preview_img": [
|
||||
{
|
||||
"filepath": "http://bambuhtml.liuyishou.vip/img/p1.png",
|
||||
"filename": "XXXXXXXXXXXXXXXXXXXXXXXXXXXXX.pdf",
|
||||
"size": "232MB"
|
||||
},
|
||||
{
|
||||
"filepath": "http://bambuhtml.liuyishou.vip/img/p2.png",
|
||||
"filename": "XXXXXXXXXXXXXXXXXXXXXXXXXXXXX.pdf",
|
||||
"size": "232MB"
|
||||
},
|
||||
{
|
||||
"filepath": "http://bambuhtml.liuyishou.vip/img/m1.jpg",
|
||||
"filename": "XXXXXXXXXXXXXXXXXXXXXXXXXXXXX.pdf",
|
||||
"size": "232MB"
|
||||
},
|
||||
{
|
||||
"filepath": "http://bambuhtml.liuyishou.vip/img/m2.jpg",
|
||||
"filename": "XXXXXXXXXXXXXXXXXXXXXXXXXXXXX.pdf",
|
||||
"size": "232MB"
|
||||
},
|
||||
{
|
||||
"filepath": "http://bambuhtml.liuyishou.vip/img/m3.jpg",
|
||||
"filename": "XXXXXXXXXXXXXXXXXXXXXXXXXXXXX.pdf",
|
||||
"size": "232MB"
|
||||
},
|
||||
{
|
||||
"filepath": "http://bambuhtml.liuyishou.vip/img/m4.jpg",
|
||||
"filename": "XXXXXXXXXXXXXXXXXXXXXXXXXXXXX.pdf",
|
||||
"size": "232MB"
|
||||
},
|
||||
{
|
||||
"filepath": "http://bambuhtml.liuyishou.vip/img/m5.jpg",
|
||||
"filename": "XXXXXXXXXXXXXXXXXXXXXXXXXXXXX.pdf",
|
||||
"size": "232MB"
|
||||
}
|
||||
],
|
||||
"description": "This is a Description"
|
||||
},
|
||||
"file": {
|
||||
"BOM": [
|
||||
{
|
||||
"filepath": "D:/AAA/bamboo_model/Tue_Feb_14/15_07_23#42936#55/Auxiliaries/Assembly Guide/XXXXXXXXXXXXXXXXXXXXXXXXXXXXX.pdf",
|
||||
"filename": "XXXXXXXXXXXXXXXXXXXXXXXXXXXXX.pdf",
|
||||
"size": "232MB"
|
||||
},
|
||||
{
|
||||
"filepath": "D:/AAA/bamboo_model/Tue_Feb_14/15_07_23#42936#55/Auxiliaries/Assembly Guide/Assembly Guide Pretty.xlsx",
|
||||
"filename": "Assembly Guide Pretty.xlsx",
|
||||
"size": "232MB"
|
||||
},
|
||||
{
|
||||
"filepath": "file://d:/preview.png",
|
||||
"filename": "preview.png",
|
||||
"size": "232MB"
|
||||
}
|
||||
],
|
||||
"Assembly": [
|
||||
{
|
||||
"filepath": "D:/AAA/bamboo_model/Tue_Feb_14/15_07_23#42936#55/Auxiliaries/Assembly Guide/XXXXXXXXXXXXXXXXXXXXXXXXXXXXX.pdf",
|
||||
"filename": "XXXXXXXXXXXXXXXXXXXXXXXXXXXXX.pdf",
|
||||
"size": "232MB"
|
||||
},
|
||||
{
|
||||
"filepath": "D:/AAA/bamboo_model/Tue_Feb_14/15_07_23#42936#55/Auxiliaries/Assembly Guide/Assembly Guide Pretty.xlsx",
|
||||
"filename": "Assembly Guide Pretty.xlsx",
|
||||
"size": "232MB"
|
||||
},
|
||||
{
|
||||
"filepath": "D:/AAA/bamboo_model/Tue_Feb_14/15_07_23#42936#55/Auxiliaries/Assembly Guide/Assembly Guide Pretty.xlsx",
|
||||
"filename": "Assembly Guide Pretty.xlsx",
|
||||
"size": "232MB"
|
||||
},
|
||||
{
|
||||
"filepath": "file://d:/p2.png",
|
||||
"filename": "p2.png",
|
||||
"size": "232MB"
|
||||
}
|
||||
],
|
||||
"Other": [
|
||||
{
|
||||
"filepath": "D:/AAA/bamboo_model/Tue_Feb_14/15_07_23#42936#55/Auxiliaries/Assembly Guide/XXXXXXXXXXXXXXXXXXXXXXXXXXXXX.pdf",
|
||||
"filename": "XXXXXXXXXXXXXXXXXXXXXXXXXXXXX.pdf",
|
||||
"size": "232MB"
|
||||
},
|
||||
{
|
||||
"filepath": "D:/AAA/bamboo_model/Tue_Feb_14/15_07_23#42936#55/Auxiliaries/Assembly Guide/Assembly Guide Pretty.xlsx",
|
||||
"filename": "Assembly Guide Pretty.xlsx",
|
||||
"size": "232MB"
|
||||
},
|
||||
{
|
||||
"filepath": "D:/AAA/bamboo_model/Tue_Feb_14/15_07_23#42936#55/Auxiliaries/Assembly Guide/BBB Guide Pretty.pdf",
|
||||
"filename": "BBB Guide Pretty.pdf",
|
||||
"size": "232MB"
|
||||
},
|
||||
{
|
||||
"filepath": "file://d:/p3.png",
|
||||
"filename": "p3.png",
|
||||
"size": "232MB"
|
||||
}
|
||||
]
|
||||
},
|
||||
"profile": {
|
||||
"name": "xxxxxxxxxxxxxxxxxxxxxxxxx easy print",
|
||||
"author": "Hally Potter",
|
||||
"upload_type": "origin",
|
||||
"cover_img": "p1.png",
|
||||
"preview_img": [
|
||||
{
|
||||
"filepath": "http://bambuhtml.liuyishou.vip/img/m1.jpg",
|
||||
"filename": "XXXXXXXXXXXXXXXXXXXXXXXXXXXXX.pdf",
|
||||
"size": "232MB"
|
||||
}
|
||||
],
|
||||
"description": "This is a profile Description"
|
||||
}
|
||||
};
|
||||
Loading…
Add table
Add a link
Reference in a new issue