Skip to content
This repository has been archived by the owner on Nov 20, 2018. It is now read-only.

Commit

Permalink
chore(jQuery): favor non-jQuery examples
Browse files Browse the repository at this point in the history 
#1310
  • Loading branch information
@rnicholus
rnicholus committed Jan 12, 2015
1 parent efd4076 commit ee93b58
Show file tree
Hide file tree
Showing 2 changed files with 116 additions and 106 deletions.
95 changes: 49 additions & 46 deletions demos.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -240,15 +240,15 @@ <h3>Basic Setup</h3>
<button class="btn-link"><i class="icon-eye-open"></i>View Code</button>
<div class="source-view">
<ul role="tablist" class="code-example">
<li role="tab" aria-controls="jquery-tab-basic" tabindex="0" id="jquery-tab-basic-control" class="code-tab activeTabTrigger" data-tab="jquery-tab-basic" style="display: inline;">jQuery</li>
<li role="tab" aria-controls="no-dependencies-tab-basic" tabindex="0" id="no-dependencies-tab-basic-control" class="code-tab" data-tab="no-dependencies-tab-basic" style="display: inline;">No Dependencies</li>
<li role="tab" aria-controls="no-dependencies-tab-basic" tabindex="0" id="no-dependencies-tab-basic-control" class="code-tab activeTabTrigger" data-tab="no-dependencies-tab-basic" style="display: inline;">No Dependencies</li>
<li role="tab" aria-controls="jquery-tab-basic" tabindex="0" id="jquery-tab-basic-control" class="code-tab" data-tab="jquery-tab-basic" style="display: inline;">jQuery</li>

<pre role="tabpanel" aria-labelledby="jquery-tab-basic-control" id="jquery-tab-basic" class="code-window active" style="margin-top:9px;">
<code class="example" data-demo="jquery-minimal"></code>
</pre>
<pre role="tabpanel" aria-labelledby="no-dependencies-tab-basic-control" id="no-dependencies-tab-basic" class="code-window" style="margin-top:9px;">
<pre role="tabpanel" aria-labelledby="no-dependencies-tab-basic-control" id="no-dependencies-tab-basic" class="code-window active" style="margin-top:9px;">
<code class="example" data-demo="minimal"></code>
</pre>
<pre role="tabpanel" aria-labelledby="jquery-tab-basic-control" id="jquery-tab-basic" class="code-window" style="margin-top:9px;">
<code class="example" data-demo="jquery-minimal"></code>
</pre>
</ul>
</div>
</div>
Expand Down Expand Up @@ -279,16 +279,15 @@ <h3>Display Image Previews</h3>
<button class="btn-link"><i class="icon-eye-open"></i>View Code</button>
<div class="source-view">
<ul role="tablist" class="code-example">
<li role="tab" aria-controls="jquery-tab-display-images" tabindex="0" id="jquery-tab-display-images-control" class="code-tab activeTabTrigger" data-tab="jquery-tab-display-images">jQuery</li>
<li role="tab" aria-controls="no-dependencies-tab-display-images" tabindex="0" id="no-dependencies-tab-display-images-control" class="code-tab" data-tab="no-dependencies-tab-display-images">No Dependencies</li>
<li role="tab" aria-controls="no-dependencies-tab-display-images" tabindex="0" id="no-dependencies-tab-display-images-control" class="code-tab activeTabTrigger" data-tab="no-dependencies-tab-display-images">No Dependencies</li>
<li role="tab" aria-controls="jquery-tab-display-images" tabindex="0" id="jquery-tab-display-images-control" class="code-tab" data-tab="jquery-tab-display-images">jQuery</li>

<pre role="tabpanel" aria-labelledby="jquery-tab-display-images-control" id="jquery-tab-display-images" class="code-window active">
<code class="example" data-demo="jquery-display-thumbnails"></code>
</pre>

<pre role="tabpanel" aria-labelledby="no-dependencies-tab-display-images-control" id="no-dependencies-tab-display-images" class="code-window">
<pre role="tabpanel" aria-labelledby="no-dependencies-tab-display-images-control" id="no-dependencies-tab-display-images" class="code-window active">
<code class="example xml" data-demo="display-thumbnails"></code>
</pre>
<pre role="tabpanel" aria-labelledby="jquery-tab-display-images-control" id="jquery-tab-display-images" class="code-window">
<code class="example" data-demo="jquery-display-thumbnails"></code>
</pre>
</ul>
</div>
</div>
Expand All @@ -313,16 +312,15 @@ <h3>Manually Trigger Uploads</h3>
<button class="btn-link"><i class="icon-eye-open"></i>View Code</button>
<div class="source-view">
<ul role="tablist" class="code-example">
<li role="tab" aria-controls="jquery-tab-display-images" tabindex="0" id="jquery-tab-manually-trigger-uploads-control" class="code-tab activeTabTrigger" data-tab="jquery-tab-manually-trigger-uploads">jQuery</li>
<li role="tab" aria-controls="no-dependencies-tab-display-images" tabindex="0" id="no-dependencies-tab-manually-trigger-uploads-control" class="code-tab" data-tab="no-dependencies-tab-manually-trigger-uploads">No Dependencies</li>
<li role="tab" aria-controls="no-dependencies-tab-display-images" tabindex="0" id="no-dependencies-tab-manually-trigger-uploads-control" class="code-tab activeTabTrigger" data-tab="no-dependencies-tab-manually-trigger-uploads">No Dependencies</li>
<li role="tab" aria-controls="jquery-tab-display-images" tabindex="0" id="jquery-tab-manually-trigger-uploads-control" class="code-tab" data-tab="jquery-tab-manually-trigger-uploads">jQuery</li>

<pre role="tabpanel" aria-labelledby="jquery-tab-manually-trigger-uploads-control" id="jquery-tab-manually-trigger-uploads" class="code-window active">
<code class="example" data-demo="jquery-manual-trigger"></code>
</pre>
<pre role="tabpanel" aria-labelledby="no-dependencies-tab-manually-trigger-uploads-control" id="no-dependencies-tab-manually-trigger-uploads" class="code-window" >
<pre role="tabpanel" aria-labelledby="no-dependencies-tab-manually-trigger-uploads-control" id="no-dependencies-tab-manually-trigger-uploads" class="code-window active">
<code class="example" data-demo="manual-trigger"></code>
</pre>

<pre role="tabpanel" aria-labelledby="jquery-tab-manually-trigger-uploads-control" id="jquery-tab-manually-trigger-uploads" class="code-window">
<code class="example" data-demo="jquery-manual-trigger"></code>
</pre>
</ul>
</div>
</div>
Expand All @@ -349,15 +347,15 @@ <h3>Edit File Names (Pre-Upload)</h3>
<button class="btn-link"><i class="icon-eye-open"></i>View Code</button>
<div class="source-view">
<ul role="tablist" class="code-example">
<li role="tab" aria-controls="jquery-tab-edit-filenames" tabindex="0" id="jquery-tab-edit-filenames-control" class="code-tab activeTabTrigger" data-tab="jquery-tab-edit-filenames" >jQuery</li>
<li role="tab" aria-controls="no-dependencies-tab-edit-filenames" tabindex="0" id="no-dependencies-tab-edit-filenames-control" class="code-tab" data-tab="no-dependencies-tab-edit-filenames">No Dependencies</li>
<li role="tab" aria-controls="no-dependencies-tab-edit-filenames" tabindex="0" id="no-dependencies-tab-edit-filenames-control" class="code-tab activeTabTrigger" data-tab="no-dependencies-tab-edit-filenames">No Dependencies</li>
<li role="tab" aria-controls="jquery-tab-edit-filenames" tabindex="0" id="jquery-tab-edit-filenames-control" class="code-tab" data-tab="jquery-tab-edit-filenames" >jQuery</li>

<pre role="tabpanel" aria-labelledby="jquery-tab-edit-filenames-control" id="jquery-tab-edit-filenames" class="code-window active">
<code class="example" data-demo="jquery-edit-file"></code>
</pre>
<pre role="tabpanel" aria-labelledby="no-dependencies-tab-edit-filenames-control" id="no-dependencies-tab-edit-filenames" class="code-window">
<pre role="tabpanel" aria-labelledby="no-dependencies-tab-edit-filenames-control" id="no-dependencies-tab-edit-filenames" class="code-window active">
<code class="example" data-demo="edit-file"></code>
</pre>
<pre role="tabpanel" aria-labelledby="jquery-tab-edit-filenames-control" id="jquery-tab-edit-filenames" class="code-window">
<code class="example" data-demo="jquery-edit-file"></code>
</pre>
</ul>
</div>
</div>
Expand Down Expand Up @@ -387,15 +385,15 @@ <h3>Various Options</h3>
<button class="btn-link"><i class="icon-eye-open"></i>View Code</button>
<div class="source-view">
<ul role="tablist" class="code-example">
<li role="tab" aria-controls="jquery-tab-various-options" id="jquery-tab-various-options-control" tabindex="0" class="code-tab activeTabTrigger" data-tab="jquery-tab-various-options" >jQuery</li>
<li role="tab" aria-controls="no-dependencies-tab-various-options" id="no-dependencies-tab-various-options-control" tabindex="0" class="code-tab" data-tab="no-dependencies-tab-various-options">No Dependencies</li>
<li role="tab" aria-controls="no-dependencies-tab-various-options" id="no-dependencies-tab-various-options-control" tabindex="0" class="code-tab activeTabTrigger" data-tab="no-dependencies-tab-various-options">No Dependencies</li>
<li role="tab" aria-controls="jquery-tab-various-options" id="jquery-tab-various-options-control" tabindex="0" class="code-tab" data-tab="jquery-tab-various-options" >jQuery</li>

<pre role="tabpanel" aria-labelledby="jquery-tab-various-options-control" id="jquery-tab-various-options" class="code-window active">
<code class="example" data-demo="jquery-various-options"></code>
</pre>
<pre role="tabpanel" aria-labelledby="no-dependencies-tab-various-options-control" id="no-dependencies-tab-various-options" class="code-window">
<pre role="tabpanel" aria-labelledby="no-dependencies-tab-various-options-control" id="no-dependencies-tab-various-options" class="code-window active">
<code class="example xml" data-demo="various-options"></code>
</pre>
<pre role="tabpanel" aria-labelledby="jquery-tab-various-options-control" id="jquery-tab-various-options" class="code-window">
<code class="example" data-demo="jquery-various-options"></code>
</pre>
</ul>
</div>
</div>
Expand All @@ -418,15 +416,15 @@ <h3>Limit Number of Uploaded Files</h3>
<button class="btn-link"><i class="icon-eye-open"></i>View Code</button>
<div class="source-view">
<ul role="tablist" class="code-example">
<li role="tab" aria-controls="jquery-tab-uploaded-files" id="jquery-tab-uploaded-files-control" tabindex="0" class="code-tab activeTabTrigger" data-tab="jquery-tab-uploaded-files" >jQuery</li>
<li role="tab" aria-controls="no-dependencies-tab-uploaded-files" id="no-dependencies-tab-uploaded-files-control" tabindex="0" class="code-tab " data-tab="no-dependencies-tab-uploaded-files">No Dependencies</li>
<li role="tab" aria-controls="no-dependencies-tab-uploaded-files" id="no-dependencies-tab-uploaded-files-control" tabindex="0" class="code-tab activeTabTrigger" data-tab="no-dependencies-tab-uploaded-files">No Dependencies</li>
<li role="tab" aria-controls="jquery-tab-uploaded-files" id="jquery-tab-uploaded-files-control" tabindex="0" class="code-tab" data-tab="jquery-tab-uploaded-files" >jQuery</li>

<pre role="tabpanel" aria-labelledby="jquery-tab-uploaded-files-control" id="jquery-tab-uploaded-files" class="code-window active">
<code class="example" data-demo="jquery-limit-files"></code>
</pre>
<pre role="tabpanel" aria-labelledby="no-dependencies-tab-uploaded-files-control" id="no-dependencies-tab-uploaded-files" class="code-window">
<pre role="tabpanel" aria-labelledby="no-dependencies-tab-uploaded-files-control" id="no-dependencies-tab-uploaded-files" class="code-window active">
<code class="example xml" data-demo="limit-files"></code>
</pre>
<pre role="tabpanel" aria-labelledby="jquery-tab-uploaded-files-control" id="jquery-tab-uploaded-files" class="code-window">
<code class="example" data-demo="jquery-limit-files"></code>
</pre>
</ul>
</div>
</div>
Expand All @@ -449,15 +447,15 @@ <h3 class="demo-title">Bootstrapped Minimal Demo</h3>
<button class="btn-link"><i class="icon-eye-open"></i>View Code</button>
<div class="source-view">
<ul role="tablist" class="code-example">
<li role="tab" tabindex="0" aria-controls="jquery-tab-bootstrapped" id="jquery-tab-bootstrapped-control" class="code-tab activeTabTrigger" data-tab="jquery-tab-bootstrapped">jQuery</li>
<li role="tab" tabindex="0" aria-controls="no-dependencies-tab-bootstrapped" id="no-dependencies-tab-bootstrapped-control" class="code-tab" data-tab="no-dependencies-tab-bootstrapped">No Dependencies</li>
<li role="tab" tabindex="0" aria-controls="no-dependencies-tab-bootstrapped" id="no-dependencies-tab-bootstrapped-control" class="code-tab activeTabTrigger" data-tab="no-dependencies-tab-bootstrapped">No Dependencies</li>
<li role="tab" tabindex="0" aria-controls="jquery-tab-bootstrapped" id="jquery-tab-bootstrapped-control" class="code-tab" data-tab="jquery-tab-bootstrapped">jQuery</li>

<pre role="tabpanel" aria-labelledby="jquery-tab-bootstrapped-control" id="jquery-tab-bootstrapped" class="code-window active">
<code class="example" data-demo="jquery-bootstrapped-minimal"></code>
</pre>
<pre role="tabpanel" aria-labelledby="no-dependencies-tab-bootstrapped-control" id="no-dependencies-tab-bootstrapped" class="code-window">
<pre role="tabpanel" aria-labelledby="no-dependencies-tab-bootstrapped-control" id="no-dependencies-tab-bootstrapped" class="code-window active">
<code class="example" data-demo="bootstrapped-minimal"></code>
</pre>
<pre role="tabpanel" aria-labelledby="jquery-tab-bootstrapped-control" id="jquery-tab-bootstrapped" class="code-window">
<code class="example" data-demo="jquery-bootstrapped-minimal"></code>
</pre>
</ul>
</div>
</div>
Expand Down Expand Up @@ -524,10 +522,15 @@ <h3 style="margin-top:-5px; display:inline; font-size:14px;">Try it out!</h3>
<button class="btn-link"><i class="icon-eye-open"></i>View Code</button>
<div class="source-view">
<ul role="tablist" class="code-example">
<li role="tab" tabindex="0" aria-controls="jquery-tab-amazon" id="jquery-tab-amazon-control" class="code-tab activeTabTrigger" data-tab="jquery-tab-amazon" >jQuery</li>
<pre role="tabpanel" aria-labelledby="jquery-tab-amazon-control" id="jquery-tab-amazon" class="code-window active">
<li role="tab" tabindex="0" aria-controls="nodep-tab-amazon" id="nodep-tab-amazon-control" class="code-tab activeTabTrigger" data-tab="nodep-tab-amazon">No Dependencies</li>
<li role="tab" tabindex="0" aria-controls="jquery-tab-amazon" id="jquery-tab-amazon-control" class="code-tab" data-tab="jquery-tab-amazon">jQuery</li>

<pre role="tabpanel" aria-labelledby="nodep-tab-amazon-control" id="nodep-tab-amazon" class="code-window active">
<code class="example" data-demo="s3-demo"></code>
</pre>
<pre role="tabpanel" aria-labelledby="jquery-tab-amazon-control" id="jquery-tab-amazon" class="code-window">
<code class="example" data-demo="jquery-s3-demo"></code>
</pre>
</ul>
</div>
</div>
Expand Down
Loading

0 comments on commit ee93b58

Please sign in to comment.