Skip to content

Commit

Permalink
Update optiscan.html
Browse files Browse the repository at this point in the history
  • Loading branch information
@desobe-ir
desobe-ir authored Feb 16, 2024
1 parent dfaece1 commit bef8ab3
Showing 1 changed file with 125 additions and 59 deletions.
184 changes: 125 additions & 59 deletions optiscan.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,41 +5,55 @@
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>OptiScan</title>
<script type="module" crossorigin src="/assets/index-Ak5i2FGR.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-Ejp-00tO.css">
<script type="module" crossorigin src="/assets/index-_HYxXSzg.js"></script>
<link rel="stylesheet" crossorigin href="/assets/index-Vkhhf5pK.css">
</head>

<body>
<nav>
<div id="top-bar" class="flex spc-btw">
<div class="optiscan-logo centered">
<a href="/"><img src="/assets/H_logo-DyAsAbwz.png" alt="OptiScan"></a>
<a href="" class="bordered button">New Project</a>
<a href="" class="bordered button m05">Open Project</a>
<a href="" class="bordered button">Save Project</a>
<div class="search ml5">
<div>
<input type="text" placeholder="Search . . ." required>
</div>
</div>
</div>
<div class="centered p1">
<div id="nav-notification-icon" class="hoveredon m1">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
viewBox="0 0 16 16">
<path
d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zm.995-14.901a1 1 0 1 0-1.99 0A5.002 5.002 0 0 0 3 6c0 1.098-.5 6-2 7h14c-1.5-1-2-5.902-2-7 0-2.42-1.72-4.44-4.005-4.901z" />
</svg>
</div>
<div id="nav-profile-icon" class="hoveredon">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor"
viewBox="0 0 16 16">
<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
<path fill-rule="evenodd"
d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
</svg>
</div>
<a href="#" class="hoveredon" title="New Project">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-plus-square" viewBox="0 0 16 16">
<path d="M14 1a1 1 0 0 1 1 1v12a1 1 0 0 1-1 1H2a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1zM2 0a2 2 0 0 0-2 2v12a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V2a2 2 0 0 0-2-2z"/>
<path d="M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4"/>
</svg>
</a>
<a href="#" class="hoveredon m05" title="Open Project">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-folder2-open" viewBox="0 0 16 16">
<path d="M1 3.5A1.5 1.5 0 0 1 2.5 2h2.764c.958 0 1.76.56 2.311 1.184C7.985 3.648 8.48 4 9 4h4.5A1.5 1.5 0 0 1 15 5.5v.64c.57.265.94.876.856 1.546l-.64 5.124A2.5 2.5 0 0 1 12.733 15H3.266a2.5 2.5 0 0 1-2.481-2.19l-.64-5.124A1.5 1.5 0 0 1 1 6.14zM2 6h12v-.5a.5.5 0 0 0-.5-.5H9c-.964 0-1.71-.629-2.174-1.154C6.374 3.334 5.82 3 5.264 3H2.5a.5.5 0 0 0-.5.5zm-.367 1a.5.5 0 0 0-.496.562l.64 5.124A1.5 1.5 0 0 0 3.266 14h9.468a1.5 1.5 0 0 0 1.489-1.314l.64-5.124A.5.5 0 0 0 14.367 7z"/>
</svg>
</a>
<a id="save-project" title="Save Project" href="#" class="hoveredon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-floppy2-fill" viewBox="0 0 16 16">
<path d="M12 2h-2v3h2z"/>
<path d="M1.5 0A1.5 1.5 0 0 0 0 1.5v13A1.5 1.5 0 0 0 1.5 16h13a1.5 1.5 0 0 0 1.5-1.5V2.914a1.5 1.5 0 0 0-.44-1.06L14.147.439A1.5 1.5 0 0 0 13.086 0zM4 6a1 1 0 0 1-1-1V1h10v4a1 1 0 0 1-1 1zM3 9h10a1 1 0 0 1 1 1v5H2v-5a1 1 0 0 1 1-1"/>
</svg>
</a>
<div class="dividerv m1"></div>
<a id="search" title="Search" href="#" class="hoveredon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" class="bi bi-search" viewBox="0 0 16 16">
<path d="M11.742 10.344a6.5 6.5 0 1 0-1.397 1.398h-.001q.044.06.098.115l3.85 3.85a1 1 0 0 0 1.415-1.414l-3.85-3.85a1 1 0 0 0-.115-.1zM12 6.5a5.5 5.5 0 1 1-11 0 5.5 5.5 0 0 1 11 0"/>
</svg>
</a>

</div>
<a href="#" id="nav-notification-icon" class="hoveredon mlauto">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
viewBox="0 0 16 16">
<path
d="M8 16a2 2 0 0 0 2-2H6a2 2 0 0 0 2 2zm.995-14.901a1 1 0 1 0-1.99 0A5.002 5.002 0 0 0 3 6c0 1.098-.5 6-2 7h14c-1.5-1-2-5.902-2-7 0-2.42-1.72-4.44-4.005-4.901z" />
</svg>
</a>
<a href="#" id="nav-profile-icon" class="hoveredon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor"
viewBox="0 0 16 16">
<path d="M11 6a3 3 0 1 1-6 0 3 3 0 0 1 6 0z" />
<path fill-rule="evenodd"
d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8zm8-7a7 7 0 0 0-5.468 11.37C3.242 11.226 4.805 10 8 10s4.757 1.225 5.468 2.37A7 7 0 0 0 8 1z" />
</svg>
</a>
</div>
<div id="left-options">
<div id="menu-button" title="Maximize/Minimize Panel" data-status="1" title="Minimize / Maximize Menu"
Expand Down Expand Up @@ -79,7 +93,13 @@
<span>Layout</span>
</div>
<div id="left-pattern" title="Patern" class="hoveredon centered flexc">
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="16" width="16" xmlns="http://www.w3.org/2000/svg"><path fill="none" d="M0 0h24v24H0V0z"></path><path d="M19.51 3.08 3.08 19.51c.09.34.27.65.51.9.25.24.56.42.9.51L20.93 4.49c-.19-.69-.73-1.23-1.42-1.41zM11.88 3 3 11.88v2.83L14.71 3h-2.83zM5 3c-1.1 0-2 .9-2 2v2l4-4H5zm14 18c.55 0 1.05-.22 1.41-.59.37-.36.59-.86.59-1.41v-2l-4 4h2zm-9.71 0h2.83L21 12.12V9.29L9.29 21z"></path></svg>
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="16"
width="16" xmlns="http://www.w3.org/2000/svg">
<path fill="none" d="M0 0h24v24H0V0z"></path>
<path
d="M19.51 3.08 3.08 19.51c.09.34.27.65.51.9.25.24.56.42.9.51L20.93 4.49c-.19-.69-.73-1.23-1.42-1.41zM11.88 3 3 11.88v2.83L14.71 3h-2.83zM5 3c-1.1 0-2 .9-2 2v2l4-4H5zm14 18c.55 0 1.05-.22 1.41-.59.37-.36.59-.86.59-1.41v-2l-4 4h2zm-9.71 0h2.83L21 12.12V9.29L9.29 21z">
</path>
</svg>
<span>Pattern</span>
</div>
<div id="left-export" title="Export" class="hoveredon centered flexc">
Expand Down Expand Up @@ -117,7 +137,7 @@

</div>

<div class="version fsz6 bold taligned">0.1.2</div>
<div class="version fsz6 bold taligned">0.1.3</div>

</div>
<div id="right-options" class="hidden">
Expand Down Expand Up @@ -171,6 +191,30 @@
</section>

<div class="hidden">
<div id="loader-content">
<div class="loader">
<div class="box box-1">
<div class="side-left"></div>
<div class="side-right"></div>
<div class="side-top"></div>
</div>
<div class="box box-2">
<div class="side-left"></div>
<div class="side-right"></div>
<div class="side-top"></div>
</div>
<div class="box box-3">
<div class="side-left"></div>
<div class="side-right"></div>
<div class="side-top"></div>
</div>
<div class="box box-4">
<div class="side-left"></div>
<div class="side-right"></div>
<div class="side-top"></div>
</div>
</div>
</div>
<div id="control-content">
<div class="control">
<span>Alloy Type</span>
Expand Down Expand Up @@ -270,7 +314,11 @@
<div class="flex flexc">
<div class="flex spc-btw">
<span>Object Information</span>
<div id="minimize-right-option">×</div>
<div id="back-right-option" class="hoveredon">
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="var(--red)" class="bi bi-chevron-compact-left" viewBox="0 0 16 16">
<path fill-rule="evenodd" d="M9.224 1.553a.5.5 0 0 1 .223.67L6.56 8l2.888 5.776a.5.5 0 1 1-.894.448l-3-6a.5.5 0 0 1 0-.448l3-6a.5.5 0 0 1 .67-.223"/>
</svg>
</div>
</div>
<div class="flex wrapped spc-btw">
<div data-type="selected-width" class="ranged centered">
Expand Down Expand Up @@ -580,7 +628,8 @@
d="M7.646 1.146a.5.5 0 0 1 .708 0l3 3a.5.5 0 0 1-.708.708L8.5 2.707V11.5a.5.5 0 0 1-1 0V2.707L5.354 4.854a.5.5 0 1 1-.708-.708l3-3z" />
</svg>
</div>
<div class="drop-text">Drag and drop your models (.obj, .stl, .3mf) here, <br>Or, Click to select a file.</div>
<div class="drop-text">Drag and drop your models (.obj, .stl, .3mf) here, <br>Or, Click to
select a file.</div>
<input type="file" class="hidden">
</label>
</div>
Expand Down Expand Up @@ -635,22 +684,39 @@
<div class="control">
<span>Powder Production Method</span>
<label class="select addon cursor">
<select data-id="ptoduction-method">
<select data-id="production-method">
<optgroup label="Powder Production Method">
<Option value="Gas">Gas Atomization</Option>
<Option value="Water">Water Atomization</Option>
<Option value="Gas Ultrasonic">Ultrasonic Atomization</Option>
<Option value="Plasma">Plasma Rotating Electrode Process</Option>
<Option value="Ball Milling">Ball Milling</Option>
<Option value="0">Gas Atomization</Option>
<Option value="1">Water Atomization</Option>
<Option value="2">Ultrasonic Atomization</Option>
<Option value="3">Plasma Rotating Electrode Process</Option>
<Option value="4">Ball Milling</Option>
</optgroup>
</select>
</label>
</div>
<div class="control">
<span>Powder Particle Size</span>
<div class="flex">
<input type="range" name="" id="" min="5" max="200" class="w100 rangeslider">
<div class="m1 range-results"></div>
<div class="">
<span>Powder Particle Size (&micro;m)</span>
<div class="centered">
<div class="wrapper">
<div class="range-slider">
<div class="range-labels">
<span class="range-label range-label-start">45</span>
<span class="range-label range-label-end">150</span>
</div>
<input type="range" min="0" value="0" max="149" name="" id="">
<input type="range" min="45" value="150" max="150" name="" id="">

<div class="track-wrapper">
<div class="track"></div>
<div class="range-between"></div>
<div class="thumb left"></div>
<div class="thumb right"></div>
</div>
</div>
</div>
<!-- <input type="range" name="" id="" min="5" max="200" class="w100 rangeslider">
<div class="m1 range-results"></div> -->
</div>
</div>
</div>
Expand All @@ -670,7 +736,7 @@
</select>
</label>
</div>
<div id="process-types"></div>
<div id="process-type-companies"></div>
<div id="process-models"></div>
</div>
</div>
Expand All @@ -687,7 +753,7 @@
d="M11.886 9.46c.18-.613 1.048-.613 1.229 0l.043.148a.64.64 0 0 0 .921.382l.136-.074c.561-.306 1.175.308.87.869l-.075.136a.64.64 0 0 0 .382.92l.149.045c.612.18.612 1.048 0 1.229l-.15.043a.64.64 0 0 0-.38.921l.074.136c.305.561-.309 1.175-.87.87l-.136-.075a.64.64 0 0 0-.92.382l-.045.149c-.18.612-1.048.612-1.229 0l-.043-.15a.64.64 0 0 0-.921-.38l-.136.074c-.561.305-1.175-.309-.87-.87l.075-.136a.64.64 0 0 0-.382-.92l-.148-.045c-.613-.18-.613-1.048 0-1.229l.148-.043a.64.64 0 0 0 .382-.921l-.074-.136c-.306-.561.308-1.175.869-.87l.136.075a.64.64 0 0 0 .92-.382l.045-.148ZM14 12.5a1.5 1.5 0 1 0-3 0 1.5 1.5 0 0 0 3 0Z" />
</svg>&nbsp;
<span>Build Plate Settings</span>

</div>
</div>
</div>
Expand All @@ -699,7 +765,7 @@
<span>Export</span>
<div id="minimize-right-option">×</div>
</div>
<div class="button mlauto bordered" id="export">Export</div>
<div class="button mlauto bordered" id="export-project">Export</div>

</div>
<div id="left-options-content-pattern">
Expand All @@ -717,7 +783,7 @@
<label class="select cursor">
<select>
<optgroup label="Part">
<option value="p1">Part 1</option>
<option value="0">Part 1</option>
</optgroup>
</select>
</label>
Expand All @@ -727,8 +793,8 @@
<label class="select cursor">
<select>
<optgroup label="Melting Mode">
<option value="Continuous">Continuous</option>
<option value="Segmented">Segmented</option>
<option value="0">Continuous</option>
<option value="1">Segmented</option>
</optgroup>
</select>
</label>
Expand All @@ -738,17 +804,17 @@
<label class="select cursor">
<select>
<optgroup label="Predefined Pattern">
<Option value="uni">Uni-Directional</Option>
<Option value="bi">Bi-Directional (Snaking)</Option>
<Option value="Spiral">Spiral </Option>
<Option value="coil">Coil Spiral Radial</Option>
<Option value="Hjump">Horizontal Jump</Option>
<Option value="HVjump">Horizontal and Vertical Jump </Option>
<Option value="casting">Casting </Option>
<Option value="squrand">Square Random </Option>
<Option value="squorder">Square Order with Overlap </Option>
<Option value="chessboard">Chessboard </Option>
<Option value="stripe">Stripe </Option>
<Option value="0">Uni-Directional</Option>
<Option value="1">Bi-Directional (Snaking)</Option>
<Option value="2">Spiral </Option>
<Option value="3">Coil Spiral Radial</Option>
<Option value="4">Horizontal Jump</Option>
<Option value="5">Horizontal and Vertical Jump </Option>
<Option value="6">Casting </Option>
<Option value="7">Square Random </Option>
<Option value="8">Square Order with Overlap </Option>
<Option value="9">Chessboard </Option>
<Option value="10">Stripe </Option>
</optgroup>
</select>
</label>
Expand Down

0 comments on commit bef8ab3

Please sign in to comment.