1 <!-- FIXME: CSS conventions and polish -->
2 <div class="crm-block crm-form-block crm-queue-runner-form-block">
3 <div id="crm-queue-runner-progress"></div>
4 <div id="crm-queue-runner-desc">
5 <div id="crm-queue-runner-buttonset" style="right:20px;position:absolute;">
6 <button id="crm-queue-runner-retry">Retry</button>
7 <button id="crm-queue-runner-skip">Skip</button>
9 <div>[<span id="crm-queue-runner-title"></span>]</div>
11 <div id="crm-queue-runner-message"></div>
15 <script type="text/javascript">
18 // Note: Queue API provides "#remaining tasks" but not "#completed tasks" or "#total tasks".
19 // To compute a %complete, we manually track #completed. This only works nicely if we
20 // assume that the queue began with a fixed #tasks.
22 var queueRunnerData = {/literal}{$queueRunnerData|@json}{literal};
24 var displayResponseData = function(data, textStatus, jqXHR) {
25 if (data.redirect_url) {
26 window.location.href = data.redirect_url;
30 var pct = 100 * queueRunnerData.completed / (queueRunnerData.completed + queueRunnerData.numberOfItems);
31 $("#crm-queue-runner-progress").progressbar({ value: pct });
34 $("#crm-queue-runner-buttonset").show();
35 if (queueRunnerData.isEnded) {
36 $('#crm-queue-runner-skip').button('disable');
38 $('#crm-queue-runner-title').text('Error: ' + data.last_task_title);
39 } else if (!data.is_continue && queueRunnerData.numberOfItems == 0) {
40 $('#crm-queue-runner-title').text('Done');
42 $('#crm-queue-runner-title').text('Executed: ' + data.last_task_title);
46 $('#crm-queue-runner-message').html('');
47 $('<div></div>').html(data.exception).prependTo('#crm-queue-runner-message');
52 var handleError = function(jqXHR, textStatus, errorThrown) {
53 // Do this regardless of whether the response was well-formed
54 $("#crm-queue-runner-buttonset").show();
56 var data = $.parseJSON(jqXHR.responseText)
58 displayResponseData(data);
62 var handleSuccess = function(data, textStatus, jqXHR) {
64 queueRunnerData.completed++;
66 if (data.numberOfItems) {
67 queueRunnerData.numberOfItems = parseInt(data.numberOfItems);
70 displayResponseData(data);
72 // FIXME re-consider merits of is_continue in the corner-case of executing last step
73 if (data.is_continue) {
74 window.setTimeout(runNext, 50);
75 } else if (!data.is_continue && queueRunnerData.numberOfItems == 0 && !queueRunnerData.isEnded) {
76 queueRunnerData.isEnded = true;
77 window.setTimeout(runNext, 50);
81 // Dequeue and execute the next item
82 var runNext = function() {
85 url: (queueRunnerData.isEnded ? queueRunnerData.onEndAjax : queueRunnerData.runNextAjax),
87 qrid: queueRunnerData.qrid
90 beforeSend: function(jqXHR, settings) {
91 $("#crm-queue-runner-buttonset").hide();
94 success: handleSuccess
98 var retryNext = function() {
99 $('#crm-queue-runner-message').html('');
103 // Dequeue and the next item, then move on to runNext for the subsequent items
104 var skipNext = function() {
107 url: queueRunnerData.skipNextAjax,
109 qrid: queueRunnerData.qrid
112 beforeSend: function(jqXHR, settings) {
113 $('#crm-queue-runner-message').html('');
114 $("#crm-queue-runner-buttonset").hide();
117 success: handleSuccess
123 $("#crm-queue-runner-progress").progressbar({ value: 0 });
124 if (queueRunnerData.buttons.retry == 1) {
125 $("#crm-queue-runner-retry").button({
127 icons: {primary: 'ui-icon-refresh'}
130 $("#crm-queue-runner-retry").remove();
132 if (queueRunnerData.buttons.skip == 1) {
133 $("#crm-queue-runner-skip").button({
135 icons: {primary: 'ui-icon-seek-next'}
138 $("#crm-queue-runner-skip").remove();
140 $("#crm-queue-runner-buttonset").buttonset();
141 $("#crm-queue-runner-buttonset").hide();
142 window.setTimeout(runNext, 50);