Jobs | DataBank

<!DOCTYPE html>      <html dir="ltr">  <head> <script type="text/javascript" charset='UTF-8' src="/js/appdynamics.js"> </script> <meta name="referrer" content="no-referrer" /> <title>Jobs | DataBank</title> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta name="description" content="Global data on individuals, firms, and the business environments." /><meta name="keywords" content="Jobs" /> <script type="text/javascript" src="//script.crazyegg.com/pages/scripts/0058/1350.js" async="async"></script> <link href="//data.worldbank.org/favicon.ico?v=1.1" rel="shortcut icon" data-reactid="8">  <link href="/styles/reports/bootstrap.css" rel="stylesheet" /> <link href="/styles/reports/bootstrap-switch.css" rel="stylesheet" /> <link href="/styles/reports/jPicker-dialog.css" rel="stylesheet" /> <link href="/styles/reports/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" /> <link href="/styles/reports/jqx.base.css" rel="stylesheet" /> <link href="/css/icon.css" rel="stylesheet"> <link href="/css/font-awesome.min.css" rel="stylesheet"> <link href="/styles/reports/reports.css" rel="stylesheet" /> <link href="/styles/reports/Subnational.css" rel="stylesheet" /> <link href="/styles/style-Header-Footer-nonArabic.css" rel="stylesheet" /> <link href="/styles/reports/selectvariable.css" rel="stylesheet" /> <link href="/styles/reports/selectvariableIE.css" rel="stylesheet" /> <style id="customstyles" type="text/css"> .custom-cell-selection { color: black !important; background-color: #E6E6E6 !important; } .rollover-cell { font-style: italic; font-weight: bold; } </style> <style id="antiClickjack">body{display:none !important;}</style> <script type="text/javascript"> if (self == top) { var antiClickjack = document.getElementById("antiClickjack"); antiClickjack.parentNode.removeChild(antiClickjack); } else { top.location = self.location; } var gbl_preview_on="ON"; var gbl_preview_off="OFF"; </script>    <script type="text/javascript"> var gbl_error_file = '/ddperror.aspx'; var gbl_report_methods = '/AjaxServices/AjaxReportMethods.asmx'; var gbl_fileinfo_url = '/AjaxDownload/FileInfoHandler.ashx'; var gbl_filedown_url = '/AjaxDownload/FileDownloadHandler.ashx'; var gbl_select_variables_url = '/AjaxDownload/SelectVariableHandler.ashx'; var gbl_imagepath = '/images/'; var gbl_embedpath = '/views/'; var gbl_baseurl = 'databank.worldbank.org/'; var gbl_basepath = 'https://databank.worldbank.org/'; var gbl_common_FullURL = 'https://databank.worldbank.org'; var gbl_common_chglang = '/changelang.aspx'; var gbl_common_culture = 'en'; var gbl_common_loginparam = '?t=reports&source=jobs&l=en&secure=y'; var gbl_common_refpath = '/loginint.aspx'; var gbl_common_loggedin = ('False' == 'True' ? true : false); var gbl_common_login = '/login.aspx?t=reports&source=jobs&savedlg=1&l=en'; var gbl_common_labels= eval('(' + '{"Reports_Alert_OKtocont":"Press OK to continue","Reports_Label_Selection_Modified":"Selections have been modified. Click on \u0026quot;Apply Changes\u0026quot; at any time to refresh the report with the changes made. Otherwise, click on \u0026quot;Cancel\u0026quot; to go back to previous selections.","Reports_Label_Selection_UnitModified":"Selections have been modified and indicators\u0027 units are different. Click on \u0026quot;Apply Changes\u0026quot; at any time to refresh the report with the changes made. Otherwise, click on \u0026quot;Cancel\u0026quot; to go back to the previous selections."}' + ')') ; var gbl_tooltip_loginsave = 'Please log in to save'; var gbl_maplayer = 'https://services.arcgis.com/iQ1dY19aHwbSDYIF/arcgis/rest/services/ADM0_25km/FeatureServer/0'; var gbl_zoom_maplayer = 'https://services.arcgis.com/iQ1dY19aHwbSDYIF/arcgis/rest/services/ADM0_1km/FeatureServer/0'; var gbl_1_maplayer = 'https://services.arcgis.com/iQ1dY19aHwbSDYIF/arcgis/rest/services/ADM0_25km/FeatureServer/0'; var gbl_1_zoom_maplayer = 'https://services.arcgis.com/iQ1dY19aHwbSDYIF/arcgis/rest/services/ADM0_1km/FeatureServer/0'; var gbl_2_maplayer = 'https://services.arcgis.com/iQ1dY19aHwbSDYIF/arcgis/rest/services/ADM1_1km/FeatureServer/0'; var gbl_2_zoom_maplayer = 'https://services.arcgis.com/iQ1dY19aHwbSDYIF/arcgis/rest/services/ADM1_1km/FeatureServer/0'; var gbl_IsSubnational = "N" == "Y"; var gbl_IsAllSubnational = "N" == "Y"; var gbl_CubeIsSubnational = "N" == "Y"; var gbl_CubeNoteExtra = ""; var gbl_subnat_loadextent = true; var gbl_HasIndicatorUnit = "N" == "Y"; var gbl_msg_save_table = "To embed or share, please save table as shared"; var gbl_msg_save_chart = "To embed or share, please save chart as shared"; var gbl_msg_save_map = "To embed or share, please save map as shared"; var gbl_msg_dimenion_selection="Please select the dimension members for all dimensions to proceed further."; var gbl_msg_clear_selection="Are you sure you want to clear all selections?"; var gbl_report_Cell_Limit='2500000'; var gbl_download_Cell_Limit='5000000'; var gbl_msg_report_Cell_Limit='Your selection (__ cells) exceeds the maximum report limit (2500000 cells). Please use "Download Options" or remove some variables to continue.'; var gbl_msg_new_label="Please enter new folder"; var gbl_msg_select_label="Please select a folder"; var gbl_metadata_pagesize='250'; var gbl_common_internal = 'True' == 'True'; var gbl_msg_dataset_validation="Please enter a dataset name"; var gbl_msg_report_Download_Limit = 'Your selection ( __ cells) exceeds the maximum report limit ( 2500000 cells) and download limit (5000000 cells). Please remove some variables to continue.'; var gbl_isCubePublic = 'True'; var gbl_subnational_pagination = false; var gbl_subnational_singleView = true; function onEndCallBack(s, e) { setReportOptions(s, e); } function doGridMenuAction(s, e) { doGridMenuActionEx(s, e); } </script> <script type="text/JavaScript"> var wbgData = wbgData || {}; wbgData.page = { pageInfo: { pageName: gbl_common_culture + ":wb:reports:/editreports", pageCategory: "content page", pageUid: "databank-editreports", // format to be discussed pageFirstPub: "01-01-2015", // format will be mm-dd-yyyy pageLastMod: "01-01-2016", // format will be mm-dd-yyyy contentType: "Other", channel: "DEC Databank EXT" }, sectionInfo: { siteSection: "databank/editreports", subsectionP2: "" } }, wbgData.site = { siteInfo: { siteLanguage: gbl_common_culture, // format should be en,fr etc. siteCountry: "usa", // format should be usa, ind etc. siteEnv: "prod", // format should be prod,stg,uat etc. siteType: "developmentdata" }, techInfo: { cmsType: "sharepoint", bussVPUnit: "DEC", bussUnit: "DECDG", bussUserGroup: "external", bussAgency: "ibrd" } }, wbgData.misc = { dataFilters: "" } var searchdata = '{"searchTerm":"","searchResults":0,"searchFilters":"","pagination":0,"searchType":"selectvariables","sortBy":"alphabetical","section":"editreports"}'; if (searchdata != '') { wbgData.siteSearch = JSON.parse(searchdata); } </script> <script src="https://assets.adobedtm.com/223f6e2cf7c9/3eb6c9b72a93/launch-7bc0cdc67098.min.js" async></script> </head> <body dir="ltr"> <form method="post" action="./jobs?source=jobs" id="frmMain"> <div class="aspNetHidden"> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwULLTE0MjQxMTQ2MTAPZBYCAgEPZBYIAgIPZBYCZg9kFgxmDw8WAh4HVmlzaWJsZWhkZAIBDxYCHwBoZAIDDxYCHwBoFgICAQ8WAh8AaGQCBA8WAh8AaBYCAgEPFgIfAGhkAgUPFgIfAGgWAgIBDxYCHwBoZAIGDxYCHwBoFgICAQ8WAh8AaGQCAw8WAh8AaGQCBA9kFgJmD2QWCGYPFgIeBWNsYXNzBQZhY3RpdmUWAgIBDw8WAh4HVG9vbFRpcAUNVmlldyBhcyB0YWJsZRYEHg9kYXRhLWN1c3RvbWxpbmsFCW5sOmhlYWRlch4JZGF0YS10ZXh0BQVUYWJsZWQCAQ8WAh8BZRYCAgEPDxYCHwIFDVZpZXcgYXMgY2hhcnQWBB8DBQlubDpoZWFkZXIfBAUFQ2hhcnRkAgIPFgIfAWUWAgIBDw8WAh8CBQtWaWV3IGFzIG1hcBYEHwMFCW5sOmhlYWRlch8EBQNNYXBkAgMPFgIfAWUWAgIBDw8WAh8CBQ1WaWV3IG1ldGFkYXRhFgQfAwUJbmw6aGVhZGVyHwQFCE1ldGFkYXRhZAIOD2QWAmYPZBYCZg9kFgJmD2QWAgIDD2QWAmYPZBYCAgYPPCsACQIADxYCHg5fIVVzZVZpZXdTdGF0ZWdkBg8WAh4KSXNTYXZlZEFsbGcPFCsABzwrAAwBABYKHgRUZXh0BRFJbnNlcnQgUm93IEJlZm9yZR4ETmFtZQUEaW5zYh4LTmF2aWdhdGVVcmxlHgZUYXJnZXRlHg5SdW50aW1lQ3JlYXRlZGc8KwAMAQAWCh8HBRBJbnNlcnQgUm93IEFmdGVyHwgFBGluc2EfCWUfCmUfC2c8KwAMAQAWCh8HBQpEZWxldGUgUm93HwgFA2RlbB8JZR8KZR8LZzwrAAwBABYKHwcFDENoYW5nZSBTdHlsZR8IBQVzdHlsZR8JZR8KZR8LZzwrAAwBABYKHwcFC1Jlc2V0IFN0eWxlHwgFBXJlc2V0HwllHwplHwtnPCsADAEAFgofBwUJUmVzZXQgQWxsHwgFCHJlc2V0YWxsHwllHwplHwtnPCsADAEAFgofBwULUmVtb3ZlIFNvcnQfCAUHcmVtc29ydB8JZR8KZR8LZ2RkGAEFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYBBR1jYnBSZXBvcnRWaWV3JGN0bDAzJHBNZW51R3JpZMAISvk8ZPXtFN0X4j73J3YqPvliKmJv3Vmp47EoJuZt" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['frmMain']; if (!theForm) { theForm = document.frmMain; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/WebResource.axd?d=393I9IlCM-ogyKs8Hd44dV1rcqpxUnf5H44tKzwISJGiDKh0ditDkmXtgCEO2EBjYC1NHStZFDv6PBmomMymBjZskflkGRAIGbp5gmBilds1&t=638562563416868089" type="text/javascript"></script> <script src="/ScriptResource.axd?d=AALOUbU4Dy97IA6xs5Hcw4X_3p0ibfav5J8GkqLh6BbzPzvXiBAnsgNZA1RrvIy3Cq24Vv0mT4-0kFgmLmvABOnhUI0YWIq1ZhBpByOsfO1tbR7qzitMMnOOu-sS2aCfvrYTNmI24HhiFUf2YM3cd2wojXk4geRddjzgVXBu4qHNnssTgxV-lcjShS7DKY_50&t=583299c4" type="text/javascript"></script> <script src="/ScriptResource.axd?d=4P9Uvi0O8EDMt76T88pXW8vg_c1ZTEFN6M0EjArAsjwpjR1CWOdErMSvNQXCR7Z-hH8RCLJlBUcy6rv1dztwjrXUezATyvBQersA_tcP-cth8l5bdDE4Rb0VUJb4WWEC5d0FV4pzcpnGgnH1-5uHOd32fp56pvSu_dMCRszGj5viffOTZAf7-j-vfr4wyIjd0&t=583299c4" type="text/javascript"></script> <div class="aspNetHidden"> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="ACDEA523" /> <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEdADC/jhS5Sab7JsetxlRFAJsPfVhsJMa+dGwoTq3DQoQIJvXbw8NHZyiHvFx6g4esw5IUDn7iQh0cZo7mm/BtfDodBrbcVCqey1GUA4P8ydYYhIjGm2wY4yYr/+ZRR/dAibe/39iNlZzNzDbPsCe8yxpjQdCCpaIEKujBJ141rNbiOEHFLtJsXd/LA+w/QABtPpgADOUyhMBsgS5mlICzkXqQNIfgY067lRXdxsRQh+iaaERQMmEmHDOuzO4bfuJKmN3DlUm9bCAI3t5cTmYVqA3bsOfGV/2zDbYo+90JpnlZ3S8T2OY+mHqyVnnY55VpErWj5ukplxqQZnMq8//335ZfrSCFgOpVf9LVxvSF4NhJ7zmHAgKfSh6FXFgc4cJYNvJyMxSnhOsLK5XZ6kN/GzPt2XKCVySb9TPV6BHUT0mG//iL7UycSvF6Ka4hDeI/HaL6xblv+cwNdTRRYzIz6Gq/wdQAyKaMrO2oWMS0zYaOCaKrRDARDXCZYcahDfS15HI8ntOsuffJ0yUCe8pxEOJifR+G1zEyc3qGTG1IeDHwQG1J1q0/j0vyj09zbSGOODA52W6AFv9AjCryd1iEigazW4cdvOVzouMkgTms7CpCi8H0FkTrVrYjTuBkgHGEsvhdThxGut5xXHJiAyHjwWoQHV9rNVErtZDQKjXMPSrxJmUFwEtVZV6XfHrnsO2ALWsk2XYWJ6dIsh+PE8qTDmx/whsf5f5aOeo/bJZQXUKe6akl/rPG+WMkxYOS0GFs+v+NTlJtJ16+WJC05lEMa3MUqxxiymettZUSsKnpQeNiCVcVVotkTy+MqyNw81LBbvayMrJfqf5S7h4Ng0htlQqtjiwq4otHsBaF7sFFkfYNtZbCEh+k2pc+Z9IsOPxdbTYTYOUH1Rfnv5CV9ia8hcuOvr3NFu+M/ZFB6wUxveqkpnSe8dNclO039tjwPfEK5V2/PWcRaQ9e9Piyqg1g1Rj1Wn2zANDjueR5gFsnyCUl7F204jmckE7ygrKXPSwTGGOmahV1Pxi7d9Ryg9ttD8+ClGHisMAxmG7O4IFFVpgSSg==" /> </div> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('ScriptManager1', 'frmMain', ['tupReportCSS','upReportCSS','tupReportLinks','upReportLinks','tupReportUpdate','upReportUpdate','tupReportTabs','upReportTabs','tupReportOptions','upReportOptions','tupReportStyles','upReportStyles','tupReportName','upReportName','tupReportDD','upReportDD','tupReportHidden','upReportHidden','tupReportScript','upReportScript'], ['lnkTable','lnkTable','lnkChart','lnkChart','lnkMap','lnkMap','lnkMetadata','lnkMetadata','lnkUpdateVarsOpts','lnkUpdateVarsOpts'], [], 720, ''); //]]> </script> <div id="upReportCSS"> <link href="/App_Themes/GridTheme/GridDefaultTheme.css" rel="stylesheet" /> </div> <link href="/css/wb_feedback.css" rel="stylesheet"> <div id="wb_feedback" class="report-page"> <span class="wb_feedback_text"> <p>Help us improve this section of the site. Can we get your feedback? <a class="btn-schedule" href="https://www.surveymonkey.com/r/ZFQKG5Y" target="_blank">Click here </a> </p> </span> <span class="wb_feedback_descr"> </span> <input type="button" value="Close" id="survey_img"> </div> <div role="banner" class="navbar navbar-inverse navbar-fixed-top bs-docs-nav" id="bannerStrip"> <div id="wbg-header" class="wbg-en clear-block"> <div class="clear-block wbg-logo"> <a class="wb-logo-ibrd-en" title="The World Bank Working for a World Free of Poverty" href="http://www.worldbank.org"></a> <div class="exit-options exit-optionsen exit-optionsen pull-right"> <div class="align-signin pull-right"> <a class="back-btn"> </a> <a data-customlink="nl:top navigation" class="selecthomelink pull-left" href="/home" title="Go to home page"></a> <div id='ddlLogin' class='logincontrol dropdown databank-dd'> <button class='dropdown-toggle' type='button' data-toggle='dropdown'><i class='sprite icon-login-green'></i>Sign In<span class='caret'></span> </button> <ul class='dropdown-menu'> <li data-customlink="nl:header" style="cursor: pointer;" onclick="Javascript:onLangSelectionLoginWBG('en')">WB Staff Login</li><li data-customlink="nl:header" style="cursor: pointer;" onclick="Javascript:onLangSelectionLogin('en')">Public Login</li></ul> </div> </div> <div class="align-welcome pull-right"> <span id="lblWelcome" class="welcome-align" style="cursor: default;"></span> </div> </div> </div> <div class="clearfix"></div> </div> </div> <div class="language language-sv clearfix"> <ul> </ul> </div> <div class="secondaryHeader"> <div class="dbname"> <h2> <a data-customlink="nl:top navigation" href="/home" title="Go to Databank home page"> DataBank</a></h2> </div> <div class="database"> <h2 id="database_header" class="h2-header en" title="Jobs">Jobs</h2> <a data-customlink="nl:header" data-text="Metadata for Jobs" href='#dbMetadata' data-toggle='modal' data-target='#dbMetadata'> <span title="View Metadata" class="rptdbheader sprite icon-info"></span></a> </div> <div id="upReportLinks"> <div class="formatListWrapper"> <ul class="nav nav-tabs formatList"> <li id="liTable" class="active"> <a onclick="return onReportClicked(this);" id="lnkTable" title="View as table" data-customlink="nl:header" data-text="Table" href="javascript:__doPostBack('lnkTable','')"><span class="sprite icon-grid"></span> Table</a> </li> <li id="liChart" class=""> <a onclick="return onReportClicked(this);" id="lnkChart" title="View as chart" data-customlink="nl:header" data-text="Chart" href="javascript:__doPostBack('lnkChart','')"><span class="sprite icon-chart"></span> Chart</a> </li> <li id="liMap" class=""> <a onclick="return onReportClicked(this);" id="lnkMap" title="View as map" data-customlink="nl:header" data-text="Map" href="javascript:__doPostBack('lnkMap','')"><span class="sprite icon-map"></span> Map</a> </li> <li id="liMetadata" class=""> <a onclick="return onReportClicked(this);" id="lnkMetadata" title="View metadata" data-customlink="nl:header" data-text="Metadata" href="javascript:__doPostBack('lnkMetadata','')"><span class="sprite icon-metadata"></span> Metadata</a> </li> <li class="download"><a href="#" class="" data-toggle="" title="Download options"> <span class="sprite icon-download"></span> Download options<span class="caret"></span></a> <ul class="dropdown-menu" id="downloadDropdown"> <li id="liExcelDownload"><a data-customlink="fd:body content:en:xls" href="#" data-trackAction='Excel' title="Download Excel Format" onclick="return onDataDownload('excel');"> Excel</a></li> <li id="liCSVDownload"><a data-customlink="fd:body content:en:csv" href="#" data-trackAction='CSV' title="Download CSV Format" onclick="return onDataDownload('csv');"> CSV</a></li> <li id="liTabDownload"><a data-customlink="fd:body content:en:tab" href="#" data-trackAction='TabbedTxt' title="Download Tabbed Txt Format" onclick="return onDataDownload('tab');"> Tabbed TXT</a></li> <li class="divider"></li> <li id="liFormattedDownload"><a data-customlink="fd:body content:en:xls" href="#" data-trackAction='FormattedDownload' onclick="return onFormattedDownload();"> Data on this page only - formatted</a></li> <li class="divider"></li> <li id="liMetadataDownload"><a data-customlink="fd:body content:en:xls" href="#" data-trackAction='MetaData' title="Metadata" onclick="return onDataDownload('metadata');"> Metadata</a></li> <li class="divider"></li> <li id="liAdvancedDownload"><a data-trackAction='AdvancedDownload' href="#advancedDownloadOptions" data-toggle="modal" data-target="#advancedDownloadOptions" title="View Advanced Options for Download" id="btnDownloadAdvanced"> Advanced options</a></li> </ul> </li> </ul> </div> </div> </div> <div id="contentWrapper"> <div class="clearfix"> </div> <div id="splitter" class="row"> <div class="col-md-5 colTools" id="leftmainpanel"> <div class="pull-right dispNone" style="width: 165px;"> <div id="upReportUpdate"> <a id="lnkUpdateVarsOpts" class="actionBtn" href="javascript:__doPostBack('lnkUpdateVarsOpts','')">Update</a> </div> </div> <div class="clearfix"> </div> <div id="upReportTabs"> <ul class="nav nav-tabs toolsList" id="liPrimaryToolTab"> <li class="active first" id="liVariables"><a href="javascript:void()" title="Select/unselect variables for your report." onclick="onVarTabClick()"> Variables</a></li> <li id="liLayout"><a href="javascript:void(0)" title="Define the Layout of your report." onclick="onLayoutTabClick()"> Layout</a></li> <li id="liStyles"><a href="javascript:void(0)" title="Customize the appearance of your report." onclick="onStylesTabClick()"> Styles</a></li> <li id="liSave"><a href="javascript:void(0)" data-trackAction='save' title="Save your report." onclick="onSaveTabClick()" id="hplSave"> Save</a></li> <li id="liShare" class = ><a href="javascript:void(0)" data-trackAction='share' title="Share your report." onclick="return onShareTabClick()"> Share</a></li> <li id="liEmbed" class = ><a href="javascript:void(0)" title="Embed report in external website." onclick="return onEmbedTabClick()"> Embed</a></li> </ul> </div> <div class="tab-content"> <div class="tab-pane active" id="selection"> <div class="panel-group" id="nonMetadataReportVariables"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title pull-left main-title-panel"> <a id="databaseLink" title="Database List" data-toggle="collapse" data-parent="#nonMetadataReportVariables" href="#selectedDimension_DBList" class="collapsed pull-left expandPanel" onclick="loadDatabaseList(this)"> <span class="caret"></span> Database</a> </h4> <div class="statsWrapper"> <div class="statsInner"> <div class="toggleSelectionViews stats pull-right"> <div class="element statName"> <a href="javascript:void(0)" class="showAvailable " title="Available Databases" onclick="loadAvailableDBList(this)"> Available</a></div> <div class="element availableCount">   </div> <div class="element"> |</div> <div class="element statName"> <a href="javascript:void(0)" class="showSelected" title="Selected Database" onclick="loadSelectedDBList(this)"> Selected</a></div> <div class="selectionCount element"> 1 </div> </div> <div class="clearfix"> </div> </div> </div> </div> <div class="clearfix"> </div> <div id="selectedDimension_DBList" class="panel-collapse selectedDimensionPanel collapse"> <div class="panel-body"> <div class="clearfix"> </div> <div id="newSelection_DBList"> <div class="row"> <div class=" col-md-12"> <div class="variableListWrapper"> <div class="additionalTools"> <div class="availableViewTools"> <div class="pull-left"> <span class="db-preview-text">Database preview</span> <div class="btn-group" data-toggle="buttons" id="btnDBPreview"> <label class="btn"> <input type="radio" name="previewoption" value="ON"> ON </label> <label class="btn active"> <input type="radio" name="previewoption" value="OFF" checked="checked"> OFF </label> </div> <a href="javascript:void(0)" title="When its on, the report gets displayed with a default selection of data." class="toolTipLeft"><span class="sprite icon-help"></span></a> </div> <div class="pull-right"> <div class="pull-left searchDiv" id="searchControl_DBList"> <input type="text" class=" searchInput pull-left" placeholder="Enter Keywords for Search" id="searchBox_DBList" /> <a data-customlink="sf:body" data-text="Search Databases" href="javascript:void(0)" class="pull-left searchBtn pull-left" id="searchBtn_DBList" title="Search" data-input="#searchBox_DBList" data-source="DBList" target-id="#tbl_DBList"> <span class="fa fa-search"></span></a> </div> <div class="pull-left filterBy"> <div class="filterWrapper"> <a data-customlink="sf:body" data-text="Filter Databases" class="btn btn-xs toggleFilter btn-default" title="Filter"><span class="sprite icon-filter"> </span> <span class="text">Filter</span> <span class="caret"></span></a> <div class="filterTree"> <div class='tree'> <ul id="lstFilterItems_DBList"> </ul> </div> </div> </div> </div> </div> <div class="filterResults pull-left"> <a data-customlink="sf:body" data-text="Remove Database Filter" href="javascript:void(0)" class="removeFilter" data-source="DBList" target-id="#tbl_DBList" metadata="false" custom-option="false" title="Clear"> <span class='glyphicon glyphicon-remove-circle'> </span>Filter</a> </div> <div class="searchResults pull-left"> <a data-customlink="sf:body" data-text="Remove Database Search" href="javascript:void(0)" class="removeSearch" data-source="DBList" target-id="#tbl_DBList" metadata="false" custom-option="false" title="Clear"> <span class='glyphicon glyphicon-remove-circle'> </span>Search</a> </div> </div> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> <div class="variableList"> <ul class="variableTable availableView" id="tbl_DBList" data-type="D" data-text="Database" data-value="DBList"> </ul> <ul class="variableTable selectedView" id="tbl_sel_DBList"> </ul> </div> <div class="clearfix"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="panel panel-default" id="panel_Jobs_Country_View"> <div class="panel-heading"> <h4 class="panel-title pull-left main-title-panel"> <a data-toggle="collapse" data-parent="#nonMetadataReportVariables" href="#selectedDimension_Jobs_Country_View" title="Country" class="collapsed pull-left expandPanel" onclick="loadDimensionList('Jobs_Country_View', '[Jobs_Country_View].[List]', this)"> <span class="caret"></span> Country </a> </h4> <div class="statsWrapper"> <div class="statsInner"> <div class="toggleSelectionViews stats pull-right"> <div class="element statName"> <a href="javascript:void(0)" class="showAvailable " title="Available Country Variables." onclick="loadAvailableList('Jobs_Country_View', '[Jobs_Country_View].[List]', this)">Available</a></div> <div class="element availableCount">  </div> <div class="element"> |</div> <div class="element statName"> <a href="javascript:void(0)" class="showSelected" title="Selected Country Variables." onclick="loadSelectedList('Jobs_Country_View', '[Jobs_Country_View].[List]', this)">Selected</a></div> <div class="selectionCount element forDimension" title=" Country" > 0 </div> </div> <div class="clearfix"> </div> </div> </div> </div> <div class="clearfix"></div> <div id="selectedDimension_Jobs_Country_View" class="panel-collapse collapse selectedDimensionPanel"> <div class="panel-body"> <div class="clearfix"> </div> <div id="newSelection_Jobs_Country_View" class="newSelection"> <div class="dimensionHolder"> <div class="dimensionHolderInner"> <div class="row"> <div class=" col-md-12"> <div class="variableListWrapper modal-leftCol"> <div class="aggregatesFilter"> <div class="nonclassification" id="showCountryAggOption_Jobs_Country_View"> <div class="btn-group" data-toggle="buttons" > <label class="btn showCountryAggOption active" data-value="All" controlId="Jobs_Country_View"> <input type="radio" name="showCountryAggOption" id="showAll_Jobs_Country_View" checked="checked"> All </label> <label class="btn showCountryAggOption" data-value="Countries" controlId="Jobs_Country_View"> <input type="radio" name="showCountryAggOption" id="showCountries_Jobs_Country_View" checked="checked"> Countries </label> <label class="btn showCountryAggOption" data-value="Aggregates" controlId="Jobs_Country_View"> <input type="radio" name="showCountryAggOption" id="showAggregate_Jobs_Country_View"> Aggregates </label> </div> </div> <div class="dispNone classification" id="CtryAgg_Classification_Jobs_Country_View"> <div class="btn-group" data-toggle="buttons"> <label data-customlink="sf:body" data-text="Classification Filter - All" class="btn CtryAgg_Classification active" data-value="All"> <input type="radio" name="CtryAgg_Classification" id="Ctry_Classification_Jobs_Country_View" checked="checked"> All </label> <label data-customlink="sf:body" data-text="Classification Filter - Countries" class="btn CtryAgg_Classification" data-value="Countries"> <input type="radio" name="CtryAgg_Classification" id="Ctry_Classification_Jobs_Country_View"> Countries </label> <label data-customlink="sf:body" data-text="Classification Filter - Aggregates" class="btn CtryAgg_Classification" data-value="Aggregates"> <input type="radio" name="CtryAgg_Classification" id="Agg_Classification_Jobs_Country_View"> Aggregates </label> </div> </div> <div class="dispNone classification" id="SubNAtionalButtonGrp" style="display:none"> </div> </div> <div class="clearfix"></div> <div class="additionalTools"> <div class="availableViewTools"> <div class="pull-left mB5"> <div class="btn-group pull-left"> <a data-text="Select All Country" class="btn selectAll btn-default" title="Select all"> <span class="sprite icon-tick"></span> <span class="text">Select all</span> </a> <a data-text="UnSelect All Country" class="btn unselectAll btn-default" title="Unselect all"> <span class="sprite icon-delete"></span> <span class="text">Unselect all</span> </a> <a data-text="Invert Country" class="btn invertSelection btn-default" title="Invert selection"> <span class="sprite icon-sort"></span> <span class="text">Invert selection</span> </a> </div> </div> <div class="pull-right mB5"> <div class="filterResults pull-left" id="filterResults_Jobs_Country_View"> <a data-customlink="sf:body" data-text="Remove Filter Country" href="javascript:void(0)" class="removeFilter" data-source="Jobs_Country_View" target-id="#tbl_Jobs_Country_View" metadata="false" custom-option="false" title="Remove Search"> <span class='glyphicon glyphicon-remove-circle'></span>Filter </a> </div> <div class="searchResults pull-left"> <a data-customlink="sf:body" data-text="Remove Search Country" href="javascript:void(0)" class="removeSearch" data-source="Jobs_Country_View" target-id="#tbl_Jobs_Country_View" metadata="false" custom-option="false" title="Remove Search"> <span class='glyphicon glyphicon-remove-circle'></span>Search </a> </div> <div class="pull-left searchDiv" id="searchControl_Jobs_Country_View"> <input type="text" class="searchInput pull-left" placeholder="Enter Keywords for Search" id="searchBox_Jobs_Country_View" /> <a data-customlink="sf:body" data-text="Search Country" href="javascript:void(0)" title="Search" class="pull-left searchBtn" id="searchBtn_Jobs_Country_View" data-input="#searchBox_Jobs_Country_View" data-source="Jobs_Country_View" target-id="#tbl_Jobs_Country_View" metadata="false" custom-option="false"><span class="fa fa-search"> </span></a> </div> <div class="variableFilter"> <div class="pull-left filterBy"> <div class="filterWrapper"> <a data-customlink="sf:body" data-text="Filter Country" class="btn btn-xs toggleFilter btn-default" title="Filter" id="toggleFilter_Jobs_Country_View"><span class="sprite icon-filter"> </span> <span class="text">Filter</span> <span class="caret"></span></a> <div class="filterTree" id="_filterTree_Jobs_Country_View"> <div class='hierarchy' id="hierarchy_Jobs_Country_View"> <span> Hierarchy</span> <select id="ddlDimHierarchy_Jobs_Country_View" class="dimension-hierarchy dimension-hierarchy-Jobs_Country_View" data-type="Jobs_Country_View"> </select> </div> <div class='tree'> <ul id="lstFilterItems_Jobs_Country_View"> </ul> </div> </div> </div> </div> </div> <div class="zoomWrapper pull-left"> <button data-text="Zoom View Country" type="button" title="Detail view" class="btn btn-default btn-xs zoom pull-left" data-toggle="modal" parent-li="#li_hidden_Jobs_Country_View" data-target="#zoomView" target_panel="#panel_Jobs_Country_View" destination_panel="#selectedDimension_Jobs_Country_View"> <span class="sprite icon-expand"></span> </button> </div> </div> <div class="clearfix"> </div> <div class="alphabet alphabet-C"> <ul class="list-inline list-unstyled pull-left" id="ulJumpToList_Jobs_Country_View"> </ul> <div class="customPagination"> <select class="goTo" id="goTo_Jobs_Country_View" data-source="Jobs_Country_View" target-id="#tbl_Jobs_Country_View" metadata="false" custom-option="false"></select> Showing <span class="start"></span>- <span class="end"></span> of <span class="totalCount"> </span> <div class="btn-group"> <a class="showPrev btn btn-default btn-xs" href="javascript:void(0)" data-source="Jobs_Country_View" target-id="#tbl_Jobs_Country_View" metadata="false" custom-option="false"><span class="icon"></span></a> <a class="showNext btn btn-default btn-xs" href="javascript:void(0)" data-source="Jobs_Country_View" target-id="#tbl_Jobs_Country_View" metadata="false" custom-option="false"><span class="icon"></span></a> </div> </div> </div> </div> <div class="selectedViewTools"> <div class="pull-left mB5"> <div class="btn-group pull-left"> <a data-text="Sort Country" class="btn sort asc btn-default" title="Sort"> <span class="text"> Sort</span> </a><a data-text="Remove All Country" class="btn removeAll btn-default" title="Remove All"> <span class="text"> Remove all </span> </a> </div> </div> <div class="pull-right mB5"> <div class="zoomWrapper"> <button data-text="Zoom View Country" type="button" class="btn btn-default btn-xs zoom pull-left" data-toggle="modal" title="Detail view" data-target="#zoomView" target_panel="#panel_Jobs_Country_View" destination_panel="#selectedDimension_Jobs_Country_View"> <span class="glyphicon glyphicon-fullscreen"></span> </button> </div> </div> <div class="clearfix"></div> <p class='noVariableTxt'>No variables selected</p> </div> </div> <div class="clearfix"></div> <div class="variableList"> <ul class="variableTable availableView table-dimension-C" id="tbl_Jobs_Country_View" data-type="C" data-text="Country" data-value="Jobs_Country_View"> </ul> <div class ="SubnationalAvailableView" data-type="C" data-text="Country" data-value="Jobs_Country_View"> </div> <ul class="variableTable selectedView" id="tbl_sel_Jobs_Country_View" data-type="C" data-text="Country" data-value="Jobs_Country_View" > </ul> </div> <div class="clearfix"></div> <hr class="mainSreenView" /> </div> <div class="panel-group customGroup modal-rightCol changeIcon" id="customGroup_Jobs_Country_View"> <div class="panel"> <div class="panel-heading"> <a data-text="Create Custom Group Country" data-toggle="collapse" id="a_cg_Jobs_Country_View" data-parent="#customGroup_Jobs_Country_View" href="#createCustomGroupCntry" class="collapsed btn btn-xs btn-default">Create Custom Group <span class="caret"> </span></a><a href="javascript:void(0)" data-toggle="modal" data-target="#customGroupHelpText"> <span class="sprite icon-help"></span></a> </div> <div id="createCustomGroupCntry" class="panel-collapse collapse"> <div class="panel-body"> <div class="formulaWrapper" id="groupWrapper"> <div class="formula"> <ul id="customGroupCountries" class="list-inline list-unstyled customGroupElements"> </ul> </div> <hr class="dottedBdr mB0" /> <div class="pd10" id="additionalOptionsWrapper"> <a class="btn btn-default btn-xs mB10 showAdditionalOptions" aria-expanded="false">Additional Options<span class="caret"></span></a> <div class="collapse" id="addtionalCustomGroupOptions"> <div class="well"> <div class="pd10"> <div class="row"> <div class="col-md-3"> <label> Metadata (Optional)</label> </div> <div class="col-md-9"> <textarea rows="2" class="form-control" id="txtCtryMetadata"></textarea> </div> </div> <hr /> <div class="row"> <div class="col-md-12 "> <input type="checkbox" id="chkCtryDisplay" /> <div>Display Country List</div> </div> </div> </div> </div> </div> </div> <div class="formulaBtnSet"> <input type="text" class="form-control pull-left" placeholder="Enter Group Title" id="txtCustomGroupName" /> <a href="javascript:void(0)" class="actionBtn pull-right" onclick="clearCustomGroup(this);"> Clear</a> <a data-text="Add Custom Group" href="javascript:void(0)" class="actionBtn pull-right btn-active-blue" onclick="addCustomGroup('Jobs_Country_View');"> Add</a> </div> </div> </div> </div> </div> </div> <div class="clearfix"> </div>  <div class="modal fade" id="customGroupHelpText" tabindex="-1" role="dialog" aria-labelledby="customGroupHelpText" aria-hidden="true"> <div class="modal-dialog modal-dialog-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" onclick="CloseCustomGroupModals('customGroupHelpText')" aria-label="Close"> <span aria-hidden="true">×</span></button> <h4 class="modal-title" id="customGroupHelpTextLabel"> Custom Country</h4> </div> <div class="modal-body"> <div class="helpcontent"> <div class="mT10"> The <strong>Custom Country </strong>option allows you to create your own customized country groups from country selection panel. </div> <br> <div class="mT10"> Click on Custom Country. A new box will open. Click on the desired countries listed in the country selection panel. Enter the group name in the Enter Group Title box and click on Add. The new country group will be added to the right panel. </div> <br> <div class="mT10"> To edit an existing country group, click on the Edit link in the current selection panel in right side. Now you can add new countries or remove the countries to an existing customized group.<br> 1. Click on the additional countries listed in the country selection panel.<br> 2. To remove the country from the group double click on the country or select the country and click Remove button.<br> 3. Click on Add to save changes to your customized group.<br> <em>Note: Editing the group name will create a new custom group.</em><br> </div> <br> <div class="mT10 mB10"> <span>You can remove the customized group by clicking on the Delete button  <span class="glyphicon glyphicon-remove-circle" ></span> in the current selection panel in right side</span> </div> </div> </div> <div class="modal-footer"> <button type="button" class="actionBtn pull-right " onclick="CloseCustomGroupModals('customGroupHelpText')"> Close</button> </div> </div> </div> </div> <script type="text/javascript"> function CloseCustomGroupModals(id) { $('#' + id).modal("hide"); } </script> </div> </div> </div> </div> </div> </div> </div> <ul class="dispNone"> <li class="addMoreHiddenDiv" id="li_hidden_Jobs_Country_View"><a data-text="Zoom View Country" href="javascript:void(0)" data-toggle="modal" data-target="#zoomView" class="addMoreRHS zoom" title="Add Country" target_panel="#panel_Jobs_Country_View" destination_panel="#selectedDimension_Jobs_Country_View" onclick="loadDimensionList('Jobs_Country_View', '[Jobs_Country_View].[List]', this)" parent-li="#li_hidden_Jobs_Country_View"> Add Country <span class="selectionCountRHS" id="Jobs_Country_View_selectCountRHS">0</span></a> </li> </ul> </div> <div class="panel panel-default" id="panel_JOBS_Series_DIM"> <div class="panel-heading"> <h4 class="panel-title pull-left main-title-panel"> <a data-toggle="collapse" data-parent="#nonMetadataReportVariables" href="#selectedDimension_JOBS_Series_DIM" title="Series" class="collapsed pull-left expandPanel" onclick="loadDimensionList('JOBS_Series_DIM', '[JOBS_Series_DIM].[Topic]', this)"> <span class="caret"></span> Series </a> </h4> <div class="statsWrapper"> <div class="statsInner"> <div class="toggleSelectionViews stats pull-right"> <div class="element statName"> <a href="javascript:void(0)" class="showAvailable " title="Available Series Variables." onclick="loadAvailableList('JOBS_Series_DIM', '[JOBS_Series_DIM].[Topic]', this)">Available</a></div> <div class="element availableCount">  </div> <div class="element"> |</div> <div class="element statName"> <a href="javascript:void(0)" class="showSelected" title="Selected Series Variables." onclick="loadSelectedList('JOBS_Series_DIM', '[JOBS_Series_DIM].[Topic]', this)">Selected</a></div> <div class="selectionCount element forDimension" title=" Series" > 0 </div> </div> <div class="clearfix"> </div> </div> </div> </div> <div class="clearfix"></div> <div id="selectedDimension_JOBS_Series_DIM" class="panel-collapse collapse selectedDimensionPanel"> <div class="panel-body"> <div class="clearfix"> </div> <div id="newSelection_JOBS_Series_DIM" class="newSelection"> <div class="dimensionHolder"> <div class="dimensionHolderInner"> <div class="row"> <div class=" col-md-12"> <div class="variableListWrapper modal-leftCol"> <div class="aggregatesFilter"> <div class="nonclassification" id="showCountryAggOption_JOBS_Series_DIM"> <div class="btn-group" data-toggle="buttons" > <label class="btn showCountryAggOption active" data-value="All" controlId="JOBS_Series_DIM"> <input type="radio" name="showCountryAggOption" id="showAll_JOBS_Series_DIM" checked="checked"> All </label> <label class="btn showCountryAggOption" data-value="Countries" controlId="JOBS_Series_DIM"> <input type="radio" name="showCountryAggOption" id="showCountries_JOBS_Series_DIM" checked="checked"> Countries </label> <label class="btn showCountryAggOption" data-value="Aggregates" controlId="JOBS_Series_DIM"> <input type="radio" name="showCountryAggOption" id="showAggregate_JOBS_Series_DIM"> Aggregates </label> </div> </div> <div class="dispNone classification" id="CtryAgg_Classification_JOBS_Series_DIM"> <div class="btn-group" data-toggle="buttons"> <label data-customlink="sf:body" data-text="Classification Filter - All" class="btn CtryAgg_Classification active" data-value="All"> <input type="radio" name="CtryAgg_Classification" id="Ctry_Classification_JOBS_Series_DIM" checked="checked"> All </label> <label data-customlink="sf:body" data-text="Classification Filter - Countries" class="btn CtryAgg_Classification" data-value="Countries"> <input type="radio" name="CtryAgg_Classification" id="Ctry_Classification_JOBS_Series_DIM"> Countries </label> <label data-customlink="sf:body" data-text="Classification Filter - Aggregates" class="btn CtryAgg_Classification" data-value="Aggregates"> <input type="radio" name="CtryAgg_Classification" id="Agg_Classification_JOBS_Series_DIM"> Aggregates </label> </div> </div> <div class="dispNone classification" id="SubNAtionalButtonGrp" style="display:none"> </div> </div> <div class="clearfix"></div> <div class="additionalTools"> <div class="availableViewTools"> <div class="pull-left mB5"> <div class="btn-group pull-left"> <a data-text="Select All Series" class="btn selectAll btn-default" title="Select all"> <span class="sprite icon-tick"></span> <span class="text">Select all</span> </a> <a data-text="UnSelect All Series" class="btn unselectAll btn-default" title="Unselect all"> <span class="sprite icon-delete"></span> <span class="text">Unselect all</span> </a> <a data-text="Invert Series" class="btn invertSelection btn-default" title="Invert selection"> <span class="sprite icon-sort"></span> <span class="text">Invert selection</span> </a> </div> </div> <div class="pull-right mB5"> <div class="filterResults pull-left" id="filterResults_JOBS_Series_DIM"> <a data-customlink="sf:body" data-text="Remove Filter Series" href="javascript:void(0)" class="removeFilter" data-source="JOBS_Series_DIM" target-id="#tbl_JOBS_Series_DIM" metadata="false" custom-option="false" title="Remove Search"> <span class='glyphicon glyphicon-remove-circle'></span>Filter </a> </div> <div class="searchResults pull-left"> <a data-customlink="sf:body" data-text="Remove Search Series" href="javascript:void(0)" class="removeSearch" data-source="JOBS_Series_DIM" target-id="#tbl_JOBS_Series_DIM" metadata="false" custom-option="false" title="Remove Search"> <span class='glyphicon glyphicon-remove-circle'></span>Search </a> </div> <div class="pull-left searchDiv" id="searchControl_JOBS_Series_DIM"> <input type="text" class="searchInput pull-left" placeholder="Enter Keywords for Search" id="searchBox_JOBS_Series_DIM" /> <a data-customlink="sf:body" data-text="Search Series" href="javascript:void(0)" title="Search" class="pull-left searchBtn" id="searchBtn_JOBS_Series_DIM" data-input="#searchBox_JOBS_Series_DIM" data-source="JOBS_Series_DIM" target-id="#tbl_JOBS_Series_DIM" metadata="false" custom-option="false"><span class="fa fa-search"> </span></a> </div> <div class="variableFilter"> <div class="pull-left filterBy"> <div class="filterWrapper"> <a data-customlink="sf:body" data-text="Filter Series" class="btn btn-xs toggleFilter btn-default" title="Filter" id="toggleFilter_JOBS_Series_DIM"><span class="sprite icon-filter"> </span> <span class="text">Filter</span> <span class="caret"></span></a> <div class="filterTree" id="_filterTree_JOBS_Series_DIM"> <div class='hierarchy' id="hierarchy_JOBS_Series_DIM"> <span> Hierarchy</span> <select id="ddlDimHierarchy_JOBS_Series_DIM" class="dimension-hierarchy dimension-hierarchy-JOBS_Series_DIM" data-type="JOBS_Series_DIM"> </select> </div> <div class='tree'> <ul id="lstFilterItems_JOBS_Series_DIM"> </ul> </div> </div> </div> </div> </div> <div class="zoomWrapper pull-left"> <button data-text="Zoom View Series" type="button" title="Detail view" class="btn btn-default btn-xs zoom pull-left" data-toggle="modal" parent-li="#li_hidden_JOBS_Series_DIM" data-target="#zoomView" target_panel="#panel_JOBS_Series_DIM" destination_panel="#selectedDimension_JOBS_Series_DIM"> <span class="sprite icon-expand"></span> </button> </div> </div> <div class="clearfix"> </div> <div class="alphabet alphabet-S"> <ul class="list-inline list-unstyled pull-left" id="ulJumpToList_JOBS_Series_DIM"> </ul> <div class="customPagination"> <select class="goTo" id="goTo_JOBS_Series_DIM" data-source="JOBS_Series_DIM" target-id="#tbl_JOBS_Series_DIM" metadata="false" custom-option="false"></select> Showing <span class="start"></span>- <span class="end"></span> of <span class="totalCount"> </span> <div class="btn-group"> <a class="showPrev btn btn-default btn-xs" href="javascript:void(0)" data-source="JOBS_Series_DIM" target-id="#tbl_JOBS_Series_DIM" metadata="false" custom-option="false"><span class="icon"></span></a> <a class="showNext btn btn-default btn-xs" href="javascript:void(0)" data-source="JOBS_Series_DIM" target-id="#tbl_JOBS_Series_DIM" metadata="false" custom-option="false"><span class="icon"></span></a> </div> </div> </div> </div> <div class="selectedViewTools"> <div class="pull-left mB5"> <div class="btn-group pull-left"> <a data-text="Sort Series" class="btn sort asc btn-default" title="Sort"> <span class="text"> Sort</span> </a><a data-text="Remove All Series" class="btn removeAll btn-default" title="Remove All"> <span class="text"> Remove all </span> </a> </div> </div> <div class="pull-right mB5"> <div class="zoomWrapper"> <button data-text="Zoom View Series" type="button" class="btn btn-default btn-xs zoom pull-left" data-toggle="modal" title="Detail view" data-target="#zoomView" target_panel="#panel_JOBS_Series_DIM" destination_panel="#selectedDimension_JOBS_Series_DIM"> <span class="glyphicon glyphicon-fullscreen"></span> </button> </div> </div> <div class="clearfix"></div> <p class='noVariableTxt'>No variables selected</p> </div> </div> <div class="clearfix"></div> <div class="variableList"> <ul class="variableTable availableView table-dimension-S" id="tbl_JOBS_Series_DIM" data-type="S" data-text="Series" data-value="JOBS_Series_DIM"> </ul> <div class ="SubnationalAvailableView" data-type="S" data-text="Series" data-value="JOBS_Series_DIM"> </div> <ul class="variableTable selectedView" id="tbl_sel_JOBS_Series_DIM" data-type="S" data-text="Series" data-value="JOBS_Series_DIM" > </ul> </div> <div class="clearfix"></div> <hr class="mainSreenView" /> </div> <div class="clearfix modal-noClear"></div> <div class="modal-rightCol"> <div class="panel-group customGroup changeIcon" id="customIndicator_JOBS_Series_DIM"> <div class="panel panel-default"> <div class="panel-heading"> <a data-text="Create Custom Indicator" data-toggle="collapse" data-parent="#createCustomIndiAcc" href="#createCustomIndicator" id="a_cg_JOBS_Series_DIM" class="collapsed btn btn-xs btn-default">Create Custom Indicator <span class="caret"> </span></a> <a href="javascript:void(0)" data-toggle="modal" data-target="#customIndicatorHelpText"> <span class="sprite icon-help"></span></a> </div> <div id="createCustomIndicator" class="panel-collapse collapse"> <div class="panel-body"> <div class="formulaWrapper" id="seriesWrapper"> <div class="formula"> <ul id="customIndicators" class="list-inline list-unstyled customGroupElements"> </ul> </div> <div class="keys"> <ul class="keyList"> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">1</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">2</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">3</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">+</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">4</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">5</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">6</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">-</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">7</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">8</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">9</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">*</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">(</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">0</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">)</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">/</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">LOG</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">LN</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">PWR</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">,</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">AGR</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">NA</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">DEL</a> </li> <li><a class="btn-link-custom-indicator btn-link" onclick="addIndicatorItem(this); ">.</a> </li> </ul> </div> <div class="clearfix"> </div> <hr class="dottedBdr" /> <div class="pd10"> <a class="btn btn-default btn-xs mB10 showAdditionalOptions" aria-expanded="false">Additional Options <span class="caret"></span></a> <div class="collapse" id="addtionalCustomIndicatorOptions"> <div class="well"> <div class="pd10"> <div class="row"> <div class="col-md-3"> <label> Metadata (Optional)</label> </div> <div class="col-md-9"> <textarea rows="2" class="form-control" id="txtIndMetadata"></textarea> </div> </div> <hr /> <div class="row"> <div class="col-md-12 "> <input type="checkbox" id="chkIndDisplay" /> <div>Display Series List</div> </div> </div> </div> </div> </div> </div> <div class="formulaBtnSet-Series"> <input type="text" class="form-control" placeholder="Enter Indicator Title" id="txtCustomIndicatorName" /> <a class="actionBtn hand-cur" onclick="clearCustomIndicator();">Clr</a> <a data-text="Add Custom Indicator" class="actionBtn hand-cur btn-active-blue" onclick="addCustomIndicator('JOBS_Series_DIM');">Add</a> <a data-text="Validate Custom Indicator" class="actionBtn hand-cur btn-active-blue" onclick="checkCustomIndicator(false,'JOBS_Series_DIM');">Validate</a> </div> </div> </div> </div> </div> </div> <div class="clearfix"></div> <div class="panel-group customGroup dispNone" id="aggRuleTxt"> <div class="panel panel-default"> <h4 class="panel-title" style="display: none"> Aggregation Rule</h4> <p style="display: none"> <em>Defines the methodologies to be used when deriving custom aggregates. These rules apply only to custom country groups you have created! </em><a href="#aggregationRule" data-toggle="modal" data-target="#aggregationRule" class="help">Learn More »</a> </p> <div class="panel-heading"> <a data-text="Define Aggregation Rule" data-toggle="collapse" data-parent="#aggRuleTxt" href="#defineAggRule" class="collapsed btn btn-xs btn-default" onclick="setAggrRuleDetails(this, 'JOBS_Series_DIM')" > Define Aggregation Rule <span class="caret"></span></a> <a href="javascript:void(0)" data-toggle="modal" data-target="#aggHelpTxt"> <span class="sprite icon-help"></span></a> </div> <div id="defineAggRule" class="panel-collapse collapse"> <div class="panel-body"> <div class="radioTabContentWrapper"> <div class="btn-group mB10 btn-group-inner" data-toggle="buttons" id="divAggregationType"> <label class="btn active radioBtnTabsInner" data-target="divApplyAll" id="lblApplyAll"> <input type="radio" name="aggRuleOptions" id="radioApplyAll" /> Apply Same rule for all indicators </label> <label class="btn radioBtnTabsInner" data-target="divChooseForAll" id="lblChooseForAll"> <input type="radio" name="aggRuleOptions" id="radioChooseForAll" /> Set rule for each indicator </label> </div> <div class="well radioTabContentInner" id="divApplyAll"> <table> <tr> <th> Indicator </th> <th class="w80"> Rule </th> <th class="w80"> Weighted Indicator </th> <th class="w40"> % </th> </tr> <tr> <td> All </td> <td> <select class="w60 aggrmethod"> <option value="NONE">None</option> <option value="MEAN">Mean</option> <option value="MEDIAN">Median</option> <option value="MIN">Min</option> <option value="SUM">Sum</option> </select> </td> <td> <select class="w60 weighind"> <option>None</option> </select> </td> <td> <input type="text" class="form-control txt-percen" /> </td> </tr> </table> </div> <div class="well radioTabContentInner" id="divChooseForAll"> <table id="tb-indicatorAggRule"> <thead> <tr> <th> Indicator </th> <th class="w80"> Rule </th> <th class="w80"> Weighted Indicator </th> <th class="w40"> % </th> </tr> </thead> <tbody> </tbody> </table> </div> </div> </div> </div> </div> <div class="clearfix"> </div> </div> </div> <div class="modal fade" id="customIndicatorHelpText" tabindex="-1" role="dialog" aria-labelledby="customIndicatorHelpText" aria-hidden="true"> <div class="modal-dialog modal-dialog-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" onclick="CloseCustomIndicatorModals('customIndicatorHelpText')" aria-label="Close"> <span aria-hidden="true">×</span></button> <h4 class="modal-title" id="customIndicatorHelpTextLbl"> Custom Indicator</h4> </div> <div class="modal-body"> <div class="helpcontent"> <div class="mT10"> myDataBank allows you to derive your own <strong>Custom Indicators</strong> from existing series. </div> <br> <div class="mT10"> Click on Custom Indicators. Choose input indicators by clicking on the desired series in the panel and use the calculator functions to construct your custom indicator formula. <br><br> For example, for a series that shows the percentage of female population, double-click on the series Population, Female. Then create a formula by clicking*100/ from the key pad. Then double click on the series Population, Total. <br><br> After the formula is complete, you can verify its syntax by clicking the Validate button. Give a name to your custom indicator and click on Add. <br><br> Similarly you can create custom indicators such as GDP per Capita as GDP/Population, and annual growth rates for population as AGR(Population, Total), etc. To have "not available" values in the database treated as zero within your formula, use the NA function. </div> <br> <div class="mT10"> Later if you wish to see or change the formula for an indicator you have created, from the right side current selection panel click the Edit. Use the DEL key to delete the last entry and step backwards to edit the formula. Click the Clear button to erase the custom indicator formula. <br><br> Note: Validation will verify a formula for proper syntax only. Derived indicators may yield inappropriate results and caution should be observed. </div> <br> <div class="mT10 mB10"> <span>You can remove the customized indicators by clicking on the Delete button  <span class="glyphicon glyphicon-remove-circle" ></span> in the current selection panel in right side</span> </div> </div> </div> <div class="modal-footer"> <button type="button" class="actionBtn pull-right " onclick="CloseCustomIndicatorModals('customIndicatorHelpText')"> Close</button> </div> </div> </div> </div> <div class="modal fade" id="aggHelpTxt" tabindex="-1" role="dialog" aria-labelledby="aggHelpTxt" aria-hidden="true"> <div class="modal-dialog modal-dialog-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" onclick="CloseCustomIndicatorModals('aggHelpTxt')" aria-label="Close"> <span aria-hidden="true">×</span></button> <h4 class="modal-title" id="aggHelpTxtLbl"> Aggregation Rule</h4> </div> <div class="modal-body"> <div class="helpcontent"> <div class="helpcontent"> <div class="mT10"> The <strong>Aggregation Rules</strong> function defines the methodologies to be used when deriving custom aggregates. These rules apply only to custom country groups you have created. They do not apply to official groups presented in your selected database. </div> <br> <div class="mT10"> For each selected series, choose your <strong>Aggregation Rule</strong> and <strong>Weight Indicator</strong> (if needed) from the corresponding drop-down boxes. Check the Apply to all box if you wish to use the same methodology for all selected series. </div> <br> <div class="mT10"> Aggregation Rules include:<br> 1. <span style="text-decoration: underline;"><strong>Max:</strong></span> Aggregates are set to the highest available value for each time period.<br> 2. <span style="text-decoration: underline;"><strong>Mean:</strong></span> Aggregates are calculated as the average of available data for each time period.<br> 3. <span style="text-decoration: underline;"><strong>Mean 66:</strong></span> Aggregates are calculated as the average of available data for each time period. Values are not shown if more than one third of the observations in the series are missing.<br> 4. <span style="text-decoration: underline;"><strong>Median:</strong></span> Aggregates are calculated as the median of available data for each time period.<br> 5. <span style="text-decoration: underline;"><strong>Median 66:</strong></span> Aggregates are calculated as the median of available data for each time period. Values are not computed if more than a third of the observations in the series are missing.<br> 6. <span style="text-decoration: underline;"><strong>Min:</strong></span> Aggregates are set to the lowest available value for each time period.<br> 7. <span style="text-decoration: underline;"><strong>Sum:</strong></span> Aggregates are calculated as the sum of available data for each time period.<br> 8. <span style="text-decoration: underline;"><strong>Sum 66:</strong></span> Aggregates are calculated as the sum of available data for each time period. Sums are not shown if more than one third of the observations in the series are missing.<br> 9. <span style="text-decoration: underline;"><strong>Weighted Mean:</strong></span> Aggregates are calculated as weighted averages of available data for each time period. Select an appropriate weight variable (GNI, population, GDP, exports, imports, labor force or land area) from the Weight Indicator box, as shown above.<br> 10. <span style="text-decoration: underline;"><strong>Weighted Mean 66:</strong></span> Aggregates are calculated as weighted averages of available data for each time period. No aggregate is shown if missing data account for more than one third of the observations in the series. Select an appropriate weight variable (GNI, population, GDP, exports, imports, labor force or land area) from the Weight Indicator box, as shown above.<br> 11. <span style="text-decoration: underline;"><strong>Weighted Mean 66POP:</strong></span> Aggregates are calculated as weighted averages of available data for each time period. No aggregate is shown if countries with missing data represent more than one third of the total population of your custom group. Select an appropriate weight variable (GNI, population, GDP, exports, imports, labor force or land area) from the Weight Indicator box, as shown above.<br> </div> <br> <div class="mT10"> Note 1: In none of the above methodologies are missing values imputed. Therefore, aggregates for groups of economies should be treated as approximations of unknown totals or average values. </div> <div class="mT10 mB10"> Note 2: Aggregation results apply only to your custom-defined groups and do not reflect official World Bank aggregates based on regional and income classification of economies. Results may be inappropriate (e.g., summing series expressed as a percentage) and caution should be observed when using this function. </div> </div> </div> </div> <div class="modal-footer"> <button type="button" class="actionBtn pull-right " onclick="CloseCustomIndicatorModals('aggHelpTxt')"> Close</button> </div> </div> </div> </div> <script type="text/javascript"> function CloseCustomIndicatorModals(id) { $('#' + id).modal("hide"); } </script> </div> </div> </div> </div> </div> </div> </div> <ul class="dispNone"> <li class="addMoreHiddenDiv" id="li_hidden_JOBS_Series_DIM"><a data-text="Zoom View Series" href="javascript:void(0)" data-toggle="modal" data-target="#zoomView" class="addMoreRHS zoom" title="Add Series" target_panel="#panel_JOBS_Series_DIM" destination_panel="#selectedDimension_JOBS_Series_DIM" onclick="loadDimensionList('JOBS_Series_DIM', '[JOBS_Series_DIM].[Topic]', this)" parent-li="#li_hidden_JOBS_Series_DIM"> Add Series <span class="selectionCountRHS" id="JOBS_Series_DIM_selectCountRHS">0</span></a> </li> </ul> </div> <div class="panel panel-default" id="panel_JOBS_Time_DIM"> <div class="panel-heading"> <h4 class="panel-title pull-left main-title-panel"> <a data-text="Time" title="Time" data-toggle="collapse" data-parent="#nonMetadataReportVariables" href="#selectedDimension_JOBS_Time_DIM" class="collapsed pull-left expandPanel" onclick="loadDimensionList('JOBS_Time_DIM', '[JOBS_Time_DIM].[Time]', this)"> <span class="caret"></span> Time</a> </h4> <div class="statsWrapper"> <div class="statsInner"> <div class="pull-right panel-heading stats toggleSelectionViews"> <div class="element panel-title statName"> <a href="javascript:void(0)" class="showAvailable" title="Available Time" onclick="loadAvailableList('JOBS_Time_DIM', '[JOBS_Time_DIM].[Time]', this)"> Available</a></div> <div class="availableCount element">   </div> <div class="element"> |</div> <div class="element statName"> <a href="javascript:void(0)" class="showSelected" title="Selected Time" onclick="loadSelectedList('JOBS_Time_DIM', '[JOBS_Time_DIM].[Time]', this)"> Selected</a></div> <div class="selectionCount element forDimension" title=" Time"> 0 </div> </div> </div> </div> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> <div id="selectedDimension_JOBS_Time_DIM" class="panel-collapse collapse selectedDimensionTime selectedDimensionPanel"> <div class="panel-body"> <div id="newTimeSelection" class="newSelection"> <div class="dimensionHolder"> <div class="dimensionHolderInner" id="rowTimeDim"> <div class="row"> <div class=" col-md-12"> <div class="clearfix"></div> <div class="variableListWrapper modal-leftCol"> <div class="highfreequencytab" id="highfreequencytab" style="display:none" > <label class="highfreequencytablinks" id="hfAnualTab" onclick="openTab(event, 'hfyear')">Annual</label> <label class="highfreequencytablinks" id="hfQuarterlyTab" onclick="openTab(event, 'hfquater')">Quarterly</label> <label class="highfreequencytablinks" id="hfMonthlyTab" onclick="openTab(event, 'hfmonth')">Monthly</label> <label class="highfreequencytablinks" id="hfWeeklyTab" onclick="openTab(event, 'hfweek')">Weekly</label> <label class="highfreequencytablinks" id="hfDailyTab" onclick="openTab(event, 'hfday')">Daily</label> </div> <p id="lblSlider"> <label for="amount" class="normalFont">Availability Range: Year</label> <b> [<span id="year"></span>]</b> </p> <div id="slider-range" data-source="JOBS_Time_DIM" target-id="#tbl_JOBS_Time_DIM"> </div> <div class="additionalTools"> <div class="availableViewTools"> <div class="pull-left mB5"> <div class="btn-group pull-left"> <a data-text="Select All Time" class="btn selectAll btn-default" title="Select all"> <span class="sprite icon-tick"></span> <span class="text">Select all</span> </a> <a data-text="UnSelect All Time" class="btn unselectAll btn-default" title="Unselect all"> <span class="sprite icon-delete"></span> <span class="text">Unselect all</span> </a> <a data-text="InvertSelect Time" class="btn invertSelection btn-default" title="Invert selection"> <span class="sprite icon-sort"></span> <span class="text">Invert selection</span> </a> </div> </div> <div class="pull-right"> <div class="searchResults filterResults pull-left"> <a data-customlink="sf:body" data-text="Filter Time" href="javascript:void(0)" destination_type="T" title="Filter" class="removeSearch" data-source="JOBS_Time_DIM" target-id="#tbl_JOBS_Time_DIM" metadata="false" custom-option="false"><span class='glyphicon glyphicon-remove-circle'></span> Filter</a> </div> <div class="pull-left searchDiv" id="searchControl_JOBS_Time_DIM"> <input type="text" class="searchInput pull-left" placeholder="Enter Keywords for Search" id="searchBox_JOBS_Time_DIM" /> <a data-customlink="sf:body" data-text="Search Time" href="javascript:void(0)" class="pull-left searchBtn" id="searchBtn_JOBS_Time_DIM" data-input="#searchBox_JOBS_Time_DIM" data-source="JOBS_Time_DIM" target-id="#tbl_JOBS_Time_DIM" metadata="false" custom-option="false" title="Search" destination_type="T"><span class="fa fa-search"> </span></a> </div> <div id="HighFequencyFilter" class="variableFilter"> <div class="pull-left filterBy"> <div class="filterWrapper"> <a data-customlink="sf:body" data-text="Filter Time" class="btn btn-xs toggleFilter btn-default" title="Filter" id="toggleFilter_JOBS_Time_DIM"><span class="sprite icon-filter"> </span> <span class="text">Filter</span> <span class="caret"></span></a> <div class="filterTree" id="_filterTree_JOBS_Time_DIM"> <div class='hierarchy' id="hierarchy_JOBS_Time_DIM"> <span> Hierarchy</span> <select id="ddlDimHierarchy_JOBS_Time_DIM" class="dimension-hierarchy dimension-hierarchy-JOBS_Time_DIM" data-type="JOBS_Time_DIM"> </select> </div> <div class='tree'> <ul id="lstFilterItems_JOBS_Time_DIM"> </ul> </div> </div> </div> </div> </div> <div class="zoomWrapper"> <button data-text="Zoom View Time" type="button" title="Detail View" class="btn btn-default btn-xs zoom pull-left" data-toggle="modal" data-target="#zoomView" data-target="#zoomView" target_panel="#panel_JOBS_Time_DIM" parent-li="#li_hidden_JOBS_Time_DIM" destination_panel="#selectedDimension_JOBS_Time_DIM" destination_type="T"> <span class="glyphicon glyphicon-fullscreen"></span> </button> </div> </div> <div class="clearfix"></div> <div class="timeRange"> <ul class="list-inline list-unstyled pull-left"> <li>VIEW RECENT YEARS</li> <li class="range" data-source="JOBS_Time_DIM" target-id="#tbl_JOBS_Time_DIM" data-range="5"><a data-customlink="sf:body" data-text="Filter Time 5" href="javascript:void(0)">5</a></li> <li class="range" data-source="JOBS_Time_DIM" target-id="#tbl_JOBS_Time_DIM" data-range="10" id="Li1"><a data-customlink="sf:body" data-text="Filter Time 10" href="javascript:void(0)">10</a></li> <li class="range" data-source="JOBS_Time_DIM" target-id="#tbl_JOBS_Time_DIM" data-range="15" id="Li2"><a data-customlink="sf:body" data-text="Filter Time 15" href="javascript:void(0)">15</a></li> <li class="range" data-source="JOBS_Time_DIM" target-id="#tbl_JOBS_Time_DIM" data-range="20" id="Li3"><a data-customlink="sf:body" data-text="Filter Time 20" href="javascript:void(0)">20</a></li> <li class="range" data-source="JOBS_Time_DIM" target-id="#tbl_JOBS_Time_DIM" data-range="25" id="Li4"><a data-customlink="sf:body" data-text="Filter Time 25" href="javascript:void(0)">25</a></li> <li class="range" data-source="JOBS_Time_DIM" target-id="#tbl_JOBS_Time_DIM" data-range="50" id="Li5"><a data-customlink="sf:body" data-text="Filter Time 50" href="javascript:void(0)">50</a></li> </ul> <div class="pull-right customPagination"> <select class="goTo" id="goTo_JOBS_Time_DIM" data-source="JOBS_Time_DIM" target-id="#tbl_JOBS_Time_DIM" metadata="false" custom-option="false"></select> Showing <span class="start"></span>- <span class="end"></span> of <span class="totalCount"> </span> <div class="btn-group"> <a class="showPrev_Time btn btn-default btn-xs" href="javascript:void(0)" data-source="JOBS_Time_DIM" target-id="#tbl_JOBS_Time_DIM" metadata="false" custom-option="false"><span class="icon"></span></a> <a class="showNext_Time btn btn-default btn-xs" href="javascript:void(0)" data-source="JOBS_Time_DIM" target-id="#tbl_JOBS_Time_DIM" metadata="false" custom-option="false"><span class="icon"></span></a> </div> </div> </div> </div> <div class="selectedViewTools"> <div class="btn-group pull-left"> <a data-text="Sort Time" class="btn sort asc btn-default" title="Sort"> <span class="text"> Sort</span> </a><a data-text="Remove All Time" class="btn removeAll btn-default" title="Remove All"> <span class="text"> Remove all</span> </a> </div> <div class="pull-right mB5"> <div class="pull-left"> <input type="checkbox" checked="checked" id="ascendingChkBox" /> Ascending </div> <div class="zoomWrapper"> <button data-text="Zoom View Time" title="Detail view" type="button" class="btn btn-default btn-xs zoom pull-left" data-toggle="modal" data-target="#zoomView" target_panel="#panel_JOBS_Time_DIM" destination_panel="#selectedDimension_JOBS_Time_DIM" destination_type="T"> <span class="glyphicon glyphicon-fullscreen"></span> </button> </div> </div> <div class="clearfix"> </div> <p class='noVariableTxt'> No variables selected</p> </div> </div> <div class="variableList" id="timedimvariableList"> <ul class="variableTable availableView table-dimension-T" id="tbl_JOBS_Time_DIM" data-type="T" data-text="Time" data-value="JOBS_Time_DIM"> </ul> <ul class="variableTable selectedView" id="tbl_sel_JOBS_Time_DIM" data-type="T" data-text="Time" data-value="JOBS_Time_DIM"> </ul> </div> <div class="variableList" style="display:none" id="hfvariableList"> <div class="tabcontent" id="hfyear"> <ul class="variableTable availableView table-dimension-T" id="tbl_JOBS_Time_DIM_Year" data-type="T" data-text="Time" data-value="JOBS_Time_DIM"> </ul> </div> <div class="tabcontent" id="hfquater"> <ul class="variableTable availableView table-dimension-T" id="tbl_JOBS_Time_DIM_Quater" data-type="T" data-text="Time" data-value="JOBS_Time_DIM"> </ul> </div> <div class="tabcontent" id="hfmonth"> <ul class="variableTable availableView table-dimension-T" id="tbl_JOBS_Time_DIM_Month" data-type="T" data-text="Time" data-value="JOBS_Time_DIM"> </ul> </div> <div class="tabcontent" id="hfweek"> <ul class="variableTable availableView table-dimension-T" id="tbl_JOBS_Time_DIM_Week" data-type="T" data-text="Time" data-value="JOBS_Time_DIM"> </ul> </div> <div class="tabcontent" id="hfday"> <ul class="variableTable availableView table-dimension-T" id="tbl_JOBS_Time_DIM_Day" data-type="T" data-text="Time" data-value="JOBS_Time_DIM"> </ul> </div> </div> </div> <div class="clearfix modal-noClear"> </div> <hr class="mainSreenView" /> <div class="clearfix modal-noClear"> </div> <div class="panel-group modal-rightCol" id="createTimeFunctionAcc"> <div class="panel panel-default"> <div class="panel-heading"> <a data-text="Create Custom Period" data-toggle="collapse" data-parent="#createTimeFunctionAcc" href="#createTimeFunction" class="collapsed btn btn-default btn-xs">Create Time Function<span class="caret"> </span></a> <a href="javascript:void(0)" data-toggle="modal" data-target="#timeFunctionHelpTxt"> <span class="sprite icon-help"></span></a> </div> <div class="clearfix"> </div> <div id="createTimeFunction" class="panel-collapse collapse"> <div class="panel-body"> <div class="formulaWrapper" id="timeFunctionWrapper"> <div class="pd10"> <div class="row controls"> <div class="col-md-12 "> <label class="w80">Type</label> <select class="w160" id="selPeriodFunctionType"> <option value="Exponential" selected="">Exponential growth rate</option> <option value="LeastSquares">Least squares growth rate</option> <option value="Geometric">Geometric growth rate</option> <option value="Avg">Average</option> <option value="Median">Median</option> <option value="Max">Maximum</option> <option value="Min">Minimum</option> <option value="Stddev">Standard deviation</option> <option value="Sum">Sum</option> <option value="Variance">Variance</option> <option value="MRV">Most recent value</option> <option value="MRVRight">MRV (with year-Right)</option> <option value="MRVLeft">MRV (with year-Left)</option> <option value="DynYear">Dynamic period</option> </select> </div> </div> <div class="row controls" id="rowSpan"> <div class="col-md-12"> <label class="w80">Span</label> <label>From</label> <select class="mR20 w60" id="selCustomTime_From"> </select> <label>To</label> <select class="mR20 w60" id="selCustomTime_To"> </select> </div> </div> <div class="row controls dispNone" id="rowOrder"> <div class="col-md-12"> <label class="w80">Order</label> <select class="w60" id="selMRVOrder"> <option value="1">First</option> <option value="2">Second</option> <option value="3">Third</option> <option value="4">Fourth</option> <option value="5">Fifth</option> <option value="6">Sixth</option> <option value="7">Seventh</option> <option value="8">Eighth</option> <option value="9">Nineth</option> <option value="10">Tenth</option> </select> </div> </div> <div class="row controls dispNone" id="rowLabel"> <div class="col-md-12"> <label class="w80 pull-left">Label</label> <input type="text" class="form-control pull-left w120" id="txtMRVLabel" /> </div> </div> <div class="row controls dispNone" id="rowDynPeriod"> <div class="col-md-12"> <label class="w80">Total periods</label> <select class="mR20 w60" id="selDynPeriodTotal"> <option value="1">1</option> <option value="2">2</option> <option value="3">3</option> <option value="4">4</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> </select> <label class="mR10">Latest period</label> <select class="w60 mR10" id="selDynPeriodLatest"> <option value="0">Default</option> <option value="1">-1</option> <option value="2">-2</option> <option value="3">-3</option> <option value="4">-4</option> <option value="5">-5</option> <option value="6">-6</option> <option value="7">-7</option> <option value="8">-8</option> <option value="9">-9</option> <option value="10">-10</option> </select> <em>(Optional)</em> </div> </div> </div> <div class="clearfix"> </div> <hr class="dottedBdrs"/> <div class="pd10" id="divTimeAddtOptions"> <a class="btn btn-default btn-xs mB10 collapsed" data-toggle="collapse" href="#addtionalCustomTimeFunctionOptions" aria-expanded="false" aria-controls="addtionalCustomTimeFunctionOptions">Additional options<span class="caret"></span></a> <div class="collapse" id="addtionalCustomTimeFunctionOptions"> <div class="well"> <div class="pd10"> <div class="row"> <div class="col-md-3"> <label>Metadata (Optional)</label> </div> <div class="col-md-9"> <textarea rows="2" class="form-control" id="txtTimeMetadata"></textarea> </div> </div> <hr> <div class="row"> <div class="col-md-12 "> <input type="checkbox" id="chkTimeDisplayDef" /> <div>Display function definition</div> </div> </div> <div class="row" id="divTimeHideTitle"> <div class="col-md-12 "> <input type="checkbox" id="chkTimeHideTitle"> <div>Hide title (applicable to WDI online table only)</div> </div> </div> <div class="row" id="divTimeHideLabel"> <div class="col-md-12 "> <input type="checkbox" id="chkTimeHideLabel"> <div>Hide label (applicable to WDI online table only)</div> </div> </div> </div> </div> </div> </div> <div class="formulaBtnSet"> <input type="text" class="form-control" placeholder="Enter Function Title" id="txtTimeFunctionName" /> <a href="javascript:void(0)" class="actionBtn pull-right" onclick="clearCustomPeriod()" title="Clear">Clear</a> <a data-text="Add Custom Period" href="javascript:void(0)" class="actionBtn pull-right btn-active-blue" onclick="addCustomPeriod('JOBS_Time_DIM')" title="Add">Add</a> </div> </div> </div> </div> </div> </div> <div class="clearfix"> </div> </div> </div></div></div> </div> </div> </div> <ul class="dispNone"> <li class="addMoreHiddenDiv" id="li_hidden_JOBS_Time_DIM"> <a data-text="Zoom View Time" href="javascript:void(0)" data-toggle="modal" data-target="#zoomView" id="addTimeBtn" parent-li="#li_hidden_JOBS_Time_DIM" class="addMoreRHS zoom" title="Add Time" target_panel="#panel_JOBS_Time_DIM" destination_panel="#selectedDimension_JOBS_Time_DIM" onclick="loadDimensionList('JOBS_Time_DIM', '[JOBS_Time_DIM].[Time]', this)" destination_type="T"> Add Time <span class="selectionCountRHS" id="JOBS_Time_DIM_selectCountRHS">0</span> </a> </li> </ul> </div> <div class="modal fade" id="timeFunctionHelpTxt" tabindex="-1" role="dialog" aria-labelledby="timeFunctionHelpTxt" aria-hidden="true"> <div class="modal-dialog modal-dialog-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span></button> <h4 class="modal-title" id="timeFunctionHelpTxtLbl"> Functions</h4> </div> <div class="modal-body"> <div class="helpcontent mT10"> To perform mathematical functions on the data over a specified time period, choose the type of operation from the dropdown menu, and then choose your time period. Give a name to your custom function and click Add. Note: The operation will be performed on all selected series. You should be aware that some results may be inappropriate (e.g., growth rates on current price series). <br><br> <ul class="list-unstyled bulleted"> <li> <b>Exponential growth rate:</b> the growth rate, r, between two points in time calculated from the equation r = ln(pn/p0)/n, where pn and p0 are the last and first observations in the period, n is the number of years in the period range, and ln is the natural logarithm operator. This growth rate is based on a model of continuous, exponential growth between two points in time. It does not take into account the intermediate values of the series. </li> <li> <b>Least-squares growth rate:</b> the growth rate estimated by fitting a linear regression trend line to the logarithmic annual values of the variable in the relevant period. No growth rate is calculated if more than half the observations in a period are missing. The calculated growth rate is an average rate that is representative of the available observations over the entire period. It does not necessarily match the actual growth rate between any two periods. </li> <li> <b>Geometric growth rate:</b> the growth rate over n periods calculated as r = exp[ln(pn/p0)/n] - 1. It is applicable to compound growth over discrete periods. Like the exponential growth rate, it does not take into account intermediate values of the series. </li> <li> <b>Average (or mean):</b> the sum of values in the period divided by the number of values. Observations that are not available are ignored, however zero values are included. </li> <li> <b>Median:</b> the middle value in the period. </li> <li> <b>Maximum:</b> the highest value in the period. </li> <li> <b>Minimum:</b> the lowest value in the period. </li> <li> <b>Standard deviation:</b> the square root of the variance. Standard deviation is a measure of how widely values are dispersed from the average value (the mean). </li> <li> <b>Sum:</b> the sum of the values in the period. </li> <li> <b>Variance:</b> the mean of all squared deviations from the mean. </li> <li> <b>Most recent value:</b> The most recent value (MRV) function will display a value in the specified year range according to the selected order (observation sequence). The default order is "First" which will display the most recent value available in the period. Selecting a different order, such as "Second" for example, will display the second-most recent value in the period, etc. MRV options are also available to display the year of the data, either to the left or right of the data value. </li> </ul> </div> <br /> </div> <div class="modal-footer"> <button type="button" class="actionBtn pull-right " data-dismiss="modal"> Close</button> </div> </div> </div> </div> <div class="panel panel-default" id="metadataReportVariables"> <div class="panel-heading"> <h4 class="panel-title pull-left main-title-panel"> <a data-toggle="collapse" data-parent="#nonMetadataReportVariables" href="#metadataAttributes" class="collapsed"> <span class="caret"></span> Metadata Attributes</a> </h4> <div class="statsWrapper"> <div class="statsInner"> <div class="pull-right stats toggleSelectionViews"> <div class="element statName"> <a href="javascript:void(0)" class="showAvailableMeta">Available</a></div> <div class="availableCount element"> </div> <div class="element"> |</div> <div class="element statName"> <a href="javascript:void(0)" class="showSelectedMeta">Selected</a></div> <div class="selectionCount element"> </div> </div> </div> </div> </div> <div class="clearfix"> </div> <div id="metadataAttributes" class="panel-collapse collapse selectedDimensionTime selectedDimensionPanel"> <div class="panel-body"> <div class="dimensionHolder"> <div class="dimensionHolderInner" id="metadataDimInner"> <div class="row"> <div class="col-md-12"> <div class="variableListWrapper"> <div class="additionalTools"> <div class="clearfix"> </div> <div class="availableViewTools"> <div class="btn-group pull-left" > <a data-text="Select All Metadata" class="btn selectAll_Meta btn-default" title="Select all"> <span class="sprite icon-tick"></span> <span class="text">Select all</span> </a> <a data-text="UnSelect All Metadata" class="btn unselectAll_Meta btn-default" title="Unselect all"> <span class="sprite icon-delete"></span> <span class="text">Unselect all</span> </a> <a data-text="Invert Select Metadata" class="btn invertSelection_Meta btn-default" title="Invert selection"> <span class="sprite icon-sort"></span> <span class="text">Invert selection</span> </a> </div> <div class="pull-right mB5"> <div class="filterResults pull-left"> <a href="#javascript:void(0)" class="removeFilter_Meta" data-source="MetaAttr" target-id="#metadataAttrTable" metadata="false" custom-option="false"><span class='glyphicon glyphicon-remove-circle'></span>Clear</a> </div> <div class="pull-left searchDiv" id="searchControl_MetaAttr"> <input type="text" class="searchInput pull-left" placeholder="Enter Keywords for Search" id="searchBox_MetaAttr"/> <a href="javascript:void(0)" title="Search" class="pull-left searchBtn_Meta" id="searchBtn_MetaAttr" data-input="#searchBox_MetaAttr" data-source="MetaAttr" target-id="#metadataAttrTable" metadata="false" custom-option="false"><span class="fa fa-search"> </span></a> </div> <div class="zoomWrapper"> <button data-text="Zoom View Metadata Attributes" type="button" class="btn btn-default btn-xs zoom pull-left" data-toggle="modal" data-target="#zoomView" target_panel="#metadataReportVariables" destination_panel="#metadataAttributes" destination_type="M"> <span class="sprite icon-expand"></span> </button> </div> </div> </div> <div class="selectedViewTools"> <div class="pull-left"> <div class="element"> <a href="javascript:void(0)" class="sort asc">Sort</a> </div> <div class="element"> | </div> <div class="element"> <a href="javascript:void(0)" class="removeAll">Remove All</a> </div> </div> <div class="pull-right"> <div class="zoomWrapper"> <button data-text="Zoom View Metadata Attributes" type="button" class="btn btn-default btn-xs zoom pull-left" data-toggle="modal" data-target="#zoomView"> <span class="fa fa-search"></span> </button> </div> </div> </div> <div class="clearfix"> </div> <div class="alphabet"> <ul class="list-inline list-unstyled" id="jumptolistmeta"> <li class="jumpTo"><a href="javascript:void(0)">A</a></li><li class="jumpTo"><a href="javascript:void(0)"> B</a></li><li class="jumpTo"><a href="javascript:void(0)">C</a></li><li class="jumpTo"> <a href="javascript:void(0)">D</a></li><li class="jumpTo"><a href="javascript:void(0)"> E</a></li><li class="jumpTo"><a href="javascript:void(0)">F</a></li><li class="jumpTo"> <a href="javascript:void(0)">G</a></li><li class="jumpTo"><a href="javascript:void(0)"> H</a></li><li class="jumpTo"><a href="javascript:void(0)">I</a></li><li class="jumpTo"> <a href="javascript:void(0)">J</a></li><li class="jumpTo"><a href="javascript:void(0)"> K</a></li><li class="jumpTo"><a href="javascript:void(0)">L</a></li><li class="jumpTo"> <a href="javascript:void(0)">M</a></li><li class="jumpTo"><a href="javascript:void(0)"> N</a></li><li class="jumpTo"><a href="javascript:void(0)">O</a></li><li class="jumpTo"> <a href="javascript:void(0)">P</a></li><li class="jumpTo"><a href="javascript:void(0)"> Q</a></li><li class="jumpTo"><a href="javascript:void(0)">R</a></li><li class="jumpTo"> <a href="javascript:void(0)">S</a></li><li class="jumpTo"><a href="javascript:void(0)"> T</a></li><li class="jumpTo"><a href="javascript:void(0)">U</a></li><li class="jumpTo"> <a href="javascript:void(0)">V</a></li><li class="jumpTo"><a href="javascript:void(0)"> W</a></li><li class="jumpTo"><a href="javascript:void(0)">Y</a></li><li class="jumpTo"> <a href="javascript:void(0)">Z</a></li> </ul> </div> </div> <div class="clearfix"> </div> <div class="variableList"> <ul class="variableTable availableView" id="metadataAttrTable"> </ul> <ul class="variableTable selectedView" id="tbl_sel_MetaAttr"> </ul> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="toolTipContent"> </div> <div class="tab-pane" id="reportOptions"> <div id="upReportOptions"> <div class="panel-group" id="tableOptionsAccordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#tableOptionsAccordion" href="#tableOrientationOption"><span class="caret"></span>Orientation</a> </h4> </div> <div id="tableOrientationOption" class="panel-collapse collapse in"> <div class="panel-body"> <div class="btn-group mB10" data-toggle="buttons"> <label class="btn active radioBtnTabs" data-target="tablePopularOrientation" id="liOrienationPopular"> <input type="radio" name="options" id="radioTablePopularOrientation" /> Popular </label> <label class="btn radioBtnTabs" data-target="tableCustomOrientation" id="liOrienationCustom"> <input type="radio" name="options" id="radioTableCustomOrientation" /> Custom </label> </div> <div class="radioTabContentWrapper"> <div class="radioTabContent" id="tablePopularOrientation"> <div class="btn-group" data-toggle="buttons" id="divTablePopularOrientation"> <label class="btn active"> <input type="radio" name="options" id="rb_template_orientation1" /> <span class="sprite pop-orn-button o1" title="Orientation 1 (Time on Page, Country on Column, Series on Row)"></span> </label> <label class="btn "> <input type="radio" name="options" id="rb_template_orientation2" /> <span class="sprite pop-orn-button o2" title="Orientation 2 (Series on Page, Country on Column, Time on Row)"></span> </label> <label class="btn "> <input type="radio" name="options" id="rb_template_orientation3" /> <span class="sprite pop-orn-button o3" title="Orientation 3 (Time on Page, Series on Column, Country on Row)"></span> </label> <label class="btn "> <input type="radio" name="options" id="rb_template_orientation4" /> <span class="sprite pop-orn-button o4" title="Orientation 4 (Series on Page, Time on Column, Country on Row)"></span> </label> <label class="btn "> <input type="radio" name="options" id="rb_template_orientation5" /> <span class="sprite pop-orn-button o5" title="Orientation 5"></span> </label> </div> </div> <div id="tableCustomOrientation" class="radioTabContent"><p class="sortable-orientation-p">Drag to rearrange the order</p><ul id="customorientation-sortable-list"><li class="row controls sortable-orientation-li"><div class="col-md-12"><label class="w80 group-label sortable-orientation-li-label">Time</label><select name="ctl15$custom-orientation-JOBS_Time_DIM" id="custom-orientation-JOBS_Time_DIM" class="custom-orientation-ddl dropdown sortable-orientation-li-select"> <option value="0">Column</option> <option value="1">Row</option> <option value="2">Page</option> </select></div></li><li class="row controls sortable-orientation-li"><div class="col-md-12"><label class="w80 group-label sortable-orientation-li-label">Series</label><select name="ctl15$custom-orientation-JOBS_Series_DIM" id="custom-orientation-JOBS_Series_DIM" class="custom-orientation-ddl dropdown sortable-orientation-li-select"> <option value="0">Column</option> <option value="1">Row</option> <option value="2">Page</option> </select></div></li><li class="row controls sortable-orientation-li"><div class="col-md-12"><label class="w80 group-label sortable-orientation-li-label">Country</label><select name="ctl15$custom-orientation-Jobs_Country_View" id="custom-orientation-Jobs_Country_View" class="custom-orientation-ddl dropdown sortable-orientation-li-select"> <option value="0">Column</option> <option value="1">Row</option> <option value="2">Page</option> </select></div></li></ul></div> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#tableOptionsAccordion" href="#tableDisplayOption" class="collapsed"><span class="caret"></span>Display</a> </h4> </div> <div id="tableDisplayOption" class="panel-collapse collapse"> <div class="panel-body"> <div class="row controls"> <div class="col-md-12"> <label>Rows per page</label> <div class="btn-group" data-toggle="buttons" id="divRowsPerPage"> <label class="btn active"> <input type="radio" name="rowPerPage" id="row50"> 50 </label> <label class="btn"> <input type="radio" name="rowPerPage" id="row100"> 100 </label> <label class="btn"> <input type="radio" name="rowPerPage" id="row250"> 250 </label> </div> </div> </div> <hr /> <div class="clearfix"> </div> <div class="row"> <div class="col-md-12"> <span class=""> <input type="checkbox" id="chkShowNotes" /> </span> <label>Show notes</label> </div> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#tableOptionsAccordion" href="#tableFormatNumberOption" class="collapsed"><span class="caret"></span>Format Numbers</a> </h4> </div> <div id="tableFormatNumberOption" class="panel-collapse collapse"> <div class="panel-body"> <div class="row controls"> <div class="col-md-12"> <label class="w100">NA preference</label> <select class="w80" id="ddlNAPref"> <option selected="selected" value="..">..</option> <option value="blank">Blank</option> <option value="NA">NA</option> <option value="#N/A">#N/A</option> </select> </div> </div> <div class="row controls"> <div class="col-md-12"> <label class="w100">Scale </label> <select class="w80" id="ddlScale"> <option value="1">Units</option> <option value="1000">Thousands</option> <option value="1000000">Millions</option> <option value="1000000000">Billions</option> <option value="Scientific">Scientific</option> <option selected="selected" value="..">..</option> </select> </div> </div> <div class="row controls"> <div class="col-md-12"> <label class="w100">Precision</label> <select class="w80" id="ddlPrecision"> <option value="0">0</option> <option value="0.0">0.0</option> <option value="0.00">0.00</option> <option value="0.000">0.000</option> <option value="0.0000">0.0000</option> <option selected="selected" value="..">..</option> </select> </div> </div> <hr /> <div class="row controls"> <div class="col-md-12"> <input type="checkbox" id="chkCommaSep" />Separate thousands by commas </div> </div>  <hr /> <div class="panel-group customGroup" id="formatSeriesPanel"> <div class="panel panel-default"> <h4 class="panel-title"> Format series</h4> <div class="panel-heading"> <a data-toggle="collapse" data-parent="#formatSeriesPanel" href="#formatSeries" class="collapsed btn btn-xs btn-default" id="btnFormatSeries">Define format<span class="caret"></span></a> </div> <div id="formatSeries" class="panel-collapse collapse"> </div> </div> <div class="clearfix"> </div> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#tableOptionsAccordion" href="#tableHeaderFooterOption" class="collapsed"><span class="caret"></span>Table Header & Footer</a> </h4> </div> <div id="tableHeaderFooterOption" class="panel-collapse collapse"> <div class="panel-body"> <div class="row controls"> <div class="col-md-12"> <label class="w100 pull-left">Report header</label> <input type="text" class="form-control w200 pull-left" id="txtReportHeader" /> </div> </div> <div class="row controls"> <div class="col-md-12"> <label class="w100 pull-left">Report footer</label> <input type="text" class="form-control w200 pull-left" id="txtReportFooter" /> </div> </div> <div class="row controls"> <div class="col-md-12"> <label class="w100 pull-left">Report Notes</label> <input type="text" class="form-control w200 pull-left" id="txtReportNotes" /> </div> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#tableOptionsAccordion" href="#tableAdvancedOptions" class="collapsed"><span class="caret"></span>Advanced options</a> </h4> </div> <div id="tableAdvancedOptions" class="panel-collapse collapse"> <div class="panel-body"> <div class="row controls"> <div class="col-md-12"> <label class="wadv pull-left"> Hierarchy</label> <select id="ddlTableHierarchy" class="w100"> <option value="NONE">None</option> <option value="ROW">Row</option> <option value="COLUMN">Column</option> <option value="BOTH">Both</option> <option value="BOTH SORTED">Both Sorted</option> <option value="ROW SORTED">Row Sorted</option> </select> </div> </div> <div class="row controls"> <div class="col-md-12"> <label class="wadv pull-left"> Most Recent Value Function</label> <select id="ddlTableMRVFunc" class="w100 mR10"> <option value="NONE">None</option> <option value="BACKWARD">Backward</option> <option value="FORWARD">Forward</option> <option value="BOTH-B">Both - Start Back</option> <option value="BOTH-F">Both - Start Forward</option> <option value="BACK-FORWARD">Back then Forward</option> <option value="FORWARD-BACK">Forward then Back</option> </select> <select class="w100" id="ddlTableMRVInt" disabled="disabled"> <option value="0">0 periods</option> <option value="1">1 periods</option> <option value="2">2 periods</option> <option value="3">3 periods</option> <option value="4">4 periods</option> <option value="5">5 periods</option> <option value="6">6 periods</option> <option value="7">7 periods</option> <option value="8">8 periods</option> <option value="9">9 periods</option> </select> </div> </div> <div class="row controls"> <div class="col-md-12"> <label class="wadv pull-left"> Hide Empty Row</label> <input id="chkTableHideEmptyRow" type="checkbox" name="checkbox" /> </div> </div> <div class="row controls"> <div class="col-md-12"> <label class="wadv pull-left"> Hide Empty Column</label> <input id="chkTableHideEmptyCol" type="checkbox" name="checkbox" /> </div> </div> <hr /> <div class="panel-group customGroup" id="comparatorReportPanel"> <div class="panel panel-default"> <h4 class="panel-title"> Comparator Report</h4> <div class="panel-heading"> <a id="btnComparatorReport" data-toggle="collapse" data-parent="#comparatorReportPanel" href="#comparatorReport" class="collapsed btn btn-xs btn-default">Select Variables for Comparison <span class="caret"></span></a> </div> <div id="comparatorReport" class="panel-collapse collapse"> </div> </div> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> <hr /> <div class="panel-group customGroup" id="hideColumnPanel"> <div class="panel panel-default"> <h4 class="panel-title"> Hide Columns</h4> <div class="panel-heading"> <a id="btnHideColumns" data-toggle="collapse" data-parent="#hideColumnPanel" href="#hideColumns" class="collapsed btn btn-xs btn-default">Choose columns to hide <span class="caret"> </span></a> </div> <div id="hideColumns" class="panel-collapse collapse"> </div> </div> <div class="clearfix"> </div> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane" id="themes"> <div id="upReportStyles"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" href="#tableTemplateOption"><span class="caret"></span>Template</a> </h4> </div> <div id="tableTemplateOption" class="panel-collapse collapse in"> <div class="panel-body"> <div class="btn-group mB10" data-toggle="buttons"> <label class="btn active radioBtnTabs" data-target="tableCustomTemplate" id="liTemplateCustom"> <input type="radio" name="options" id="radioTableCustomTemplate" /> Custom </label> <label class="btn radioBtnTabs" data-target="tableResponsiveTemplate" id="liTemplateResponsive"> <input type="radio" name="options" id="radioTableResponsiveTemplate" /> Responsive </label> </div> <div class="radioTabContentWrapper"> <div class="radioTabContent" id="tableCustomTemplate"> <div class="btn-group" data-toggle="buttons" id="divTableCustomTemplate"> <a class="btn btn-default btn-sm" href="#createCustomThemeModal" data-toggle="modal" data-target="#createCustomThemeModal" id="btn-createCustomTheme-table"><span class="text">Customize Report</span> </a> <br /> <br /> Use this option to create WDI, IDS Online tables etc., <br /> <br /> </div> </div> <div class="radioTabContent" id="tableResponsiveTemplate"> <div class="row"> <div class="col-md-12"> <span class=""> <input type="checkbox" id="chkTemplateResponsive" /> </span> <label>Apply Responsive Template</label> </div> </div> </div> </div> </div> </div> </div>  <div class="modal fade" id="createCustomThemeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h4 class="modal-title">Customize Report</h4> </div> <div class="modal-body"> <iframe src="" width="1000" height="500" id="customTableHolder" scrolling="no" frameborder="0"></iframe> </div> </div>  </div>  </div>  <input type="hidden" name="ctl16$hdnTemplateId" id="hdnTemplateId" value="1" /> </div> </div> <div class="tab-pane" id="embed"> <div class="panel-group" id="embedOptionsAccordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title pull-left"> <a data-toggle="collapse" data-parent="#embedOptionsAccordion" href="#embedDimensions"><span class="caret"></span> Embed Dimensions</a> </h4> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> <div id="embedDimensions" class="panel-collapse collapse in"> <div class="panel-body"> <div class="row mB10"> <div class="col-md-4"> <label> Preset</label> </div> <div class="col-md-6"> <div class="btn-group" data-toggle="buttons" id="divEmbedDimensions"> <label class="btn active btnEmbedSize" id="embedSmallSize" embed-size="500X425"> <input type="radio" name="embedSizeOptions" /> Small <br /> 500X425 </label> <label class="btn btnEmbedSize" id="embedMediumSize" embed-size="750X575"> <input type="radio" name="embedSizeOptions" /> Medium <br /> 750X575 </label> <label class="btn btnEmbedSize" id="embedLargeSize" embed-size="950X800"> <input type="radio" name="embedSizeOptions" /> Large <br /> 950X800 </label> </div> </div> </div> <div class="row mB10"> <div class="col-md-4"> <label> Custom Width (px)</label></div> <div class="col-md-6"> <input type="text" class="form-control" value="500" id="inputEmbedWidth" placeholder="500" /> </div> </div> <div class="row mB10"> <div class="col-md-4"> <label> Custom Height (px)</label></div> <div class="col-md-6"> <input type="text" class="form-control" value="425" id="inputEmbedHeight" placeholder="425" /> </div> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title pull-left"> <a data-toggle="collapse" data-parent="#embedOptionsAccordion" href="#embedElements" class="collapsed"><span class="caret"></span>Choose Elements to Display</a> </h4> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> <div id="embedElements" class="panel-collapse collapse"> <div class="panel-body"> <div class="checkbox"> <label> <input type="checkbox" value="" id="chkDimensionDpDwn" checked="checked" /> Dimension Dropdown </label> </div> <div class="checkbox" id="divMetadataDimensionDpDwn" style="display: none;"> <label> <input type="checkbox" value="" id="chkMetadataDimensionDpDwn" checked="checked" /> Show Metadata dropdown </label> </div> <div class="checkbox"> <label> <input type="checkbox" value="" id="chkLinkBar" checked="checked" /> Tool Bar </label> </div> <div class="checkbox mL20"> <label> <input type="checkbox" value="" class="secondary" id="chkShareLink" checked="checked" /> Share </label> </div> <div class="checkbox mL20"> <label> <input type="checkbox" value="" class="secondary" checked="checked" id="chkDownloadLink" /> Download </label> </div> <div class="checkbox mL40"> <label> <input type="checkbox" value="" checked="checked" class="tertiary downloadopt" id="chkExcel" /> Excel </label> </div> <div class="checkbox mL40"> <label> <input type="checkbox" value="" checked="checked" class="tertiary downloadopt" id="chkCSV" /> CSV </label> </div> <div class="checkbox mL40"> <label> <input type="checkbox" value="" checked="checked" class="tertiary downloadopt" id="chkTabbedTxt" /> Tabbed TXT </label> </div> <div class="checkbox mL20"> <label> <input type="checkbox" value="" class="secondary" checked="checked" id="chkInfoLink" /> Info </label> </div> <div class="checkbox"> <label> <input type="checkbox" value="" checked="checked" id="chkPrintLink" /> Print </label> </div> <div class="checkbox"> <label> <input type="checkbox" value="" id="chkNavigator" /> Navigator </label> </div> <div class="checkbox" style="display: none;"> <label> <input type="checkbox" value="" checked="checked" id="chkEmbedShowZoombar" /> Show Zoombar </label> </div> <div class="checkbox" style="display: none;"> <label> <input type="checkbox" value="" checked="checked" id="chkEmbedShowLegend" /> Show legend </label> </div> </div> </div> </div> <div class="panel panel-default" id="availableThemes"> <div class="panel-heading"> <h4 class="panel-title pull-left"> <a data-toggle="collapse" data-parent="#embedOptionsAccordion" href="#embedThemes" class="collapsed"><span class="caret"></span>Toolbar Themes</a> </h4> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> <div id="embedThemes" class="panel-collapse collapse"> <div class="panel-body"> <ul class="availableThemeList"> <li id="darkGrey" class="active"><a href="javascript:void(0)" class="active"></a> </li> <li id="redTheme" class=""><a href="javascript:void(0)"></a></li> <li id="blueTheme"><a href="javascript:void(0)"></a></li> </ul> <div class="clearfix"> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title pull-left"> <a data-toggle="collapse" data-parent="#embedOptionsAccordion" href="#embedCanvasOptions" class="collapsed"><span class="caret"></span>Canvas Options</a> </h4> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> <div id="embedCanvasOptions" class="panel-collapse collapse"> <div class="panel-body"> <div class="attributes"> <label> Border</label> <select id="borderWidth"> <option value="1px">1px</option> <option value="2px">2px</option> <option value="3px">3px</option> <option value="4px">4px</option> <option value="0px" selected="selected">None</option> </select> <select id="borderStyle" class="dispNone"> <option value="solid">Solid</option> <option value="dashed">Dashed</option> <option value="dotted">Dotted</option> </select> <span class="colorPickerEmdebOpt dispNone" id="canvasBorder"></span> </div> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title pull-left"> <a data-toggle="collapse" data-parent="#embedOptionsAccordion" href="#embedTitleDesc" class="collapsed"><span class="caret"></span>Title & Description</a> </h4> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> <div id="embedTitleDesc" class="panel-collapse collapse"> <div class="panel-body"> <div class="btn-group mB10" data-toggle="buttons"> <label class="btn radioBtnTabs active" data-target="showEmbedTitle" id="radioBtnShowTitle"> <input type="radio" name="showEmbedTitle" id="radioshowtitle" /> Show Title </label> <label class="btn radioBtnTabs" data-target="" id="radioBtnHideTitle"> <input type="radio" name="showEmbedTitle" id="radiohidetitle"/> Hide Title </label> </div> <div class="radioTabContentWrapper"> <div class="radioTabContent" id="showEmbedTitle"> <div class="well mB10"> <table> <tr> <td class="w25percent"> Title </td> <td class="w25percent" colspan="3"> <input type="text" class="form-control" placeholder="Enter Text" id="txtTitle" /> </td> </tr> <tr> <td class="w25percent"> Font Style </td> <td class="w25percent"> <select id="selTitleFontStyle" class="w80"> <option value="bold" selected="selected">Bold</option> <option value="bold italic">Bold Italic</option> <option value="italic">Italic</option> <option value="normal" >Normal</option> </select> </td> <td class="w25percent"> Font Type </td> <td class="w25percent"> <select id="selTitleFont" class="w80"> <option value="Open Sans">Open Sans</option> <option value="Arial Black">Arial Black</option> <option value="Arial" selected="selected">Arial</option> <option value="Comic Sans">Comic Sans</option> <option value="Courier New">Courier New</option> <option value="Sans Serif">Sans Serif</option> <option value="Times New Roman">Times New Roman</option> <option value="Verdana">Verdana</option> </select> </td> </tr> <tr> <td class="w25percent"> Font Color </td> <td class="w25percent"> <span class="colorPickerEmdebOpt" id="selTitleFontColor"></span> </td> <td class="w25percent"> Font Size </td> <td class="w25percent"> <select id="selTitleFontSize" class="w80"> <option value="8px">8</option> <option value="9px">9</option> <option value="10px">10</option> <option value="11px">11</option> <option value="12px">12</option> <option value="13px">13</option> <option value="14px" selected="selected">14</option> <option value="15px">15</option> <option value="16px">16</option> </select> </td> </tr> <tr> <td class="w25percent"> Horizontal Alignment </td> <td class="w25percent"> <select id="selTitleAlignment" class="w80"> <option value="justify">Justify</option> <option value="left">Left</option> <option value="right">Right</option> <option value="center">Center</option> </select> </td> <td class="w25percent"> </td> <td class="w25percent"> </td> </tr> </table> </div> </div> <div class="radioTabContent" id="hideEmbedTitle"> </div> </div> <hr /> <div class="btn-group mB10" data-toggle="buttons"> <label class="btn radioBtnTabs" data-target="showEmbedDesc" id="radioBtnShowDesc"> <input type="radio" name="showEmbedDesc" id="radioshowdesc" /> Show Description </label> <label class="btn radioBtnTabs active" data-target="" id="radioBtnHideDesc"> <input type="radio" name="showEmbedDesc" id="radiohidedesc" /> Hide Description </label> </div> <div class="radioTabContentWrapper"> <div class="radioTabContent" id="showEmbedDesc"> <div class="well mB10"> <table> <tr> <td class="w25percent"> Description </td> <td class="w25percent" colspan="3"> <textarea class="form-control" rows="3" placeholder="Enter Text" id="txtDesc"></textarea> </td> </tr> <tr> <td class="w25percent"> Font Style </td> <td class="w25percent"> <select id="selDescFontStyle" class="w80"> <option value="bold" selected="selected">Bold</option> <option value="bold italic">Bold Italic</option> <option value="italic">Italic</option> <option value="normal" >Normal</option> </select> </td> <td class="w25percent"> Font Type </td> <td class="w25percent"> <select id="selDescFont" class="w80"> <option value="open sans">Open Sans</option> <option value="Arial Black">Arial Black</option> <option value="Arial" selected="selected">Arial</option> <option value="Comic Sans">Comic Sans</option> <option value="Courier New">Courier New</option> <option value="Sans Serif">Sans Serif</option> <option value="Times New Roman">Times New Roman</option> <option value="Verdana">Verdana</option> </select> </td> </tr> <tr> <td class="w25percent"> Font Color </td> <td class="w25percent"> <span class="colorPickerEmdebOpt" id="selDescColor"></span> </td> <td class="w25percent"> Font Size </td> <td class="w25percent"> <select id="selDescFontSize" class="w80"> <option value="8px">8</option> <option value="9px" selected="selected">9</option> <option value="10px">10</option> <option value="11px">11</option> <option value="12px">12</option> <option value="13px">13</option> <option value="14px">14</option> <option value="15px">15</option> <option value="16px">16</option> </select> </td> </tr> <tr> <td class="w25percent"> Horizontal Alignment </td> <td class="w25percent"> <select class="w80" id="selDescAlignment"> <option value="justify">Justify</option> <option value="left">Left</option> <option value="right">Right</option> <option value="center">Center</option> </select> </td> <td class="w25percent"> </td> <td class="w25percent"> </td> </tr> </table> </div> </div> <div class="radioTabContent" id="hideEmbedDesc"> </div> </div> <div class="clearfix"> </div> <a class="actionBtn pull-right applyChangesEmbed" data-trackAction='apply changes' href="javascript:void(0)">Apply Changes</a> </div> </div> </div> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title pull-left"> <a data-toggle="collapse" data-parent="#embedOptionsAccordion" href="#embedIframecode" class="collapsed"><span class="caret"></span>Embed Code</a> </h4> <div class="clearfix"> </div> </div> <div class="clearfix"> </div> <div id="embedIframecode" class="panel-collapse collapse"> <div class="panel-body"> <hr /> <p class="mT10"><b><em> Copy and paste this code to your website</em></b></p> <textarea class="form-control" rows="6" placeholder="Enter Text" id="txtEmbedCode" style="cursor: text" readonly="readonly"></textarea> </div> </div> </div> </div> </div> <div class="tab-pane" id="share"> <div class="panel-body"> <h5>Permanent link for this report</h5> <a href="javascript:void(0)" id="lnkPermReportLink" target="_blank"></a> <hr /> <div id="reviewlinkdetails" style="display: none;" <h5>REVIEW LINK FOR THIS REPORT</h5> <a href="javascript:void(0)" id="lnkPermReportReviewLink" target="_blank"></a> <hr /> </div> <h5> Share with your friends </h5> <p id="ctlShareURL"> <a href="javascript:Enterfacebook();" data-trackAction='share' onclick="TrackFeature('Share->Facebook')" class="btn btn-sm btn-default">Facebook</a> <a href="javascript:Entertwitter();" data-trackAction='share' onclick="TrackFeature('Share->Twitter')" class="btn btn-sm btn-default">Twitter</a> <a href="javascript:EnterGoogleplus();" data-trackAction='share' onclick="TrackFeature('Share->Google')" class="btn btn-sm btn-default">Google +</a> </p> </div> </div> <div class="tab-pane" id="save"> <div class="panel-body"> <div id="unsecure" class="dispNone"> <p> Please log in to save your report </p> </div> <div id="secure"> <div class="row mB10"> <div class="col-md-12"> <label class="w100 pull-left"> Report title</label> <input type="text" class="form-control w200 pull-left" id="txtSaveReportTitle" MaxLength="100" /> </div> </div> <div class="row mB10"> <div class="col-md-12"> <label class="w100 pull-left"> Short description</label> <textarea class="form-control pull-left w200" rows="3" id="txtSaveReportDesc" ></textarea> </div> </div> <hr /> <div class="row "> <div class="col-md-12"> <input type="checkbox" id="chkShareReport" Share report /> Share report <br/> </div> </div> <div class="row"> <div class="col-md-12"> <input type="checkbox" id="chkSnapshotSave"> Snapshot Save </div> </div> <hr /> <div class="btn-group mB10" data-toggle="buttons" id="divLabelSelection"> <label class="btn radioBtnTabs active" data-target="divAssignExistingFolder" id="btnAssignExistingFolder"> <input type="radio" name="assignFolder" id="radio3" /> Assign to an existing folder </label> <label class="btn radioBtnTabs" data-target="divCreateNewFolder" id="btnCreateNewFolder"> <input type="radio" name="assignFolder" id="radio4" /> Create new folder </label> </div> <div class="radioTabContentWrapper"> <div class="radioTabContent" id="divAssignExistingFolder"> <label class="w100 pull-left">Select folder</label> <select class="pull-left w100" onclick="loadReportLabels()" id="dpSelectLabel"> <option value="select">Select</option> </select> </div> <div class="radioTabContent" id="divCreateNewFolder"> <label class="w100 pull-left">Create new</label> <input type="text" id="txtNewFolderName" MaxLength="40"/> </div> </div> <div class="alert alert-success" role="alert" style="display: none;" id="divReportSaveSucess"><span class="glyphicon glyphicon-ok"></span> <span id="txtReportSaveSucess">Report Saved Successfully.</span></div> <div class="alert alert-danger" role="alert" style="display: none;" id="divReportSaveFailed"><span class="glyphicon glyphicon-exclamation-sign"></span> <span id="txtReportSaveFailed">Report Saved Successfully.</span></div> <hr class="dottedBdr" /> <a class="actionBtn pull-right" href="javascript:void(0)" onclick="clearReportSave(true)">Clear</a> <a class="actionBtn pull-right applyChanges" href="javascript:void(0)" data-trackAction='save' onclick="saveReport(false, false, false, false);" title="Changes will be published externally" >Save</a> <a class="actionBtn pull-right applyChangesUpdate" href="javascript:void(0)" data-trackAction='save' onclick="saveReport(false, false, false, true)" style="display: none;" title="Use this option to review the changes before publish the report" >Update</a> <div id="reviewrecordexists" style="display: none;" You are viewing Review Report.</div> </div> </div> </div> <div id="embedCode"> </div> <div id="embedBtn"> </div> </div> </div> </div> <div class="colCanvas col-md-7"> <div class="viewToggler closeBtn toolTipLeft" data-toggle="tooltip" title="Hide Options"> <span class="arrows">«</span> <span class="arrowsAr">»</span> <span class=" glyphicon glyphicon-cog"></span> </div> <div class="viewToggler openBtn toolTipLeft" data-toggle="tooltip" title="Show Options"> <span class="glyphicon glyphicon-cog"></span><span class="arrows">»</span> <span class="arrowsAr">»</span> </div> <div id="upReportName"> <div class="reportName"> Preview</div> <div class="reportSubNatText" style="display: none;">         Data for admin level 1 are not comparable across countries. Choose one country at a time to plot chart and maps.</div> </div> <div class="clearfix"> </div> <div class="addRemoveVariables"> <ul class="list-unstyled list-inline" id="ul-addMoreDimension"> <li><a "" href="#" class="reset" title="Clear all selections."> Clear Selection</a></li> <li>|</li> </ul> </div> <div class="clearfix"> </div> <div class="canvas"> <div id="divReportContent" class="tab-content"> <div id="upReportDD"> <select name="ctl17$ddl_page_Jobs_Country_View" onchange="javascript:setTimeout('__doPostBack(\'ctl17$ddl_page_Jobs_Country_View\',\'\')', 0)" id="ctl17_ddl_page_Jobs_Country_View" class="page-ddl"> </select> </div> <input type="hidden"/><script id="dxis_990597456" src="/DXR.axd?r=1_11,1_12,1_252,1_23,1_64,1_13,1_14,1_15,1_48,1_17,1_9,1_24,1_33,1_34-ZiHLr" type="text/javascript"></script><link rel="stylesheet" type="text/css" href="/DXR.axd?r=1_74,1_68,1_73-ZiHLr" /><div class="dxpnlControl" id="cbpReportView"> <input type="hidden" name="cbpReportView$ctl03$hdnTableFormatStyles" id="hdnTableFormatStyles" /> <input type="hidden" name="cbpReportView$ctl03$hdnTableFormatRows" id="hdnTableFormatRows" /> <input type="hidden" name="cbpReportView$ctl03$hdnTotalRows" id="hdnTotalRows" value="0" /> <div class="dxmLite dxm-ltr"> <div id="pMenuGrid" style="z-index:20000;display:none;"> <div class="dxm-popupMain dxm-shadow dxm-popup"> <ul class="dx dxm-noImages dxm-gutter"> <li class="dxm-item"><div class="dxm-content dxm-hasText"> <span class="dx-vam dxm-contentText">Insert Row Before</span> </div><b class="dx-clear"></b></li><li class="dxm-item"><div class="dxm-content dxm-hasText"> <span class="dx-vam dxm-contentText">Insert Row After</span> </div><b class="dx-clear"></b></li><li class="dxm-item"><div class="dxm-content dxm-hasText"> <span class="dx-vam dxm-contentText">Delete Row</span> </div><b class="dx-clear"></b></li><li class="dxm-item"><div class="dxm-content dxm-hasText"> <span class="dx-vam dxm-contentText">Change Style</span> </div><b class="dx-clear"></b></li><li class="dxm-item"><div class="dxm-content dxm-hasText"> <span class="dx-vam dxm-contentText">Reset Style</span> </div><b class="dx-clear"></b></li><li class="dxm-item"><div class="dxm-content dxm-hasText"> <span class="dx-vam dxm-contentText">Reset All</span> </div><b class="dx-clear"></b></li><li class="dxm-item"><div class="dxm-content dxm-hasText"> <span class="dx-vam dxm-contentText">Remove Sort</span> </div><b class="dx-clear"></b></li> </ul> </div> </div> </div><script id="dxss_1463457975" type="text/javascript">  </script> <div id="dlgInsertRow" style="display: none;"> <table style="border: 0px; width: 100%;"> <tr id="rowLabel"> <td style="border: 0px;">Label</td> <td style="border: 0px;" colspan="3"><input type="text" id="txtInsertText" style="width: 100%" /></td> </tr> <tr> <td style="border: 0px;">Font Type</td> <td style="border: 0px;"> <select id="lstFonts" style="width: 100%"> <option value="">Select</option> <option value="open sans">Open Sans</option> <option value="arial">Arial</option> <option value="arial black">Arial Black</option> <option value="comic sans">Comic Sans</option> <option value="courier new">Courier New</option> <option value="sans serif">Sans Serif</option> <option value="tahoma">Tahoma</option> <option value="times new roman">Times New Roman</option> <option value="verdana">Verdana</option> </select> </td> <td style="border: 0px;">Font Size</td> <td style="border: 0px;"> <select id="lstFontSize" style="width: 100%"> <option value="">Select</option> <option value="5">5</option> <option value="6">6</option> <option value="7">7</option> <option value="8">8</option> <option value="9">9</option> <option value="10">10</option> <option value="11">11</option> <option value="12">12</option> <option value="14">14</option> <option value="16">16</option> <option value="18">18</option> <option value="20">20</option> <option value="24">24</option> </select> </td> </tr> <tr> <td style="border: 0px;">Style</td> <td style="border: 0px;"> <select id="lstFontStyle" style="width: 100%"> <option value="">Select</option> <option value="normal">Normal</option> <option value="bold">Bold</option> <option value="italic">Italic</option> <option value="bold italic">Bold Italic</option> </select> </td> <td style="border: 0px;">Indent</td> <td style="border: 0px;"><input type="text" id="txtIndent" style="width: 100%" /></td> </tr> <tr> <td style="border: 0px;">Align</td> <td style="border: 0px;"> <select id="lstHAlign" style="width: 100%"> <option value="">Select</option> <option value="left">Left</option> <option value="center">Center</option> <option value="right">Right</option> </select> </td> <td style="border: 0px;">Vertical Align</td> <td style="border: 0px;"> <select id="lstVAlign" style="width: 100%"> <option value="">Select</option> <option value="top">Top</option> <option value="middle">Middle</option> <option value="bottom">Bottom</option> </select> </td> </tr> <tr> <td style="border: 0px;">Textcolor</td> <td style="border: 0px;"> <span id="cellstyle-tcolor"></span> </td> <td style="border: 0px;">Background</td> <td style="border: 0px;"> <span id="cellstyle-bgcolor"></span> </td> </tr> <tr> <td style="border: 0px;">Height</td> <td style="border: 0px;"> <input type="text" id="txtHeight" style="width: 100%" /> </td> <td style="border: 0px;"></td> <td style="border: 0px;"> </td> </tr> </table> </div> </div><script id="dxss_888397235" type="text/javascript">  </script> <div id="divNoDataToDisplay" style="display: none;"> <div class="white-well"> <div class="dimSelected noPreview"> OK. Please select remaining variables to continue. </div> <div class="allDimSelected noPreview"> Please click on Apply Changes to view the report. </div> <div class="clearSelTxt"> Please select variables from each of the following dimensions to view a report. You can select from left panel or by clicking the links above. </div> <div class=""> <ul id="availableDimensions" class="mT10"> </ul></div> <hr class="dottedBdr" /> <a class="actionBtn pull-right applyChangesDim disabled" href="javascript:void(0)" data-trackAction='apply changes' id="applyChangesNoPreview"> Apply Changes</a> </div> </div> <div id="faded" class="dispNone"></div> <div class="selectionModifyTxt"> <span id="selModifyText"> Selections have been modified. Click on "Apply Changes" at any time to refresh the report with the changes made. Otherwise, click on "Cancel" to go back to previous selections.</span> <hr class="dottedBdr" /> <a "" class="actionBtn pull-right cancelChangesDim" href="javascript:void(0)"> Cancel</a> <a class="actionBtn pull-right applyChangesDim" data-trackAction='apply changes' href="javascript:void(0)"> Apply Changes</a> </div> <div class="modal fade" id="dbMetadata" tabindex="-1" role="dialog" aria-labelledby="dbMetadata" aria-hidden="true"> <div class="modal-dialog modal-dialog-sm"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-label="Close"> <span aria-hidden="true">×</span></button> <h4 class="modal-title" id="dbMetadataLbl"> Metadata</h4> </div> <div class="modal-body"> </div> <div class="modal-footer"> <button type="button" class="actionBtn pull-right " data-dismiss="modal"> Close</button> </div> </div> </div> </div> <div class="promptSave"> <span id="promptSaveText"> Please log in to save <br /> <br /> Kindly choose an option and press OK to continue <br /> <br /> </span> <div class="btn-group mB10"> <input type="radio" name='radioLogin' id="radioLoginWB" style="float:right;" value="wbStaffLogin" /><span style="float:right;" > WB Staff Login </span> <input type="radio" name='radioLogin' id="radioLoginPublic" style="float:right;" value="publicLogin" checked /> <span style="float:right;" > Public Login </span> <br /> </div> <br /> <hr class="dottedBdr" /> <a class="actionBtn pull-right cancelpromt" href="javascript:void(0)"> Close</a> <a data-customlink="nl:header" data-text="Login from Save Prompt" class="actionBtn pull-right cnfrmpromt" href="javascript:void(0)"> OK</a> </div> <div class="confirmationTxt" style="display: none;"> Selected Indicator units are different, do you want to continue? <hr class="dottedBdr" /> <a class="actionBtn pull-right cancelChangesDim" href="javascript:void(0)"> Cancel</a> <a class="actionBtn pull-right confirmOK" href="javascript:void(0)" conf-target=""> OK</a> </div> <div class="downloadMsg"> </div> </div> <div id="embedIframeWrapper" style="display: none;"> <iframe id="chartWrapper" frameborder="no" src="" width="500" height="425"></iframe> </div> </div> </div> </div> <div class="footerStrip"> <div id="wbg-footer" class=" g02v1-footer brd-t-1"> <div class="row"> <div class="col-lg-12 "> <ul class="list-inline"> <li> <a href="http://www.worldbank.org/" class="sprite wbg-logo-en" title="The World Bank Working for a World Free of Poverty"></a> </li> <li> <a title="International Bank for Reconstruction and Development" href="http://www.worldbank.org/ibrd">IBRD</a>    <a title="International Development Association" href="http://www.worldbank.org/ida">IDA</a>    <a title="International Finance Corporation" href="http://www.ifc.org/">IFC</a>    <a title="Multilateral Investment Guarantee Agency" href="http://www.miga.org/">MIGA</a>    <a title="International Centre for Settlement of Investment Disputes" href="http://icsid.worldbank.org/">ICSID</a> </li> </ul> </div> </div> <div class="row"> <div class="col-lg-12 "> <div class="g02v1-copyright col-md-6 col-sm-6"> <div class="g02v1-footer-copyright"> <a href="http://www.worldbank.org/legalinfo">Legal</a> | <a href="http://go.worldbank.org/TRCDVYJ440">Access to Information</a> | <a href="http://www.worldbank.org/jobs">Jobs</a> | <a href="http://www.worldbank.org/sitemap">Site Map</a> | <a href="http://www.worldbank.org/contacts">Contact</a> </div> <div class="g02v1-footer-copyright"> <a href="http://www.worldbank.org/"> © <script language="JavaScript">  </script> The World Bank Group, All Rights Reserved. </a> </div> </div> <div class="g02v1-copyright col-sm-6 col-md-6"> <div class=" g02v1-footer-fraud"> <a href="http://web.worldbank.org/WBSITE/EXTERNAL/EXTABOUTUS/ORGANIZATION/ORGUNITS/EXTDOII/0,,contentMDK:20659616~menuPK:1702202~pagePK:64168445~piPK:64168309~theSitePK:588921,00.html">Fraud & Corruption Hotline</a> </div> </div> </div> </div> </div> </div> </div> <iframe id="dlgDownloadFrame" style="display: none;"></iframe>  <div class="modal fade" id="divMetadataCtl" tabindex="-1" role="dialog" aria-labelledby="lblMetadataLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" onclick="ClosePanelOthersModals('divMetadataCtl')" aria-hidden="true">×</button> <h4 class="modal-title" id="lblMetadataLabel">Metadata</h4> </div> <div class="modal-body"> </div> <div class="modal-footer"> <button type="button" class="actionBtn pull-right" onclick="ClosePanelOthersModals('divMetadataCtl')">Close</button> <button data-customlink="fd:body content:en:xls" type="button" class="actionBtn pull-right btn-meta-download mR10" onclick="return onMetadataDownload(this);">Download</button> </div> </div>  </div>  </div>  <div class="modal fade" id="advancedDownloadOptions" tabindex="-1" role="dialog" aria-labelledby="advancedDownloadOptionsLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div id="divDownloadAdvanced"> </div> <div class="modal-footer"> <div class="alert alert-success" role="alert" style="display: none;" id="divDatasetSaveSucess"><span class="glyphicon"></span><span id="txtDatasetSaveSucess" style="float:left;"></span></div> <div class="alert alert-danger" role="alert" style="display: none;" id="divDatasetSaveFailed"><span class="glyphicon"></span> <span id="txtDatasetSaveFailed" style="float:left;"></span></div> <button type="button" class="actionBtn pull-right" data-dismiss="modal"> Close</button> <button data-customlink="fd:body content:en:xlsx" type="button" class="actionBtn mR10 pull-right btn-download" id="btnAdvancedDownload1" onclick="downloadadvanced();"> Download</button> </div> </div> </div>  </div>   <div class="modal fade" id="customGroupHelp" tabindex="-1" role="dialog" aria-labelledby="customGroupHelpLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" onclick="ClosePanelOthersModals('customGroupHelp')" aria-hidden="true"> ×</button> <h4 class="modal-title" id="customGroupHelpLabel"> Custom Country </h4> </div> <div class="modal-body"> <p> The Custom Country option allows you to create your own customized country groups from country selection panel. </p> <p> Click on Custom Country. A new box will open. Click on the desired countries listed in the country selection panel. Enter the group name in the Enter Group Title box and click on Add. The new country group will be added to the right panel.</p> <p> To edit an existing country group, click on the Edit link in the current selection panel in right side.</p> <p> Now you can add new countries or remove the countries to an existing customized group. 1. Click on the additional countries listed in the country selection panel. 2. To remove the country from the group double click on the country or select the country and click Remove button. 3. Click on Add to save changes to your customized group. Note: Editing the group name will create a new custom group. You can remove the customized group by clicking on the Delete button in the current selection panel in right side</p> </div> <div class="modal-footer"> <button type="button" class="actionBtn pull-right" onclick="ClosePanelOthersModals('customGroupHelp')"> Close</button> </div> </div>  </div>  </div>  <div class="modal fade" id="customIndicatorHelp" tabindex="-1" role="dialog" aria-labelledby="customIndicatorHelpLabel" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" onclick="ClosePanelOthersModals('customIndicatorHelp')" aria-hidden="true"> ×</button> <h4 class="modal-title" id="customIndicatorHelpLabel"> Custom Indicator</h4> </div> <div class="modal-body"> <p> myDataBank allows you to derive your own <strong>Custom Indicators</strong> from existing series. <br /> Click on Custom Indicators. Choose input indicators by clicking on the desired series in the panel and use the calculator functions to construct your custom indicator formula. <br> <br> For example, for a series that shows the percentage of female population, double-click on the series Population, Female. Then create a formula by clicking*100/ from the key pad. Then double click on the series Population, Total. <br> <br> After the formula is complete, you can verify its syntax by clicking the <img alt="Validate" src="/images/validate.png" %>"> Validate icon. Give a name to your custom indicator and click on Add. <br> <br> Similarly you can create custom indicators such as GDP per Capita as GDP/Population, and annual growth rates for population as AGR(Population, Total), etc. To have "not available" values in the database treated as zero within your formula, use the NA function. </p> </div> <div class="modal-footer"> <button type="button" class="actionBtn pull-right" onclick="ClosePanelOthersModals('customIndicatorHelp')"> Close</button> </div> </div>  </div>  </div>  <div class="modal fade" id="aggregationRule" tabindex="-1" role="dialog" aria-labelledby="" aria-hidden="true"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" onclick="ClosePanelOthersModals('aggregationRule')" aria-hidden="true"> ×</button> <h4 class="modal-title" id="H3"> Aggregation Rule</h4> </div> <div class="modal-body"> <div class="helpcontent"> <div style="padding-top: 10px;"> The <strong>Aggregation Rules</strong> function defines the methodologies to be used when deriving custom aggregates. These rules apply only to custom country groups you have created. They do not apply to official groups presented in your selected database. </div> <br> <div style="padding-top: 10px;"> For each selected series, choose your <strong>Aggregation Rule</strong> and <strong> Weight Indicator</strong> (if needed) from the corresponding drop-down boxes. Check the Apply to all box if you wish to use the same methodology for all selected series. </div> <br> <div style="padding-top: 10px;"> Aggregation Rules include:<br> 1. <span style="text-decoration: underline;"><strong>Max:</strong></span> Aggregates are set to the highest available value for each time period.<br> 2. <span style="text-decoration: underline;"><strong>Mean:</strong></span> Aggregates are calculated as the average of available data for each time period.<br> 3. <span style="text-decoration: underline;"><strong>Mean 66:</strong></span> Aggregates are calculated as the average of available data for each time period. Values are not shown if more than one third of the observations in the series are missing.<br> 4. <span style="text-decoration: underline;"><strong>Median:</strong></span> Aggregates are calculated as the median of available data for each time period.<br> 5. <span style="text-decoration: underline;"><strong>Median 66:</strong></span> Aggregates are calculated as the median of available data for each time period. Values are not computed if more than a third of the observations in the series are missing.<br> 6. <span style="text-decoration: underline;"><strong>Min:</strong></span> Aggregates are set to the lowest available value for each time period.<br> 7. <span style="text-decoration: underline;"><strong>Sum:</strong></span> Aggregates are calculated as the sum of available data for each time period.<br> 8. <span style="text-decoration: underline;"><strong>Sum 66:</strong></span> Aggregates are calculated as the sum of available data for each time period. Sums are not shown if more than one third of the observations in the series are missing.<br> 9. <span style="text-decoration: underline;"><strong>Weighted Mean:</strong></span> Aggregates are calculated as weighted averages of available data for each time period. Select an appropriate weight variable (GNI, population, GDP, exports, imports, labor force or land area) from the Weight Indicator box, as shown above.<br> 10. <span style="text-decoration: underline;"><strong>Weighted Mean 66:</strong></span> Aggregates are calculated as weighted averages of available data for each time period. No aggregate is shown if missing data account for more than one third of the observations in the series. Select an appropriate weight variable (GNI, population, GDP, exports, imports, labor force or land area) from the Weight Indicator box, as shown above.<br> 11. <span style="text-decoration: underline;"><strong>Weighted Mean 66POP:</strong></span> Aggregates are calculated as weighted averages of available data for each time period. No aggregate is shown if countries with missing data represent more than one third of the total population of your custom group. Select an appropriate weight variable (GNI, population, GDP, exports, imports, labor force or land area) from the Weight Indicator box, as shown above.<br> </div> <br> <div style="padding-top: 10px;"> Note 1: In none of the above methodologies are missing values imputed. Therefore, aggregates for groups of economies should be treated as approximations of unknown totals or average values. </div> <div style="padding-top: 10px;"> Note 2: Aggregation results apply only to your custom-defined groups and do not reflect official World Bank aggregates based on regional and income classification of economies. Results may be inappropriate (e.g., summing series expressed as a percentage) and caution should be observed when using this function. </div> </div> </div> <div class="modal-footer"> <button type="button" class="actionBtn pull-right" onclick="ClosePanelOthersModals('aggregationRule')"> Close</button> </div> </div> </div>  </div> <script type="text/javascript"> function ClosePanelOthersModals(id) { $('#' + id).modal("hide"); } </script> <div id="palette" class=""> <div id="block-datafinder_settings-report" class="block block-datafinder_settings"> <h2 data-customlink="nl:footer" class="block-title" onclick="javascript:uvClick()"> Help/Feedback </h2> </div> </div> <div id="report-loading" class="loading"> <img src="/images/ajax-loader.gif" width="32" height="32" alt='' /><br /> <strong>Loading...</strong> </div> <div class="modal fade" id="zoomView" tabindex="-1" role="dialog" aria-labelledby="zoomModalHeader" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header panel" id="zoomModalHeader"> <button type="button" class="close closeZoomModal" data-dismiss="modal" aria-label="Close" title="Close"> <span aria-hidden="true">×</span></button> <h4 class="modal-title" id="zoomModalTitle"> Modal title</h4> </div> <div class="modal-body panel" id="zoomModalBody"> <div class="viewToggler toolTipRight openBtnModal" data-toggle="tooltip" title="Show Advanced Options" data-original-title="Show Advanced Options"> <span class=" glyphicon glyphicon-chevron-left"></span> </div> <div class="viewToggler toolTipRight closeBtnModal" data-toggle="tooltip" title="Hide Advanced Options" data-original-title="Hide Advanced Options"> <span class=" glyphicon glyphicon-chevron-right"></span> </div> <div class="clearfix"> </div> </div> </div> </div> </div> <div class="modal fade" id="archiveDBNotes" tabindex="-1" role="dialog" aria-hidden="true" data-backdrop="static" data-keyboard="false"> <div class="modal-dialog modal-dialog-sm"> <div class="modal-content"> <div class="modal-header" id="archiveDBNotesLbl"> <button type="button" class="close closeZoomModal" data-dismiss="modal" aria-label="Close" title="Close"> <span aria-hidden="true">×</span></button> <h4 id="dbNoteHeader" class="modal-title"> </h4> </div> <div class="modal-body"> <p id="dbNote" class="helpcontent"> </p> </div> <div class="modal-footer" id="Div4"> <button type="button" class="actionBtn pull-right" data-dismiss="modal" title="Close"> Close</button> </div> </div> </div> </div> <div id="upReportHidden"> <input type="hidden" name="hdnCubeID" id="hdnCubeID" value="1225" /> <input type="hidden" name="hdnSubnationalPagination" id="hdnSubnationalPagination" /> <input type="hidden" name="hdnSubnationalSingleView" id="hdnSubnationalSingleView" /> <input type="hidden" name="hdnReportType" id="hdnReportType" value="TABLE" /> <input type="hidden" name="hdnReportID" id="hdnReportID" /> <input type="hidden" name="hdnReportDetails" id="hdnReportDetails" /> <input type="hidden" name="hdnReportURL" id="hdnReportURL" /> <input type="hidden" name="hdnReportOptionsNew" id="hdnReportOptionsNew" /> <input type="hidden" name="hdnReportOptionsCur" id="hdnReportOptionsCur" value="{"IsOrientationTemplate":false,"SelectedOrientation":"","OrientationCustom":[{"dimensionId":"Jobs_Country_View","dimensionAxis":"2"},{"dimensionId":"JOBS_Series_DIM","dimensionAxis":"1"},{"dimensionId":"JOBS_Time_DIM","dimensionAxis":"0"}],"NoOfRowsPerPage":"50","ShowNotes":true,"EmptyFormat":"..","ReportLevelScale":true,"Scale":"1","Precision":"0.0","ThousandSeparator":true,"ReportHeader":null,"ReportFooter":null,"AdvancedOptions":{"Hierarchy":"NONE","RolloverDirection":"none","RolloverInterval":null,"HideEmptyRow":false,"HideEmptyColumn":false},"ReportNotes":null}" /> <input type="hidden" name="hdnSelectVars" id="hdnSelectVars" /> <input type="hidden" name="hdnSelectMetaAttrib" id="hdnSelectMetaAttrib" /> <input type="hidden" name="hdnChartOptions" id="hdnChartOptions" /> <input type="hidden" name="hdnDimensionDetails" id="hdnDimensionDetails" /> <input type="hidden" name="hdnMetadataFilters" id="hdnMetadataFilters" /> <input type="hidden" name="hdnMetadataSelections" id="hdnMetadataSelections" /> <input type="hidden" name="hdnChartLabels" id="hdnChartLabels" /> <input type="hidden" name="hdnDatasetOptions" id="hdnDatasetOptions" /> <input type="hidden" name="hdnAbobeText" id="hdnAbobeText" value="{"databaseName":"Jobs","Dimensions":{}}" /> <input name="hdnuidval" type="hidden" id="hdnuidval" value="p5igtxzc5gtw54xgehegnhc3" /> <input name="hdnlangdmnen" type="hidden" id="hdnlangdmnen" value="https://databank.worldbank.org" /> <input name="hdnlangdmnzh" type="hidden" id="hdnlangdmnzh" value="https://databank.shihang.org" /> <input name="hdnlangdmnes" type="hidden" id="hdnlangdmnes" value="https://databank.bancomundial.org" /> <input name="hdnlangdmnfr" type="hidden" id="hdnlangdmnfr" value="https://databank.banquemondiale.org" /> <input name="hdnlangdmnar" type="hidden" id="hdnlangdmnar" value="https://databank.albankaldawli.org" /> <input name="hdntgpgnam" type="hidden" id="hdntgpgnam" value="/reports.aspx?source=jobs" /> <input name="hdntgurl" type="hidden" id="hdntgurl" /> <input name="hdnSaveDlg" type="hidden" id="hdnSaveDlg" /> </div>  <script type="text/javascript" src="/scripts/reports/plugins/jquery-v1.11.1.js"></script> <script type="text/javascript" src="/scripts/reports/plugins/jquery-ui-v1.10.3.js"></script> <script type="text/javascript" src="/scripts/reports/plugins/jquery.deprecated.js"></script> <script type="text/javascript" src="/scripts/reports/plugins/bootstrap.js"></script> <script type="text/javascript" src="/scripts/reports/plugins/bootstrap-select.min.js"></script> <script type="text/javascript" src="/scripts/reports/plugins/jqx-all.js"></script> <script type="text/javascript" src="/scripts/reports/plugins/jquery.sortcontent.js"></script> <script type="text/javascript" src="/scripts/reports/plugins/jpicker.min.js"></script> <script type="text/javascript" src="/scripts/reports/plugins/bootstrap-switch.js"></script> <script type="text/javascript" src="/scripts/reports/selectvariable.js"></script> <script type="text/javascript" src="/scripts/reports/SubnationalData.js"></script> <script type="text/javascript" src="/scripts/reports/reportcommon.js"></script> <script type="text/javascript" src="/scripts/reports/embedOptions.js"></script> <script type="text/javascript" src="/scripts/reports/selectvariableadvanced.js"></script> <script src="/js/wb_feedback.js"></script> <script type="text/javascript"> /* Code to add User Voice implementation script. The gnarly string in the URL identifies our account There are a couple of simpler alternatives to add the script, including the jQuery.getScript function, or simply linking it with an ordinary <script/> tag. I've used the jQuery option successfully, but the plain <script/> tag approach tends to cause security certificate issues with IE, IE9 in particular. I'm trying to get more clarity with UserVoice. */ (function () { var uv = document.createElement('script'); uv.type = 'text/javascript'; uv.async = true; uv.src = '//widget.uservoice.com/XzQsWhTqmnE8dYDOJ0HjJQ.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(uv, s) })() </script> <script type="text/javascript"> function uvClick() { // set following parameter to site identifier: Data, Databank, Finances or DataCatalog var siteIdentifier = 'Databank'; UserVoice = window.UserVoice || []; UserVoice.push(['setCustomFields', { 'Origin': siteIdentifier}]); UserVoice.push(['showLightbox', 'classic_widget', { mode: 'support', primary_color: '#54584c', link_color: '#397aac' }]); } </script> <script type="text/javascript"> $(document).ready(function () { loadDatabaseList(document.getElementById("databaseLink")); }); </script> <div id="upReportScript"> <script type="text/javascript" src="/scripts/reports/tableoptions.js"></script> <script type="text/javascript" src="/scripts/reports/tablecustomstyles.js"></script> </div> <script type="text/javascript"> //Script to show report loading during postback var gbl_prm = Sys.WebForms.PageRequestManager.getInstance(); gbl_prm.add_beginRequest(function () { var width = $(window).width(); var height = $(window).height(); $("#report-loading").css({ top: ((height / 2) - 25), left: ((width / 2) - 50) }).fadeIn(200); }); gbl_prm.add_endRequest(function (endRequestHandler) { if (gbl_CubeIsSubnational && gbl_CubeNoteExtra !== null && gbl_CubeNoteExtra !== '') $('.reportSubNatText').show(); initCommon(); initSelectVariables(); cbpReportView.PerformCallback(); }); function setReportOptions(s, e) { //to handle the map situation where the map has to show whole world $('#splitter').height('100%'); //debugger; if ($('.openBtn').css('display') == 'block' && $('.openBtn').hasClass('map-view-toggle')) { gbl_map_splitter_initial = true; $('.closeBtn').trigger('click'); $('.openBtn').removeClass('map-view-toggle'); } //debugger; switch ($('#hdnReportType').val().toUpperCase()) { case 'TABLE': initTableOptions(); break; case 'CHART': initChartOptions(); break; case 'MAP': initMapOptions(); generateMapLayers(); break; case 'METADATA': initMetadataOptions(); break; } $("#report-loading").fadeOut(500); var format = 'Table'; if ($(".formatList li.active").attr("id") != null) format = $(".formatList li.active").attr("id").split("li")[1].trim(); var rpdbname = $(".database h2").text().trim(); var pagesection2 = "DataBank>" + rpdbname + ">" + format; AnalyticsControlClick('editreports', pagesection2); } $(document).ready(function () { var docWidth = $(document).width(); var dbNameWidth = $('.dbname').width(); var reportLinksWidth = $('.formatListWrapper').width(); var databaseHeaderWidth = docWidth - dbNameWidth - reportLinksWidth - 75 - $('#betaNote').width() - 30; //Added beta notes and width of metadata icon $('#database_header').css("maxWidth", databaseHeaderWidth + "px"); if (gbl_common_culture == "ar") { $(".colTools").insertAfter(".colCanvas"); $('#splitter').jqxSplitter({ width: '100%', height: '100%', orientation: 'vertical', panels: [{ size: '60%', collapsible: false}] }); } else if (gbl_common_culture == "fr") { $('#splitter').jqxSplitter({ width: '100%', height: '100%', orientation: 'vertical', panels: [{ size: '560', min: 480 }] }); } else { $('#splitter').jqxSplitter({ width: '100%', height: '100%', orientation: 'vertical', panels: [{ size: '505', min: 480 }] }); } /*setTimeout(function () { $('#splitter').jqxSplitter('expand'); }, 100);*/ //$('.jqx-splitter-collapse-button-vertical').css('margin-top', '140px'); $('#splitter').on('resize', function (event) { setReportSize(true); }); $('#splitter').on('expanded', function (event) { $(".closeBtn").show(); $(".openBtn").hide(); $('.jqx-splitter-collapse-button-vertical').tooltip('destroy'); $('.jqx-splitter-collapse-button-vertical').prop('title', 'Hide Options'); $('.jqx-splitter-collapse-button-vertical').prop('data-toggle', 'tooltip'); if (gbl_common_culture == "ar") { $('.jqx-splitter-collapse-button-vertical').tooltip({ placement: "left" }); } else { $('.jqx-splitter-collapse-button-vertical').tooltip({ placement: "right" }); } }); $('#splitter').on('collapsed', function (event) { $(".closeBtn").hide(); $(".openBtn").show(); $('.jqx-splitter-collapse-button-vertical').tooltip('destroy'); $('.jqx-splitter-collapse-button-vertical').prop('title', 'Show Options'); $('.jqx-splitter-collapse-button-vertical').prop('data-toggle', 'tooltip'); if (gbl_common_culture == "ar") { $('.jqx-splitter-collapse-button-vertical').tooltip({ placement: "left"}); } else { $('.jqx-splitter-collapse-button-vertical').tooltip({ placement: "right"}); } }); setReportSize(false); $("body").on("click", ".reset", function () { onClearSelections(); }); $('.splnoteslink').click(function () { var lnk = $(this).data("src"); window.open(lnk); }); var nodatareport = 'Y' == 'Y'; if (nodatareport) clearselections(true); if ('False'.toUpperCase() == 'TRUE') { $('.closeBtn').trigger('click'); } }); $(window).on('resize', function (event) { setTimeout(setReportSizeWrapper, 500); }); function setReportSizeWrapper() { return setReportSize(false); } </script> <script type="text/javascript"> //<![CDATA[ var callBackFrameUrl='/WebResource.axd?d=_XN1TibxYXFEkyd-NIeA4E6EW-kG4ZyZ7q7cX9_cdDCoOivQktYvv7eO7KbxoHnpxkx2E8Oy9Z5hAqZwyzDDI774ZQA7C6BuFCgMY56--8M1&t=638562563416868089'; WebForm_InitCallback();//]]> </script> </form> <script type="text/javascript"> $(document).ready(function () { CreateAdobeText(JSON.parse($('#hdnAbobeText').val())); $("body").addClass("internalView"); if (gbl_CubeIsSubnational && gbl_CubeNoteExtra !== null && gbl_CubeNoteExtra !== '') $('.reportSubNatText').show(); }); </script> <script type="text/JavaScript"> function AnalyticsControlClick(clickdetails, params) { wbgData.page.sectionInfo.siteSection = 'databank/' + clickdetails; wbgData.page.sectionInfo.subsectionP2 = params; debugger; _satellite.track("dynamicdata"); } </script> </body> </html>

CINXE.COM

Jobs | DataBank