diff --git a/parts/server.py b/parts/server.py index f4ae96a..92710ee 100644 --- a/parts/server.py +++ b/parts/server.py @@ -47,6 +47,16 @@ def serveImage(img): def index(): return render_template('partsearch.html') +@app.route('/parts/getlocations/') +def get_locations(): + s = 'select id, map from locations' + r = db_engine.execute(text(s)) + l = {} + for row in r: + l[row[0]]=row[1] + r.close() + return json.dumps(l) + @app.route('/parts/getpartinfo/') def get_part_info(partID): s = 'select * from parts as p inner join locations as l on p.location_id=l.id where p.id = :id;' diff --git a/parts/static/script.js b/parts/static/script.js index bdb545d..39a3104 100644 --- a/parts/static/script.js +++ b/parts/static/script.js @@ -295,3 +295,23 @@ $(document).ready(function() { perform_query(); }); }); + +$(document).ready(function() { + $("#clickablemap").on("click", function(event) { + var $img = $(this); + var currentClickPosX = event.pageX - $img.offset().left; + var currentClickPosY = event.pageY - $img.offset().top; + + var currentWidth = $img.width(); + var currentHeight = $img.height(); + + var naturalWidth = this.naturalWidth; + var naturalHeight = this.naturalHeight; + + var correctX = ((naturalWidth / currentWidth) * currentClickPosX).toFixed(0); + var correctY = ((naturalHeight / currentHeight) * currentClickPosY).toFixed(0); + + $("#mapURL").html("elab.png?x=" + correctX + "&y=" + correctY); + $("#clickablemap").attr("src", "http://127.0.0.1:5000/parts/map/elab.png?x=" + correctX + "&y=" + correctY); + }); +}); \ No newline at end of file diff --git a/parts/test.html b/parts/test.html new file mode 100644 index 0000000..d185757 --- /dev/null +++ b/parts/test.html @@ -0,0 +1,20 @@ + + + + + ELAB Part Search Engine + + + + + + + +
unknown.png
+
+ + + \ No newline at end of file