From be5f31480b53555c492e0077c8bb9f419fc48f62 Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Wed, 5 Dec 2012 11:09:02 -0800 Subject: Nuke all i18n tags from .mustache templates --- docs/templates/pages/javascript.mustache | 1086 +++++++++++++++--------------- 1 file changed, 543 insertions(+), 543 deletions(-) (limited to 'docs/templates/pages/javascript.mustache') diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache index 64714bb11..c58ab0835 100644 --- a/docs/templates/pages/javascript.mustache +++ b/docs/templates/pages/javascript.mustache @@ -2,8 +2,8 @@ ================================================== -->
-

{{_i}}JavaScript{{/i}}

-

{{_i}}Bring Bootstrap's components to life—now with 13 custom jQuery plugins.{{/i}} +

JavaScript

+

Bring Bootstrap's components to life—now with 13 custom jQuery plugins.

@@ -14,20 +14,20 @@
@@ -37,35 +37,35 @@ ================================================== -->
-

{{_i}}JavaScript in Bootstrap{{/i}}

+

JavaScript in Bootstrap

-

{{_i}}Individual or compiled{{/i}}

-

{{_i}}Plugins can be included individually (though some have required dependencies), or all at once. Both bootstrap.js and bootstrap.min.js contain all plugins in a single file.{{/i}}

+

Individual or compiled

+

Plugins can be included individually (though some have required dependencies), or all at once. Both bootstrap.js and bootstrap.min.js contain all plugins in a single file.

-

{{_i}}Data attributes{{/i}}

-

{{_i}}You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap's first class API and should be your first consideration when using a plugin.{{/i}}

+

Data attributes

+

You can use all Bootstrap plugins purely through the markup API without writing a single line of JavaScript. This is Bootstrap's first class API and should be your first consideration when using a plugin.

-

{{_i}}That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the body namespaced with `'data-api'`. This looks like this:{{/i}} +

That said, in some situations it may be desirable to turn this functionality off. Therefore, we also provide the ability to disable the data attribute API by unbinding all events on the body namespaced with `'data-api'`. This looks like this: 

$('body').off('.data-api')
-

{{_i}}Alternatively, to target a specific plugin, just include the plugin's name as a namespace along with the data-api namespace like this:{{/i}}

+

Alternatively, to target a specific plugin, just include the plugin's name as a namespace along with the data-api namespace like this:

$('body').off('.alert.data-api')
-

{{_i}}Programmatic API{{/i}}

-

{{_i}}We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.{{/i}}

+

Programmatic API

+

We also believe you should be able to use all Bootstrap plugins purely through the JavaScript API. All public APIs are single, chainable methods, and return the collection acted upon.

$(".btn.danger").button("toggle").addClass("fat")
-

{{_i}}All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):{{/i}}

+

All methods should accept an optional options object, a string which targets a particular method, or nothing (which initiates a plugin with default behavior):

 $("#myModal").modal()                       // initialized with defaults
 $("#myModal").modal({ keyboard: false })   // initialized with no keyboard
 $("#myModal").modal('show')                // initializes and invokes show immediately
-

{{_i}}Each plugin also exposes its raw constructor on a `Constructor` property: $.fn.popover.Constructor. If you'd like to get a particular plugin instance, retrieve it directly from an element: $('[rel=popover]').data('popover').{{/i}}

+

Each plugin also exposes its raw constructor on a `Constructor` property: $.fn.popover.Constructor. If you'd like to get a particular plugin instance, retrieve it directly from an element: $('[rel=popover]').data('popover').

-

{{_i}}Events{{/i}}

-

{{_i}}Bootstrap provides custom events for most plugin's unique actions. Generally, these come in an infinitive and past participle form - where the infinitive (ex. show) is triggered at the start of an event, and its past participle form (ex. shown) is trigger on the completion of an action.{{/i}}

-

{{_i}}All infinitive events provide preventDefault functionality. This provides the ability to stop the execution of an action before it starts.{{/i}}

+

Events

+

Bootstrap provides custom events for most plugin's unique actions. Generally, these come in an infinitive and past participle form - where the infinitive (ex. show) is triggered at the start of an event, and its past participle form (ex. shown) is trigger on the completion of an action.

+

All infinitive events provide preventDefault functionality. This provides the ability to stop the execution of an action before it starts.

 $('#myModal').on('show', function (e) {
     if (!data) return e.preventDefault() // stops modal from being shown
@@ -79,17 +79,17 @@ $('#myModal').on('show', function (e) {
         ================================================== -->
         

           

-            
{{_i}}Transitions{{/i}} bootstrap-transition.js

+            
Transitions bootstrap-transition.js

           

-          
{{_i}}About transitions{{/i}}

-          
{{_i}}For simple transition effects, include bootstrap-transition.js once alongside the other JS files. If you're using the compiled (or minified) bootstrap.js, there is no need to include this—it's already there.{{/i}}

-          
{{_i}}Use cases{{/i}}

-          
{{_i}}A few examples of the transition plugin:{{/i}}

+          
About transitions

+          
For simple transition effects, include bootstrap-transition.js once alongside the other JS files. If you're using the compiled (or minified) bootstrap.js, there is no need to include this—it's already there.

+          
Use cases

+          
A few examples of the transition plugin:

           
    
-            
  • {{_i}}Sliding or fading in modals{{/i}}
    • 
-            
  • {{_i}}Fading out tabs{{/i}}
    • 
-            
  • {{_i}}Fading out alerts{{/i}}
    • 
-            
  • {{_i}}Sliding carousel panes{{/i}}
    • 
+            
  • Sliding or fading in modals
    • 
+            
  • Fading out tabs
    • 
+            
  • Fading out alerts
    • 
+            
  • Sliding carousel panes
    • 
           

 
           {{! Ideas: include docs for .fade.in, .slide.in, etc }}
@@ -101,27 +101,27 @@ $('#myModal').on('show', function (e) {
         ================================================== -->
         

           

-            
{{_i}}Modals{{/i}} bootstrap-modal.js

+            
Modals bootstrap-modal.js

           

 
 
-          
{{_i}}Examples{{/i}}

-          
{{_i}}Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.{{/i}}

+          
Examples

+          
Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

 
-          
{{_i}}Static example{{/i}}

-          
{{_i}}A rendered modal with header, body, and set of actions in the footer.{{/i}}

+          
Static example

+          
A rendered modal with header, body, and set of actions in the footer.

           

             

               

                 
-                
{{_i}}Modal header{{/i}}

+                
Modal header

               

               

-                
{{_i}}One fine body…{{/i}}

+                
One fine body…

               

               

-                {{_i}}Close{{/i}}
-                {{_i}}Save changes{{/i}}
+                Close
+                Save changes
               

             

           
{{! /example }}
@@ -129,40 +129,40 @@ $('#myModal').on('show', function (e) {
 <div class="modal hide fade">
   <div class="modal-header">
     <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
-    <h3>{{_i}}Modal header{{/i}}</h3>
+    <h3>Modal header</h3>
   </div>
   <div class="modal-body">
-    <p>{{_i}}One fine body…{{/i}}</p>
+    <p>One fine body…</p>
   </div>
   <div class="modal-footer">
-    <a href="#" class="btn">{{_i}}Close{{/i}}</a>
-    <a href="#" class="btn btn-primary">{{_i}}Save changes{{/i}}</a>
+    <a href="#" class="btn">Close</a>
+    <a href="#" class="btn btn-primary">Save changes</a>
   </div>
 </div>
-

{{_i}}Live demo{{/i}}

-

{{_i}}Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.{{/i}}

+

Live demo

+

Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.

- {{_i}}Launch demo modal{{/i}} + Launch demo modal
{{! /example }} 
 <!-- Button to trigger modal -->
-<a href="#myModal" role="button" class="btn" data-toggle="modal">{{_i}}Launch demo modal{{/i}}</a>
+<a href="#myModal" role="button" class="btn" data-toggle="modal">Launch demo modal</a>
 
 <!-- Modal -->
 <div id="myModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
@@ -189,11 +189,11 @@ $('#myModal').on('show', function (e) {
     <h3 id="myModalLabel">Modal header</h3>
   </div>
   <div class="modal-body">
-    <p>{{_i}}One fine body…{{/i}}</p>
+    <p>One fine body…</p>
   </div>
   <div class="modal-footer">
-    <button class="btn" data-dismiss="modal" aria-hidden="true">{{_i}}Close{{/i}}</button>
-    <button class="btn btn-primary">{{_i}}Save changes{{/i}}</button>
+    <button class="btn" data-dismiss="modal" aria-hidden="true">Close</button>
+    <button class="btn btn-primary">Save changes</button>
   </div>
 </div>
@@ -202,104 +202,104 @@ $('#myModal').on('show', function (e) {
-

{{_i}}Usage{{/i}}

+

Usage

-

{{_i}}Via data attributes{{/i}}

-

{{_i}}Activate a modal without writing JavaScript. Set data-toggle="modal" on a controller element, like a button, along with a data-target="#foo" or href="#foo" to target a specific modal to toggle.{{/i}}

+

Via data attributes

+

Activate a modal without writing JavaScript. Set data-toggle="modal" on a controller element, like a button, along with a data-target="#foo" or href="#foo" to target a specific modal to toggle.

<button type="button" data-toggle="modal" data-target="#myModal">Launch modal</button>
-

{{_i}}Via JavaScript{{/i}}

-

{{_i}}Call a modal with id myModal with a single line of JavaScript:{{/i}}

+

Via JavaScript

+

Call a modal with id myModal with a single line of JavaScript:

$('#myModal').modal(options)
-

{{_i}}Options{{/i}}

-

{{_i}}Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-backdrop="".{{/i}}

+

Options

+

Options can be passed via data attributes or JavaScript. For data attributes, append the option name to data-, as in data-backdrop="".

- - - - + + + + - - - - + + + + - - - - + + + + - - - - + + + + - - - - + + +
{{_i}}Name{{/i}}{{_i}}type{{/i}}{{_i}}default{{/i}}{{_i}}description{{/i}}Nametypedefaultdescription
{{_i}}backdrop{{/i}}{{_i}}boolean{{/i}}{{_i}}true{{/i}}{{_i}}Includes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click.{{/i}}backdropbooleantrueIncludes a modal-backdrop element. Alternatively, specify static for a backdrop which doesn't close the modal on click.
{{_i}}keyboard{{/i}}{{_i}}boolean{{/i}}{{_i}}true{{/i}}{{_i}}Closes the modal when escape key is pressed{{/i}}keyboardbooleantrueCloses the modal when escape key is pressed
{{_i}}show{{/i}}{{_i}}boolean{{/i}}{{_i}}true{{/i}}{{_i}}Shows the modal when initialized.{{/i}}showbooleantrueShows the modal when initialized.
{{_i}}remote{{/i}}{{_i}}path{{/i}}{{_i}}false{{/i}}

{{_i}}If a remote url is provided, content will be loaded via jQuery's load method and injected into the .modal-body. If you're using the data api, you may alternatively use the href tag to specify the remote source. An example of this is shown below:{{/i}}

+ 		remotepathfalse

If a remote url is provided, content will be loaded via jQuery's load method and injected into the .modal-body. If you're using the data api, you may alternatively use the href tag to specify the remote source. An example of this is shown below:

<a data-toggle="modal" href="remote.html" data-target="#modal">click me</a>
- Methods{{/i}} -

.modal({{_i}}options{{/i}})

-

{{_i}}Activates your content as a modal. Accepts an optional options object.{{/i}}

+

Methods

+

.modal(options)

+

Activates your content as a modal. Accepts an optional options object.

 $('#myModal').modal({
   keyboard: false
 })

.modal('toggle')

-

{{_i}}Manually toggles a modal.{{/i}}

+

Manually toggles a modal.

$('#myModal').modal('toggle')

.modal('show')

-

{{_i}}Manually opens a modal.{{/i}}

+

Manually opens a modal.

$('#myModal').modal('show')

.modal('hide')

-

{{_i}}Manually hides a modal.{{/i}}

+

Manually hides a modal.

$('#myModal').modal('hide')
-

{{_i}}Events{{/i}}

-

{{_i}}Bootstrap's modal class exposes a few events for hooking into modal functionality.{{/i}}

+

Events

+

Bootstrap's modal class exposes a few events for hooking into modal functionality.

- - + + - - + + - - + + - - + + - - + +
{{_i}}Event{{/i}}{{_i}}Description{{/i}}EventDescription
{{_i}}show{{/i}}{{_i}}This event fires immediately when the show instance method is called.{{/i}}showThis event fires immediately when the show instance method is called.
{{_i}}shown{{/i}}{{_i}}This event is fired when the modal has been made visible to the user (will wait for css transitions to complete).{{/i}}shownThis event is fired when the modal has been made visible to the user (will wait for css transitions to complete).
{{_i}}hide{{/i}}{{_i}}This event is fired immediately when the hide instance method has been called.{{/i}}hideThis event is fired immediately when the hide instance method has been called.
{{_i}}hidden{{/i}}{{_i}}This event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).{{/i}}hiddenThis event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete). 
 $('#myModal').on('hidden', function () {
-  // {{_i}}do something…{{/i}}
+  // do something…
 })
@@ -310,50 +310,50 @@ $('#myModal').on('hidden', function () { ================================================== --> @@ -446,27 +446,27 @@ $('#myModal').on('hidden', function () { ================================================== -->
-

{{_i}}ScrollSpy{{/i}} bootstrap-scrollspy.js

+

ScrollSpy bootstrap-scrollspy.js

-

{{_i}}Example in navbar{{/i}}

-

{{_i}}The ScrollSpy plugin is for automatically updating nav targets based on scroll position. Scroll the area below the navbar and watch the active class change. The dropdown sub items will be highlighted as well.{{/i}}

+

Example in navbar

+

The ScrollSpy plugin is for automatically updating nav targets based on scroll position. Scroll the area below the navbar and watch the active class change. The dropdown sub items will be highlighted as well.