summaryrefslogtreecommitdiff
path: root/lib/gallery.dialog.js
blob: 72c7cdf85830c7f35748e12a7ffebe6f2fe0ede0 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
/**
 * Fire openDialog() and prevent links from opening
 * @see openDialog()
 */
function handleDialogEvent(event) {
  var target = event.currentTarget;
  if (!target) {
    target = event.srcElement;
  }
  openDialog(target);
  event.preventDefault();
}

function ajaxify_dialog(on_success) {
  $("#gDialog form").ajaxForm({
    dataType: "json",
    success: function(data) {
      if (data.form) {
        $("#gDialog form").replaceWith(data.form);
        ajaxify_dialog(on_success);
        on_form_loaded();
        if (typeof data.reset == 'function') {
          eval(data.reset + '()');
        }
      }
      if (data.result == "success") {
        $("#gDialog").dialog("close");
        if (on_success) {
          on_success();
        } else if (data.location) {
          window.location = data.location;
        } else {
          window.location.reload();
        }
      }
    }
  });
};

/**
 * Display modal dialogs, populate dialog with trigger link's href
 * @requires ui.core
 * @requires ui.draggable
 * @requires ui.resizable
 * @requires ui.dialog
 * @see handleDialogEvent()
 * @see showLoading()
 */
function openDialog(element, on_success) {
  var sHref = $(element).attr("href");
  var sTitle = $(element).attr("title");
  var eDialog = '<div id="gDialog"></div>';
  // @todo Fix i18n for Cancel link
  var dialogWidth;

  $("body").append(eDialog);

  $("#gDialog").dialog({
    autoOpen: false,
    autoResize: true,
    modal: true,
    resizable: false,
    close: closeDialog
  });

  showLoading("#gDialog");

  $.get(sHref, function(data) {
    showLoading("#gDialog");
    $("#gDialog").html(data);
    var dialogHeight = $("#gDialog").height();
    var cssWidth = new String($("#gDialog form").css("width"));
    var childWidth = cssWidth.replace(/[^0-9]/g,"");
    if ($("#gDialog iframe").length) {
      dialogWidth = $(window).width() - 100;
      // Set the iframe width and height
      $("#gDialog iframe").width("100%");
      $("#gDialog iframe").height($(window).height() - 100);
    } else if (childWidth == "" || childWidth > 300) {
      dialogWidth = 500;
    }
    $("#gDialog").dialog('option', 'width', dialogWidth);

    on_form_loaded();

    $("#gDialog").dialog("open");
    // Remove titlebar for progress dialogs or set title
    if ($("#gDialog #gProgress").length) {
      $(".ui-dialog-titlebar").remove();
    } else if ($("#gDialog h1").length) {
      $("#gDialog").dialog('option', 'title', $("#gDialog h1:eq(0)").html());
    } else if ($("#gDialog fieldset legend").length) {
      $("#gDialog").dialog('option', 'title', $("#gDialog fieldset legend:eq(0)").html());
    }

    ajaxify_dialog(on_success);
  });
  return false;
}

function on_form_loaded() {
  var eCancel = '<a href="javascript: closeDialog()" class="gCancel">Cancel</a>';
  if ($("#gDialog .submit").length) {
    $("#gDialog .submit").addClass("ui-state-default ui-corner-all");
    $("#gDialog .submit").parent().append(eCancel);
  }
  $("#gDialog").dialog("option", "form", $("#gDialog form"));
  $("#gDialog .ui-state-default").hover(
    function() {
      $(this).addClass("ui-state-hover");
    },
    function() {
      $(this).removeClass("ui-state-hover");
    }
  );
}

function closeDialog() {
  var form = $("#gDialog").dialog("option", "form");
  if (form != null) {
    $("#gDialog").dialog("option", "form").trigger("form_closing");
  }
  $("#gDialog").dialog("destroy").remove();
}

/**
 * Toggle the processing indicator, both large and small
 * @param elementID Target ID, including #, to apply .gLoadingSize
 */
function showLoading(elementID) {
  var size;
  switch (elementID) {
    case "#gDialog":
    case "#gPanel":
      size = "Large";
      break;
    default:
      size = "Small";
      break;
  }
  $(elementID).toggleClass("gLoading" + size);
}