123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498 |
- var glob_width;
- var glob_height;
- var glob_elem;
- var glob_id;
- if (document.addEventListener)
- {
- document.addEventListener('webkitfullscreenchange', exitHandler, false);
- document.addEventListener('mozfullscreenchange', exitHandler, false);
- document.addEventListener('fullscreenchange', exitHandler, false);
- document.addEventListener('MSFullscreenChange', exitHandler, false);
- }
- function exitHandler() {
- if (document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement !== null) {
- if (!document.fullscreenElement && !document.mozFullScreenElement &&
- !document.webkitFullscreenElement && !document.msFullscreenElement) {
- $(glob_elem).css("width", "100%");
- $(glob_elem).css("height", "100%");
- $(glob_elem).css("background-color", "white");
- $(glob_elem).css("color", "#000");
- $("#front-quality-text").text("Size: 25%");
- $("#top-quality-text").text("Size: 25%");
- $("#left-quality-text").text("Size: 25%");
- $("#"+glob_id).width('100%');
- $("#"+glob_id).height("100%");
- } else {
- $("#front-quality-text").text("Size: 100%");
- $("#top-quality-text").text("Size: 100%");
- $("#left-quality-text").text("Size: 100%");
- }
- }
- }
- function toggleFullscreen(elem, _id) {
- elem = elem || document.documentElement;
- console.log("ID: "+_id);
- var ori_width = glob_width
- var ori_height = glob_height;
-
- var fs_scale;
- var myRatio;
- if (window.devicePixelRatio < 1) {
- myRatio = 1.0;
- } else {
- myRatio = 2.0;
- }
-
- $("#"+_id).css('width', 'auto')
- $("#"+_id).css('height', 'auto')
- if (!document.fullscreenElement && !document.mozFullScreenElement &&
- !document.webkitFullscreenElement && !document.msFullscreenElement) {
- if ((ori_height*1.2) > ori_width) {
- //newWidth = screen.width * (1/Math.ceil(window.devicePixelRatio));
- //newHeight = screen.width * (ori_height/ori_width) * (1/Math.ceil(window.devicePixelRatio));
- newWidth = screen.width * (1/ myRatio);
- newHeight = screen.width * (ori_height/ori_width) * (1/ myRatio);
-
- $("#"+_id).removeAttr('width');
- $("#"+_id).height("80%");
- } else {
- newHeight = screen.height * (1/myRatio);
- newWidth = screen.height * (ori_width/ori_height) * (1/myRatio);
- $("#"+_id).removeAttr('height');
- $("#"+_id).width("100%");
- //newHeight = screen.height * (1/Math.ceil(window.devicePixelRatio));
- //newWidth = screen.height * (ori_width/ori_height) * (1/Math.ceil(window.devicePixelRatio));
- }
- $(elem).css("height", (newHeight)+"px");
- $(elem).css("width", (newWidth)+"px");
- //$("#"+_id).removeAttr('width');
- //$("#"+_id).height("80%");
- //$(elem).css("width", "200px");
-
- $(elem).css("background-color", "black");
- $(elem).css("color", "#ccc");
- if (elem.requestFullscreen) {
- elem.requestFullscreen();
- } else if (elem.msRequestFullscreen) {
- elem.msRequestFullscreen();
- } else if (elem.mozRequestFullScreen) {
- elem.mozRequestFullScreen();
- } else if (elem.webkitRequestFullscreen) {
- elem.webkitRequestFullscreen(Element.ALLOW_KEYBOARD_INPUT);
- }
- } else {
- $("#"+_id).width('100%');
- $("#"+_id).height("100%");
- //$(elem).css("width", "100%");
- $(elem).css("background-color", "white");
- $(elem).css("color", "#000");
- if (document.exitFullscreen) {
- document.exitFullscreen();
- } else if (document.msExitFullscreen) {
- document.msExitFullscreen();
- } else if (document.mozCancelFullScreen) {
- document.mozCancelFullScreen();
- } else if (document.webkitExitFullscreen) {
- document.webkitExitFullscreen();
- }
- }
- }
- $(function() {
- $(window).resize(function() {
- $("#front-quality-text").text("Magnification: " + ($("#img-front").width() / parseInt($("#front-count").text())).toFixed(2).toString() + "%");
- $("#top-quality-text").text("Magnification: " + ($("#img-top").height() / parseInt($("#top-count").text())).toFixed(2).toString() + "%");
- $("#left-quality-text").text("Magnification: " + ($("#placeholder-left").height() / parseInt($("#left-count").text())).toFixed(2).toString() + "%");
- });
- $( "#slider-left" ).slider({
- range: "max",
- min: 1,
- max: parseInt($("#left-count").text()),
- value: 1,
- slide: function( event, ui ) {
- //console.log(ui.value);
- var name = $( "select option:selected" ).text();
- var id = $( "select option:selected" ).val();
- $("#left-text").text(ui.value);
- // update image src
- // data-zoom-image
- //$("#placeholder-left").attr("data-zoom-image", "img?id="+id+"&name="+name+"&type=left-resized&counter="+(ui.value-1));
- var imageUrl = "img?id="+id+"&name="+name+"&type=left&counter="+(ui.value-1);
- $("#placeholder-left-zoomContainer > .zoomWindowContainer > div").css('background-image', 'url("' + imageUrl + '")');
- //$("#placeholder-left-zoomContainer > .zoomLens").css('background-image', 'url("' + imageUrl + '")');
-
- if (document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement !== null) {
- if (!document.fullscreenElement && !document.mozFullScreenElement &&
- !document.webkitFullscreenElement && !document.msFullscreenElement) {
- $("#placeholder-left").attr("src", "img?id="+id+"&name="+name+"&type=left-resized&counter="+(ui.value-1));
- } else {
- $("#placeholder-left").attr("src", "img?id="+id+"&name="+name+"&type=left&counter="+(ui.value-1));
- }
- } else {
- $("#placeholder-left").attr("src", "img?id="+id+"&name="+name+"&type=left-resized&counter="+(ui.value-1));
- }
-
- }
- });
-
- $( "#slider-right" ).slider({
- range: "max",
- min: 1,
- max: parseInt($("#front-count").text()),
- value: 1,
- slide: function( event, ui ) {
- //console.log(ui.value);
- var name = $( "select option:selected" ).text();
- var id = $( "select option:selected" ).val();
- $("#front-text").text(ui.value);
- // update image src
- var imageUrl = "img?id="+id+"&name="+name+"&type=front&counter="+(ui.value-1);
- $("#img-front-zoomContainer > .zoomWindowContainer > div").css('background-image', 'url("' + imageUrl + '")');
- //$("#img-front-zoomContainer > .zoomLens").css('background-image', 'url("' + imageUrl + '")');
- //$("#img-front").attr("data-zoom-image", "img?id="+id+"&name="+name+"&type=left-resized&counter="+(ui.value-1));
- if (document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement !== null) {
- if (!document.fullscreenElement && !document.mozFullScreenElement &&
- !document.webkitFullscreenElement && !document.msFullscreenElement) {
- $("#img-front").attr("src", "img?id="+id+"&name="+name+"&type=front-resized&counter="+(ui.value-1));
- } else {
- $("#img-front").attr("src", "img?id="+id+"&name="+name+"&type=front&counter="+(ui.value-1));
- }
- } else {
- $("#img-front").attr("src", "img?id="+id+"&name="+name+"&type=front-resized&counter="+(ui.value-1));
- }
- }
- });
-
- $( "#slider-center" ).slider({
- range: "max",
- min: 1,
- max: parseInt($("#top-count").text()),
- value: 1,
- slide: function( event, ui ) {
- //console.log(ui.value);
- var name = $( "select option:selected" ).text();
- var id = $( "select option:selected" ).val();
- $("#top-text").text(ui.value);
- // update image src
- var imageUrl = "img?id="+id+"&name="+name+"&type=top&counter="+(ui.value-1);
- $("#img-top-zoomContainer > .zoomWindowContainer > div").css('background-image', 'url("' + imageUrl + '")');
- //$("#img-top-zoomContainer > .zoomLens").css('background-image', 'url("' + imageUrl + '")');
- if (document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement !== null) {
- if (!document.fullscreenElement && !document.mozFullScreenElement &&
- !document.webkitFullscreenElement && !document.msFullscreenElement) {
- $("#img-top").attr("src", "img?id="+id+"&name="+name+"&type=top-resized&counter="+(ui.value-1));
- } else {
- $("#img-top").attr("src", "img?id="+id+"&name="+name+"&type=top&counter="+(ui.value-1));
- }
- } else {
- $("#img-top").attr("src", "img?id="+id+"&name="+name+"&type=top-resized&counter="+(ui.value-1));
- }
- }
- });
-
- $( "#download" ).click(function(e) {
- var did = $( "select option:selected" ).text();
- e.preventDefault(); //stop the browser from following
- window.location.href = 'download?did=' + did;
- });
- $('.target').change(function() {
- var name = $(this).find("option:selected").text();
- var index = $(this).find("option:selected").val();
- $.ajax({
- url: 'update?index=' + index + '&name=' + name,
- type: 'GET',
- success: function (response) {
- console.log("Success.");
- console.log(response);
- $("#size").text("("+response.data_size+" GB)");
- var html = "<span>Description</span>";
- for (i = 0; i < response["desc"].length; i++) {
- if (response["desc"][i]["type"] == "i") {
- tmp = "<i>" + response["desc"][i]["text"] + "</i>";
- } else if (response["desc"][i]["type"] == "p") {
- tmp = response["desc"][i]["text"];
- }
- html += tmp;
- }
- $("#description").empty().append(html);
- $("#front-count-text").text(" (max: " + response.front_count + ")");
- $("#left-count-text").text(" (max: " + response.left_count + ")");
- $("#top-count-text").text(" (max: " + response.top_count + ")");
- $("#front-count").text(response.front_count);
- $("#left-count").text(response.left_count);
- $("#top-count").text(response.top_count);
- $("#slider-right").slider("option", "max" , response.front_count );
- $("#slider-left").slider("option", "max" , response.left_count );
- $("#slider-center").slider("option", "max" , response.top_count );
-
- var left_index = $( "#slider-left" ).slider( "option", "value" );
- var top_index = $( "#slider-center" ).slider( "option", "value" );
- var front_index = $( "#slider-right" ).slider( "option", "value" );
- // update images
- $("#placeholder-left").attr("src", "img?id="+index+"&name="+name+"&type=left-resized&counter="+(left_index-1));
- $("#img-top").attr("src", "img?id="+index+"&name="+name+"&type=top-resized&counter="+(top_index-1));
- $("#img-front").attr("src", "img?id="+index+"&name="+name+"&type=front-resized&counter="+(front_index-1));
-
- var imageUrlLeft = "img?id="+index+"&name="+name+"&type=left&counter="+(left_index-1);
- var imageUrlTop ="img?id="+index+"&name="+name+"&type=top&counter="+(top_index-1);
- var imageUrlFront = "img?id="+index+"&name="+name+"&type=front&counter="+(front_index-1);
- $("#placeholder-left-zoomContainer > .zoomWindowContainer > div").css('background-image', 'url("' + imageUrlLeft + '")');
- $("#img-top-zoomContainer > .zoomWindowContainer > div").css('background-image', 'url("' + imageUrlTop + '")');
- $("#img-front-zoomContainer > .zoomWindowContainer > div").css('background-image', 'url("' + imageUrlFront + '")');
-
- $("#front-quality-text").text("Magnification: " + ($("#img-front").width() / parseInt($("#front-count").text())).toFixed(2).toString());
- $("#top-quality-text").text("Magnification: " + ($("#img-top").height() / parseInt($("#top-count").text())).toFixed(2).toString());
- $("#left-quality-text").text("Magnification: " + ($("#placeholder-left").height() / parseInt($("#left-count").text())).toFixed(2).toString());
- },
- error: function () {
- console.log("Error.")
- }
- });
- $("#img-preview").attr("src", "img?id="+index+"&name="+name+"&type=preview&counter=0");
- });
- $("#front-left").click( function() {
- var index = parseInt($("#front-text").text());
- var name = $( "select option:selected" ).text();
- var id = $( "select option:selected" ).val();
- index -= 1;
- if (index < 1) {
- index = 1;
- }
- $("#front-text").text(index);
- if (document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement !== null) {
- if (!document.fullscreenElement && !document.mozFullScreenElement &&
- !document.webkitFullscreenElement && !document.msFullscreenElement) {
- $("#img-front").attr("src", "img?id="+id+"&name="+name+"&type=front-resized&counter="+index.toString());
- } else {
- $("#img-front").attr("src", "img?id="+id+"&name="+name+"&type=front&counter="+index.toString());
- }
- } else {
- $("#img-front").attr("src", "img?id="+id+"&name="+name+"&type=front-resized&counter="+index.toString());
- }
- });
-
- $("#front-right").click( function() {
- var index = parseInt($("#front-text").text());
- var max_count = parseInt($("#front-count").text());
- var name = $( "select option:selected" ).text();
- var id = $( "select option:selected" ).val();
- //console.log(index, max_count);
- index += 1;
- if (index > max_count) {
- index = max_count;
- }
- $("#front-text").text(index);
- // update image src
- if (document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement !== null) {
- if (!document.fullscreenElement && !document.mozFullScreenElement &&
- !document.webkitFullscreenElement && !document.msFullscreenElement) {
- $("#img-front").attr("src", "img?id="+id+"&name="+name+"&type=front-resized&counter="+index.toString());
- } else {
- $("#img-front").attr("src", "img?id="+id+"&name="+name+"&type=front&counter="+index.toString());
- }
- } else {
- $("#img-front").attr("src", "img?id="+id+"&name="+name+"&type=front-resized&counter="+index.toString());
- }
- });
-
- $("#top-left").click( function() {
- var index = parseInt($("#top-text").text());
- var name = $( "select option:selected" ).text();
- var id = $( "select option:selected" ).val();
- index -= 1;
- if (index < 1) {
- index = 1;
- }
- $("#top-text").text(index);
- if (document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement !== null) {
- if (!document.fullscreenElement && !document.mozFullScreenElement &&
- !document.webkitFullscreenElement && !document.msFullscreenElement) {
- $("#img-top").attr("src", "img?id="+id+"&name="+name+"&type=top-resized&counter="+index.toString());
- } else {
- $("#img-top").attr("src", "img?id="+id+"&name="+name+"&type=top&counter="+index.toString());
- }
- } else {
- $("#img-top").attr("src", "img?id="+id+"&name="+name+"&type=top-resized&counter="+index.toString());
- }
- });
-
- $("#top-right").click( function() {
- var index = parseInt($("#top-text").text());
- var max_count = parseInt($("#top-count").text());
- var name = $( "select option:selected" ).text();
- var id = $( "select option:selected" ).val();
- //console.log(index, max_count);
- index += 1;
- if (index > max_count) {
- index = max_count;
- }
- $("#top-text").text(index);
- // update image src
- if (document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement !== null) {
- if (!document.fullscreenElement && !document.mozFullScreenElement &&
- !document.webkitFullscreenElement && !document.msFullscreenElement) {
- $("#img-top").attr("src", "img?id="+id+"&name="+name+"&type=top-resized&counter="+index.toString());
- } else {
- $("#img-top").attr("src", "img?id="+id+"&name="+name+"&type=top&counter="+index.toString());
- }
- } else {
- $("#img-top").attr("src", "img?id="+id+"&name="+name+"&type=top-resized&counter="+index.toString());
- }
- });
-
- $("#left-left").click( function() {
- var index = parseInt($("#left-text").text());
- var name = $( "select option:selected" ).text();
- var id = $( "select option:selected" ).val();
- index -= 1;
- if (index < 1) {
- index = 1;
- }
- $("#left-text").text(index);
- if (document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement !== null) {
- $("#placeholder-left").attr("src", "img?id="+id+"&name="+name+"&type=left&counter="+index.toString());
- } else {
- $("#placeholder-left").attr("src", "img?id="+id+"&name="+name+"&type=left-resized&counter="+index.toString());
- }
- if (document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement !== null) {
- if (!document.fullscreenElement && !document.mozFullScreenElement &&
- !document.webkitFullscreenElement && !document.msFullscreenElement) {
- $("#placeholder-left").attr("src", "img?id="+id+"&name="+name+"&type=left-resized&counter="+index.toString());
- } else {
- $("#placeholder-left").attr("src", "img?id="+id+"&name="+name+"&type=left&counter="+index.toString());
- }
- } else {
- $("#placeholder-left").attr("src", "img?id="+id+"&name="+name+"&type=left-resized&counter="+index.toString());
- }
- });
-
- $("#left-right").click( function() {
- var index = parseInt($("#left-text").text());
- var max_count = parseInt($("#left-count").text());
- var name = $( "select option:selected" ).text();
- var id = $( "select option:selected" ).val();
- //console.log(index, max_count);
- index += 1;
- if (index > max_count) {
- index = max_count;
- }
- $("#left-text").text(index);
- // update image src
- if (document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement !== null) {
- if (!document.fullscreenElement && !document.mozFullScreenElement &&
- !document.webkitFullscreenElement && !document.msFullscreenElement) {
- $("#placeholder-left").attr("src", "img?id="+id+"&name="+name+"&type=left-resized&counter="+index.toString());
- } else {
- $("#placeholder-left").attr("src", "img?id="+id+"&name="+name+"&type=left&counter="+index.toString());
- }
- } else {
- $("#placeholder-left").attr("src", "img?id="+id+"&name="+name+"&type=left-resized&counter="+index.toString());
- }
- });
- document.getElementById("img-front").addEventListener("click", function() {
- var container = $("#photowrapper-front");
- if (!document.fullscreenElement && !document.mozFullScreenElement &&
- !document.webkitFullscreenElement && !document.msFullscreenElement) {
- glob_id = this.id;
- glob_width = $("#photowrapper-front > img").width();
- glob_height = $("#photowrapper-front > img").height();
- glob_elem = $("#photowrapper-front")[0];
- }
- toggleFullscreen(container[0], this.id);
- });
- document.getElementById('img-top').addEventListener('click', function() {
- var container = $("#photowrapper-top");
- if (!document.fullscreenElement && !document.mozFullScreenElement &&
- !document.webkitFullscreenElement && !document.msFullscreenElement) {
- glob_id = this.id;
- glob_width = $("#photowrapper-top > img").width();
- glob_height = $("#photowrapper-top > img").height();
- glob_elem = $("#photowrapper-top")[0];
- }
- toggleFullscreen(container[0], this.id);
- });
- document.getElementById('placeholder-left').addEventListener('click', function() {
- var container = $("#photowrapper-left");
- if (!document.fullscreenElement && !document.mozFullScreenElement &&
- !document.webkitFullscreenElement && !document.msFullscreenElement) {
- glob_id = this.id;
- glob_width = $("#photowrapper-left > img").width();
- glob_height = $("#photowrapper-left > img").height();
- glob_elem = $("#photowrapper-left")[0];
- }
- toggleFullscreen(container[0], this.id);
- });
- $("#img-top").ezPlus({
- zoomWindowPosition: 1,
- scrollZoom: true,
- zoomLevel: 0.1,
- minZoomLevel: 0.1,
- zoomWindowWidth: 300,
- zoomWindowHeight: 300
- });
-
- $("#placeholder-left").ezPlus({
- zoomWindowPosition: 9,
- scrollZoom: true,
- zoomLevel: 0.1,
- minZoomLevel: 0.1,
- zoomWindowWidth: 300,
- zoomWindowHeight: 300
- });
- $("#img-front").ezPlus({
- zoomWindowPosition: 11,
- scrollZoom: true,
- zoomLevel: 0.1,
- minZoomLevel: 0.1,
- zoomWindowWidth: 300,
- zoomWindowHeight: 300
- });
- /*
- * print folder, imLeft.size, imTop.size, imFront.size
- * NRM-PZ Ar65771 (1174, 2929) (1173, 2929) (1173, 1174)
- * NRM-PZ Ar65772 (1122, 3200) (1173, 3200) (1173, 1122)
- * NRM-PZ Ar65794 (1118, 3113) (1133, 3113) (1133, 1118)
- * NRM-PZ Ar65793 (1294, 3431) (1240, 3431) (1240, 1294)
- * NRM-PZ Ar65720 (1223, 3311) (1267, 3311) (1267, 1223)
- * NRM-PZ Ar65767 (1302, 2936) (1284, 2936) (1284, 1302)
- */
- $("#front-quality-text").text("Magnification: 0.34");
- $("#top-quality-text").text("Magnification: 0.13");
- $("#left-quality-text").text("Magnification: 0.13");
- /*
- console.log("FRONT QUALITY: " + $("#img-front").width() + " / " + $("#front-count").text() );
- console.log("TOP QUALITY: " + $("#img-top").height() + " / " + $("#top-count").text() );
- console.log("LEFT QUALITY: " + $("#placeholder-left").height() + " / " + $("#left-count").text() );
- */
- });
|