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>"