|
@@ -25,8 +25,9 @@ function overlayOn(value) {
|
|
|
ref.bind('getUrl',{"xyz": event.data.ka}, function(event, extra1){
|
|
|
var data = event.data
|
|
|
overlayOff();
|
|
|
+
|
|
|
//fill input with url
|
|
|
- $(data.xyz).prev().val(extra1.url)
|
|
|
+ $(data.xyz).parent().parent().find(".abbreviationInput").val(extra1.url)
|
|
|
});
|
|
|
});
|
|
|
}
|
|
@@ -245,7 +246,6 @@ function savePattern(stationID) { //Save 2 DB
|
|
|
url: "../server/"+stationID,
|
|
|
success: function(res) {
|
|
|
getPattern(stationID, res.id)
|
|
|
- loadStations()
|
|
|
},
|
|
|
error: function (request, status, error) {
|
|
|
alert(request.responseText + status + error);
|
|
@@ -398,72 +398,94 @@ function getImages(stationID, patternID){ //Get From DB 2 HTML
|
|
|
$('#addExternalImage').attr("onclick", "addExternalImage(" + stationID + "," + patternID + ")");
|
|
|
|
|
|
|
|
|
+ //Image preview needs pattern
|
|
|
$.ajax({
|
|
|
- type: "GET",
|
|
|
- url: "../server/"+stationID+ "/" + patternID + "/images",
|
|
|
- dataType: "xml",
|
|
|
- success: function(xml) {
|
|
|
- var count = 0;
|
|
|
- $(xml).find('image').each(function(index){
|
|
|
-
|
|
|
- curID = $(this).attr('id')
|
|
|
- $(this).find('variant').each(function(){
|
|
|
-
|
|
|
- if($(this).attr('lang') == $('#image_language option:selected').text()){
|
|
|
- ++count;
|
|
|
- var clone = document.importNode(document.querySelector('#imagePreview').content,true);
|
|
|
-
|
|
|
- var imgsrcsingle = "../images/uploads/"+stationID+ "/" + patternID + "/" + curID + "/"+ $(this).attr('lang') + ".svg";
|
|
|
- var imgsrc = imgsrcsingle + "?" + Date.now();
|
|
|
-
|
|
|
- //$('[data-class=image]',clone).append('<img id="theImg" src="' + imgsrc +'" onclick="overlayOnImg(\'' +imgsrcsingle + '\')" height="100px" />')
|
|
|
-
|
|
|
- //$('[data-class=image]',clone).append('<object class="theImg" id="theImg" data="' + imgsrc +'" onclick="overlayOnImg(\'' +imgsrcsingle + '\')" height="100px" />')
|
|
|
+ type: "GET",
|
|
|
+ url: "../server/"+stationID+ "/" + patternID,
|
|
|
+ dataType: "xml",
|
|
|
+ success: function(xml) {
|
|
|
+ pattern = xml.getElementsByTagName('pattern')[0].getAttribute("value");
|
|
|
+
|
|
|
+ //get all images
|
|
|
+ $.ajax({
|
|
|
+ type: "GET",
|
|
|
+ url: "../server/"+stationID+ "/" + patternID + "/images",
|
|
|
+ dataType: "xml",
|
|
|
+ success: function(xml) {
|
|
|
+ var count = 0;
|
|
|
+ $(xml).find('image').each(function(index){
|
|
|
|
|
|
+ curID = $(this).attr('id')
|
|
|
+ $(this).find('variant').each(function(){
|
|
|
+
|
|
|
+ if($(this).attr('lang') == $('#image_language option:selected').text()){
|
|
|
+ ++count;
|
|
|
+ var clone = document.importNode(document.querySelector('#imagePreview').content,true);
|
|
|
+
|
|
|
+ var imgsrcsingle = "../images/uploads/"+stationID+ "/" + patternID + "/" + curID + "/"+ $(this).attr('lang') + ".svg";
|
|
|
+ var imgsrc = imgsrcsingle + "?" + Date.now();
|
|
|
+
|
|
|
+ //$('[data-class=image]',clone).append('<img id="theImg" src="' + imgsrc +'" onclick="overlayOnImg(\'' +imgsrcsingle + '\')" height="100px" />')
|
|
|
+
|
|
|
+ //$('[data-class=image]',clone).append('<object class="theImg" id="theImg" data="' + imgsrc +'" onclick="overlayOnImg(\'' +imgsrcsingle + '\')" height="100px" />')
|
|
|
+
|
|
|
+
|
|
|
+ //managing that internal and external pictures look the same
|
|
|
+ $('[data-class=image]',clone).load(imgsrc, function(){
|
|
|
+ var width = $(this).children("svg").attr("width")
|
|
|
+ var height = $(this).children("svg").attr("height")
|
|
|
+
|
|
|
|
|
|
- //managing that internal and external pictures look the same
|
|
|
- $('[data-class=image]',clone).load(imgsrc, function(){
|
|
|
- var width = $(this).children("svg").attr("width")
|
|
|
- var height = $(this).children("svg").attr("height")
|
|
|
+ $(this).children("svg").attr("viewBox","0 0 " + pictureWidth + " " + pictureHeight + "");
|
|
|
+ $(this).children("svg").attr("width","200");
|
|
|
+ $(this).children("svg").attr("height","100");
|
|
|
+ });
|
|
|
|
|
|
-
|
|
|
- $(this).children("svg").attr("viewBox","0 0 " + pictureWidth + " " + pictureHeight + "");
|
|
|
- $(this).children("svg").attr("width","200");
|
|
|
- $(this).children("svg").attr("height","100");
|
|
|
+ $('[data-class=image]',clone).attr("onclick", "overlayOnImg('" + imgsrcsingle + "')" );
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ //Image Preview
|
|
|
+ $('[data-class=showimage]',clone).attr("href", "imageReplacement.php?___image___="+stationID+ "/" + patternID + "/" + curID + "/"+ $(this).attr('lang') + ".svg" +"&*ProductCode=" + pattern );
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ //$('[data-class=image]',clone).append('<object class="theImg" id="theImg" data="' + imgsrc +'" onclick="overlayOnImg(\'' +imgsrcsingle + '\')" height="100px" />')
|
|
|
+
|
|
|
+
|
|
|
+ //$('[data-class=image]',clone).append('<div style="background-image: url(' + imgsrc+ ')" height="100px" />')
|
|
|
+
|
|
|
+ $('[data-class=label]',clone).val($(this).attr('label'));
|
|
|
+ $('[data-class=label]',clone).attr("origValue", $(this).attr('label'));
|
|
|
+ $('[data-class=imageId]',clone).text(curID);
|
|
|
+ $('[data-class=imageId]',clone).attr("class", "imageID")
|
|
|
+
|
|
|
+ $('[data-class=options] a',clone).attr('href','javascript:deleteImage(' + stationID + ','+ patternID + ',' + curID + ',"' + $(this).attr('lang') + '");');
|
|
|
+ $('#imageListing').append(clone);
|
|
|
+ }
|
|
|
});
|
|
|
+ });
|
|
|
+ $('#image_count').text(count);
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+ /*
|
|
|
+ $(".image").each(function() {
|
|
|
+ alert("mhm");
|
|
|
|
|
|
- $('[data-class=image]',clone).attr("onclick", "overlayOnImg('" + imgsrcsingle + "')" );
|
|
|
-
|
|
|
- //$('[data-class=image]',clone).append('<object class="theImg" id="theImg" data="' + imgsrc +'" onclick="overlayOnImg(\'' +imgsrcsingle + '\')" height="100px" />')
|
|
|
-
|
|
|
-
|
|
|
- //$('[data-class=image]',clone).append('<div style="background-image: url(' + imgsrc+ ')" height="100px" />')
|
|
|
|
|
|
- $('[data-class=label]',clone).val($(this).attr('label'));
|
|
|
- $('[data-class=label]',clone).attr("origValue", $(this).attr('label'));
|
|
|
- $('[data-class=imageId]',clone).text(curID);
|
|
|
- $('[data-class=imageId]',clone).attr("class", "imageID")
|
|
|
|
|
|
- $('[data-class=options] a',clone).attr('href','javascript:deleteImage(' + stationID + ','+ patternID + ',' + curID + ',"' + $(this).attr('lang') + '");');
|
|
|
- $('#imageListing').append(clone);
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
- $('#image_count').text(count);
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- /*
|
|
|
- $(".image").each(function() {
|
|
|
- alert("mhm");
|
|
|
-
|
|
|
-
|
|
|
-
|
|
|
- $(this).children().attr("viewBox","0 0 " + "300" + " 300");
|
|
|
-
|
|
|
+ $(this).children().attr("viewBox","0 0 " + "300" + " 300");
|
|
|
+
|
|
|
+ });
|
|
|
+ */
|
|
|
+
|
|
|
+ }
|
|
|
});
|
|
|
- */
|
|
|
-
|
|
|
}
|
|
|
});
|
|
|
|
|
@@ -487,7 +509,7 @@ function addExternalImage(stationID, patternID){
|
|
|
var extImage = $.parseXML("<externalImage/>");
|
|
|
$(extImage).find("externalImage").append("<url>" + $('#addExternalImageUrl').val() +"</url>");
|
|
|
$(extImage).find("externalImage").append("<lang>" + $('#image_language option:selected').text() + "</lang>");
|
|
|
-
|
|
|
+ console.log(extImage);
|
|
|
|
|
|
$.ajax({
|
|
|
type: "POST",
|