Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>First you need a function to actually do the polling. When a response is received, you'll update the progress bar and do whatever else you'd like. Here I have that split out into a separate, unoriginally named function, <code>parseResponse()</code>, which then calls <code>poll()</code> again until the job is done.</p> <pre><code>var jobId = 12345; function poll() { setTimeout(function() { $.ajax({ url: 'https://app.zencoder.com/api/v2/jobs/' + jobId + '/progress', type: 'GET', headers: { "Zencoder-Api-Key": 'ZENCODER READ ONLY API KEY' }, //dataType: 'json', success: function(data) { parseResponse(data); }, error: function(data) { console.log(data) } }); }, 3000); } </code></pre> <p>When we get the progress back from Zencoder, we only want to update the progress bar when the job is in certain states. Here we just log out the state unless it's processing or finished, in which case we do indeed change the width of the progress bar.</p> <pre><code>function parseResponse(data) { switch(data.state) { case 'pending': console.log('Pending'); poll(); break; case 'waiting': console.log('Waiting'); poll(); break; case 'processing': console.log('processing'); $('.progress .bar').css('width', Math.round(data.progress) + '%'); poll(); break; case 'finished': console.log('Finished'); $('.progress').removeClass('active'); $('.progress .bar').css('width', '100%'); break; case 'failed': console.log('Failed'); break; case 'cancelled': console.log('Cancelled'); break; default: console.log("Wat?"); } } </code></pre> <p>Once you have this set up, you can kick off the process by calling <code>poll()</code>.</p> <p>This assumes you're using jQuery and only have one progress bar on the page, but that should give you an idea of how to get started.</p>
    singulars
    1. This table or related slice is empty.
    1. POZencoder progress JSON response converted to populate width in boostrap progress bar
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USMatt McClure
    1. USMatt McClure
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POZencoder progress JSON response converted to populate width in boostrap progress bar
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COThank you very much for this response. Whilst the code looks absolutely perfect for what I need, I can't get it to work. I only have one progress bar on the page but am unsure how to ensure that jQuery is installed within my application/server. I apologise if I'm being naive - I know my way around PHP but very little javascript. Any help would be greatly appreciated! Tom
      singulars
      1. PO
      1. USuser2608266
    2. COSorry about that, I just assumed you were including jQuery since the Bootstrap JS is all jQuery plugins. You should see an include at the top of your page `<script src="http://some-path/jquery.js">` If it's not there, you can use the [CDN version](//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js). I also edited my answer to include how to "kick off" the polling.
      singulars
      1. PO
      1. USMatt McClure
    3. COJust to make things easier, here's a [working example](http://www.bootply.com/69250). Keep in mind you'll need to specify both a Zencoder read-only API key and a job ID for it to do anything.
      singulars
      1. PO
      1. USMatt McClure
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload