source: extensions/cuise/admin/js/fileupload.js @ 20836

(function ($) {
  jQuery.fn.ajaxfileuploader = function (options) {
    var opts = jQuery.extend({}, jQuery.fn.ajaxfileuploader.defaults, options);
    var filelist = new Array();
    var uploadwidget = new Object();
    var imgwidget = new Object();
    return this.each(function () {
      buildElement($(this).attr("id"))
      jQuery(this).change(onChange);
    });

    function onChange() {
      /* Validate Form Before submit */
      var filename = $(this).val();
      var pos = filename.lastIndexOf('.');
      var msg = '';
      if (pos !== -1) {
        var extension = filename.substring(pos + 1);
        var isvalidextension = false;
        msg = " Invalid file [" + extension + "] not supported:";

        for (i in opts.VALIDFORMAT) {
          var reg = new RegExp("(" + opts.VALIDFORMAT[i] + ")", "gi");
          if (extension.match(reg)) {
            isvalidextension = true; break;
          }
        }
      }

      if (isvalidextension && imgwidget.find("tr").length > opts.MAXUPLOAD) {
        isvalidextension = false; msg = "only " + opts.MAXUPLOAD + " File can be uploaded ";
        displayUploadForm();
      }

      if (isvalidextension) uploadwidget.find("form").submit();
      if (!isvalidextension || pos == -1)
        alert(msg);
      return false;
    }

    function setbck() {
      var row = $(this).parents("tr");
      var imgname = $(this).attr("title");
      var name = $(this).attr("name");
      jQuery("#fileInputTxt").val(name);
      jQuery(".image").css({ backgroundImage: "url(" + imgname + ")" });
      jQuery(".image").trigger("change");
      return;

      var request = $.ajax({
        url: opts.SCRIPT + "?action=adding",
        type: "POST",
        async: false,
        data: { name: imgname },
        dataType: "html"
      });
      request.done(function (msg) {

        displayUploadForm();
      });

      request.fail(function (jqXHR, textStatus) {
        alert("Request failed:User " + textStatus);
      });

      return false;
    }

    var del_ok = false;
    function delRow() {
      if (!del_ok)
        if (!confirm("Are you sure, you want to delete this image?"))
          return;

      del_ok = true;

      var row = $(this).parents("tr");
      var imgname = $(this).attr("title");
      var request = $.ajax({
        url: opts.SCRIPT + "?action=deleteimg",
        type: "POST",
        async: false,
        data: { name: imgname },
        dataType: "html"
      });
      request.done(function (msg) {
        row.remove();
        displayUploadForm();
      });

      request.fail(function (jqXHR, textStatus) {
        alert("Request failed:User " + textStatus);
      });

      return false;
    }


    function displayUploadForm() {

      if (imgwidget.find("tr").length < opts.MAXUPLOAD + 1)
        uploadwidget.find('form input').removeAttr("disabled")
      else
        uploadwidget.find('form input').attr("disabled", "disabled")
    }

    function loaddetails() {
      var txt = uploadwidget.find("iframe").contents().find('body').html();
      try {
        var obj = jQuery.parseJSON(txt);
      } catch (e) {
        alert(txt);
        var obj;
      }

      if (obj) {
        for (i in obj['files']) {
          var name = obj['files'][i].name;
          var thumbimgurl = obj['files'][i].thumbimgurl;
          var upload_name = obj['files'][i].upload_name;
          var errors = obj['files'][i].errors;
          var imgUrl = obj['files'][i].imgUrl;
          link = "<a href='javascript:void(0)' class='setbck' name='" + name + "' title='" + opts.PATH_IMG + name + "' >";
          messages = "<tr id='" + name + "'  style='width:120px'>";
          messages += "<td>" + link + "<img src='" + opts.PATH_IMG + name + "'></a></td>";
          if (jQuery(".image").hasClass("texture")) {
            messages += "<td>" + upload_name + "</td> ";
            jQuery(errors).each(
          function (i) {
            messages += "<td><span>" + this.error + "</span> </td>";
          }
          );
            messages += "<td><a href='javascript:void(0)' class='delrow' title='" + name + "'>Delete</a> </td>";
          }
          messages += "</tr>";

          imgwidget.find("table").append(messages);
          if (jQuery(".image").hasClass("texture")) {
            jQuery("#fileInputTxt").val(opts.PATH_IMG + name);
            imgwidget.find("tr[id='" + name + "'] a.delrow").click(delRow);
            jQuery(".image").css({ backgroundImage: "url(" + opts.PATH_IMG + name + ")" });
          }
          imgwidget.find("tr[id='" + name + "'] a.setbck").click(setbck);

        }
      }

      displayUploadForm();
    }

    function buildElement(id) {
      var pos = jQuery("#" + id).offset();
      var divid = "uploadwidget" + id
      var formid = "idOfFormElement" + id;
      var iframeid = "idOfIframeElement" + id;

      jQuery('#result').append(jQuery('<div id="' + divid + '"></div>'));
      jQuery('#result').append(jQuery('<div id="' + divid + '_imgmgt" class="filemgt"><table></table><div class="paginate"></div></div>'));
      uploadwidget = jQuery('#' + divid);
      imgwidget = jQuery('#' + divid + '_imgmgt');
      if (jQuery(".image").hasClass("texture"))
        imgwidget.find("table").append("<tr><td>" + opts.TABLEHEAD.name + "</td><td>" + opts.TABLEHEAD.imgname + "</td><td>" + opts.TABLEHEAD.operation + "</td></tr>");

      uploadwidget.append('<iframe name="' + iframeid + '" id="' + iframeid + '" style="width:0px;height:0px" src="' + opts.SCRIPT + '?action=getimages&root=' + opts.PATH +
       '&root_img=' + opts.PATH_IMG +
       '&root_theme=' + opts.PATH_THEME + '"></iframe>');

      uploadwidget.append(jQuery('<form action="' + opts.SCRIPT + '?action=addimg&root=' + opts.PATH +
       '&root_img=' + opts.PATH_IMG +
       '&root_theme=' + opts.PATH_THEME + '" enctype="multipart/form-data" method="post" target="' + iframeid + '"></form>'));
      uploadwidget.find('form').append('<input id="fileupload" type="file" name="files" class="file" >');

      uploadwidget.css("position", "absolute")
      uploadwidget.css("top", pos.top);
      uploadwidget.css("left", pos.left);
      uploadwidget.find('iframe').hide();

      uploadwidget.find('iframe').bind('load', loaddetails);
      jQuery("#" + id).hide();
      uploadwidget.find('.file').change(onChange);

    }


  }

  jQuery(document).ready(function () {
    jQuery(window).load(function (i) {
     if(!jQuery.farbtastic)  return ;

     var f = jQuery.farbtastic('#picker');
      var p = jQuery('#picker').css('opacity', 1);
      var selected;
      jQuery('.colorwell')
      .each(function () {
        f.linkTo(this);
        $(this).css('opacity', 1);

      })
      .focus(function () {
        if (selected) {
          $(selected).css('opacity', 1).removeClass('colorwell-selected');
        }
        f.linkTo(this);
        p.css('opacity', 1);
        $(selected = this).css('opacity', 1).addClass('colorwell-selected');
        col = $(selected = this).css("backgroundColor");

      });
    });
  });
})(jQuery);