From 82de03b67cf729291ea5a73741e44838a42940f8 Mon Sep 17 00:00:00 2001 From: Jacob Thornton Date: Mon, 23 Jan 2012 19:55:00 -0800 Subject: [PATCH] start wrapping text in {{_i}} for translation --- docs/base-css.html | 3 +- docs/build/index.js | 6 +- docs/components.html | 3 +- docs/index.html | 3 +- docs/javascript.html | 17 +- docs/less.html | 3 +- docs/scaffolding.html | 3 +- docs/templates/layout.mustache | 3 +- docs/templates/pages/javascript.mustache | 460 +++++++++++------------ docs/upgrading.html | 3 +- 10 files changed, 247 insertions(+), 257 deletions(-) diff --git a/docs/base-css.html b/docs/base-css.html index 91cb4ec70b..6485d76a22 100644 --- a/docs/base-css.html +++ b/docs/base-css.html @@ -22,11 +22,10 @@ - - +
diff --git a/docs/build/index.js b/docs/build/index.js index 4536238c41..9c240ca360 100644 --- a/docs/build/index.js +++ b/docs/build/index.js @@ -6,7 +6,7 @@ var layout, pages // compile layout template layout = fs.readFileSync(__dirname + '/../templates/layout.mustache', 'utf-8') -layout = hogan.compile(layout) +layout = hogan.compile(layout, { sectionTags: [{o:'_i', c:'i'}] }) // retrieve pages pages = fs.readdirSync(__dirname + '/../templates/pages') @@ -18,7 +18,9 @@ pages.forEach(function (name) { , context = {} context[name.replace(/\.mustache$/, '')] = 'active' - page = hogan.compile(page) + context._i = true + + page = hogan.compile(page, { sectionTags: [{o:'_i', c:'i'}] }) page = layout.render(context, { body: page }) diff --git a/docs/components.html b/docs/components.html index 4a1e4fc6fc..9d28b9e06b 100644 --- a/docs/components.html +++ b/docs/components.html @@ -22,11 +22,10 @@ - - +
diff --git a/docs/index.html b/docs/index.html index 9693b9f7e0..1743676b6c 100644 --- a/docs/index.html +++ b/docs/index.html @@ -22,11 +22,10 @@ - - +
diff --git a/docs/javascript.html b/docs/javascript.html index 7b7f88c5ca..cc641ed492 100644 --- a/docs/javascript.html +++ b/docs/javascript.html @@ -22,11 +22,10 @@ - - +
@@ -299,7 +298,7 @@

Notice If you want your modal to animate in and out, just add a .fade class to the .modal element (refer to the demo to see this in action).

Methods

.modal(options)

-

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

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

 $('#myModal').modal({
   keyboard: false
@@ -314,7 +313,7 @@ $('#myModal').modal({
           
Manually hides a modal.

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

           
Events

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

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

           
@@ -344,7 +343,7 @@ $('#myModal').modal({
 
 
 $('#myModal').on('hidden', function () {
-  // do something ...
+  // do something…
 })

@@ -472,9 +471,7 @@ $('#myModal').on('hidden', function () {
 </ul>
Methods
$().dropdown()

-          

-          A programatic api for activating menus for a given navbar or tabbed navigation.
-          

+          
A programatic api for activating menus for a given navbar or tabbed navigation.

@@ -544,9 +541,9 @@ $('#myModal').on('hidden', function () {
           
Call the scrollspy via javascript:
$('#navbar').scrollspy()
Markup

-          
To easily add scrollspy behavior to your topbar navigation, just add data-spy="scroll" to the element you want to spy on (most typically this would be the body).
+          
To easily add scrollspy behavior to your topbar navigation, just add data-spy="scroll" to the element you want to spy on (most typically this would be the body).
<body data-spy="scroll" >...</body>

-           
Notice Navbar anchor tags must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>.
+           
Notice Navbar anchor tags must have resolvable id targets. For example, a <a href="#home">home</a> must correspond to something in the dom like <div id="home"></div>.
Options

             
              

         
       
           
           
         
       
     
           
           
           
           
           

diff --git a/docs/less.html b/docs/less.html
index 76a47f2691..cd486ac986 100644
--- a/docs/less.html
+++ b/docs/less.html
@@ -22,11 +22,10 @@
     
-
   
-
+  
   

diff --git a/docs/scaffolding.html b/docs/scaffolding.html
index be49f94d59..2684e32ec8 100644
--- a/docs/scaffolding.html
+++ b/docs/scaffolding.html
@@ -22,11 +22,10 @@
     
     
     
-
   
 
   
-
+  
   
     

diff --git a/docs/templates/layout.mustache b/docs/templates/layout.mustache
index eccc679746..919872db24 100644
--- a/docs/templates/layout.mustache
+++ b/docs/templates/layout.mustache
@@ -22,11 +22,10 @@
     
     
     
-
   
 
   
-
+  
   
     

diff --git a/docs/templates/pages/javascript.mustache b/docs/templates/pages/javascript.mustache
index 93789cc034..e1856d6c20 100644
--- a/docs/templates/pages/javascript.mustache
+++ b/docs/templates/pages/javascript.mustache
@@ -1,21 +1,21 @@
       
       

-        
Javascript for Bootstrap

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

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

       

 
@@ -24,105 +24,105 @@
       ================================================== -->
       

         

-          
jQuery plugins A dozen Bootstrap plugins to get you started

+          
{{_i}}jQuery plugins{{/i}} {{_i}}A dozen Bootstrap plugins to get you started{{/i}}

         

       

         

           
         

         

           
         

         

           
         

         

           
         

       
 
       

         

           
         

         

           
         

         

           
         

         

           
         

       
 
       

         

           
         

         

           
         

         

           
         

         

           
         

       
 
       

         

           
         

       

       

-      Select/Unselect All Plugins
-      
Note: All plugins require the latest version of jQuery to be included.

+      {{_i}}Select/Unselect All Plugins{{/i}}
+      
{{_i}}Note: All plugins require the latest version of jQuery to be included.{{/i}}

     

 
 
@@ -131,93 +131,93 @@
     ================================================== -->
     

       

-        
Modals bootstrap-modal.js

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

       

       

         

-          
About modals

-          
A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.

-          Download file
+          
{{_i}}About modals{{/i}}

+          
{{_i}}A streamlined, but flexible, take on the traditional javascript modal plugin with only the minimum required functionality and smart defaults.{{/i}}

+          {{_i}}Download file{{/i}}
         

         

-          
Static example

-          
Below is a statically rendered modal.

+          
{{_i}}Static example{{/i}}

+          
{{_i}}Below is a statically rendered modal.{{/i}}

           

             

               

                 ×
-                
Modal header

+                
{{_i}}Modal header{{/i}}

               

               

-                
One fine body…

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

               

               

-                Save changes
-                Close
+                {{_i}}Save changes{{/i}}
+                {{_i}}Close{{/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}}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}}

           
           
-          Launch demo modal
+          {{_i}}Launch demo modal{{/i}}
 
           

 
-          
Using bootstrap-modal

-          
Call the modal via javascript:

+          
{{_i}}Using bootstrap-modal{{/i}}

+          
{{_i}}Call the modal via javascript:{{/i}}

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

-          
Options

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

           

             
     
     
 
   
     

-               
-               
-               
-               
+               
+               
+               
+               
-               
-               
-               
-               
+               
+               
+               
+               
-               
-               
-               
-               
+               
+               
+               
+               

             
              
Nametypedefaultdescription{{_i}}Name{{/i}}{{_i}}type{{/i}}{{_i}}default{{/i}}{{_i}}description{{/i}}
              

             
             
              
backdropbooleantrueIncludes a modal-backdrop element{{_i}}backdrop{{/i}}{{_i}}boolean{{/i}}{{_i}}true{{/i}}{{_i}}Includes a modal-backdrop element{{/i}}
              

              
keyboardbooleantrueCloses the modal when escape key is pressed{{_i}}keyboard{{/i}}{{_i}}boolean{{/i}}{{_i}}true{{/i}}{{_i}}Closes the modal when escape key is pressed{{/i}}
              

             
           

-          
Markup

-          
You can activate modals on your page easily without having to write a single line of javascript. Just set data-toggle="modal" on a controller element with a data-target="#foo" or href="#foo" which corresponds to a modal element id, and when clicked, it will launch your modal.

-          
Also, to add options to your modal instance, just include them as additional data attributes on either the control element or the modal markup itself.

+          
{{_i}}Markup{{/i}}

+          
{{_i}}You can activate modals on your page easily without having to write a single line of javascript. Just set data-toggle="modal" on a controller element with a data-target="#foo" or href="#foo" which corresponds to a modal element id, and when clicked, it will launch your modal.

+          
Also, to add options to your modal instance, just include them as additional data attributes on either the control element or the modal markup itself.{{/i}}

 
-<a class="btn" data-toggle="modal" href="#myModal" >Launch Modal</a>
+<a class="btn" data-toggle="modal" href="#myModal" >{{_i}}Launch Modal{{/i}}</a>
 

 
 
@@ -227,63 +227,63 @@
     <h3>Modal header</h3>
   </div>
   <div class="modal-body">
-    <p>One fine body…</p>
+    <p>{{_i}}One fine body…{{/i}}</p>
   </div>
   <div class="modal-footer">
-    <a href="#" class="btn primary">Save changes</a>
-    <a href="#" class="btn">Close</a>
+    <a href="#" class="btn primary">{{_i}}Save changes{{/i}}</a>
+    <a href="#" class="btn">{{_i}}Close{{/i}}</a>
   </div>
 </div>
 

-          
Notice If you want your modal to animate in and out, just add a .fade class to the .modal element (refer to the demo to see this in action).

-          
Methods

-          
.modal(options)

-          
Activates your content as a modal. Accepts an optional options object.
+          
{{_i}}Notice If you want your modal to animate in and out, just add a .fade class to the .modal element (refer to the demo to see this in action).{{/i}}

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

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

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

           
.modal('toggle')

-          
Manually toggles a modal.

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

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

           
.modal('show')

-          
Manually opens a modal.

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

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

           
.modal('hide')

-          
Manually hides a modal.

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

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

-          
Events

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

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

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

           
-               
-               
+               
+               
-               
-               
+               
+               
-               
-               
+               
+               
-               
-               
+               
+               
-               
-               
+               
+               

             
              
EventDescription{{_i}}Event{{/i}}{{_i}}Description{{/i}}
              

             
             
              
showThis event fires immediately when the show instance method is called.{{_i}}show{{/i}}{{_i}}This event fires immediately when the show instance method is called.{{/i}}
              

              
shownThis event is fired when the modal has been made visible to the user (will wait for css transitions to complete).{{_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}}
              

              
hideThis event is fired immediately when the hide instance method has been called.{{_i}}hide{{/i}}{{_i}}This event is fired immediately when the hide instance method has been called.{{/i}}
              

              
hiddenThis event is fired when the modal has finished being hidden from the user (will wait for css transitions to complete).{{_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}}
              

             
           

 
 
 $('#myModal').on('hidden', function () {
-  // do something ...
+  // {{_i}}do something…{{/i}}
 })
@@ -295,52 +295,52 @@ $('#myModal').on('hidden', function () { ================================================== --> @@ -424,30 +422,30 @@ $('#myModal').on('hidden', function () { ================================================== -->
-

ScrollSpy bootstrap-scrollspy.js

+

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

-

The ScrollSpy plugin is for automatically updating nav targets based on scroll position.

- Download file +

{{_i}}The ScrollSpy plugin is for automatically updating nav targets based on scroll position.{{/i}}

+ {{_i}}Download file{{/i}}
-

Example navbar with scrollspy

-

Scroll the area below and watch the navigation update. The dropdown sub items will be highlighted as well. Try it!

+

{{_i}}Example navbar with scrollspy{{/i}}

+

{{_i}}Scroll the area below and watch the navigation update. The dropdown sub items will be highlighted as well. Try it!{{/i}}