You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@openoffice.apache.org by ma...@apache.org on 2014/07/04 00:18:16 UTC
svn commit: r1607756 -
/openoffice/ooo-site/trunk/content/download/test/boxed_download.js
Author: marcus
Date: Thu Jul 3 22:18:15 2014
New Revision: 1607756
URL: http://svn.apache.org/r1607756
Log:
Updated comments
Modified:
openoffice/ooo-site/trunk/content/download/test/boxed_download.js
Modified: openoffice/ooo-site/trunk/content/download/test/boxed_download.js
URL: http://svn.apache.org/viewvc/openoffice/ooo-site/trunk/content/download/test/boxed_download.js?rev=1607756&r1=1607755&r2=1607756&view=diff
==============================================================================
--- openoffice/ooo-site/trunk/content/download/test/boxed_download.js (original)
+++ openoffice/ooo-site/trunk/content/download/test/boxed_download.js Thu Jul 3 22:18:15 2014
@@ -1,17 +1,21 @@
/*
* Functions to draw every single colored box as well as the navigation bar and logo section
*/
+
+/*
+ * Download box
+ * Show the select boxes, both download text buttons and the sub-box
+ */
function createDownloadBox() {
- // Green colored box.
- // Show select boxes and both download text buttons.
document.write( "<div class='first button green-sel' id='optionitem2'>"
+ "<div class='green-icon'></div>"
+
// Headline.
+ "<h2 title='" + l10n_download_green_box_headline_title + "'>"
+ l10n_download_green_box_headline_text
+ "</h2>"
- // Select text.
+ // Box text.
+ "<p title='" + l10n_download_green_box_subtext1_title + "'>"
+ "(" + l10n_download_green_box_subtext1_text + ")"
+ "</p>"
@@ -19,7 +23,7 @@ function createDownloadBox() {
+ "<b>" + l10n_download_green_box_subtext2_text + ":</b>"
+ "</p>"
- // Select boxes.
+ // Select drop-down boxes.
+ "<form name='download'>"
+ "<select class='sel-os' id='os' name='os' ' onchange='getLinkSelection()'"
+ "title='" + l10n_download_green_box_selectbox_os_title + "'>"
@@ -51,15 +55,18 @@ function createDownloadBox() {
+ "<br /><br />"
+ "</div>"
- // Sub-green colored box.
- // Show release info, filesizes, checksum links and help links.
+ /*
+ * Download sub-box
+ * Show release info, filesizes, checksum links and help links
+ */
+ "<div id='sub_box' class='button sub-green-sel'>"
+ "<div>" // The 3 lines of release info
+
// Error text with hint.
+ "<img id='dl_err_img' style='margin: 5px 5px 18px 3%;' height='16' width='16' />"
+ "<p id='dl_err' style='text-decoration: none;'></p>"
-
+ "<p>"
+
// Release info and notes.
+ "<a id='dl_rel_info' style='text-decoration: none;'></a>"
+ "<a id='dl_rel_notes' style='text-decoration: underline;' target='_blank'></a>"
@@ -89,8 +96,13 @@ function createDownloadBox() {
+ "</p>"
+ "</div>"
- + "<div>" // The 3 help icons and links
+ /*
+ * Download box
+ * Show the help icons and links
+ */
+ + "<div>"
+ "<p>"
+
// Help: What is a language pack?
+ "<img id='dl_hlp_img' style='padding: 5px 5px 0px 0px;' height='16' width='16' />"
+ "<a id='dl_hlp' target='_blank' onclick='showWindow( this.href ); return false;'></a>"
@@ -108,32 +120,46 @@ function createDownloadBox() {
return;
}
+/*
+ * Social network box
+ * Show the clickable icons for the social networks
+ */
function createShareBox() {
- // Light blue colored box.
- // Share download with social networks.
document.write( "<div class='button lightblue' id='optionitem4'>"
+ "<div class='lightblue-icon'></div>"
+
+ // Headline.
+ "<h2 title='" + l10n_share_light_blue_box_headline_title + "'>" + l10n_share_light_blue_box_headline_text + "</h2>"
+
+ // Box text.
+ "<p id='ShareDownloadLinks'"
+ "title='" + l10n_share_light_blue_box_text_title + "'>"
+ l10n_share_light_blue_box_text_text
+ "</p>"
+ "<div class='icon_box'>"
+
+ // Apache OpenOffice blog.
+ "<span onclick='javascript:share( \"apacheblog\" )'"
+ "title='" + l10n_share_light_blue_box_blog_title + "'>"
+ "<img src='../../images/logo-rss-32.png' alt='" + l10n_share_light_blue_box_blog_alt + "'/>"
+ "<a>Official Blog</a>"
+ "</span>"
+
+ // Facebook.
+ "<span onclick='javascript:share( \"facebook\" )'"
+ "title='" + l10n_share_light_blue_box_facebook_title + "'>"
+ "<img src='../../images/logo-facebook-32.png' alt='" + l10n_share_light_blue_box_facebook_alt + "' />"
+ "<a>Facebook</a>"
+ "</span>"
+
+ // Twitter.
+ "<span onclick='javascript:share( \"twitter\" )'"
+ "title='" + l10n_share_light_blue_box_twitter_title + "'>"
+ "<img src='../../images/logo-twitter-32.png' alt='" + l10n_share_light_blue_box_twitter_alt + "' />"
+ "<a>Twitter</a>"
+ "</span>"
+
+ // Google+.
+ "<span onclick='javascript:share( \"google+\" )'"
+ "title='" + l10n_share_light_blue_box_googleplus_title + "'>"
+ "<img src='../../images/logo-googleplus-32.png' alt='" + l10n_share_light_blue_box_googleplus_alt + "' />"
@@ -144,13 +170,18 @@ function createShareBox() {
return;
}
+/*
+ * Extensions and dictionaries
+ */
function createExtensionsBox() {
- // Blue colored box.
- // Get extensions and dictionaries.
document.write( "<div class='blue button' id='optionitem5' "
+ "onclick='openItem(\"optionitem5\",\"http://extensions.openoffice.org\"); return false;'>"
+ "<div class='blue-icon'></div>"
+
+ // Headline.
+ "<h2 title='" + l10n_ext_blue_box_headline_title + "'>" + l10n_ext_blue_box_headline_text + "</h2>"
+
+ // Box text.
+ "<p style='margin-left: 5px; padding-bottom: 3%;'>"
+ "<a href='http://extensions.openoffice.org' title='" + l10n_ext_blue_box_text_title + "'>"
+ l10n_ext_blue_box_text_text
@@ -160,13 +191,18 @@ function createExtensionsBox() {
return;
}
+/*
+ * Templates
+ */
function createTemplatesBox() {
- // Blue colored box.
- // Get templates.
document.write( "<div class='button blue' id='optionitem6' "
+ "onclick='openItem(\"optionitem6\",\"http://templates.openoffice.org\"); return false;'>"
+ "<div class='blue-icon'></div>"
+
+ // Headline.
+ "<h2 title='" + l10n_tlp_blue_box_headline_title + "'>" + l10n_tlp_blue_box_headline_text + "</h2>"
+
+ // Box text.
+ "<p style='margin-left: 5px; padding-bottom: 3%;'>"
+ "<a href='http://templates.openoffice.org' title='" + l10n_tlp_blue_box_text_title + "'>"
+ l10n_tlp_blue_box_text_text
@@ -176,10 +212,16 @@ function createTemplatesBox() {
return;
}
+/*
+ * Navigation bar
+ */
function createNavigationBar() {
- // Navigation bar.
document.write( "<div>"
+
+ // Headline 1.
+ "<h3>" + l10n_nav_headline_1_text + "</h3>"
+
+ // List items.
+ "<ul>"
+ "<li>"
+ "<a href='" + l10n_nav_sysreq_href + "'"
@@ -213,7 +255,10 @@ function createNavigationBar() {
+ "</li>"
+ "</ul>"
+ // Headline 2.
+ "<h3>" + l10n_nav_headline_2_text + "</h3>"
+
+ // List items.
+ "<ul>"
+ "<li>"
+ "<a href='" + l10n_nav_schedule_href + "'"
@@ -247,7 +292,10 @@ function createNavigationBar() {
+ "</li>"
+ "</ul>"
+ // Headline 3.
+ "<h3>" + l10n_nav_headline_3_text + "</h3>"
+
+ // List items.
+ "<ul>"
+ "<li>"
+ "<a href='" + l10n_nav_support_href + "'"
@@ -293,13 +341,19 @@ function createNavigationBar() {
return;
}
+/*
+ * Show logos
+ */
function createLogoSection() {
- // Logo section.
document.write( "<div id='SupportedAndSupporters'>"
+
+ // Sourceforge logo.
+ "<a href='http://www.sourceforge.net' title='" + l10n_img_sourceforge_title + "'>"
+ "<img src='../../images/sourceforge.png' width='160' height='34' alt='" + l10n_img_sourceforge_alt + "' />"
+ "</a>"
+ "<br /><br />"
+
+ // W3C Validator logo.
+ "<a href='http://validator.w3.org/check?uri=referer' target='_blank' title='" + l10n_img_w3c_title + "'>"
+ "<img src='../../images/valid-xhtml10-blue.png' alt='" + l10n_img_w3c_alt + "' />"
+ "</a>"