diff --git a/static/script.js b/static/script.js index b73b61a..9961807 100644 --- a/static/script.js +++ b/static/script.js @@ -14,6 +14,41 @@ function overlay_out() { }); } +function init_edit() { + var block_input = $('') + block_input.val($('#block-info').text()); + $('#block-info').replaceWith(block_input); + + var partno_input = $('') + partno_input.val($('#partno-info').text()); + $('#partno-info').replaceWith(partno_input); + + var description_input = $('') + description_input.val($('#description-info').text()); + $('#description-info').replaceWith(description_input); + + var quantity_input = $('') + quantity_input.val($('#quantity-info').text()); + $('#quantity-info').replaceWith(quantity_input); + + var notes_input = $('') + notes_input.val($('#notes-info').text()); + $('#notes-info').replaceWith(notes_input); + + var datasheet_input = $('') + datasheet_input.val($('#datasheet-info').text()); + $('#datasheet-info').replaceWith(datasheet_input); + + var newButton = '
'; + $('.round-button').replaceWith(newButton); +} + +function save() { + var newButton = '
'; + console.log('pls add init edit code') + $('.round-button').replaceWith(newButton); +} + $(document).ready(function() { $('.search-bar').on('keyup', function() { var query = $('.search-bar').val(); diff --git a/static/style.css b/static/style.css index c96236e..29cea13 100644 --- a/static/style.css +++ b/static/style.css @@ -20,7 +20,11 @@ p { text-align: center; } -input[type=text] { +a { + color: #000F0F; +} + +input[type=text].search-bar { color: #404040; font-size: 20pt; padding: 5pt 8pt 5pt 8pt; @@ -206,11 +210,85 @@ div label input { display: none; height: 70%; left: 20%; - padding: 8pt; - position: absolute; /*Should probably be 'fixed' instead*/ + /*padding: 8pt;*/ + padding: 0; + /*position: absolute; /*Should probably be 'fixed' instead*/ + position: fixed; top: -70%; + top:10%; width: 60%; z-index: 201; border-radius: 2pt; text-align: center; } + +/*.details-row { + padding-top: 10pt; + padding-bottom: 10pt; +}*/ + +.details-item { + display: inline-block; + width: 25%; + padding: 12pt 10pt 12pt 0; + text-align: right; + text-transform: uppercase; +} + +.details-content { + display: inline-block; + width: 65%; + padding-left: 20pt; + text-align: left; +} + +.details-content p { + text-align: left; +} + +.round-button { + position: absolute; + bottom: 15pt; + right: 15pt; + width: 40pt; + height: 32pt; + border-radius: 20pt; + background-color: #5E9292; + font-size: 20pt; + padding-top: 8pt; + box-shadow: 2pt 1pt 8pt black; +} + +.round-button a{ + color: #D7E2E2; +} + +.small-square-button { + position: absolute; + top: 5pt; + right: 5pt; + padding-right: 5pt; + font-size: 16pt; +} + +.small-square-button a { + color: #D7E2E2; +} + +.round-floating-button { + position: fixed; + bottom: 15pt; + right: 15pt; + width: 40pt; + height: 32pt; + border-radius: 20pt; + background-color: #5E9292; + font-size: 22pt; + padding-top: 8pt; + box-shadow: 2pt 1pt 8pt black; + text-align: center; +} + +.round-floating-button a{ + color: #D7E2E2; +} diff --git a/templates/partsearch.html b/templates/partsearch.html index 91ffd37..d861197 100644 --- a/templates/partsearch.html +++ b/templates/partsearch.html @@ -36,7 +36,41 @@
-
+