Initial release

2026-05-11 19:29:55 +01:00
commit d4d1215874
@@ -0,0 +1,68 @@
+body
+{
+	background-color:#242428;
+	color: #B3B3B5;
+}
+
+a
+{
+	color: #009688;
+}
+
+.ZScrol::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
+    background-color: #939594;
+}
+
+.ZScrol::-webkit-scrollbar-track {/*滚动条里面轨道*/
+        background: #161817;
+}
+
+#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:#009688;
+}
+
+.Block_BKGA
+{
+	background-color:#36363C;
+}
+
+.InfoBlock
+{
+	background-color:#36363C;
+}
+
+.File_Board
+{
+	background-color:#242428;
+}
+
+.FileItem
+{
+	background-color:#36363C;
+}
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M17.5,8.5v8c0,.55-.45,1-1,1H2.5c-.55,0-1-.45-1-1V2.5c0-.55.45-1,1-1h8M4.5,12.5v2h2L17.09,3.91c.55-.55.55-1.45,0-2s-1.45-.55-2,0L4.5,12.5Z" style="fill:none; stroke:#949494; stroke-linecap:square; stroke-linejoin:round;"/></svg>
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M12.5,17.5H2.5c-.55,0-1-.45-1-1V2.5c0-.55.45-1,1-1h7l4,4v11c0,.55-.45,1-1,1Z" style="fill:none; stroke:#009688; stroke-linecap:round; stroke-linejoin:round;"/><path d="M13.5,5.5h-3c-.55,0-1-.45-1-1V1.5" style="fill:none; stroke:#009688; stroke-linecap:round; stroke-linejoin:round;"/><polyline points="12.5 1.5 15.5 4.5 15.5 17.5" style="fill:none; stroke:#009688; stroke-linecap:round; stroke-linejoin:round;"/><polyline points="14.5 1.5 17.5 4.5 17.5 17.5" style="fill:none; stroke:#009688; stroke-linecap:round; stroke-linejoin:round;"/></svg>
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M12.5,17.5H2.5c-.55,0-1-.45-1-1V2.5c0-.55.45-1,1-1h7l4,4v11c0,.55-.45,1-1,1Z" style="fill:none; stroke:#949494; stroke-linecap:round; stroke-linejoin:round;"/><path d="M13.5,5.5h-3c-.55,0-1-.45-1-1V1.5" style="fill:none; stroke:#949494; stroke-linecap:round; stroke-linejoin:round;"/><polyline points="12.5 1.5 15.5 4.5 15.5 17.5" style="fill:none; stroke:#949494; stroke-linecap:round; stroke-linejoin:round;"/><polyline points="14.5 1.5 17.5 4.5 17.5 17.5" style="fill:none; stroke:#949494; stroke-linecap:round; stroke-linejoin:round;"/></svg>
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><rect x="1.5" y="1.5" width="16" height="16" rx="1" ry="1" style="fill:none; stroke:#009688; stroke-linecap:round; stroke-linejoin:round;"/><path d="M7.5,3.5h8M7.5,5.5h4M7.5,8.5h8M7.5,10.5h4M7.5,15.5h4M7.5,13.5h8" style="fill:none; stroke:#009688; stroke-linecap:round; stroke-linejoin:round;"/><path d="M4.5,5.5h0c-.55,0-1-.45-1-1h0c0-.55.45-1,1-1h0c.55,0,1,.45,1,1h0c0,.55-.45,1-1,1ZM5.5,9.5h0c0-.55-.45-1-1-1h0c-.55,0-1,.45-1,1h0c0,.55.45,1,1,1h0c.55,0,1-.45,1-1ZM5.5,14.5h0c0-.55-.45-1-1-1h0c-.55,0-1,.45-1,1h0c0,.55.45,1,1,1h0c.55,0,1-.45,1-1Z" style="fill:none; stroke:#009688; stroke-linecap:round; stroke-linejoin:round;"/></svg>
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><rect x="1.5" y="1.5" width="16" height="16" rx="1" ry="1" style="fill:none; stroke:#949494; stroke-linecap:round; stroke-linejoin:round;"/><path d="M7.5,3.5h8M7.5,5.5h4M7.5,8.5h8M7.5,10.5h4M7.5,15.5h4M7.5,13.5h8" style="fill:none; stroke:#949494; stroke-linecap:round; stroke-linejoin:round;"/><path d="M4.5,5.5h0c-.55,0-1-.45-1-1h0c0-.55.45-1,1-1h0c.55,0,1,.45,1,1h0c0,.55-.45,1-1,1ZM5.5,9.5h0c0-.55-.45-1-1-1h0c-.55,0-1,.45-1,1h0c0,.55.45,1,1,1h0c.55,0,1-.45,1-1ZM5.5,14.5h0c0-.55-.45-1-1-1h0c-.55,0-1,.45-1,1h0c0,.55.45,1,1,1h0c.55,0,1-.45,1-1Z" style="fill:none; stroke:#949494; stroke-linecap:round; stroke-linejoin:round;"/></svg>
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="9.5" cy="5.5" r="4" style="fill:none; stroke:#009688; stroke-linecap:square; stroke-linejoin:round;"/><path d="M17.5,17.5c0-4.42-3.58-8-8-8S1.5,13.08,1.5,17.5h16Z" style="fill:none; stroke:#009688; stroke-linecap:square; stroke-linejoin:round;"/></svg>
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><circle cx="9.5" cy="5.5" r="4" style="fill:none; stroke:#949494; stroke-linecap:round; stroke-linejoin:round;"/><path d="M17.5,17.5c0-4.42-3.58-8-8-8S1.5,13.08,1.5,17.5h16Z" style="fill:none; stroke:#949494; stroke-linecap:round; stroke-linejoin:round;"/></svg>
@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M17.5,12.5v4c0,.55-.45,1-1,1H2.5c-.55,0-1-.45-1-1V2.5c0-.55.45-1,1-1h4" style="fill:none; stroke:#949494; stroke-linecap:round; stroke-linejoin:round;"/><line x1="7.5" y1="11.5" x2="16.5" y2="2.5" style="fill:none; stroke:#949494; stroke-linecap:round; stroke-linejoin:round;"/><path d="M11.5,1.5h5c.55,0,1,.45,1,1v5" style="fill:none; stroke:#949494; stroke-linecap:round; stroke-linejoin:round;"/></svg>
@@ -0,0 +1,252 @@
+<!doctype html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="Cache-Control" content="max-age=7200" />
+<title>Model</title>	
+
+<script type="text/javascript" src="../include/jquery-2.1.1.min.js"></script>
+<script type="text/javascript" src="../include/json2.js"></script>	
+<script type="text/javascript" src="../include/globalapi.js"></script>	
+
+<link rel="stylesheet" type="text/css" href="../include/swiper/swiper-bundle.min.css" />
+<script type="text/javascript" src="../include/swiper/swiper-bundle.min.js"></script>
+<link rel="stylesheet" type="text/css" href="../include/viewer/viewer.min.css" />
+<script type="text/javascript" src="../include/viewer/viewer-jquery.min.js"></script>
+<script type="text/javascript" src="../data/text.js"></script>	
+	
+<link rel="stylesheet" type="text/css" href="model.css" />	
+<link rel="stylesheet" type="text/css" href="./css/dark.css" />	
+<link rel="stylesheet" type="text/css" href="../include/global.css" /> <!-- ORCA One for all-->
+	
+<script type="text/javascript" src="test.js"></script>
+<script type="text/javascript" src="model.js"></script>	
+</head>
+<body onLoad="OnInit()">
+
+<div id="EmptyArea">
+	<div><img src="img/null.png"></div>
+	<div class="Text_Title Text_Bold trans" tid='orca2'>no model information</div>
+	<div id="AddModelInfoBtn" class="ButtonStyleConfirm ButtonTypeWindow trans" tid='orca1' onClick="OnClickEditProjectInfo()">Edit Project Info</div>
+</div>
+	
+<div id="WholeArea">
+  <div class="TopBottomBar">&nbsp;</div>	
+	
+  <div id="Info_Inside_Board" class="ZScrol" >
+  <div id="LeftProcessBlock" class="Block_BKGA">
+    <div id="Info_ProcessBar" class="LeftProcessBar ProcessBarSelected" onclick="OnMenuClick('Model_Basic');">
+	  <img class="LeftTipIcon" src="img/info_h.svg" /><span class="trans" tid='t95'>Model Information</span>
+	</div>
+    <div id="File_ProcessBar" class="LeftProcessBar" onclick="OnMenuClick('Model_Accessories');">
+	  <img class="LeftTipIcon" src="img/file_h.svg" /><span class="trans" tid='t96'>Accessories</span>
+	</div>
+    <div id="Profile_ProcessBar" class="LeftProcessBar" onclick="OnMenuClick('Model_Profile');">
+	  <img class="LeftTipIcon ProfileIcon" src="img/profile_h.svg" /><span class="trans" tid='t97'>Profile Information</span>
+	</div>	  
+    <div id="Edit_ProcessBar" class="LeftProcessBar" onclick="OnClickEditProjectInfo();">
+		<img class="LeftTipIcon" src="img/edit.svg" /><span class="trans" tid='orca1'>Edit Project Info</span>
+	</div>
+  </div>	  
+	  
+  <div id="LeftEmptyBlock" style="height: 100%;width:280px;">&nbsp;</div>
+	
+  <div id="ModelInfoBlock" class="ZScrol">
+	<div id="Model_Basic" class="InfoBlock">
+		<div id="Model_Name_Area" class="Text_TitleBoard">
+		<div id="Model_Name_Line" class="Text_TitleArea">
+		   <div class="Text_Title" id="ModelNameBar" ><div  class="trans" tid='t98' >Model name</div><div>:</div><div title="xxxxxxxxxx" id="ModelName" style="margin-left: 8px;">xxxxxxxxxx</div></div>
+		   <div><span id="ModelAuthorType" class="trans" tid='t92'>Model Author</span><span>:</span><span id="ModelAuthorName" style="margin-left: 8px;" class="Text_Value">xxxxxxx</span></div>
+		</div>
+	    <div id="ModelLicenceImg"><img src="img/by-nc-nd.png"></div>
+		</div>
+		
+		<div id="Model_Preview_Image" class="swiper">
+			<ul id="ModelPreviewList" class="swiper-wrapper">
+<!--				<li class="swiper-slide"><img class="Model_PrevImg" src="img/p1.png" /></li>
+				<li class="swiper-slide"><img class="Model_PrevImg" src="img/p2.png" /></li>
+				<li class="swiper-slide"><img class="Model_PrevImg" src="img/p3.png" /></li>
+				<li class="swiper-slide"><img class="Model_PrevImg" src="img/p4.png" /></li>
+				<li class="swiper-slide"><img class="Model_PrevImg" src="img/p5.png" /></li>
+				<li class="swiper-slide"><img class="Model_PrevImg" src="img/p6.png" /></li>-->
+			</ul>
+            <div class="swiper-button-prev"></div>
+            <div class="swiper-button-next"></div>
+			<div class="swiper-pagination"></div>
+		</div>
+		
+	    <div id="Model_Desc_Area">
+			<div class="Text_Title Text_Bold trans" tid='t100'>Model description</div>
+			<div id="Model_Desc">
+<!--			<p>Summary</p><p>Build guide: <a href="http://danielnoree.com/the-openrc-f1-build-guide/">http://danielnoree.com/the-openrc-f1-build-guide/</a></p><p>Questions &amp; Answers: <a href="http://danielnoree.com/openrc-questions/">http://danielnoree.com/openrc-questions/</a><br>OpenRC Electronics: <a href="http://danielnoree.com/openrc-electronics/">http://danielnoree.com/openrc-electronics/</a></p><p>Consider supporting me on Patreon: <a href="https://www.patreon.com/DanielNoree">https://www.patreon.com/DanielNoree</a></p><p>Complete hardware/electronics lists and kits available here: <a href="http://danielnoree.com/openrc-electronics/">http://danielnoree.com/openrc-electronics/</a></p><p>Please respect the license under which this project is released. Thank you!</p><p>Other OpenR/C Projects:<br>OpenR/C Quadcopter: <a href="https://www.thingiverse.com/thing:793425">http://www.thingiverse.com/thing:793425</a><br>OpenR/C Truggy: <a href="https://www.thingiverse.com/thing:42198">http://www.thingiverse.com/thing:42198</a><br>OpenR/C Touring Car: <a href="https://www.thingiverse.com/thing:83024">http://www.thingiverse.com/thing:83024</a></p><p>Add your OpenR/C build to the buildmap: <a href="https://zeemaps.com/map?group=1888242">https://zeemaps.com/map?group=1888242</a></p><p>This is the OpenR/C Formula 1 car. It´s the third generation OpenR/C car and this time around focus is on simplicity! You can print everything in PLA except the tires which are done in NinjaFlex! Of course you can print it in any material you like but for those that want to print a car but only have PLA at hand, this is the project for you!</p><p>Print the calibration cude to see if you need to finetune your printer for the M3 nuts to fit in their pockets: <a href="https://www.thingiverse.com/thing:2297328">http://www.thingiverse.com/thing:2297328</a></p><p>A note on the servo saver. It´s designed to be used with PLA, the upper and lower BOM applies force similar to a spring in a convetional servo saver. Of course the pressure depends on the type of material used, infill etc. Fine tuning can be done adding washer under or over the servo saver.</p><p>The "Main Turning Vane´s" needs to have it´s lower part trimmed using a "exacto knife". Then slide it in the chassie plate and push it over the "Lid" and it should snap into place-</p><p>Parts that need support added:</p><p>Front Spoiler.stl</p><p>Front.stl</p><p>Rear Rim.stl</p><p>Rear Wing.stl</p><p>Servo Saver Lower.stl</p><p>Things to buy:</p><p>Ok, obviously you need some filament which you´ll get from your favourite filament supplier.</p><p>You also need M3 screws and nuts which you can get at your local hardware store. Check the BOM list for what to get.</p><p>Some bearings are needed aswell, check the BOM list or buy a kit from FastEddyBearings.com: <a href="http://www.fasteddybearings.com/openrc-f1-sealed-bearing-kit/">http://www.fasteddybearings.com/openrc-f1-sealed-bearing-kit/</a></p><p>Suggestion for electronics: <a href="http://danielnoree.com/openrc-electronics/">http://danielnoree.com/openrc-electronics/</a></p><p>Google + Community: <a href="https://plus.google.com/u/0/communities/112745535856143176146">https://plus.google.com/u/0/communities/112745535856143176146</a></p><p>You can aslo ask questions in the Facebook group: <a href="https://www.facebook.com/groups/1111886228841596/">https://www.facebook.com/groups/1111886228841596/</a></p><p>Rain tires designed by Thomas Palm are available here: <a href="https://www.thingiverse.com/thing:999257">http://www.thingiverse.com/thing:999257</a></p><p>Low profile rims &amp; tires designed by Thomas Palm are available here: <a href="https://www.thingiverse.com/thing:1103751">http://www.thingiverse.com/thing:1103751</a></p><p>Short video: <a href="https://youtu.be/eTST_g2g2xQ">https://youtu.be/eTST_g2g2xQ</a></p><p>Please consider supporting me on Patreon: <a href="https://www.patreon.com/DanielNoree">https://www.patreon.com/DanielNoree</a></p><p>Like my FaceBook page - <a href="https://www.facebook.com/Daniel-Nor%C3%A9e-576194949211855/">https://www.facebook.com/Daniel-Nor%C3%A9e-576194949211855/</a><br>Subscribe to my YouTube channel - <a href="https://www.youtube.com/user/DanielNoree2">https://www.youtube.com/user/DanielNoree2</a></p><p>INSTAGRAM <a href="https://www.instagram.com/danielnoree/">https://www.instagram.com/danielnoree/</a><br>TWITTER <a href="https://twitter.com/DanielNoree">https://twitter.com/DanielNoree</a><br>GOOGLE+ <a href="https://plus.google.com/u/1/+DanielNoree">https://plus.google.com/u/1/+DanielNoree</a><br>FACEBOOK <a href="https://www.facebook.com/daniel.noree">https://www.facebook.com/daniel.noree</a></p><p>GOOGLE+ OPENRC COMMUNITY <a href="https://plus.google.com/communities/112745535856143176146">https://plus.google.com/communities/112745535856143176146</a><br>FACEBOOK OPENRC GROUP <a href="https://www.facebook.com/groups/1111886228841596/">https://www.facebook.com/groups/1111886228841596/</a></pLine truncated
+			</div>
+		</div>
+    </div>
+	  
+	<div id="Model_Accessories" class="InfoBlock">
+		<div class="Text_Title Text_Bold">
+			<span class="trans" tid='t96'>Accessories</span>&nbsp;<span>(</span><span id="FileTotalNum">0</span><span>)</span>		
+		</div>
+		
+			
+	    <div id="FILE_BOM_List" class="File_Board">
+			<div><span class="trans" tid='t101'>BOM</span>&nbsp;<span>(</span><span id="BOMTotalNum">0</span><span>)</span>	</div>
+			<div class="FileListBoard">
+<!--				<div class="FileItem">
+					<div class="FileIcon"><img src="img/pdf.png" /></div>
+					<div class="FileText">
+						<div class="FileName">19371379193713791937137919371379193713791937137919371379193713791937137919371379.pdf</div>
+						<div class="FileSize">232MB</div>
+					</div>
+					<div class="FileMenu"><img src="img/s.svg" /></div>
+				</div>
+				<div class="FileItem">
+					<div class="ImageIcon"><img src="d:/preview.png" /></div>
+					<div class="FileText">
+						<div class="FileName">19371379.pdf</div>
+						<div class="FileSize">232MB</div>
+					</div>
+					<div class="FileMenu" onClick=""><img src="img/s.svg" /></div>
+				</div>				
+				<div class="FileItem">
+					<div class="FileIcon"><img src="img/excel.png" /></div>
+					<div class="FileText">
+						<div class="FileName">19371379.pdf</div>
+						<div class="FileSize">232MB</div>
+					</div>
+					<div class="FileMenu"><img src="img/s.svg" /></div>
+				</div>
+				<div class="FileItem">
+					<div class="FileIcon"><img src="img/pdf.png" /></div>
+					<div class="FileText">
+						<div class="FileName">19371379.pdf</div>
+						<div class="FileSize">232MB</div>
+					</div>
+					<div class="FileMenu"><img src="img/s.svg" /></div>
+				</div>
+				<div class="FileItem">
+					<div class="FileIcon"><img src="img/default.png" /></div>
+					<div class="FileText">
+						<div class="FileName">19371379.pdf</div>
+						<div class="FileSize">232MB</div>
+					</div>
+					<div class="FileMenu"><img src="img/s.svg" /></div>
+				</div>	-->			
+			</div>
+		</div>		
+		
+	    <div id="FILE_ASSEMBLY_List" class="File_Board">
+			<div><span class="trans" tid='t102'>Assembly Guide</span>&nbsp;<span>(</span><span id="AssemblyTotalNum">0</span><span>)</span>  </div>
+			<div class="FileListBoard">
+<!--				<div class="FileItem">
+					<div class="FileIcon"><img src="img/pdf.png" /></div>
+					<div class="FileText">
+						<div class="FileName">19371379.pdf</div>
+						<div class="FileSize">232MB</div>
+					</div>
+					<div class="FileMenu"><img src="img/s.svg" /></div>
+				</div>
+				<div class="FileItem">
+					<div class="FileIcon"><img src="img/excel.png" /></div>
+					<div class="FileText">
+						<div class="FileName">19371379.pdf</div>
+						<div class="FileSize">232MB</div>
+					</div>
+					<div class="FileMenu"><img src="img/s.svg" /></div>
+				</div>
+				<div class="FileItem">
+					<div class="FileIcon"><img src="img/pdf.png" /></div>
+					<div class="FileText">
+						<div class="FileName">19371379.pdf</div>
+						<div class="FileSize">232MB</div>
+					</div>
+					<div class="FileMenu"><img src="img/s.svg" /></div>
+				</div>
+				<div class="FileItem">
+					<div class="FileIcon"><img src="img/default.png" /></div>
+					<div class="FileText">
+						<div class="FileName">19371379.pdf</div>
+						<div class="FileSize">232MB</div>
+					</div>
+					<div class="FileMenu"><img src="img/s.svg" /></div>
+				</div>	-->			
+			</div>
+		</div>		
+		
+	    <div id="FILE_OTHER_List" class="File_Board">
+			<div><span class="trans" tid='t103'>Other</span>&nbsp;<span>(</span><span id="OtherFileTotalNum">0</span><span>)</span>  </div>
+			<div class="FileListBoard">
+<!--				<div class="FileItem">
+					<div class="FileIcon"><img src="img/default.png" /></div>
+					<div class="FileText">
+						<div class="FileName">19371379.pdf</div>
+						<div class="FileSize">232MB</div>
+					</div>
+					<div class="FileMenu"><img src="img/s.svg" /></div>
+				</div>
+				<div class="FileItem">
+					<div class="FileIcon"><img src="img/excel.png" /></div>
+					<div class="FileText">
+						<div class="FileName">19371379.pdf</div>
+						<div class="FileSize">232MB</div>
+					</div>
+					<div class="FileMenu"><img src="img/s.svg" /></div>
+				</div>
+				<div class="FileItem">
+					<div class="FileIcon"><img src="img/default.png" /></div>
+					<div class="FileText">
+						<div class="FileName">19371379.pdf</div>
+						<div class="FileSize">232MB</div>
+					</div>
+					<div class="FileMenu"><img src="img/s.svg" /></div>
+				</div>
+				<div class="FileItem">
+					<div class="FileIcon"><img src="img/pdf.png" /></div>
+					<div class="FileText">
+						<div class="FileName">19371379.pdf</div>
+						<div class="FileSize">232MB</div>
+					</div>
+					<div class="FileMenu"><img src="img/s.svg" /></div>
+				</div>	-->			
+			</div>
+		</div>		
+		
+	</div>
+	  
+	<div id="Model_Profile" class="InfoBlock">
+		<div id="Profile_Name_Area" class="Text_TitleBoard">
+		<div id="Profile_Name_Line" class="Text_TitleArea">
+		   <div class="Text_Title" ><span  class="trans" tid='t104'>Profile name</span><span>:</span><span id="ProfileName" style="margin-left: 8px;">xxxxxxxxxxx</span></div>
+		   <div><span class="trans" tid='t105'>Profile Author</span><span>:</span><span id="ProfileAuthor" style="margin-left: 8px;" class="Text_Value">xxxxxx</span></div>
+		</div>
+		</div>
+		
+		<div id="Profile_Preview_Image" class="swiper">
+			<div  id="ProfilePreviewList" class="swiper-wrapper">
+<!--				<div class="swiper-slide"><img class="Model_PrevImg" src="img/p1.png" /></div>
+				<div class="swiper-slide"><img class="Model_PrevImg" src="img/p2.png" /></div>
+				<div class="swiper-slide"><img class="Model_PrevImg" src="img/p3.png" /></div>
+				<div class="swiper-slide"><img class="Model_PrevImg" src="img/p4.png" /></div>
+				<div class="swiper-slide"><img class="Model_PrevImg" src="img/p5.png" /></div>
+				<div class="swiper-slide"><img class="Model_PrevImg" src="img/p6.png" /></div>-->
+			</div>
+            <div class="swiper-button-prev"></div>
+            <div class="swiper-button-next"></div>
+			<div class="swiper-pagination"></div>
+		</div>
+		
+	    <div id="Profile_Desc_Area">
+			<div class="Text_Title Text_Bold trans" tid='t106' >Profile description</div>
+			<div id="Profile_Desc">
+<!--			<p>Summary</p><p>Build guide: <a href="http://danielnoree.com/the-openrc-f1-build-guide/">http://danielnoree.com/the-openrc-f1-build-guide/</a></p><p>Questions &amp; Answers: <a href="http://danielnoree.com/openrc-questions/">http://danielnoree.com/openrc-questions/</a><br>OpenRC Electronics: <a href="http://danielnoree.com/openrc-electronics/">http://danielnoree.com/openrc-electronics/</a></p><p>Consider supporting me on Patreon: <a href="https://www.patreon.com/DanielNoree">https://www.patreon.com/DanielNoree</a></p><p>Complete hardware/electronics lists and kits available here: <a href="http://danielnoree.com/openrc-electronics/">http://danielnoree.com/openrc-electronics/</a></p><p>Please respect the license under which this project is released. Thank you!</p><p>Other OpenR/C Projects:<br>OpenR/C Quadcopter: <a href="https://www.thingiverse.com/thing:793425">http://www.thingiverse.com/thing:793425</a><br>OpenR/C Truggy: <a href="https://www.thingiverse.com/thing:42198">http://www.thingiverse.com/thing:42198</a><br>OpenR/C Touring Car: <a href="https://www.thingiverse.com/thing:83024">http://www.thingiverse.com/thing:83024</a></p><p>Add your OpenR/C build to the buildmap: <a href="https://zeemaps.com/map?group=1888242">https://zeemaps.com/map?group=1888242</a></p><p>This is the OpenR/C Formula 1 car. It´s the third generation OpenR/C car and this time around focus is on simplicity! You can print everything in PLA except the tires which are done in NinjaFlex! Of course you can print it in any material you like but for those that want to print a car but only have PLA at hand, this is the project for you!</p><p>Print the calibration cude to see if you need to finetune your printer for the M3 nuts to fit in their pockets: <a href="https://www.thingiverse.com/thing:2297328">http://www.thingiverse.com/thing:2297328</a></p><p>A note on the servo saver. It´s designed to be used with PLA, the upper and lower BOM applies force similar to a spring in a convetional servo saver. Of course the pressure depends on the type of material used, infill etc. Fine tuning can be done adding washer under or over the servo saver.</p><p>The "Main Turning Vane´s" needs to have it´s lower part trimmed using a "exacto knife". Then slide it in the chassie plate and push it over the "Lid" and it should snap into place-</p><p>Parts that need support added:</p><p>Front Spoiler.stl</p><p>Front.stl</p><p>Rear Rim.stl</p><p>Rear Wing.stl</p><p>Servo Saver Lower.stl</p><p>Things to buy:</p><p>Ok, obviously you need some filament which you´ll get from your favourite filament supplier.</p><p>You also need M3 screws and nuts which you can get at your local hardware store. Check the BOM list for what to get.</p><p>Some bearings are needed aswell, check the BOM list or buy a kit from FastEddyBearings.com: <a href="http://www.fasteddybearings.com/openrc-f1-sealed-bearing-kit/">http://www.fasteddybearings.com/openrc-f1-sealed-bearing-kit/</a></p><p>Suggestion for electronics: <a href="http://danielnoree.com/openrc-electronics/">http://danielnoree.com/openrc-electronics/</a></p><p>Google + Community: <a href="https://plus.google.com/u/0/communities/112745535856143176146">https://plus.google.com/u/0/communities/112745535856143176146</a></p><p>You can aslo ask questions in the Facebook group: <a href="https://www.facebook.com/groups/1111886228841596/">https://www.facebook.com/groups/1111886228841596/</a></p><p>Rain tires designed by Thomas Palm are available here: <a href="https://www.thingiverse.com/thing:999257">http://www.thingiverse.com/thing:999257</a></p><p>Low profile rims &amp; tires designed by Thomas Palm are available here: <a href="https://www.thingiverse.com/thing:1103751">http://www.thingiverse.com/thing:1103751</a></p><p>Short video: <a href="https://youtu.be/eTST_g2g2xQ">https://youtu.be/eTST_g2g2xQ</a></p><p>Please consider supporting me on Patreon: <a href="https://www.patreon.com/DanielNoree">https://www.patreon.com/DanielNoree</a></p><p>Like my FaceBook page - <a href="https://www.facebook.com/Daniel-Nor%C3%A9e-576194949211855/">https://www.facebook.com/Daniel-Nor%C3%A9e-576194949211855/</a><br>Subscribe to my YouTube channel - <a href="https://www.youtube.com/user/DanielNoree2">https://www.youtube.com/user/DanielNoree2</a></p><p>INSTAGRAM <a href="https://www.instagram.com/danielnoree/">https://www.instagram.com/danielnoree/</a><br>TWITTER <a href="https://twitter.com/DanielNoree">https://twitter.com/DanielNoree</a><br>GOOGLE+ <a href="https://plus.google.com/u/1/+DanielNoree">https://plus.google.com/u/1/+DanielNoree</a><br>FACEBOOK <a href="https://www.facebook.com/daniel.noree">https://www.facebook.com/daniel.noree</a></p><p>GOOGLE+ OPENRC COMMUNITY <a href="https://plus.google.com/communities/112745535856143176146">https://plus.google.com/communities/112745535856143176146</a><br>FACEBOOK OPENRC GROUP <a href="https://www.facebook.com/groups/1111886228841596/">https://www.facebook.com/groups/1111886228841596/</a></pLine truncated
+			</div>
+		</div>		
+	</div>
+  
+	<div class="FloorBottomBar">&nbsp; </div>	  
+  </div> 
+  </div>	 
+	
+</div>
+</body>
+</html>
@@ -0,0 +1,383 @@
+*
+{
+	margin:0px;
+	padding: 0px;
+	border: 0px;
+	font-family: "system-ui", "Segoe UI", Roboto, Oxygen, Ubuntu, "Fira Sans", "Droid Sans", "Helvetica Neue", sans-sans;
+	user-select: none;
+}
+
+html
+{
+	height: 100%;
+}
+
+body
+{
+	/* min-width: 1280px; ORCA fixes scrollbar appear on welcome screen */
+	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; ORCA fixes scrollbar appear on welcome screen */
+	display: flex;
+	flex-direction: column;
+	align-items: center;
+	justify-content: center;
+	display: flex;
+}
+
+
+#WholeArea
+{
+	min-width: 1280px; /* ORCA fix scrollbar appears on welcome screen */
+	height:  100%;
+	position: relative;
+	overflow-y: hidden;
+	display: none;
+}
+
+.ZScrol::-webkit-scrollbar {/*滚动条整体样式*/
+    width: 8px;     /*高宽分别对应横竖滚动条的尺寸*/
+    height: 8px;
+	padding: 2px;
+}
+
+.ZScrol::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
+    border-radius: 6px;
+    -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+	box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+    background-color: #AAAAAA;
+}
+
+.ZScrol::-webkit-scrollbar-track {/*滚动条里面轨道*/
+        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+	    box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
+        border-radius: 10px;
+        background: #EDEDED;
+}
+
+
+.TopBottomBar
+{
+	height: 24px;
+}
+
+.FloorBottomBar
+{
+	height: 100px;
+}
+
+
+/*----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;
+}
+
+#Model_Name_Line
+{
+	width: 800px;
+}
+
+#ModelNameBar
+{
+	width: 100%;
+	display: flex;
+	overflow:hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;
+}
+
+#ModelName
+{
+	overflow:hidden;
+	white-space: nowrap;
+	text-overflow: ellipsis;	
+}
+
+
+.Block_BKGA
+{
+	background-color: white;
+}
+
+.Block_BKGB
+{
+	background-color: #F4F4F4;
+}
+
+/*---Swiper---*/
+.swiper
+{
+    --swiper-theme-color: #ff6600;/* 设置Swiper风格 */
+    --swiper-navigation-color: #009688;/* 单独设置按钮颜色 */
+    --swiper-navigation-size: 30px;/* 设置按钮大小 */
+}
+
+/*---Left---*/
+#LeftProcessBlock
+{
+	position:fixed;
+	top: 24px;
+	width: 264px;
+	height: 160px;
+    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:#009688;
+}
+
+.ProcessBarSelected span
+{
+	color:#009688;
+}
+
+#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---*/
+#LeftEmptyBlock
+{
+
+}
+
+#Model_Desc img
+{
+	max-width:100%;
+}
+
+#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;
+}
+
+.viewer-button
+{
+	background-color: rgba(255,0,0,.5)!important;
+}
+
+#AddModelInfoBtn
+{
+	margin-top: 20px;
+}
@@ -0,0 +1,602 @@
+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.toLowerCase();
+	let sLicence=pModel.license.toUpperCase();
+	let sModelDesc=decodeURIComponent(pModel.description);
+	
+	if( pModel.hasOwnProperty('model_id') )
+	{
+		let m_id=pModel['model_id']+'';
+		UpdateModelID( m_id.trim() );
+	}
+	
+	SendWXDebugInfo("Model Name:  "+sModelName);
+	
+	$('#ModelName').html(sModelName);
+	$('#ModelName').attr('title',sModelName);
+    $('#ModelAuthorName').html(sModelAuthor);
+	
+	switch(UploadType)
+	{
+		case 'remix':
+			$('#ModelAuthorType').attr('tid','t93');
+			break;
+		case 'shared':
+			$('#ModelAuthorType').attr('tid','t94');
+			break;			
+		case 'origin':
+		case 'profile':
+		default:
+			$('#ModelAuthorType').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);
+		$('#Model_Preview_Image').viewer({
+			title: false,
+		    fullsreen: false,
+			zIndex: 11,
+		    interval: 3000
+	    });
+		$('#Model_Preview_Image').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:false,
+			spaceBetween: 8,
+			navigation: {
+				nextEl: '.swiper-button-next',
+				prevEl: '.swiper-button-prev',
+			},
+			autoplay: {
+				delay: 3000,
+				stopOnLastSlide: false,
+				disableOnInteraction: false
+			},
+			pagination: {
+				el: '.swiper-pagination',
+			}				
+			});
+		}			
+			
+		$('#Model_Preview_Image').show();
+	}
+	else
+	{
+		$('#Model_Preview_Image').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: 11,
+		    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);
+	
+    if( fTotal>0 )
+		$('#'+ID).show();
+}
+
+
+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);
+		$('#Profile_Preview_Image').viewer({
+			title: false,
+		    fullsreen: false,
+		   zIndex: 11,
+		    interval: 3000
+	    });		
+		$('#Profile_Preview_Image').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:false,
+			spaceBetween: 8,
+			navigation: {
+				nextEl: '.swiper-button-next',
+				prevEl: '.swiper-button-prev',
+			},
+			autoplay: {
+				delay: 3000,
+				stopOnLastSlide: false,
+				disableOnInteraction: false
+			},
+			pagination: {
+				el: '.swiper-pagination',
+			}		
+			});
+		}
+		
+		$('#Profile_Preview_Image').show();
+	}
+	else
+	{
+		$('#Profile_Preview_Image').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();
+}
+
+function OnClickEditProjectInfo()
+{
+	var tSend={};
+	tSend['sequence_id']=Math.round(new Date() / 1000);
+	tSend['command']="edit_project_info";
+		
+	SendWXMessage( JSON.stringify(tSend) );		
+}
+
+
+
+
+
+
				`@@ -0,0 +1 @@`
				`<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M17.5,8.5v8c0,.55-.45,1-1,1H2.5c-.55,0-1-.45-1-1V2.5c0-.55.45-1,1-1h8M4.5,12.5v2h2L17.09,3.91c.55-.55.55-1.45,0-2s-1.45-.55-2,0L4.5,12.5Z" style="fill:none; stroke:#949494; stroke-linecap:square; stroke-linejoin:round;"/></svg>`
				`@@ -0,0 +1 @@`
				<?xml version="1.0" encoding="UTF-8"?><svg id="a" xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path d="M12.5,17.5H2.5c-.55,0-1-.45-1-1V2.5c0-.55.45-1,1-1h7l4,4v11c0,.55-.45,1-1,1Z" style="fill:none; stroke:#009688; stroke-linecap:round; stroke-linejoin:round;"/><path d="M13.5,5.5h-3c-.55,0-1-.45-1-1V1.5" style="fill:none; stroke:#009688; stroke-linecap:round; stroke-linejoin:round;"/><polyline points="12.5 1.5 15.5 4.5 15.5 17.5" style="fill:none; stroke:#009688; stroke-linecap:round; stroke-linejoin:round;"/><polyline points="14.5 1.5 17.5 4.5 17.5 17.5" style="fill:none; stroke:#009688; stroke-linecap:round; stroke-linejoin:round;"/></svg>