<!DOCTYPE html>
< html >
< head >
< meta charset = "utf-8" >
< title > ELAB Part Search Engine< / title >
< script
src="https://code.jquery.com/jquery-3.2.1.min.js"
integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4="
crossorigin="anonymous">< / script >
< link href = "https://fonts.googleapis.com/css?family=Roboto:300,400" rel = "stylesheet" >
< link rel = "stylesheet" type = "text/css" href = "parts/static/style.css" >
< link rel = "apple-touch-icon-precomposed" href = "parts/static/apple-touch-icon.png" >
< script src = "https://use.fontawesome.com/2fef7be393.js" > < / script >
< script type = "text/javascript" src = "parts/static/common.js" > < / script >
< script type = "text/javascript" src = "parts/static/script.js" > < / script >
< / head >
< body >
< h1 > ELAB Part Search Engine< / h1 >
< p > Looking for obsolete ICs that were discontinued years ago? Just start typing!< / p >
< div class = "search-bar-container" >
< input type = "text" name = "search-bar" class = "search-bar" placeholder = "Search parts" >
< / div >
< div class = "filter-concontainertainer" >
< div class = "filter-container" >
< p > SEARCH IN< / p >
< input type = "checkbox" class = "checkbox" id = "location" > < / input > < label class = "toggle-btn" for = "location" > Locations< br / > < i class = "fa fa-map" style = "font-size:28pt" > < / i > < / label >
< input type = "checkbox" class = "checkbox" id = "partno" checked > < / input > < label class = "toggle-btn" for = "partno" > Part Number< br / > < i class = "fa fa-hashtag" style = "font-size:28pt" > < / i > < / label >
< input type = "checkbox" class = "checkbox" id = "description" checked > < / input > < label class = "toggle-btn" for = "description" > Description< br / > < i class = "fa fa-edit" style = "font-size:28pt" > < / i > < / label >
< / div >
< / div >
< table id = "results" >
< tr >
< th id = "location" > Location< / th >
< th id = "partno" > Part Number< / th >
< th id = "description" > Description< / th >
< / tr >
< / table >
< h3 id = "no-results" > No results.< / h3 >
< div class = "bottom-spacer" > < / div >
< div class = "shadow" onclick = "overlay_out()" > < / div >
< div class = "overlay" >
< h2 > Part Details< / h2 >
< div >
< table id = "details" >
< tr id = "location-head" class = "details-header" > < td > LOCATION< / td > < / tr >
< tr id = "location" class = "details-content" > < td > < p > < / p >
< select class = "pinfo-input" id = "container-dropdown" onchange = "container_onchange()" >
{% for container in containers %}
< option value = "{{container['id']}}" > {{container['name']}}< / option >
{% endfor %}
< / select >
< select class = "pinfo-input" id = "location-dropdown" >
< option value = "-1" selected = "true" > -- Select a container --< / option >
< / select >
< / td > < / tr >
< tr id = "partno-head" class = "details-header" > < td > PART NUMBER< / td > < / tr >
< tr id = "partno" class = "details-content" > < td > < p > < / p > < input type = "text" name = "partno-input" placeholder = "Part Number" class = "pinfo-input" id = "partno-input" / > < / td > < / tr >
< tr id = "description-head" class = "details-header" > < td > DESCRIPTION< / td > < / tr >
< tr id = "description" class = "details-content" > < td > < p > < / p > < input type = "text" name = "description-input" placeholder = "Description" class = "pinfo-input" id = "description-input" / > < / td > < / tr >
< tr id = "magical_autofill" style = "display:none" > < td > < input type = "button" id = "magic-autofill-button" onclick = "octopartFetch()" value = "magical auto-fill powered by OctoPart™" style = "margin-bottom:6pt" / > < / td > < / tr >
< tr id = "datasheet-head" class = "details-header" > < td > DATASHEET: < / td > < / tr >
< tr id = "datasheet" style = "display: none" > < td > < input type = "file" accept = ".pdf" class = "pinfo-input" id = "datasheet-finput" > < / td > < / tr >
< tr id = "datasheet" style = "display: none" > < td > OR: < input type = "text" class = "pinfo-input" name = "datasheet-url-input" style = "width:80%; margin-bottom: 6pt;" placeholder = "Datasheet URL" > < / td > < / tr >
< tr id = "notes-head" class = "details-header" > < td > NOTES< / td > < / tr >
< tr id = "notes" class = "details-content" > < td > < p > < / p > < input type = "text" name = "notes-input" class = "pinfo-input" placeholder = "Notes" > < / td > < / tr >
< / table >
< img src = "" id = "map" class = "map" / >
< / div >
< div >
< div class = "round-button-left" > < a href = "#" id = "edit-button" > < i class = "fa fa-pencil" aria-hidden = "true" > < / i > < / a > < / div >
< div class = "round-button" > < a href = "#" id = "delete-button" > < i class = "fa fa-trash" aria-hidden = "true" > < / i > < / a > < / div >
< div class = "round-button-right" > < a href = "#" id = "duplicate-button" onclick = "init_edit(-1)" > < i class = "fa fa-copy" aria-hidden = "true" > < / i > < / a > < / div >
< div class = "small-square-button" > < a href = "#" onclick = "overlay_out()" > < i class = "fa fa-times" aria-hidden = "true" > < / i > < / a > < / div >
< / div >
< / div >
< div class = "round-floating-button" > < a href = "#" onclick = "new_entry()" > < i class = "fa fa-plus" aria-hidden = "true" > < / i > < / a > < / div >
< / body >
< / html >
