resque_ui 3.0.0

data/app/views/resque/_queues.html.erb

@@ -0,0 +1,52 @@
+<%@partial ||= partial -%>
+
+<% @subtabs = resque.queues unless partial? %>
+
+<% if queue = params[:id] %>
+
+  <h1>Pending jobs on <span class='hl'><%= queue %></span></h1>
+  <p class='sub'>Showing <%= start = params[:start].to_i %> to <%= start + 20 %> of <b><%=size = resque.size(queue)%></b> jobs</p>
+  <table class='jobs'>
+    <tr>
+      <th>Class</th>
+      <th>Args</th>
+      <th>&nbsp;</th>
+    </tr>
+    <% for job in (jobs = resque.peek(queue, start, 20)) %>
+      <tr>
+        <td class='class'><%= job['class'] %></td>
+        <td class='args'><%=h job['args'].inspect %></td>
+        <td>
+          <%= button_to "Remove", {:controller=>'resque', :action=> 'remove_job',:class => job['class'], :args => Resque.encode(job['args'])}, :class => 'clear-failed', :method => :post %>
+            </td>
+      </tr>
+    <% end %>
+    <% if jobs.empty? %>
+      <tr>
+        <td class='no-data' colspan='3'>There are no pending jobs in this queue</td>
+      </tr>
+    <% end %>
+  </table>
+  <%= render(:partial => 'next_more', :locals => {:start => start, :size => size}) %>
+<% else %>
+
+  <h1 class='wi'>Queues</h1>
+  <p class='intro'>The list below contains all the registered queues with the number of jobs currently in the queue. Select a queue from above to view all jobs currently pending on the queue.</p>
+  <table class='queues'>
+    <tr>
+      <th>Name</th>
+      <th>Jobs</th>
+    </tr>
+    <% for queue in resque.queues.sort_by { |q| q.to_s } %>
+      <tr>
+        <td class='queue'><%= link_to(queue, {:action => "queues", :id => queue}, :class => 'queue') %></td>
+        <td class='size'><%= resque.size queue %></td>
+      </tr>
+    <% end %>
+    <tr class='failed'>
+      <td class='queue failed'><%= link_to('failed', {:action => "failed"}, :class => 'queue') %></td>
+      <td class='size'><%= Resque::Failure.count %></td>
+    </tr>
+  </table>
+
+<% end %>

data/app/views/resque/_status_styles.erb

@@ -0,0 +1,98 @@
+<style type="text/css" media="screen">
+  th.progress {
+    width: 100px;
+  }
+  td.progress {
+    position: relative;
+    width: 100px;
+    display:block;
+  }
+  td.status {
+    font-weight: bold;
+  }
+  td.progress .progress-bar {
+    position: absolute;
+    top: 0px;
+    left: 0px;
+    background: #999;
+    display:block;
+    height: 100%;
+    z-index: 0;
+    opacity: 0.5;
+    -moz-opacity: 0.5;
+    -webkit-opacity: 0.5;
+  }
+  td.progress .progress-pct {
+    z-index: 10;
+    color: #333;
+  }
+
+  .status-holder {
+    background: #F7F7F7;
+    border: 1px solid #E5E5E5;
+    padding: 20px;
+    font-size: 110%;
+    margin-bottom: 40px;
+  }
+  .status-progress {
+    width: 100%;
+    height: 30px;
+    border: 1px solid #CCC;
+    background: #E5E5E5;
+    position:relative;
+    margin: 5px 0px;
+  }
+  .status-progress-bar {
+    position:absolute;
+    top: 0px;
+    left: 0px;
+    height: 30px;
+    background: #CCC;
+  }
+  .status-progress p {
+    position:absolute;
+    top: 5px;
+    left: 10px;
+    z-index: 15;
+    display:block;
+    color: #FFF;
+    padding: 0px;
+    font-weight: bold;
+  }
+  .status-message {
+    font-weight: bold;
+  }
+  .status-time {
+    font-size: 70%;
+    padding: 10px 0px;
+    color: #999;
+  }
+  .status-progress-bar.status-completed {
+    background:#61BF55;
+  }
+  .status-progress-bar.status-failed {
+   background: #E47E74;
+  }
+  .status-progress-bar.status-working {
+    background: #528499;
+  }
+  .status-progress-bar.status-killed {
+    background: #B84F16;
+  }
+  .status-completed {
+    color:#61BF55;
+  }
+  .status-failed {
+    color: #E47E74;
+  }
+  .status-working {
+    color: #528499;
+  }
+  .status-killed {
+    color: #B84F16;
+  }
+  #main a.kill:link, #main a.kill:visited {
+    color: #B84F16;
+    font-weight: bold;
+  }
+</style>

data/app/views/resque/_workers.html.erb

@@ -0,0 +1,110 @@
+
+<% if params[:id] && worker = find_worker(params[:id]) %>
+
+  <h1>Worker <%= worker %></h1>
+  <table class='workers'>
+    <tr>
+      <th>&nbsp;</th>
+      <th>Host</th>
+      <th>Pid</th>
+      <th>Thread</th>
+      <th>Started</th>
+      <th>Queues</th>
+      <th>Processed</th>
+      <th>Failed</th>
+      <th>Processing</th>
+    </tr>
+    <tr>
+      <td class='icon'><img src="<%=u "../../images/resque/#{state = worker.state}" %>.png" alt="<%= state %>" title="<%= state %>"></td>
+
+      <% host, pid, thread, queues = worker.to_s.split(':') %>
+      <td><%= host %></td>
+      <td><%= pid %></td>
+      <td><%= thread %></td>
+      <td><span class="time"><%= format_time(Time.zone.parse(worker.started)) %></span></td>
+      <td class='queues'><%= queues.split(',').map { |q| link_to(q, {:action => 'queues', :id => q}, :class => 'queue-tag')}.join('').html_safe %></td>
+      <td><%= worker.processed %></td>
+      <td><%= worker.failed %></td>
+      <td class='process'>
+        <% data = worker.processing || {} %>
+        <% if data['queue'] %>
+          <code><%= data['payload']['class'] %></code>
+          <small><%= link_to(format_time(Time.zone.parse(data['run_at'])), {:action => 'working', :id => worker.to_s.gsub(/\./,'_')}, :class => "queue time") %></small>
+          <br>
+          <small><%=worker.status%></small>
+        <% else %>
+          <span class='waiting'>Waiting for a job...</span>
+        <% end %>
+      </td>
+    </tr>
+  </table>
+
+<% elsif params[:id] %>
+
+  <h1>Worker doesn't exist</h1>
+
+<% else %>
+
+  <h1 class='wi'><%= pluralize resque.workers.size, 'Worker' %></h1>
+  <p class='intro'>The workers listed below are all registered as active on your system.</p>
+  <table class='workers'>
+    <tr>
+      <th>&nbsp;</th>
+      <th>Where (ip):pid:thread</th>
+      <th>Queues</th>
+      <th>Processing</th>
+      <th>&nbsp;</th>
+    </tr>
+    <%  upid = ''%>
+    <% for worker in (workers = resque.workers.sort_by { |w| w.to_s }) %>
+      <tr class="<%=state = worker.state%>">
+        <td class='icon'><img src="<%=u "../../images/resque/#{state}" %>.png" alt="<%= state %>" title="<%= state %>"></td>
+
+        <% host, pid, thread, queues = worker.to_s.split(':') %>
+        <td class='where'><%=link_to("#{host}:#{pid}:#{thread}",:action => 'workers', :id => worker.to_s.gsub(/\./,'_'))%></td>
+        <td class='queues'><%= queues.split(',').map { |q| link_to(q, {:action => 'queues', :id => q}, :class => 'queue-tag')}.join('').html_safe %></td>
+
+        <td class='process'>
+          <% data = worker.processing || {} %>
+          <% if data['queue'] %>
+            <code><%= data['payload']['class'] %></code>
+            <small><%= link_to(format_time(Time.zone.parse(data['run_at'])), {:action => 'working', :id => worker.to_s.gsub(/\./,'_')}, :class => "queue time") %></small>
+            <br/>
+            <small><%=worker.status%></small>
+          <% else %>
+            <span class='waiting'>Waiting for a job...</span>
+          <% end %>
+        </td>
+        <td>
+          <% if upid != pid %>
+            <%= button_to "Stop", {:controller=>'resque', :action=> 'stop_worker', :worker => worker.to_s}, :class => 'clear-failed', :title => "This will stop all workers on #{host} in pid #{pid}: #{worker.workers_in_pid.collect{|w| w.to_s}.join(', ')}", :method => :post %>
+            <%= button_to "Restart", {:controller=>'resque', :action=> 'restart_worker', :worker => worker.to_s}, :class => 'clear-failed', :title => "This will restart all workers on #{host} in pid #{pid}: #{worker.workers_in_pid.collect{|w| w.to_s}.join(', ')}", :method => :post %>
+            <% upid = pid %>
+          <% end %>
+        </td>
+      </tr>
+    <% end %>
+    <% if workers.empty? %>
+      <tr>
+        <td colspan='5' class='no-data'>There are no registered workers</td>
+      </tr>
+    <% end %>
+  </table>
+  <%=poll%>
+  <br/>
+  <hr />
+  <h1 class='wi'>Start New Workers</h1>
+  <%= form_tag :action =>  'start_worker' do -%>
+    <ul class='new_worker'>
+      <li>
+        <dl>
+          <dt>Queue(s)</dt>
+          <dd><%=text_field_tag :queues, nil, :size => 125 %><br/>  Prefix each worker with a '#', comma separate the list of queues you want each worker to monitor.  No Spaces. #queue1,queue2#queue3#queue2 will produce 3 workers in 3 threads.</dd>
+          <dt>Host(s)/IP(s)</dt>
+          <dd><%=text_field_tag :hosts, nil, :size => 125 %><br/>  Comma separate the IP address of the servers where you want your worker to run.</dd>
+          <dt><%= submit_tag "Start", :id => "submit" %></dt>
+        </dl>
+      </li>
+    </ul>
+  <%end-%>
+<% end %>

data/app/views/resque/_working.html.erb

@@ -0,0 +1,69 @@
+<% if params[:id] && (worker = find_worker(params[:id])) && !worker.job.empty? %>
+  <h1><%= worker %>'s job</h1>
+
+  <table>
+    <tr>
+      <th>&nbsp;</th>
+      <th>Where (ip):pid:thread</th>
+      <th>Queue</th>
+      <th>Started</th>
+      <th>Class</th>
+      <th>Args</th>
+    </tr>
+    <tr>
+      <td><img src="<%=u '../../images/resque/working.png' %>" alt="working" title="working"></td>
+      <% host, pid,thread, _ = worker.to_s.split(':') %>
+      <td><%= link_to("#{host}:#{pid}:#{thread}", {:action => 'workers', :id => worker.to_s.gsub(/\./,'_')}) %></td>
+      <% data = worker.job %>
+      <% queue = data['queue'] %>
+      <td><%= link_to(queue, {:action => 'queues', :id => queue}, :class => 'queue') %></td>
+      <td><span class="time"><%= format_time(Time.zone.parse(data['run_at'].to_s)) %></span></td>
+      <td>
+        <code><%= data['payload']['class'] %></code>
+      </td>
+      <td><%=h data['payload']['args'].inspect %></td>
+    </tr>
+  </table>
+
+<% else %>
+
+  <% workers = resque.working %>
+  <h1 class='wi'><%= workers.size %> of <%= resque.workers.size %> Workers Working</h1>
+  <p class='intro'>The list below contains all workers which are currently running a job.</p>
+  <table class='workers'>
+    <tr>
+      <th>&nbsp;</th>
+      <th>Where (ip):pid:thread</th>
+      <th>Queue</th>
+      <th>Processing</th>
+    </tr>
+    <% if workers.empty? %>
+      <tr>
+        <td colspan="4" class='no-data'>Nothing is happening right now...</td>
+      </tr>
+    <% end %>
+
+    <% for worker in workers.sort_by { |w| w.job['run_at'].to_s } %>
+      <% job = worker.job %>
+      <tr>
+        <td class='icon'><img src="<%=u "../../images/resque/#{state = worker.state}" %>.png" alt="<%= state %>" title="<%= state %>"></td>
+        <% host, pid, thread, queues = worker.to_s.split(':') %>
+        <td class='where'><%= link_to("#{host}:#{pid}:#{thread}", {:action => 'workers', :id => worker.to_s.gsub(/\./,'_')}) %></td>
+        <td class='queues queue'>
+          <%= link_to(job['queue'], {:action => 'queues', :id => job['queue']}, :class => 'queue-tag') %>
+        </td>
+        <td class='process'>
+          <% if job['queue'] %>
+            <code><%= job['payload']['class'] %></code>
+            <small><%= link_to(format_time(Time.zone.parse(job['run_at'].to_s)), {:action => 'working', :id => worker.to_s.gsub(/\./,'_')}, :class => 'queue time') %></small>
+            <br/>
+            <small><%=worker.status%></small>
+          <% else %>
+            <span class='waiting'>Waiting for a job...</span>
+          <% end %>
+        </td>
+      </tr>
+    <% end %>
+  </table>
+
+<% end %>

data/app/views/resque/delayed.html.erb

@@ -0,0 +1,35 @@
+<h1>Delayed Jobs</h1>
+
+<p class='intro'>
+  This list below contains the timestamps for scheduled delayed jobs.
+</p>
+
+<p class='sub'>
+  Showing <%= start = params[:start].to_i %> to <%= start + 20 %> of <b><%=size = resque.delayed_queue_schedule_size %></b> timestamps
+</p>
+
+<table>
+  <tr>
+    <th>Timestamp</th>
+    <th>Job count</th>
+    <th>Class</th>
+    <th>Args</th>
+  </tr>
+  <% resque.delayed_queue_peek(start, start+20).each do |timestamp| %>
+    <tr>
+      <td><a href="<%= url "delayed/#{timestamp}" %>"><%= format_time(Time.at(timestamp)) %></a></td>
+      <td><%= delayed_timestamp_size = resque.delayed_timestamp_size(timestamp) %></td>
+      <% job = resque.delayed_timestamp_peek(timestamp, 0, 1).first %>
+      <td>
+        <% if job && delayed_timestamp_size == 1 %>
+          <%= h(job['class']) %>
+        <% else %>
+          <a href="<%= url "delayed/#{timestamp}" %>">see details</a>
+        <% end %>
+      </td>
+      <td><%= h(job['args'].inspect) if job && delayed_timestamp_size == 1 %></td>
+    </tr>
+  <% end %>
+</table>
+
+<%= render(:partial => 'next_more', :locals => {:start => start, :size => size}) %>

data/app/views/resque/delayed_timestamp.html.erb

@@ -0,0 +1,26 @@
+<% timestamp = params[:timestamp].to_i %>
+
+<h1>Delayed jobs scheduled for <%= format_time(Time.at(timestamp)) %></h1>
+
+<p class='sub'>Showing <%= start = params[:start].to_i %> to <%= start + 20 %> of <b><%=size = resque.delayed_timestamp_size(timestamp)%></b> jobs</p>
+
+<table class='jobs'>
+  <tr>
+    <th>Class</th>
+    <th>Args</th>
+  </tr>
+  <% jobs = resque.delayed_timestamp_peek(timestamp, start, 20) %>
+  <% jobs.each do |job| %>
+    <tr>
+      <td class='class'><%= job['class'] %></td>
+      <td class='args'><%=h job['args'].inspect %></td>
+    </tr>
+  <% end %>
+  <% if jobs.empty? %>
+    <tr>
+      <td class='no-data' colspan='2'>There are no pending jobs scheduled for this time.</td>
+    </tr>
+  <% end %>
+</table>
+
+<%= partial :next_more, :start => start, :size => size %>

data/app/views/resque/error.erb

@@ -0,0 +1 @@
+<h1 style="font-size:110%;font-family:Arial, sans-serif;"><%= error %></h1>

data/app/views/resque/failed.html.erb

@@ -0,0 +1,54 @@
+<%start = params[:start].to_i %>
+<%failed = Resque::Failure.all(start, 20)%>
+
+<h1>Failed Jobs</h1>
+<%unless failed.empty?%>
+  <form method="POST" action="clear_failures" class='clear-failed'>
+    <input type='submit' name='' value='Clear Failed Jobs' />
+  </form>
+<%end%>
+
+<% if classes_in_failure.present? -%>
+  <br/>
+  <table style="border:1px solid #CCCCCC">
+    <tr>
+    <h2>Restart all failed jobs in class:</h2>
+    <% classes_in_failure.each do |c| -%>
+      <td style="<%="width:#{100/classes_in_failure.size}%; border:none"%>"><%= button_to c, {:controller=>'resque', :action=> 'requeue_failures_in_class', :class => c}, :method => :post %></td>
+    <% end -%>
+  </tr>
+  </table>
+<% end -%>
+
+<p class='sub'>Showing <%=start%> to <%= start + 20 %> of <b><%= size = Resque::Failure.count %></b> jobs</p>
+
+<ul class='failed'>
+  <%for job in failed%>
+    <li>
+      <dl>
+        <dt>Worker</dt>
+        <dd><%= link_to(job['worker'].split(':')[0...3].join(':'), :action => 'workers',:id => job['worker'].gsub(/\./,'_')) %> on <b class='queue-tag'><%= job['queue'] %></b > at <b><span class="time"><%= format_time(Time.zone.parse(job['failed_at'])) %></span></b></dd>
+        <dt>Class</dt>
+        <dd><code><%= job['payload']['class'] %></code></dd>
+        <dt>Arguments</dt>
+        <dd><pre><%=h show_args(job['payload']['args']) %></pre></dd>
+        <dt>Error</dt>
+        <dd class='error'>
+          <a href="#" class="backtrace"><%= h(job['error']) %></a>
+          <pre style='display:none'><%=h job['backtrace'].join("\n") %></pre>
+        </dd>
+        <dt>
+          <%= button_to "Restart Job", {:controller=>'resque', :action=> 'requeue_failure', :payload => job['payload'].to_json}, :method => :post %>
+        </dt>
+        <dt></dt>
+        <dd>
+          <%= button_to "Clear Job", {:controller=>'resque', :action=> 'clear_failure', :payload => job['payload'].to_json}, :method => :post %>
+        </dd>
+      </dl>
+      <div class='r'>
+      </div>
+    </li>
+  <%end%>
+</ul>
+
+<%= render(:partial => 'next_more', :locals => {:start => start, :size => size}) %>

data/app/views/resque/overview.html.erb

@@ -0,0 +1,4 @@
+<%= render(:partial => 'queues', :locals => {:partial => true}) %>
+<hr />
+<%= render(:partial => 'working') %>
+<%= poll %>

data/app/views/resque/schedule.html.erb

@@ -0,0 +1,96 @@
+
+<div id="schedule">
+  <h1>Schedule</h1>
+
+  <p class='intro'>
+    The list below contains all scheduled jobs.  Click &quot;Queue now&quot; to queue
+    a job immediately.
+  </p>
+
+  <table>
+    <tr>
+      <th></th>
+      <th>Name</th>
+      <th>IP</th>
+      <th>Description</th>
+      <th>Cron</th>
+      <th>Class</th>
+      <th>Arguments</th>
+      <th></th>
+    </tr>
+    <% Resque.schedule.each do |name,config| %>
+      <tr>
+        <td>
+          <%= button_to "Queue now", {:controller=>'resque', :action=> 'schedule_requeue', :job_name => name}, :method => :post %>
+        </td>
+        <td><%= h name %></td>
+        <td><%= h config['ip'] %></td>
+        <td><%= h config['description'] %></td>
+        <td style="white-space:nowrap"><%= h config['cron'] %></td>
+        <td><%= h config['class'] %></td>
+        <td><%= h config['args'].inspect %></td>
+        <td><%= button_to "Remove", {:controller=>'resque', :action=> 'remove_from_schedule', :job_name => name, :ip => config['ip']}, :method => :post %></td>
+      </tr>
+    <%end%>
+  </table>
+
+  <h1>Add Job to Schedule</h1>
+  <div id='flash' class="flash">
+    <%flash_message = flash_helper%>
+    <% unless flash_message.blank? -%>
+      <p>
+        <%= flash_message %>
+      </p>
+      <%= javascript_tag "$('flash').show();" %>
+    <% end %>
+  </div>
+  <%= form_tag '/resque/add_scheduled_job' do -%>
+    <table>
+      <tr>
+        <th>Name</th>
+        <th>IP</th>
+        <th>Description</th>
+        <th>Cron</th>
+        <th>Class</th>
+        <th>Arguments</th>
+        <th></th>
+      </tr>
+      <tr>
+        <td><%= text_field_tag :name %></td>
+        <td><%= text_field_tag :ip %></td>
+        <td><%= text_field_tag :description %></td>
+        <td style="white-space:nowrap"><%= text_field_tag :cron %></td>
+        <td><%= text_field_tag :class %></td>
+        <td><%= text_area_tag :args, nil, :rows => 1, :cols => 40%></td>
+        <td>
+          <%= submit_tag 'Add Job', :id => 'add_job' %>
+        </td>
+      </tr>
+    </table>
+  <% end -%>
+
+  <h1>Farm Status</h1>
+
+  <table>
+    <tr>
+      <th>IP</th>
+      <th>Status</th>
+      <th></th>
+    </tr>
+    <%@farm_status.each do |ip,status| -%>
+      <tr>
+        <td>
+          <%= ip %>
+        </td>
+        <td><%= status %></td>
+        <td>
+          <%  if status == 'Running' -%>
+            <%= button_to "Stop Scheduler", {:controller=>'resque', :action=> 'stop_scheduler', :ip => ip}, :method => :post %>
+          <% else -%>
+            <%= button_to "Start Scheduler", {:controller=>'resque', :action=> 'start_scheduler', :ip => ip}, :method => :post %>
+          <% end -%>
+        </td>
+      </tr>
+    <% end -%>
+  </table>
+</div>

data/app/views/resque/stats.html.erb

@@ -0,0 +1,62 @@
+<% @subtabs = %w( resque redis keys ) %>
+
+<% if params[:key] %>
+
+  <%= render(:partial =>  'key') %>
+
+<% elsif params[:id] == "resque" %>
+
+  <h1><%= resque %></h1>
+  <table class='stats'>
+  <% for key, value in resque.info.to_a.sort_by { |i| i[0].to_s } %>
+    <tr>
+      <th>
+        <%= key %>
+      </th>
+      <td>
+        <%= value %>
+      </td>
+    </tr>
+  <% end %>
+  </table>
+
+<% elsif params[:id] == 'redis' %>
+
+  <h1><%= resque.redis_id %></h1>
+  <table class='stats'>
+  <% for key, value in resque.redis.info.to_a.sort_by { |i| i[0].to_s } %>
+    <tr>
+      <th>
+        <%= key %>
+      </th>
+      <td>
+        <%= value %>
+      </td>
+    </tr>
+  <% end %>
+  </table>
+
+<% elsif params[:id] == 'keys' %>
+
+  <h1>Keys owned by <%= resque %></h1>
+  <p class='sub'>(All keys are actually prefixed with "resque:")</p>
+  <table class='stats'>
+    <tr>
+      <th>key</th>
+      <th>type</th>
+      <th>size</th>
+    </tr>
+  <% for key in resque.keys.sort %>
+    <tr>
+      <th>
+        <%= link_to(key, "/resque/stats/keys?key=#{key}") %>
+      </th>
+      <td><%= resque.redis.type key %></td>
+      <td><%= redis_get_size key %></td>
+    </tr>
+  <% end %>
+  </table>
+
+<% else %>
+
+<% end %>

data/app/views/resque/status.html.erb

@@ -0,0 +1,57 @@
+<%= render(:partial => 'status_styles') %>
+
+<h1 class='wi'>Statuses: <%= @status.uuid %>/<%= @status.name %></h1>
+<p class='intro'>Viewing a specific job created with JobWithStatus. <%= link_to('Return to the list of statuses', :action => "statuses") %></p>
+
+<div class="status-holder" rel="<%= @status.status %>" id="status_<%= @status.uuid %>">
+  <div class="status-progress">
+    <div class="status-progress-bar status-<%= @status.status %>" style="width: <%= @status.pct_complete %>%;"></div>
+    <p><%= @status.pct_complete %>%</p>
+  </div>
+  <div class="status-message"><%= @status.message %></div>
+  <div class="status-time"><%= @status.time? ? format_time(Time.zone.parse(@status.time.to_s)) : 'Not started' %></div>
+</div>
+
+<script type="text/javascript" charset="utf-8">
+  jQuery(function($) {
+
+    // itterate over the holders
+    $('.status-holder').each(function() {
+      checkStatus($(this));
+    });
+
+    function checkStatus($status) {
+      var status_id = $status.attr('id').replace('status_', '');
+      $.getJSON('<%= url(:statuses) %>/' + status_id + '.js', function(json) {
+        if (json) {
+          var pct = "0%";
+          if (json.pct_complete) {
+            var pct = json.pct_complete + "%";
+          }
+          $status.find('.status-progress-bar').animate({width: pct});
+          $status.find('.status-progress p').text(pct)
+          if (json.message) {
+            $status.find('.status-message').html(json.message)
+          }
+          if (json.status) {
+            $status
+              .attr('rel', json.status)
+              .find('.status-progress-bar')
+                .attr('class', '')
+                .addClass('status-progress-bar status-' + json.status);
+          }
+          if (json.time) {
+            $status.find('.status-time').text(new Date(json.time * 1000).toString())
+          }
+        };
+        var status = $status.attr('rel');
+        if (status == 'working' || status == 'queued' || status == "") {
+          setTimeout(function() {
+            checkStatus($status)
+          }, 1500);
+        }
+      });
+    };
+
+  });
+</script>