Changeset 746:3ac198b22256

Timestamp:

10/12/09 15:29:22 (4 years ago)

Author:

tgambet

Branch:

default

convert_revision:

svn:cdcfb263-7567-472c-a848-e2c2df3466e7/trunk@747

Message:

added JavaScript? links to display only missing or modified values
+ missing values first

Location:

WebContent/WEB-INF/resources/templates

Files:

• language.form.vm (modified) (2 diffs)
• language.vm (modified) (2 diffs)

WebContent/WEB-INF/resources/templates/language.form.vm

@@ -19 +19 @@
                 
                 <fieldset class="translation">
-                        <legend>Translation</legend>
+                        <legend>Translation 
+                                <a id="a_miss" title="Display only missings" href="#" style="display: none">Display only missings</a>
+                                <a id="a_mod" title="Display only modified" href="#" style="display: none">Display only modified</a>
+                                <a id="a_all" title="Display all" href="#" style="display: none">Display all</a>
+                        </legend>
                         
                         <table style="width:100%">
@@ -31 +35 @@
                                 <tbody>
                                         #foreach($key in $defaultProps.keySet())
-                                                #if ($key != "lang" && $key != "language")
+                                                #if (!$prop.get($key))
+                                                <tr>
+                                                        <th class="property_name" scope="row">$key <p>$!esc.html($defaultProps.get($key))</p></th>
+                                                        <td class="missing"><input type="text" name="$prop.get('lang')_$key" value="$!esc.html($!prop.get($key))" /></td>
+                                                </tr>
+                                                #end
+                                        #end
+                                        #foreach($key in $defaultProps.keySet())
+                                                #if ($key != "lang" && $key != "language" && $prop.get($key))
                                                 <tr>
                                                         <th class="property_name" scope="row">$key <p>$!esc.html($defaultProps.get($key))</p></th>

WebContent/WEB-INF/resources/templates/language.vm

@@ -14 +14 @@
 
         <h3>Translate Unicorn in a new language</h3>
+        
         <p>If Unicorn is not yet available in your native language and you would like to translate it:</p>
-        <ol>
-                <li><a href="http://dev.w3.org/2006/unicorn/WebContent/WEB-INF/languages/en.properties">Download the english properties file</a>.</li>
-                <li><a href="http://www.w3.org/Consortium/Translation/#discussions">Get in touch with us</a> <strong>before</strong> you start translating: someone may already be on the job. Someone from the W3C staff or validator development team will get back to you with details about how to translate the validator.</li>
-                <li>Translate. Congratulations, you have made Unicorn more accessible to a lot more Web developers and designers.</li>
-        </ol>
+        
+        <ul>
+                <li>You can select your language in the dropdown menu and start translating online: 
+                        <form method="get" action="./translations" id="lang_select">
+                                <fieldset>
+                                <select name="${param_prefix}lang">
+                                        <optgroup label="Select a language">
+                                        #foreach ($key in $availableLocales.keySet())
+                                                <option value="$key">$availableLocales.get($key)</option>
+                                        #end
+                                        </optgroup>
+                                </select>
+                                <input id="lang_code" type="submit" value="OK" />
+                                </fieldset>
+                        </form>
+                </li>
+                <li>Or you can follow these steps:
+                        <ol>
+                                <li><a href="http://dev.w3.org/2006/unicorn/WebContent/WEB-INF/languages/en.properties">Download the english properties file</a>.</li>
+                                <li><a href="http://www.w3.org/Consortium/Translation/#discussions">Get in touch with us</a> <strong>before</strong> you start translating: someone may already be on the job. Someone from the W3C staff or validator development team will get back to you with details about how to translate the validator.</li>
+                                <li>Translate.<!-- Congratulations, you have made Unicorn more accessible to a lot more Web developers and designers.--></li>
+                        </ol>
+                </li>
+        </ul>
+        
+        
 
-        <h3>Help complete the translation Unicorn in your language</h3>
+        <h3>Help complete the translation of Unicorn in your language</h3>
         <p>The table below lists all the text strings used to translate the CSS validator:</p>
         <ul>
-                <li>Cells marked <span class='missing'>✘</span> need a new or updated translation. Click on the relevant <span class='missing'>✘</span> to submit a translation by mail.</li>
+                <li>Cells marked <span class='missing'>✘</span> need a new or updated translation. You can click on any <span class='missing'>✘</span> to edit the coresponding language.</li>
                 <li>Cells marked <span class='ok'>✔</span> are translated and up-to-date. Hover above <span class='ok'>✔</span> to read the current translation for each string.</li>
         </ul>
@@ -37 +59 @@
                         #foreach($prop in $languageProps)
                                 #set($percent = 100 * $math.div($math.sub($prop.size(), 2), $math.sub($defaultProps.size(), 2)))
-                                <th scope="col">$prop.get("language") <a href="./translations?ucn_lang=$prop.get('lang')">Edit</a><br />$percent.intValue()%</th>
+                                <th scope="col">$prop.get("language")<br />$percent.intValue()% <a href="./translations?ucn_lang=$prop.get('lang')">Edit</a></th>
                         #end
                         </tr>