DL.createDownloadBox = function()

in assets/download/boxed_download.js [11:136]

• 90 lines of code
• 1 McCabe index (conditional complexity)

DL.createDownloadBox = function() {
  document.write( "<div class='first button green-sel' id='optionitem2'>"
    + "<div class='green-sel-icon'></div>"

    // Headline.
    + "<h2 title='" + l10n.dl_green_box_headline_title + "'>"
      + l10n.dl_green_box_headline_text
    + "</h2>"

    // Box text.
    + "<p title='" + l10n.dl_green_box_subtext1_title + "'>"
      + "(" + l10n.dl_green_box_subtext1_text + ")"
    + "</p>"
    + "<p title='" + l10n.dl_green_box_subtext2_title + "'>"
      + "<b>" + l10n.dl_green_box_subtext2_text + ":</b>"
    + "</p>"

    // Select drop-down boxes.
    + "<form name='download'>"
      + "<select class='sel-os' id='os' name='os' onchange='DL.getLinkSelection()'"
        + "title='" + l10n.dl_green_box_selectbox_os_title   + "'>"
      + "</select>"
      + "<select class='sel-language' id='language' name='language' onchange='DL.getLinkSelection()'"
        + "title='" + l10n.dl_green_box_selectbox_lang_title + "'>"
      + "</select>"
      + "<select class='sel-version' id='version' name='version' onchange='DL.getLinkSelection()'"
        + "title='" + l10n.dl_green_box_selectbox_ver_title  + "'>"
      + "</select>"

    + "</form>"

    // Both download text buttons: First (left) for "full install", then (right) for "langpack".
    + "<div style='margin: 0px 0px -15px 3%;'>"
      + "<div class='btn_dl' style='display: inline-block;'>"
        + "<h3>"
          + "<a id='dl_f_link' target='_blank'></a>"
        + "</h3>"
      + "</div>"

      + "<a style='margin: 0px 0px 0px -1%; cursor: default;'></a>"

      + "<div class='btn_dl' style='display: inline-block;'>"
        + "<h3>"
          + "<a id='dl_lp_link' target='_blank'></a>"
        + "</h3>"
      + "</div>"
    + "</div>"

    + "<br /><br />"

    // Button for platform hint text.
    + "<div style='margin: 0px 0px 0px 3%;'>"
      + "<div class='btn_hint_text' style='display: inline-block;'>"
        + "<h3>"
//        + "<a id='platform_info' target='_blank'></a>"
          + "<a id='platform_info' target='_blank' onclick='DL.showWindow( this.href ); return false;'></a>"
        + "</h3>"
      + "</div>"
    + "</div>"

  + "</div>"

   // 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>"
        + "<br />"

        // Full installation: Filesize and checksums.
        + "<a id='dl_f_info'	    style='text-decoration: none;'></a>"
        + "<a id='dl_f_chk_keys'    style='text-decoration: underline;' target='_blank'></a>"
        + "<a id='space1'	    style='text-decoration: none;'></a>"
        + "<a id='dl_f_chk_asc'	    style='text-decoration: underline;' target='_blank'></a>"
        + "<a id='space2'	    style='text-decoration: none;'></a>"
        + "<a id='dl_f_chk_sha256'  style='text-decoration: underline;' target='_blank'></a>"
        + "<a id='space3'	    style='text-decoration: none;'></a>"
        + "<a id='dl_f_chk_sha512'  style='text-decoration: underline;' target='_blank'></a>"
        + "<a id='space4'	    style='text-decoration: none;'></a>"
        + "<a id='dl_f_chk_md5'	    style='text-decoration: underline;' target='_blank'></a>"
        + "<br />"

        // Langpack: Filesize and checksums.
        + "<a id='dl_lp_info'	    style='text-decoration: none;'></a>"
        + "<a id='dl_lp_chk_keys'   style='text-decoration: underline;' target='_blank'></a>"
        + "<a id='space5'	    style='text-decoration: none;'></a>"
        + "<a id='dl_lp_chk_asc'    style='text-decoration: underline;' target='_blank'></a>"
        + "<a id='space6'	    style='text-decoration: none;'></a>"
        + "<a id='dl_lp_chk_sha256' style='text-decoration: underline;' target='_blank'></a>"
        + "<a id='space7'	    style='text-decoration: none;'></a>"
        + "<a id='dl_lp_chk_sha512' style='text-decoration: underline;' target='_blank'></a>"
        + "<a id='space8'	    style='text-decoration: none;'></a>"
        + "<a id='dl_lp_chk_md5'    style='text-decoration: underline;' target='_blank'></a>"
        + "<br />"
      + "</p>"
    + "</div>"

    // Help items
    // 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='DL.showWindow( this.href ); return false;'></a>"

        // Help: How to verify the download?
        + "<img id='dl_chk_img'	  style='padding: 5px 5px 0px 30px;' height='16' width='16' />"
        + "<a id='dl_chk' target='_blank'></a>"

        // Help: Report broken link.
        + "<img id='dl_rpt_img'	  style='padding: 5px 5px 0px 30px;' height='16' width='16' />"
        + "<a id='dl_rpt' target='_blank'></a>"
      + "</p>"
    + "</div>"
  + "</div>" );
  return;
}