7890 lines
638 KiB
HTML
7890 lines
638 KiB
HTML
<!DOCTYPE html>
|
||
<!-- saved from url=(0451)https://b2b.hpe.com/customizeCTO?a1ustri3=kEvt1Q1FEGAAAw3wm.gVK03j&ProductSKU=EC-SYS-BAND_42821613&imageUrl=https://h50003.www5.hpe.com/digmedialib/prodimg/lowres/i00148990.png&RefModelID=42821613&BigDealId=P743207&ProductID=Dp8KVg.m8UEAAAGFvkMlY8XC&ConfigurationSource=EC-SYS-BAND&fulfillmentSiteId=EG_DIRECT&isPriceRequested=false&instantPriceEnabled=false&a1ortri2=2C2RF%20SRNC&sessionID=87183D9A2C723CD95216374E89123C83.p1lg505467_WHA-General-Inst -->
|
||
<html class="no-js chrome" lang="en-us" encoding="on"><!--<![endif]--><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"><script type="text/javascript" async="" src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/bk-coretag.js"></script><script type="text/javascript" async="" src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/e6568f91580893c76202da7fbdeab379.js"></script><script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/serverComponent.php"></script>
|
||
|
||
<meta name="description" content="">
|
||
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
|
||
<meta name="referrer" content="no-referrer">
|
||
<iframe src="javascript:void(0)" title="" role="presentation" style="width: 0px; height: 0px; border: 0px; display: none;" src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/saved_resource.html"></iframe><script type="text/javascript">
|
||
|
||
var meta = document.createElement('meta');
|
||
meta.name = "target_country";
|
||
meta.content = "fr";
|
||
document.getElementsByTagName('head')[0].appendChild(meta);
|
||
var userLanguage='en_US';
|
||
if(userLanguage!=null){
|
||
userLanguage = userLanguage.replace('_','-');
|
||
var meta = document.createElement('meta');
|
||
meta.name = "lang";
|
||
meta.content = userLanguage.toLowerCase();
|
||
document.getElementsByTagName('head')[0].appendChild(meta);
|
||
}
|
||
|
||
var driftrootorglist = '[MATI20210608085950, eCom20181127161311]';
|
||
var driftsuborglist = '[]';
|
||
|
||
var suborgid_drift = 'CNRS_FR2C2';
|
||
var rootorg_drift = "MATI20210608085950";
|
||
|
||
var meta = document.createElement('meta');
|
||
meta.name = "loadChat"
|
||
meta.content = "Yes"
|
||
var loadChat = "Yes";
|
||
|
||
if((driftrootorglist.length > 0 && rootorg_drift && driftrootorglist.includes(rootorg_drift)) || (driftsuborglist.length>0 && suborgid_drift && driftsuborglist.includes(suborgid_drift))){
|
||
loadChat = "No";
|
||
var meta = document.createElement('meta');
|
||
meta.name = "loadChat";
|
||
meta.content = "No";
|
||
document.getElementsByTagName('head')[0].appendChild(meta);
|
||
}
|
||
|
||
var meta = document.createElement('meta');
|
||
meta.name = "drift_rootorg_id";
|
||
meta.content = "mati20210608085950";
|
||
document.getElementsByTagName('head')[0].appendChild(meta);
|
||
|
||
|
||
var meta = document.createElement('meta');
|
||
meta.name = "drift_userID";
|
||
meta.content = "guillaume.raffy@univ-rennes1.fr";
|
||
document.getElementsByTagName('head')[0].appendChild(meta);
|
||
</script><meta name="target_country" content="fr"><meta name="lang" content="en-us"><meta name="loadChat" content="No"><meta name="drift_rootorg_id" content="mati20210608085950"><meta name="drift_userID" content="guillaume.raffy@univ-rennes1.fr">
|
||
<link rel="shortcut icon" href="https://b2b.hpe.com/static/yf64dSGYBaSjLdYcC5X0NLzLlRonDkoIHR4JmOCBZMq.ico" type="image/x-icon">
|
||
<title>HPE | Business to Business</title>
|
||
<script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/main.js" type="text/javascript"></script>
|
||
|
||
|
||
|
||
|
||
<!-- start: omniture has to load before dom loads -->
|
||
|
||
<script type="text/javascript">
|
||
var staticCompanyValue = "hpe";
|
||
nexusUrl ='https://www.hpe.com/global/metrics/bootstrap/prod.js';
|
||
|
||
//console.log ("URL:" + nexusUrl + ":" + staticCompanyValue + ":" + '' );
|
||
document.write("<script type='text/javascript' src='"+nexusUrl+"'><\/script>");
|
||
|
||
var crpFlag='';
|
||
var isOrderStatus='true';
|
||
if (crpFlag != 'undefined' && crpFlag!=null && crpFlag !='' && crpFlag=='true') {
|
||
document.domain="hpe.com";
|
||
}
|
||
var crpPortalflag='';
|
||
if (crpPortalflag != 'undefined' && crpPortalflag!=null && crpPortalflag !='' && crpPortalflag=='true') {
|
||
document.domain="hpe.com";
|
||
}
|
||
</script><script type="text/javascript" src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/prod.js"></script><script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/fe_prod.js"></script>
|
||
|
||
<!-- end: omniture -->
|
||
|
||
<!--[if lte IE 10]>
|
||
<script src="/js/helpers/jsShim.js" type="text/javascript"></script>
|
||
|
||
<![endif]-->
|
||
|
||
<!-- Support (hostname: p1lg505467.dc01.its.hpecorp.net | sessionId: 6999CF3EB62F9F9ACA83DAEADDFF41F5.p1lg505467_WHA-General-Inst | eprime_sid: XBLqKv3LePfpKp4F8mO2TqvB7prSfy9EJdVt56OB | eprimeHost: p1lg100377.dc01.its.hpecorp.net_@_appserver2| orgId: CNRS_FR2C2 | catalogId: CAT-1694205 | priceDescriptor: FREURDP | customCategorization: false | impersonateData: ''| orgTenant: '' | adminTenant: '' | redis server: p1lg505474.dc01.its.hpecorp.net | redis port: 6379) -->
|
||
<!--The below condition is added to prevent loading of Iframe since this is causing issues in IE when users punchout from ariba.ALM 251490 for details-->
|
||
|
||
<script>
|
||
hpEmptyImage = "https://b2b.hpe.com/images/empty.gif";
|
||
</script>
|
||
|
||
|
||
|
||
|
||
<meta name="layout" content="main">
|
||
|
||
|
||
<script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/TIOdkriNGnI7WYmbDF7g3vJ3ybn0RunCHbZYkX2RvBu.js" type="text/javascript"></script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<link href="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/XriuzXw4KTpcGuM6qUXuoLLXTRTxJc5SnS6qjiV4rge.css" type="text/css" rel="stylesheet" media="screen, projection">
|
||
|
||
|
||
|
||
|
||
<link href="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/KfE9MeltTITxB9lRqpMoEQvd4iYHiTIAyqEfda1qYnS.css" type="text/css" rel="stylesheet" media="screen and (min-width: 0) and (max-width: 48em)">
|
||
<link href="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/VsNdJ1KiG6Ycz425seUKytf5ddoFrI4w39FS8UB4WsH.css" type="text/css" rel="stylesheet" media="screen and (min-width: 48.063em) and (max-width: 64em)">
|
||
<link href="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/AttSzM964ZIDn3xeGU45HkQBYRws7r4qs7xzP6ayArV.css" type="text/css" rel="stylesheet" media="only screen and (min-width: 64.063em) and (max-width: 75em)">
|
||
<link href="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/Z0HXeshoVkScROR3PqVrDTN33p1bMNlOdxQqq0sEMfL.css" type="text/css" rel="stylesheet" media="only screen and (min-width: 64.063em)">
|
||
<link href="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/96C6mxdwjCLN8FgQw2RSIotrQBAa3uvLkJ23UnFPasG.css" type="text/css" rel="stylesheet" media="print">
|
||
<link href="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/2E9InFRlYtWK7taFMO2YKY7V9DzQ2IJHAQkZNQiGw4m.css" type="text/css" rel="stylesheet" media="screen, projection">
|
||
<script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/WNpLj3rVYu7bYvxG7i1ieBCwdZntvQIPisVNqz5Py14.js" type="text/javascript"></script>
|
||
|
||
|
||
|
||
|
||
<script>!function(a){var e="https://s.go-mpulse.net/boomerang/",t="addEventListener";if("False"=="True")a.BOOMR_config=a.BOOMR_config||{},a.BOOMR_config.PageParams=a.BOOMR_config.PageParams||{},a.BOOMR_config.PageParams.pci=!0,e="https://s2.go-mpulse.net/boomerang/";if(window.BOOMR_API_key="YN2QX-STGDD-T6BJN-SKN9N-NBDDC",function(){function n(e){a.BOOMR_onload=e&&e.timeStamp||(new Date).getTime()}if(!a.BOOMR||!a.BOOMR.version&&!a.BOOMR.snippetExecuted){a.BOOMR=a.BOOMR||{},a.BOOMR.snippetExecuted=!0;var i,_,o,r=document.createElement("iframe");if(a[t])a[t]("load",n,!1);else if(a.attachEvent)a.attachEvent("onload",n);r.src="javascript:void(0)",r.title="",r.role="presentation",(r.frameElement||r).style.cssText="width:0;height:0;border:0;display:none;",o=document.getElementsByTagName("script")[0],o.parentNode.insertBefore(r,o);try{_=r.contentWindow.document}catch(O){i=document.domain,r.src="javascript:var d=document.open();d.domain='"+i+"';void(0);",_=r.contentWindow.document}_.open()._l=function(){var a=this.createElement("script");if(i)this.domain=i;a.id="boomr-if-as",a.src=e+"YN2QX-STGDD-T6BJN-SKN9N-NBDDC",BOOMR_lstart=(new Date).getTime(),this.body.appendChild(a)},_.write("<bo"+'dy onload="document._l();">'),_.close()}}(),"".length>0)if(a&&"performance"in a&&a.performance&&"function"==typeof a.performance.setResourceTimingBufferSize)a.performance.setResourceTimingBufferSize();!function(){if(BOOMR=a.BOOMR||{},BOOMR.plugins=BOOMR.plugins||{},!BOOMR.plugins.AK){var e=""=="true"?1:0,t="",n="qeke7myx3hvciy6ozela-f-d404b4fc1-clientnsv4-s.akamaihd.net",i="false"=="true"?2:1,_={"ak.v":"34","ak.cp":"451682","ak.ai":parseInt("291960",10),"ak.ol":"0","ak.cr":10,"ak.ipv":4,"ak.proto":"http/1.1","ak.rid":"66ed747","ak.r":20559,"ak.a2":e,"ak.m":"dscx","ak.n":"essl","ak.bpcip":"129.20.79.0","ak.cport":38110,"ak.gh":"23.200.87.110","ak.quicv":"","ak.tlsv":"tls1.2","ak.0rtt":"","ak.csrc":"-","ak.acc":"bbr","ak.t":"1674496278","ak.ak":"hOBiQwZUYzCg5VSAfCLimQ==kKu+I11++ZgcGkCy/cBfp4+rU7DLPZgm3GdmSIR7ONvIM+GoPwe7tU+VgAzHBN3RLC3eYHOBGxHNmESUqJOcysZaDPd55o99YEHL+mefi7gwwkt2ZtldgRnDjP8+4XScGqm7snG0+xIsMhzOX5ZTuTmMrrwZW8POYD2V1WQEXv+JplpiIJkxhTC5wkM2MvhR8wRJlEij01rmrOoDo5yDMhwJJxT8bDhOhieH6iCTTtNtq4jFR5rmNbV3ZzCEX7J6uUbiZ0fxIu5EKfSTKmmt7WoBabThj5dbrKsiDRM2n8oXvgwlfIGtrj9nhpg7zMwcjGV+HNKByjjhUtHf1gheC+gITDbsKwQifYUJseY0RrlWLPdMYKHxhZDnyO4nnkYA7vsvWxZfm/HAiQxl53Eashlc+cex64cSHeyXGDGBSwE=","ak.pv":"55","ak.dpoabenc":"","ak.tf":i};if(""!==t)_["ak.ruds"]=t;var o={i:!1,av:function(e){var t="http.initiator";if(e&&(!e[t]||"spa_hard"===e[t]))_["ak.feo"]=void 0!==a.aFeoApplied?1:0,BOOMR.addVar(_)},rv:function(){var a=["ak.bpcip","ak.cport","ak.cr","ak.csrc","ak.gh","ak.ipv","ak.m","ak.n","ak.ol","ak.proto","ak.quicv","ak.tlsv","ak.0rtt","ak.r","ak.acc","ak.t","ak.tf"];BOOMR.removeVar(a)}};BOOMR.plugins.AK={akVars:_,akDNSPreFetchDomain:n,init:function(){if(!o.i){var a=BOOMR.subscribe;a("before_beacon",o.av,null,null),a("onbeacon",o.rv,null,null),o.i=!0}return this},is_complete:function(){return!0}}}}()}(window);</script><meta name="target_country" content="fr"><meta name="company_code" content=""><meta name="web_section_id" content="R1564"><meta name="hp_design_version" content="hpweb.1.3"><meta name="segment" content="commercial.large"><meta name="lifecycle" content="buy.checkout"><meta name="business_unit" content="ipg.psg.tsg"><meta name="region" content="null"><script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/fe_activity_hpe-product-comparison.min.js"></script><script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/fe_activity_hpe-elite-matinfo-home-changes.min.js"></script><script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/fe_activity_hpe-elite-occ-configurator-export-to-be-hidden.min.js"></script><script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/fe_activity_hpe-elite-matinfo-config-description-change.min.js"></script><script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/fe_activity_hpe-elite-matinfo-banner-needed.min.js"></script><script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/fe_activity_hpe-elite-PROD-matinfo-portal-includes-carbon-footprint.min.js"></script><script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/fe_activity_hpe-elite-support-info.min.js"></script><script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/fe_activity_hpe-elite-text-banner-home-page.min.js"></script><script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/fe_activity_hpe-elite-matinfo-price-overlaps-product-description.min.js"></script><script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/fe_activity_hpe-elite-matinfo-product-page-phase.min.js"></script><style id="fe_activity_fe_activity_hpe-elite-text-banner-home-page" type="text/css">html body .fe-gen-text a{font-size:20px;line-height:1.2;color:#333;text-decoration:underline}html body .fe-gen-text{font-size:20px;line-height:1.2;color:#333;margin:10px 0 20px 0;font-family:HPEMetricMedium}html body.fe-standard-active .fe-gen-text{display:none}html body .fe-gen-text a:hover{text-decoration:none}</style><style id="fe_activity_fe_activity_hpe-elite-matinfo-product-page-phase" type="text/css">html body.fe-Elite-Product-Comparison .plp-phase__plpCard .compairElementBox{display:none!important}.plp-phase__hide{display:none!important}.plp-phase__plpCard--sortlast{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.plp-phase__slide-left{-webkit-transform:translate(0,35px);transform:translate(0,35px)}.plp-phase__plpCard{display:-webkit-box!important;display:-ms-flexbox!important;display:flex!important;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;width:32.3%}.plp-phase__plpCard .compairElementBox{display:none!important}.plp-phase .catalogLP .plp-phase__contactcommercial.add-to-cart-icon{margin-top:auto!important;padding:10px!important;font-size:18px!important}.plp-phase .catalogLP .plp-phase__contactcommercial.add-to-cart-icon::before{display:none!important}.plp-phase .catalogLP .products section div span.plp-phase__contactcommercial a{color:#fff!important}.plp-phase .compairElementBox{display:none!important}</style><style id="fe_activity_fe_activity_hpe-product-comparison" type="text/css">.fe-Elite-Product-Comparison .fe-fixOverlap .request-price{text-align:center !important;float: right;position: absolute;right: 0;text-align: center;width: 100%;}.fe-Elite-Product-Comparison .fe-fixOverlap {height: 0;position: relative;}.fe-Elite-Product-Comparison .standard-secondary.selectOptions.t-inline-block{position: relative;margin-left: 0 !important;margin-right: 0 !important;clear: both;display: block !important;}.mCustomScrollbar{-ms-touch-action: pinch-zoom;touch-action: pinch-zoom;}.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{-ms-touch-action: auto;touch-action: auto;}.mCustomScrollBox{position: relative;overflow: hidden;height: 100%;max-width: 100%;outline: none;direction: ltr;}.mCSB_container{overflow: hidden;width: auto;height: auto;}.mCSB_inside > .mCSB_container{margin-right: 0px;}.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-right: 0;}.mCS-dir-rtl > .mCSB_inside > .mCSB_container{margin-right: 0;margin-left: 30px;}.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{margin-left: 0;}.mCSB_scrollTools{position: absolute;width: 16px;height: auto;left: auto;top: 0;right: -6px;bottom: 0;}.mCSB_outside + .mCSB_scrollTools{right: -26px;}.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{right: auto;left: 0;}.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{left: -26px;}.mCSB_scrollTools .mCSB_draggerContainer{position: absolute;top: 0;left: 0;bottom: 0;right: 0;height: auto;}.mCSB_scrollTools a + .mCSB_draggerContainer{margin: 20px 0;}.mCSB_scrollTools .mCSB_draggerRail{width: 2px;height: 100%;margin: 0 auto;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;}.mCSB_scrollTools .mCSB_dragger{cursor: pointer;width: 100%;height: 30px;z-index: 1;}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{position: relative;width: 4px;height: 100%;margin: 0 auto;-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;text-align: center;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width: 12px;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width: 8px;}.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{display: block;position: absolute;height: 20px;width: 100%;overflow: hidden;margin: 0 auto;cursor: pointer;}.mCSB_scrollTools .mCSB_buttonDown{bottom: 0;}.mCSB_horizontal.mCSB_inside > .mCSB_container{margin-right: 0;margin-bottom: 30px;}.mCSB_horizontal.mCSB_outside > .mCSB_container{min-height: 100%;}.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom: 0;}.mCSB_scrollTools.mCSB_scrollTools_horizontal{width: auto;height: 16px;top: auto;right: 0;bottom: 0;left: 0;}.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom: -26px;}.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{margin: 0 20px;}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{width: 100%;height: 2px;margin: 7px 0;}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{width: 30px;height: 100%;left: 0;}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width: 100%;height: 4px;margin: 6px auto;}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height: 12px;margin: 2px auto;}.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height: 8px;margin: 4px 0;}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{display: block;position: absolute;width: 20px;height: 100%;overflow: hidden;margin: 0 auto;cursor: pointer;}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{left: 0;}.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{right: 0;}.mCSB_container_wrapper{position: absolute;height: auto;width: auto;overflow: hidden;top: 0;left: 0;right: 0;bottom: 0;margin-right: 30px;margin-bottom: 30px;}.mCSB_container_wrapper > .mCSB_container{padding-right: 30px;padding-bottom: 30px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom: 20px;}.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right: 20px;}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{bottom: 0;}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{right: 0;}.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{left: 20px;}.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{left: 0;}.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{margin-right: 0;margin-left: 30px;}.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{padding-right: 0;}.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{padding-bottom: 0;}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{margin-right: 0;margin-left: 0;}.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{margin-bottom: 0;}.mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;transition: opacity .2s ease-in-out, background-color .2s ease-in-out;}.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;}.mCSB_scrollTools{opacity: 0.75;filter: "alpha(opacity=75)";-ms-filter: "alpha(opacity=75)";}.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{opacity: 0;filter: "alpha(opacity=0)";-ms-filter: "alpha(opacity=0)";}.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{opacity: 1;filter: "alpha(opacity=100)";-ms-filter: "alpha(opacity=100)";}.mCSB_scrollTools .mCSB_draggerRail{background-color: #000;background-color: rgba(0,0,0,0.4);filter: "alpha(opacity=40)";-ms-filter: "alpha(opacity=40)";}.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255,255,255,0.75);filter: "alpha(opacity=75)";-ms-filter: "alpha(opacity=75)";}.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255,255,255,0.85);filter: "alpha(opacity=85)";-ms-filter: "alpha(opacity=85)";}.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255,255,255,0.9);filter: "alpha(opacity=90)";-ms-filter: "alpha(opacity=90)";}.mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{background-image: url(mCSB_buttons.png);background-repeat: no-repeat;opacity: 0.4;filter: "alpha(opacity=40)";-ms-filter: "alpha(opacity=40)";}.mCSB_scrollTools .mCSB_buttonUp{background-position: 0 0;}.mCSB_scrollTools .mCSB_buttonDown{background-position: 0 -20px;}.mCSB_scrollTools .mCSB_buttonLeft{background-position: 0 -40px;}.mCSB_scrollTools .mCSB_buttonRight{background-position: 0 -56px;}.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{opacity: 0.75;filter: "alpha(opacity=75)";-ms-filter: "alpha(opacity=75)";}.mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{opacity: 0.9;filter: "alpha(opacity=90)";-ms-filter: "alpha(opacity=90)";}.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #000;background-color: rgba(0,0,0,0.1);}.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #01a982;background-color: rgb(1, 169, 130);}.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: rgb(1, 169, 130);}.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: rgba(0,0,0,0.9);}.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{background-position: -80px 0;}.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{background-position: -80px -20px;}.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position: -80px -40px;}.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{background-position: -80px -56px;}.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{width: 4px;background-color: #fff;background-color: rgba(255,255,255,0.1);-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 4px;background-color: #fff;background-color: rgba(255,255,255,0.75);-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width: 100%;height: 4px;margin: 6px auto;}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255,255,255,0.85);}.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255,255,255,0.9);}.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{background-position: -32px 0;}.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{background-position: -32px -20px;}.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{background-position: -40px -40px;}.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{background-position: -40px -56px;}.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{background-color: #000;background-color: rgba(0,0,0,0.1);-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.75);-webkit-border-radius: 1px;-moz-border-radius: 1px;border-radius: 1px;}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.85);}.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.9);}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{background-position: -112px 0;}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{background-position: -112px -20px;}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{background-position: -120px -40px;}.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{background-position: -120px -56px;}.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{width: 4px;background-color: #fff;background-color: rgba(255,255,255,0.1);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 6px;background-color: #fff;background-color: rgba(255,255,255,0.75);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{width: 100%;height: 4px;margin: 6px 0;}.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width: 100%;height: 6px;margin: 5px auto;}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255,255,255,0.85);}.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255,255,255,0.9);}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{background-position: -16px 0;}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{background-position: -16px -20px;}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position: -20px -40px;}.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{background-position: -20px -56px;}.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{background-color: #000;background-color: rgba(0,0,0,0.1);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.75);-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.85);}.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.9);}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{background-position: -96px 0;}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{background-position: -96px -20px;}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position: -100px -40px;}.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{background-position: -100px -56px;}.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{background-color: #fff;background-color: rgba(255,255,255,0.1);}.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 2px;}.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{width: 100%;}.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width: 100%;height: 2px;margin: 7px auto;}.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{background-color: #000;background-color: rgba(0,0,0,0.15);}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.75);}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.85);}.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.9);}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{background-position: -80px 0;}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{background-position: -80px -20px;}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{background-position: -80px -40px;}.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{background-position: -80px -56px;}.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{background-color: #fff;background-color: rgba(255,255,255,0.15);}.mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{height: 14px;}.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 14px;margin: 0 1px;}.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width: 14px;}.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height: 14px;margin: 1px 0;}.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{width: 16px;height: 16px;margin: -1px 0;}.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width: 4px;}.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{height: 16px;width: 16px;margin: 0 -1px;}.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height: 4px;margin: 6px 0;}.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{background-position: 0 -72px;}.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{background-position: 0 -92px;}.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{background-position: 0 -112px;}.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{background-position: 0 -128px;}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.75);}.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #000;background-color: rgba(0,0,0,0.15);}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.85);}.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.9);}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{background-position: -80px -72px;}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{background-position: -80px -92px;}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position: -80px -112px;}.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{background-position: -80px -128px;}.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{width: 4px;}.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{background-color: transparent;background-position: center;}.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");background-repeat: repeat-y;opacity: 0.3;filter: "alpha(opacity=30)";-ms-filter: "alpha(opacity=30)";}.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{height: 4px;margin: 6px 0;background-repeat: repeat-x;}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{background-position: -16px -72px;}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{background-position: -16px -92px;}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{background-position: -20px -112px;}.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{background-position: -20px -128px;}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{background-position: -96px -72px;}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{background-position: -96px -92px;}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position: -100px -112px;}.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{background-position: -100px -128px;}.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-repeat: repeat-y;background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);}.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{background-repeat: repeat-x;background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);}.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{height: 70px;}.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width: 70px;}.mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{opacity: 1;filter: "alpha(opacity=30)";-ms-filter: "alpha(opacity=30)";}.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius: 16px;-moz-border-radius: 16px;border-radius: 16px;}.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{width: 8px;background-color: #000;background-color: rgba(0,0,0,0.2);box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);}.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #555;}.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 8px;}.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width: 100%;height: 8px;margin: 4px 0;box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);}.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{width: 100%;height: 8px;margin: 4px auto;}.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{background-position: -32px -72px;}.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{background-position: -32px -92px;}.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{background-position: -40px -112px;}.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{background-position: -40px -128px;}.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #000;background-color: rgba(0,0,0,0.1);box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);}.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{box-shadow: inset 0 1px 1px rgba(0,0,0,0.1);}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{background-position: -112px -72px;}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{background-position: -112px -92px;}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position: -120px -112px;}.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{background-position: -120px -128px;}.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{opacity: 1;filter: "alpha(opacity=30)";-ms-filter: "alpha(opacity=30)";}.mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{-webkit-border-radius: 7px;-moz-border-radius: 7px;border-radius: 7px;}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{right: 1px;}.mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);}.mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{bottom: 1px;box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);width: 12px;margin: 2px;position: absolute;height: auto;top: 0;bottom: 0;left: 0;right: 0;}.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow: inset 0 1px 0 rgba(255,255,255,0.4);}.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #555;}.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height: 12px;width: auto;}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{background-color: #000;background-color: rgba(0,0,0,0.05);box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);}.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{background-color: transparent;}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{background-position: -32px -72px;}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{background-position: -32px -92px;}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{background-position: -40px -112px;}.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{background-position: -40px -128px;}.mCS-3d-thick-dark.mCSB_scrollTools{box-shadow: inset 0 0 14px rgba(0,0,0,0.2);}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2);}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2);}.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2);}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #777;}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{background-color: #fff;background-color: rgba(0,0,0,0.05);box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: transparent;}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{background-position: -112px -72px;}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{background-position: -112px -92px;}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position: -120px -112px;}.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{background-position: -120px -128px;}.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{right: 0;margin: 12px 0;}.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{bottom: 0;margin: 0 12px;}.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{left: 0;right: auto;}.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: transparent;}.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{height: 50px;}.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{width: 50px;}.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255,255,255,0.2);filter: "alpha(opacity=20)";-ms-filter: "alpha(opacity=20)";}.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255,255,255,0.5);filter: "alpha(opacity=50)";-ms-filter: "alpha(opacity=50)";}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.2);filter: "alpha(opacity=20)";-ms-filter: "alpha(opacity=20)";}.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.5);filter: "alpha(opacity=50)";-ms-filter: "alpha(opacity=50)";}.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{width: 6px;background-color: #000;background-color: rgba(0,0,0,0.2);}.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 6px;}.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{width: 100%;height: 6px;margin: 5px 0;}.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{width: 12px;}.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{height: 12px;margin: 2px 0;}.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{background-position: -32px -72px;}.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{background-position: -32px -92px;}.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{background-position: -40px -112px;}.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{background-position: -40px -128px;}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.75);}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.85);}.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.9);}.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{background-color: #000;background-color: rgba(0,0,0,0.1);}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{background-position: -112px -72px;}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{background-position: -112px -92px;}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{background-position: -120px -112px;}.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{background-position: -120px -128px;}.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{width: 12px;background-color: #000;background-color: rgba(0,0,0,0.2);}.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{width: 6px;margin: 3px 5px;position: absolute;height: auto;top: 0;bottom: 0;left: 0;right: 0;}.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{height: 6px;margin: 5px 3px;position: absolute;width: auto;top: 0;bottom: 0;left: 0;right: 0;}.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{width: 100%;height: 12px;margin: 2px 0;}.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{background-position: -32px -72px;}.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{background-position: -32px -92px;}.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{background-position: -40px -112px;}.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{background-position: -40px -128px;}.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.75);}.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.85);}.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.9);}.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #000;background-color: rgba(0,0,0,0.1);}.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{background-position: -112px -72px;}.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{background-position: -112px -92px;}.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{background-position: -120px -112px;}.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{background-position: -120px -128px;}.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: transparent;border-width: 1px;border-style: solid;border-color: #fff;border-color: rgba(255,255,255,0.2);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{border-color: #000;border-color: rgba(0,0,0,0.2);}.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{background-color: #fff;background-color: rgba(255,255,255,0.6);}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{background-color: #000;background-color: rgba(0,0,0,0.6);}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.75);}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.85);}.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #000;background-color: rgba(0,0,0,0.9);}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255,255,255,0.75);}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255,255,255,0.85);}.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{background-color: #fff;background-color: rgba(255,255,255,0.9);}.fe_hpe_Elite-Product-Comparison .fe_main_compair_container .fe_compare p {display: inline-block;}.fe_hpe_Elite-Product-Comparison .fe_main_compair_container .fe_compare ul {display: inline-block;}.fe_hpe_Elite-Product-Comparison ul.fe_productList li {display: inline-block;margin: 8px;position: relative;cursor: pointer;vertical-align: middle;width: 123px;}.fe_hpe_Elite-Product-Comparison ul.fe_productList li .inner_thumb{border: 1px solid #ccc;padding: 7px;background: #fff;min-height: 61px;width: 100%;text-align: center;}.fe_hpe_Elite-Product-Comparison ul.fe_productList li .inner_thumb img{max-width: 52px;height: 47px;}.fe_hpe_Elite-Product-Comparison ul.fe_productList li.blank .inner_thumb{background: transparent;}.fe_hpe_Elite-Product-Comparison .fe_compare {background: rgba(240, 240, 240, 0.94);padding: 7px;text-align: center;border-top: 3px solid #425563;}.fe_hpe_Elite-Product-Comparison .fe_compare_item_box {float: left;text-align: center;position: relative;}.fe_hpe_Elite-Product-Comparison .cross_items {position: absolute;top: 0;right: 0;font-size: 20px;}.fe_hpe_Elite-Product-Comparison .fe_thumb_item li {list-style: none;}.fe_hpe_Elite-Product-Comparison .fe_product_box {width: 255px;float: left;box-sizing: border-box;padding: 0 19px;text-align: center;}.fe_hpe_Elite-Product-Comparison .fe_overlay {position: fixed;left: 0;top: 0;height: 100%;width: 100%;background: rgba(94, 94, 94, .9);z-index: 101;display:none;}.fe_hpe_Elite-Product-Comparison .fe_main_comparebox {z-index: 999;display: none;position: fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 90%;padding: 0;max-width: 1224px;background: #fff url(https://b2b.hpe.com/static/uSDLqXukofmBnvaONWjdV81AQuMVHzzYIW9nXj0TTJV.gif) no-repeat center center;height: 90%;}.fe_hpe_Elite-Product-Comparison h1#specs_table_title {font-size: 23px;}.fe_hpe_Elite-Product-Comparison .fe_product_box span {font-size: 18px;font-weight: bold;}.fe_hpe_Elite-Product-Comparison table.tablePod td, table.tablePod th {padding: 10px;}.fe_hpe_Elite-Product-Comparison .fe_specifications_wrapper table {border-collapse: collapse;margin-bottom: 30px;border-top: 1px solid #ccc;border-spacing: 0px;}.fe_hpe_Elite-Product-Comparison .fe_specifications_wrapper .specs_title strong {display: block;float: left;font-size: 16px;text-transform: uppercase;margin-left: 6px;font-weight: bold;}.fe_hpe_Elite-Product-Comparison .fe_specifications_wrapper table td {border-right: none !important;border-left: 1px solid #ccc;}.fe_hpe_Elite-Product-Comparison span.fe_compaare {background: #01a982;padding: 10px 19px;color: white;display: inline-block;cursor: pointer;}.fe_hpe_Elite-Product-Comparison .cross_thum {position: absolute;color: white;line-height: 15px;width: 17px;right: -4px;top: -6px;background: #ff8d6d;border-radius: 50px;vertical-align: top;display: inline-block;padding-bottom: 2px;font-size: 20px;}.fe_hpe_Elite-Product-Comparison .fe_ProductsContainer_cross {position: absolute;top: 4px;right: 0;height: 20px;width: 37px;font-size: 22px;cursor: pointer;}.fe_hpe_Elite-Product-Comparison .fe_product_box:first-child {border-style: none;}.tablePod .hightlight:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}.tablePod * html .cf {zoom: 1;}.tablePod *:first-child+html .cf {zoom: 1;}.tablePod table {width: 100%;border-collapse: collapse;border-spacing: 0;}.tablePod th, .tablePod td {margin: 0;vertical-align: top;}.tablePod th {text-align: left;}.tablePod table {display: block;position: relative;width: 100%;}.tablePod thead {display: block;float: left;width: 255px;}.tablePod tbody {display: block;width: auto;position: relative;overflow-x: auto;white-space: nowrap;}.tablePod th {display: block;text-align: right;}.tablePod tbody tr {display: inline-block;vertical-align: top;}.tablePod td {display: block;min-height: 1.25em;text-align: left;}.fe_hpe_Elite-Product-Comparison table tbody tr{padding:0;}.fe_hpe_Elite-Product-Comparison tr.hightlight {width: 254px;}.fe_hpe_Elite-Product-Comparison .fe_main_compair_container {position: fixed;bottom: 0;width: 100%;z-index: 99;}.fe_hpe_Elite-Product-Comparison span.clear_all {display: inline-block;margin-left: 22px;color: #01a982;font-size: 18px;font-weight: 600;cursor: pointer;}.fe_hpe_Elite-Product-Comparison .fe_product_box p {color: #01a982;font-weight: 600;line-height: 20px;font-size: 16px;margin-bottom: 12px;text-align: center;display: block;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;min-height: 41px;}.fe_hpe_Elite-Product-Comparison .fe_product_box span {text-align: center;}.fe_hpe_Elite-Product-Comparison span.add-to-cart-icon {margin-top: 10px;margin-bottom: 10px;width: 125px;text-align: center;display: inline-block;}.fe_hpe_Elite-Product-Comparison span.standard-secondary {width: 127px;text-align: center;display: inline-block;padding-left: 0;padding-right: 0;}.fe_hpe_Elite-Product-Comparison .table.fe_description tbody tr:nth-child(odd) {background-color: #f1f1f1;}.fe_hpe_Elite-Product-Comparison .table.fe_description tbody tr:nth-child(odd) td {font-size: 20px;color: #000;font-weight: 500;}.fe_hpe_Elite-Product-Comparison .footer-wrapper.row {margin-bottom: 37px;}.fe_hpe_Elite-Product-Comparison .fe_cross_thumb {position: absolute;right: 0;font-weight: 100!important;font-size: 23px;color: #01a982;}.fe_hpe_Elite-Product-Comparison th.fe_width {position: relative;vertical-align: top;}.fe_hpe_Elite-Product-Comparison .fe_ProductsContainer h2 {font-size: 24px;margin-top: 0;color: #000;}.fe_hpe_Elite-Product-Comparison .fe_ProductsContainer {padding: 32px 45px;}.fe_hpe_Elite-Product-Comparison .fe_ProductsContainer_inner{background:#fff;}.fe_hpe_Elite-Product-Comparison .fe_com_disabled {opacity: .5;pointer-events: none;}.fe_hpe_Elite-Product-Comparison .fe_cross_thumb {background-image: url(//cdn.optimizely.com/img/1783662422/1c079535d3aa48c5ba3aa84252765ae1.png);background-repeat: no-repeat;height: 32px;width: 33px;cursor: pointer;background-position: 1px 3px;}.fe_hpe_Elite-Product-Comparison th.fe_width.no_product img {opacity: .2;}.fe_hpe_Elite-Product-Comparison table#fe_compareDescription tr td {text-overflow: inherit;white-space: inherit;font-size: 16px;padding: 7px 30px;color: #000;word-wrap: break-word;border-left: 1px solid #e2e2e2;}.fe_hpe_Elite-Product-Comparison table#fe_compareDescription tr td:first-child{border-left: 1px solid transparent;}.fe_hpe_Elite-Product-Comparison table#fe_compareDescription tr.headerTop td{font-size: 15px;font-family: "HPEMetricSemibold";padding: 10px 31px;}.fe_hpe_Elite-Product-Comparison .centeralign {text-align: left;font-size: 31px;color: #808080;}.fe_hpe_Elite-Product-Comparison .fe_price_box {background-repeat: no-repeat;background-position: 165px 3px;}@media screen and (max-width: 600px) and (min-width: 200px){.fe_hpe_Elite-Product-Comparison ul.fe_productList li {width: 71px;}.fe_hpe_Elite-Product-Comparison .fe_main_compair_container .fe_compare ul {float: left;}.fe_hpe_Elite-Product-Comparison ul.fe_productList {overflow: auto;white-space: nowrap;width: 55%;}.fe_hpe_Elite-Product-Comparison span.fe_compaare {margin-top: 16px;}}.fe_hpe_Elite-Product-Comparison .search-results table .compairElementBox label{color:#000;}.featurecards .standards .no-image, .featurecards .standards .thumbnail {}.standards table tbody tr td {}.tooltip.inline-block.right.m-float0:not(.row) {}.fe_hpe_Elite-Product-Comparison .scroll-scrolly_visible{overflow: auto;position: relative;min-height: 200px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border: 1px solid #ccc;}.fe_hpe_Elite-Product-Comparison .thumbSku span{color:#757575;font-weight: normal;}.fe_hpe_Elite-Product-Comparison .thumbSku{font-weight: bold;padding-top:5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.fe_hpe_Elite-Product-Comparison table#fixTable {margin-bottom: 10px;}.fe_hpe_Elite-Product-Comparison .fe_product_box a img {height: 100px;}.compairElementBox [type="checkbox"]:not(:checked), .compairElementBox [type="checkbox"]:checked {position: absolute;left: -9999px;}.compairElementBox [type="checkbox"]:not(:checked) + span, .compairElementBox [type="checkbox"]:checked + span {position: relative;padding-left: 22px;cursor: pointer;margin-right: 0;}.compairElementBox [type="checkbox"]:not(:checked) + span:before, .compairElementBox [type="checkbox"]:checked + span:before {content: "";position: absolute;left: 0;top: 1px;width: 16px;height: 15px;border: 1px solid #01a982;background: #fff;border-radius: 0;}.compairElementBox [type="checkbox"]:not(:checked) + span:after, .compairElementBox [type="checkbox"]:checked + span:after {content: "✔";position: absolute;top: 4px;left: 4px;font-size: 13px;line-height: 0.8;color: #09ad7e;transition: all .2s;}.compairElementBox [type="checkbox"]:not(:checked) + span:after {opacity: 0;transform: scale(0);}.compairElementBox [type="checkbox"]:checked + span:after {opacity: 1;transform: scale(1);}.compairElementBox [type="checkbox"]:disabled:not(:checked) + span:before, .compairElementBox [type="checkbox"]:disabled:checked + span:before {box-shadow: none;border-color: #bbb;background-color: #ddd;}.compairElementBox [type="checkbox"]:disabled:checked + span:after {color: #999;}.compairElementBox [type="checkbox"]:disabled + span {color: #aaa;}.compairElementBox [type="checkbox"]:checked:focus + span:before, .compairElementBox [type="checkbox"]:not(:checked):focus + span:before {border: 1px solid #007d60!important;}.compairElementBox span:hover:before {border: 1px solid #007d60!important;}.compairElementBox .jquery-hp-checkbox .mark {display: none !important;}.compairElementBox {display: inline-block;margin-left: 10px;}[data-bind="foreach:productSearchResult"] span.fe_compairText {color: #000;}[data-bind="foreach:productSearchResult"] td.mobile100.tablet45.t-right.x-padding05-t.visible {text-align: center;}.compairElementBox.disabled{pointer-events: none;opacity: .5;}.standards table tbody tr td:first-child > span{position: relative !important;left: 0 !important;float: left;box-sizing: border-box;padding-left: 78px !important;}.standards table tbody tr td:first-child > span .darkgray {margin-right: 10px;}.featurecards .standards .no-image, .featurecards .standards .thumbnail{float: left;left: 0;position: absolute;}.catalogLP .products section div div.compairElementBox {display: block;margin-top: 6px;position: absolute;bottom: 10px;text-align: center;width: 100%;}.catalogLP .products section div.prodListBox{position: relative;height: 555px;}th.fe_width.disabledItem {opacity: .7;}.fe_noSpec {visibility: hidden;color: red;font-size: 13px;line-height: 11px;margin-top: 15px;}.disabledItem .fe_noSpec{visibility: visible;}.standards-lp .thumbnail {max-width: 70px;}.standards table .thumbnail, .standards-lp .no-image {position: absolute;}.utility-box .compairElementBox {padding-left: 17px;}@media(max-width: 1200px){.standards table tbody tr td:first-child > span{width: 68%;}}@media(min-width: 1200px){.featurecards .standards table thead tr th.prod-label {padding-left: 20px;width: 513px !important;}}@media(max-width:900px){.standards table tbody tr td:first-child > span{width:100%;}}h2.fe-info-heading {margin-bottom: 11px;}html body span.fe-more-info {background: #ffffff !important;color: #333333 !important;border: 1px solid #01A982 !important;padding: 5px 15px;margin: 0 0.25em !important;cursor: pointer;font-size: 16px !important;font-family: "HPEMetricSemibold" !important;display: inline-flex;align-items: center;justify-content: center;}html body span.fe-more-info:hover{background: #ffffff !important;box-shadow: 0 0 0 2px #01A982 !important;}html body .fe-info-model {position: fixed;top: 0px;left: 0px;width: 100%;height: 100%;z-index: 999;}html body .fe-info-model .fe-info-overlay{position: absolute;top:0px;left: 0px;width: 100%;height: 100%;background: rgba(94, 94, 94, .9);}html body .fe-info-model .fe_infoContainer_cross {position: absolute;top: 10px;right: 10px;}html body .fe-info-model .fe-inner {background: #fff;max-width: 800px;width: 100%;padding-top: 50px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border: 1px solid #000;max-height: 80vh;}.fe-info-model li[fe-type="Headline"] p {font-size: 22px !important;font-weight: 700;margin: 22px 0px;margin-top: 37px;}.fe-info-model li[fe-type="Key selling point"] p {margin-bottom: 10px;margin-bottom: 10px;line-height: 1.3;}.fe-inner .fe_infoContainer_cross{cursor: pointer;}.fe-info-model li[fe-type="Overview"] p {font-size: 16px;line-height: 1.3;}.fe-inner-inr {padding: 50px;padding-top: 0px;overflow-y: scroll;max-height: 54vh;padding-right: 17px;box-sizing: content-box;width: 90%;height: 100%;}h2.fe-info-heading {margin-bottom: 11px;}.fe-inner-inr {padding: 50px;padding-top: 0px;overflow-y: scroll;max-height: 66vh;box-sizing: border-box;width: 100%;}.fe_product_box .addToconfigContainer {margin-bottom: 10px;}.fe-inner-inr li p {margin: 10px 0px;line-height: 1.3;}html body .fe_product_box .addTocartContainer span, html body .fe_product_box .addToconfigContainer span, html body .moreInfoContainer span.fe-more-info{width: 90%;display: inline-block;}body.fe-Elite-Product-Comparison tr.cart-contents .tablet100 .cartConfigId + br[data-bind="visible: (configurationID() && configurationSource()!=';OCCBundle')"]{margin-top: 5px;margin-bottom: 5px;}html body.fe-Elite-Product-Comparison .compairElementBox {display: block !important;margin: 5px 0!important;}body.fe-Elite-Product-Comparison tr.cart-contents .tablet100 .cartConfigId[data-bind="visible: (configurationID() && configurationSource()!='OCCBundle')"]{margin-right: 6px;}html body.fe-Elite-Product-Comparison .shoppingcart .cart-main span.fe_compairText {font-size: 14px;}.fe-cart-button-hide .addTocartContainer {display: none !important;}.fe-cart-button-hide .moreInfoContainer, .fe-cart-button-hide .addToconfigContainer {padding-top: 10px;}.fe-Elite-Product-Comparison.optimizeChkout #cartSummary .cart ul.togglePanel1{display: contents;}</style><style id="fe_activity_fe_activity_hpe-elite-matinfo-home-changes" type="text/css">html body.fe-matinfo-homepage .owl-carousel .item a{text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:220px;margin:0 auto}html body.fe-matinfo-homepage .main .main-inner_ps #Support,html body.fe-matinfo-homepage .main .main-inner_ps .accordion>li:not(#Support),html body.fe-matinfo-homepage .main .main-inner_ps>div:not(.featurecards),html body.fe-matinfo-homepage .main .main-inner_ps>section:not(.featurecards),html body.fe-matinfo-homepage.fe-standard-active .fe-commande-link,html body.fe-matinfo-homepage.fe-standard-active .fe-hero{display:none!important;max-height:0;opacity:0;visibility:hidden;overflow:hidden;transition:max-height 450ms ease,visibility 450ms ease,opacity 450ms ease,overflow 450ms ease;margin-top:0;margin-bottom:0}html body.fe-matinfo-homepage .search-container form{max-height:100px}html body.fe-matinfo-homepage .fe-hero{max-height:500px;margin-bottom:120px!important}html body.fe-matinfo-homepage .fe-commande-link,html body.fe-matinfo-homepage .fe-hero,html body.fe-matinfo-homepage .main .main-inner_ps #Support,html body.fe-matinfo-homepage.fe-standard-active .main .main-inner_ps .accordion>li:not(#Support),html body.fe-matinfo-homepage.fe-standard-active .main .main-inner_ps>div:not(.featurecards),html body.fe-matinfo-homepage.fe-standard-active .main .main-inner_ps>section:not(.featurecards){display:block!important;max-height:7500px;opacity:1;overflow:visible;visibility:visible;transition:max-height 450ms ease,visibility 450ms ease,opacity 450ms ease,overflow 450ms ease;margin-top:inherit;margin-bottom:inherit}html body.fe-matinfo-homepage.fe-standard-active .fe-above-hero-banner{display:none!important}html body.fe-matinfo-homepage .topnav{height:auto}html body.fe-matinfo-homepage .fe-hero-banner-inr{display:flex;justify-content:space-between;padding:10px 0}html body.fe-matinfo-homepage .fe-hero-banner-inr>div{width:49%;display:flex;justify-content:center;flex-direction:column;align-items:center;border:1px solid;padding:20px 40px;background:#f2f2f2;background-size:cover;background-repeat:no-repeat;position:relative;min-height:187px}html body.fe-matinfo-homepage .fe-hero-banner-inr>div img{position:absolute;bottom:8px;height:75px;left:15px}html body.fe-matinfo-homepage .fe-hero-banner-inr .fe-banner-heading{margin-bottom:70px;color:#333;text-align:center;font-size:20px}html body.fe-matinfo-homepage .fe-hero-banner-inr .fe-banner-subheading a{font-size:20px;color:#fff;font-weight:600;cursor:pointer;padding:8px 30px 8px 30px!important;background:#01a982!important;display:flex;align-items:center;justify-content:center;position:absolute;right:20px;bottom:20px}html body.fe-matinfo-homepage .fe-hero-banner-inr .fe-banner-subheading a:hover{background:#009472!important;box-shadow:0 0 0 2px #009472!important}html body.fe-matinfo-catalog-page .fe-product-button{min-height:195px;display:none!important;align-items:center;justify-content:center;cursor:pointer;padding-top:3em!important}html body .feCatalogFeatureCard .catalogLP>div>div.right a{display:none!important}html body.fe-matinfo-catalog-page .fe-product-button .varWidthImg{height:100%}html body.fe-matinfo-catalog-page .fe-product-button p{font:normal 16px/1 HPEMetricRegular!important;color:#01a982;white-space:normal;vertical-align:top;display:block;margin-top:10px}html body.fe-matinfo-catalog-page.fe-matinfo-popup-active .fe-matinfo-popup{display:block}html body.fe-matinfo-catalog-page .fe-matinfo-popup{position:fixed;width:100%;height:100%;top:0;left:0;z-index:9999;display:none}html body.fe-matinfo-catalog-page .fe-matinfo-popup .fe-popup-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000;opacity:.3}html body.fe-matinfo-catalog-page .fe-matinfo-popup .fe-cross{position:absolute;top:8px;right:8px;font-size:39px;line-height:16px;padding:2px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}html body.fe-matinfo-catalog-page .fe-matinfo-popup .fe-popup-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:750px;width:95%;background:#fff;padding:25px;max-height:95vh;overflow:auto}html body.fe-matinfo-catalog-page .fe-matinfo-popup .fe-popup-text p{color:#01a982;line-height:1.2;font-size:16px!important;font-weight:600}html body.fe-matinfo-catalog-page .fe-popup-text p:not(:last-child){margin-bottom:15px}html body.fe-matinfo-catalog-page .fe-matinfo-popup .fe-popup-text ul li{font-size:16px;margin-bottom:5px;list-style:disc}html body.fe-matinfo-catalog-page .fe-matinfo-popup .fe-popup-text ul{padding-left:17px;margin-bottom:12px}html body.fe-matinfo-catalog-page .catalogLP .products.blocks{width:100%!important}html body.fe-matinfo-catalog-page .catalogLP .row .col20.tablet30.mobile100{display:none!important}html body.fe-matinfo-catalog-page .fe-matinfo-popup .fe-popup-text a{text-decoration:underline;cursor:pointer}html body.fe-matinfo-homepage .standards .standards-links span.prod-count{top:25px}html body.fe-matinfo-homepage .standards .standards-links a{height:50px}html body.fe-matinfo-homepage .standards table tbody tr td a.prod-name{font-size:19px}html body.fe-matinfo-homepage .fe-commande-link{text-align:right;margin-top:10px}html body.fe-matinfo-homepage .fe-commande-link span{font-size:18px;padding:10px;color:#01a982;cursor:pointer;font-weight:400;font-family:"HPEMetricRegular;
|
||
display: inline-block;
|
||
}
|
||
|
||
/* Order Page */
|
||
html body.fe-matinfo-order-page .fe-tableau-link {
|
||
display: inline-block;
|
||
font: normal 19px/1 "HPEMetricSemibold";
|
||
color: #01a982;
|
||
cursor: pointer;
|
||
margin-left: .5em !important;
|
||
}
|
||
|
||
html body.fe-matinfo-order-page .notifications .bannerNote,
|
||
html body.fe-matinfo-order-page .table-options.pagination>div>span:nth-child(3) {
|
||
display: none;
|
||
}
|
||
|
||
/* Product Page */
|
||
html body .catalogLP .prodListBox>div:nth-child(4) {
|
||
display: inline-flex;
|
||
flex-direction: column-reverse;
|
||
}
|
||
|
||
|
||
html body.fe-matinfo-catalog-pdp-page .breadcrumbs {
|
||
display: none;
|
||
}
|
||
|
||
.fe-Elite-Product-Comparison .catalogLP .products section div div.compairElementBox {
|
||
left: 0;
|
||
}
|
||
|
||
html body.fe-matinfo-catalog-page .products-inner {
|
||
display: flex;
|
||
flex-wrap: wrap;
|
||
}
|
||
|
||
html body.fe-matinfo-catalog-page .products-inner .fe-Serveurs,
|
||
html body.fe-matinfo-catalog-page .products-inner .fe-Servers {
|
||
order: -3;
|
||
}
|
||
|
||
html body .fe-banner-heading a {
|
||
font-size: 20px !important;
|
||
}
|
||
|
||
html body.fe-matinfo-catalog-page .products-inner .fe-Storage {
|
||
order: -1;
|
||
}
|
||
|
||
html body.fe-matinfo-catalog-page .products-inner .fe-Synergy {
|
||
order: -2;
|
||
}
|
||
|
||
/* Product Catalog */
|
||
html body #productCatalog .standard-secondary {
|
||
width: 100%;
|
||
margin-left: 0 !important;
|
||
margin-right: 0 !importantl
|
||
}
|
||
|
||
html body .catalogLP .products section div div.compairElementBox {
|
||
bottom: 2px !important;
|
||
}
|
||
|
||
html body li.favorites {
|
||
clear: left;
|
||
}
|
||
|
||
html .fe-matinfo-catalog-page #Catalogs .catalogLP>div>div.right a {
|
||
display: none !important;}</style><style id="fe_activity_fe_activity_hpe-elite-occ-configurator-export-to-be-hidden" type="text/css">html body .configurator .rightside div.footer,html body .elite .wims_div ul.dynatree-container~div{display:none}</style><style id="fe_activity_fe_activity_hpe-elite-matinfo-banner-needed" type="text/css">@media screen and (min-width:1680px){html body li.fe-footer-banner{padding-top:45px}html body .fe-above-hero-banner .fe-banner-heading{font-size:36px}html body .fe-above-hero-banner .fe-banner-heading span{font-size:28px}html body li.fe-footer-banner .fe-banner-heading{font-size:29px}html body li.fe-footer-banner .fe-banner-heading span{font-size:22px}html body .fe-banner-image{height:160px}}.fe-above-hero-banner .fe-banner-image{height:150px}li.fe-footer-banner{padding-top:13px}.fe-above-hero-banner>.row,.fe-footer-banner>.row{display:flex;border:1px solid #ccc}.fe-above-hero-banner .fe-banner-text p{font-size:25px}.fe-above-hero-banner .fe-banner-text{display:flex;align-items:center;padding:20px;width:55%;justify-content:center}.fe-above-hero-banner .fe-banner-text .fe-banner-heading{font-family:HPEMetricBold;font-size:30px;font-weight:bolder;text-align:center;text-transform:uppercase}.fe-footer-banner .fe-banner-heading{font-size:28px}.fe-banner-heading span{font-family:HPEMetricBold;display:block;font-size:26px;text-align:center;margin-top:8px}.fe-footer-banner .fe-banner-heading span{font-size:20px}.fe-footer-banner>.row>div{width:49%}.fe-above-hero-banner>.row>.fe-banner-image{width:40%;position:relative}.fe-above-hero-banner .fe_logo_matinfo{position:absolute;width:135px;left:22px;top:22px;background:#fff;padding:2px}.fe-above-hero-banner .fe-image-text{position:absolute;top:22px;right:22px;font-family:HPEMetricBold;display:block;font-size:26px;text-align:left}.fe-above-hero-banner>.row>.fe-banner-text{width:60%}html body .fe-above-hero-banner{margin-top:15px;width:100%}.fe-above-hero-banner .fe-banner-image{background:url(https://fe-hpe-public.s3.amazonaws.com/images/2022-07-01Matinfo_portal_banner.png);background-size:cover;background-position-y:-10px}.fe-above-hero-banner .fe-banner-image img{opacity:0}.fe-above-hero-banner .fe-banner-image .fe_logo_matinfo{opacity:1}html body.fe-matinfo-homepage .title-container .fe-hero{margin-bottom:0!important}html body .fe-commande-link+.fe-above-hero-banner{display:none}html body .fe-above-hero-banner{margin-left:auto;margin-right:auto}div.fe-above-hero-banner img.fe-mbanner-img{width:100%}html body.fe-home-phase .fe-gen-text,html body.fe-home-phase .main-page .main,html body.fe-home-phase.fe-matinfo-homepage .title-container .fe-commande-link,html body.fe-home-phase.fe-matinfo-homepage .title-container .fe-hero,html body.fe-product-options .main-page .main{display:none!important}.fe-homepage-products .product-border .lock_width{margin:0 auto;max-width:180px;width:80%!important;max-height:115px}.fe-homepage-products .product-border .lock_width2{color:#01a982;white-space:normal;height:2.5em;vertical-align:top;display:block;text-align:center}.fe-homepage-products .product-border{border:6px solid #fff;background:#f2f2f2;text-align:center;margin:0;padding:1.5em 1.5em .5em}.fe-homepage-products .product-border .lock_width img{max-height:inherit}.fe-home-phase .fe-click-banner span{font-size:20px;line-height:1.2;color:#333;margin:0 0 20px 0;font-family:HPEMetricMedium}.fe-home-phase .fe-click-banner{display:flex;align-items:center;justify-content:space-between}.fe-home-phase .fe-click-banner .fe-click-link{font-size:18px;padding:0 10px;color:#01a982;cursor:pointer;font-weight:400;font-family:HPEMetricRegular;display:inline-block}.fe-home-phase .fe-gen-hero-text{font-size:20px;line-height:1.2;color:#333;margin:10px 0 20px 0;font-family:HPEMetricMedium}.fe-home-phase .fe-gen-hero-text a{font-size:20px;line-height:1.2;color:#333;text-decoration:underline}.fe-home-phase .fe-homepage-products{margin-bottom:60px}</style><style id="fe_activity_fe_activity_hpe-elite-PROD-matinfo-portal-includes-carbon-footprint" type="text/css">body .fe-elite-banner{background:#f6f6f6;width:100%;display:block;padding:20px;margin-top:20px}body .fe-elite-banner h1{font-size:20px;text-align:left}body .fe-elite-banner .fe-elite-banner-inner{display:flex;align-items:center}body .fe-elite-banner .fe-elite-banner-inner span.bold{font-weight:700}body .fe-elite-banner img{width:40px;margin-right:15px}body .fe-elite-banner h1 a{font-size:20px;font-weight:500!important;color:inherit;font-family:HPEMetricLight;text-decoration:underline}.category_listing .fe_labels>a{display:inline-block!important}.fe-Export button{font-size:16px!important;font-family:HPEMetricRegular!important;background-color:transparent;color:#009472;text-transform:uppercase}html body.Standards table tbody tr td:first-child span.fe_labels>a:nth-child(2){margin:0 10px}.fe-Export{text-align:right}.cart_page .fe-footprint{font-weight:600;font-size:14px}.pdp-one .detailsipcs>ul>li .row{display:flex}.pdp-one .detailsipcs>ul>li{margin-bottom:10px}.fe-error{display:none}.product_listing_page span.fe-cf{display:block}.fe-ExoIne #emailpopupbox .dialog>div>div>input,.fe-ExoIne #emailpopupbox section>div>div>aside,.fe-ExoIne .follow-content .footer a{display:none!important}.customize_cto .configurator-section ul.selected .row .col15.align-left{width:10%!important}.customize_cto .configurator-section ul.selected .row .col35{width:30%!important}body.cart_page .fe_modal-container,body.create_quote .fe_modal-container,body.customize_cto .fe_modal-container,body.pdp-one .fe_modal-container,body.update_CTONGC .fe_modal-container{display:none}body.cart_page .fe_modal-container.feCarbon-popup,body.create_quote .fe_modal-container.feCarbon-popup,body.customize_cto .fe_modal-container.feCarbon-popup,body.pdp-one .fe_modal-container.feCarbon-popup,body.update_CTONGC .fe_modal-container.feCarbon-popup{display:block}body.cart_page .fe_modal-overlay,body.create_quote .fe_modal-overlay,body.customize_cto .fe_modal-overlay,body.pdp-one .fe_modal-overlay,body.update_CTONGC .fe_modal-overlay{z-index:1000;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}body.cart_page .fe_modal,body.create_quote .fe_modal,body.customize_cto .fe_modal,body.pdp-one .fe_modal,body.update_CTONGC .fe_modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;max-width:100%;height:400px;max-height:100%;background:#fff;padding:20px;display:block;z-index:9999;overflow:auto}body.cart_page .fe_modal-cat,body.create_quote .fe_modal-cat,body.customize_cto .fe_modal-cat,body.pdp-one .fe_modal-cat,body.update_CTONGC .fe_modal-cat{display:flex;padding:12px}body.cart_page .fe_modal-cat .category-right,body.create_quote .fe_modal-cat .category-right,body.customize_cto .fe_modal-cat .category-right,body.pdp-one .fe_modal-cat .category-right,body.update_CTONGC .fe_modal-cat .category-right{display:flex;width:40%;justify-content:space-around;align-items:center}body.cart_page .fe_modal-cat>.category-left,body.create_quote .fe_modal-cat>.category-left,body.customize_cto .fe_modal-cat>.category-left,body.pdp-one .fe_modal-cat>.category-left,body.update_CTONGC .fe_modal-cat>.category-left{width:60%}body.cart_page .fe_modal-body>.fe_modal-cat:nth-child(odd),body.create_quote .fe_modal-body>.fe_modal-cat:nth-child(odd),body.customize_cto .fe_modal-body>.fe_modal-cat:nth-child(odd),body.pdp-one .fe_modal-body>.fe_modal-cat:nth-child(odd),body.update_CTONGC .fe_modal-body>.fe_modal-cat:nth-child(odd){background:#f5f5f5}body.cart_page .fe_modal-body,body.create_quote .fe_modal-body,body.customize_cto .fe_modal-body,body.pdp-one .fe_modal-body,body.update_CTONGC .fe_modal-body{width:100%}body.cart_page .fe_modal-close,body.create_quote .fe_modal-close,body.customize_cto .fe_modal-close,body.pdp-one .fe_modal-close,body.update_CTONGC .fe_modal-close{position:absolute;top:20px;right:20px;font-size:20px;font-weight:700;cursor:pointer}body.cart_page .fe_modal-header,body.create_quote .fe_modal-header,body.customize_cto .fe_modal-header,body.pdp-one .fe_modal-header,body.update_CTONGC .fe_modal-header{padding:5px 0;border-bottom:1px solid #333;margin-bottom:10px}body.cart_page span.fe-plant,body.create_quote span.fe-plant,body.pdp-one span.fe-plant,body.update_CTONGC span.fe-plant{margin-left:10px;cursor:pointer}body.cart_page .fe_modal-header img,body.create_quote .fe_modal-header img,body.customize_cto .fe_modal-header img,body.pdp-one .fe_modal-header img,body.update_CTONGC .fe_modal-header img{max-width:25px;float:left;margin-right:10px;margin-top:10px;width:100%}body.cart_page .fe_modal-header img,body.create_quote .fe_modal-header img,body.customize_cto .fe_modal-header img,body.update_CTONGC .fe_modal-header img{margin-top:-8px}body.cart_page .fe_labels img,body.pdp-one .fe_labels img,body.update_CTONGC .fe_labels img{width:40px;margin-right:10px;display:inline-block}body.create_quote .fe_labels img{width:40px;margin:0;margin-right:10px;display:inline-block}body.cart_page span.fe_labels,body.create_quote span.fe_labels,body.pdp-one span.fe_labels,body.update_CTONGC span.fe_labels{display:flex;justify-content:start;align-items:center;margin-top:15px}body.cart_page .fe_modal-header>h3,body.customize_cto .fe_modal-header>h3,body.pdp-one .fe_modal-header>h3,body.update_CTONGC .fe_modal-header>h3{font-weight:700;margin-bottom:10px}body.cart_page .fe_modal-header>p,body.customize_cto .fe_modal-header>p,body.pdp-one .fe_modal-header>p,body.update_CTONGC .fe_modal-header>p{margin-bottom:6px}html body.pdp-one .utility-box .pdp-rightside>.row.b-margin05{padding-bottom:0!important;margin-bottom:0!important}html body.pdp-one .utility-box .pdp-rightside{margin-bottom:15px}html body.cart_page span.fe-plant+a,html body.create_quote span.fe-plant+a,html body.customize_cto span.fe-plant+a,html body.pdp-one span.fe-plant+a,html body.update_CTONGC span.fe-plant+a{background:#01a982;margin-top:10px;vertical-align:middle;height:24px;display:inline-flex!important;align-items:center;justify-content:center}html body.cart_page span.fe-plant,html body.cart_page span.fe-plant+a,html body.create_quote span.fe-plant,html body.customize_cto span.fe-plant,html body.update_CTONGC span.fe-plant{display:inline-block;margin:0;margin-top:10px;vertical-align:middle;margin-right:15px}html body.customize_cto span.fe-plant{cursor:pointer}html body.customize_cto .fe-plant-wrapper{margin-bottom:15px}html body.customize_cto .rightside #add-to-cart{display:flex;flex-direction:column-reverse;justify-content:center;align-items:center}html body.customize_cto .fe-cf{display:block}html body.cart_page .cart-contents .mobile66,html body.update_CTONGC .cart-contents .mobile66{position:relative}html body.Standards .featurecards .standards .no-image,html body.Standards .featurecards .standards .thumbnail{float:left;left:0;position:absolute}html body.Standards table tbody tr td:first-child>span{position:relative!important;left:0!important;float:left;box-sizing:border-box;padding-left:78px!important}html body.Standards table tbody tr td:first-child span.fe_labels{display:block;margin-top:10px}html body.Standards table tbody tr td:first-child .compairElementBox+span.fe_labels{position:absolute;bottom:5px;left:161px}body.create_quote .cartline li.mobile25.center,body.create_quote .cartline>li.m-static{width:10%!important}body.create_quote .header>li:nth-child(2){width:10%!important}html body.Standards span.fe_labels img,html body.fe_standard_cat span.fe_labels img{max-width:32px}html body.fe_standard_cat span.fe_labels{margin-top:10px;display:inline-block}html body.Standards span.fe_labels img:nth-child(2),html body.fe_standard_cat span.fe_labels img:nth-child(2){margin:0 12px}html body.category_listing.page span.fe_labels img{max-width:40px}html body.category_listing.page span.fe_labels img:nth-child(2){margin:0 12px}html body.category_listing.page span.fe_labels{display:block;padding:10px 0}html body.product_listing_page span.fe_labels{display:block}html body.product_listing_page span.fe_labels img{max-width:29px}html body.product_listing_page span.fe_labels img:nth-child(2){margin:0 6px}html body.product_listing_page section.row>table .col20.tablet20{width:25%!important}html body.cart_page .cart-contents .fe_labels,html body.update_CTONGC .cart-contents .fe_labels{margin-top:10px;display:block}html body.cart_page .cart-contents .fe_labels a,html body.update_CTONGC .cart-contents .fe_labels a{display:inline-block}html body.cart_page .cart-contents .fe_labels img,html body.update_CTONGC .cart-contents .fe_labels img{max-width:38px}html body.cart_page .cart-contents .fe_labels a:nth-child(2),html body.update_CTONGC .cart-contents .fe_labels a:nth-child(2){margin:0 5px}html body.cart_page .cart-contents>td:nth-child(2)>span>span:last-child html body.update_CTONGC .cart-contents>td:nth-child(2)>span>span:last-child{display:block}html body.create_po .fe_labels img{width:40px}html body.create_po .fe_labels{display:flex;align-items:center;margin-top:5px}html body.create_po .fe_labels a:nth-child(2){margin:0 10px}html body.create_po .fe-cf{font-size:13px}html body.create_po .cartline>li:nth-child(3){width:16%!important}html body.cart_page.fe-Elite-Product-Comparison .compairElementBox,html body.update_CTONGC.fe-Elite-Product-Comparison .compairElementBox{display:inline-block!important;width:100%!important}li.fe-highlight-part-eric{border:4px solid #00a2e8;position:relative;margin-bottom:5px!important}li.fe-highlight-part-eric .fe-li-ine{color:#00a2e8;left:10px;top:5px;position:absolute}li.fe-highlight-part-eric-base{border:4px solid #01a982;position:relative;margin-bottom:5px!important}li.fe-highlight-part-eric-base .fe-li-ine{color:#01a982;left:10px;top:5px;position:absolute}.configurator-section ul li div span span.fe-prodName-ine{color:#01a982;font-size:12px!important}.fe-cart-ine-req{position:absolute;right:10px;top:4px;color:#01a982}.fe-cart-ine-opt{position:absolute;right:10px;top:4px;color:#00a2e8}.fe-cart-has-ine{position:relative}@media screen and (min-width:1100px){html body .configurator-section ul.selected .row .col35.ellipsis{width:28%!important;min-width:257px}}html body .configurator-section ul.selected li.row{display:flex}html body .configurator-section ul.selected li.row div.col10~.col15{flex-basis:15%!important}html body .configurator-section ul.selected li.row .col15:last-child{flex-basis:18%}html body #Standards .view-all{display:none!important}.customize_cto .configurator-section ul.selected .col10.fe-custom{padding-left:5px}html body .catalogLP .right.b-margin1>a,html body .fe-export-link,html body a[href="/catalogCategory/exportCatalog"]{display:none!important}.catalogLP .products .fe-other-card .fe-title a{display:inline-block}.catalogLP .products .fe-other-card .fe-title{color:#01a982!important;font:normal 18px/1 HPEMetricSemibold;text-align:left}.catalogLP .fe-other-product-div p{color:#01a982!important}.catalogLP .products section div.prodListBox.fe-other-card{height:auto}.catalogLP .products section.row:not(.pagination){display:flex;flex-wrap:wrap}.catalogLP .products section div a.lock_width{display:flex!important;align-items:center;justify-content:center}.catalogLP .products section div a.lock_width img{display:flex;align-items:center;justify-content:center;margin:0 auto}.catalogLP .products section div aside.width_fix{height:150px;padding:10% 0 10%;box-sizing:border-box}.catalogLP .fe-other-product-div div.lock_width{margin:0 auto;max-width:170px;width:80%!important;max-height:115px}.catalogLP .fe-other-product-div div.lock_width img{width:80%}.fe_matinfo-options .catalogLP .products section div.prodListBox.fe-other-card{display:block!important;position:relative}.customize_cto .fe_labels img{max-width:29px}.customize_cto .fe_labels{display:block;margin-top:5px}.fe_matinfo-options .catalogLP .products section div.prodListBox.fe-other-card.fe_hideOtherCards,.fe_matinfo-options .catalogLP .products section div.prodListBox:not(.fe-other-card),body:not(.fe_matinfo-options) .fe_newProductRow{display:none!important}.fe-other-product-div{cursor:pointer}.fe_matinfo-options .fe_optionBox .fe_optImglink{position:absolute;background:0 0;width:100%;height:100%;z-index:1;left:0;top:0}body.fe_matinfo-options .main-inner nav.leftside,body.fe_matinfo-options .products section.pagination{display:none}body.fe_matinfo-options .products section.pagination.fe_productPagination{display:block}body:not(.fe_matinfo-options) .products section.pagination.fe_productPagination{display:none}body.fe_matinfo-options .products .fe_productPagination #paginationTags a{margin:0 2px;display:inline-block}html body.fe_matinfo-options .catalogLP .products section span.custom_price_details{height:50px}html body.fe_matinfo-options .catalogLP .products section div aside article{min-height:11em;max-height:11em}.fe_matinfo-options .catalogLP .products section div.prodListBox.fe-other-card .fe-title{min-height:38px}body:not(.fe-card-hide) .catalogLP .products section div.prodListBox:not(.fe-card-show){display:none!important}.fe_productPagination .fe_hideButtons{pointer-events:none;opacity:.4}html body.fe-Elite-Product-Comparison .catalogLP .products section div.prodListBox{height:587px}</style><style id="fe_activity_fe_activity_hpe-elite-support-info" type="text/css">.elite-support-info .support-info-button{background-color:#01a982;border-left:1px solid #ccc;border-top:1px solid #ccc;position:fixed;text-align:center;z-index:100000;cursor:pointer;-webkit-transform-origin:100% 100%;-webkit-transform:rotate(-90deg);transform-origin:100% 100%;transform:rotate(-90deg);top:45%;right:0;padding:0 0 0 3px;height:45px;line-height:43px;border-radius:0;font-size:17px;color:#fff}.elite-support-info span.supportButtonText{display:inline-block;padding:0 10px;min-width:78px;text-align:center}.elite-support-info .support-info-button:hover{background-color:#039573}.elite-support-info .support-info-button .top-right-radius{color:#fff;display:inline-block;float:right;margin-top:-1px;text-align:center;width:40px;margin-left:1px;transform:rotate(90deg)}.elite-support-info .support-info-button .top-right-radius img{width:26px;top:13px;position:relative;left:0;fill:#fff;margin-bottom:13px}.elite-support-info .rotate-90{-ms-transform:rotate(-90deg);-webkit-transform:rotate(-90deg);transform:rotate(-90deg)}.elite-support-info .support-info-modal{background:0 0;display:none;z-index:100001}.elite-support-info .support-info-modal .messages-modal{bottom:0;left:0;margin:auto;max-height:425px;max-width:1024px;position:fixed;right:0;top:0;width:100%}.elite-support-info .support-info-modal .messages-modal div{max-width:none;position:relative}.elite-support-info .support-info-modal .modal-close-button{background:rgba(0,0,0,0) none repeat scroll 0 0;border:medium none;color:#000;cursor:pointer;float:right;font-size:36px;line-height:1;opacity:.2;padding:0;position:absolute;right:11px;text-shadow:0 1px 0 #fff;top:5px;width:67px;z-index:999}.elite-support-info .support-info-modal .elite-support .contact-name{font-size:16px}.elite-support-info .support-info-modal .elite-support li span{background-image:url(https://s3.amazonaws.com/testdev-images/hpe/elite-support-info/icons.png);background-repeat:no-repeat;display:inline-block;width:25px}.elite-support-info .support-info-modal .elite-support .contact-category{margin-bottom:5px}.elite-support-info .support-info-modal .elite-support .contact-phone{margin-bottom:2px}.elite-support-info .support-info-modal .elite-support .contact-phone span{background-position:-2px -2px}.elite-support-info .support-info-modal .elite-support .contact-email{color:#007dba}.elite-support-info .support-info-modal .elite-support .contact-email span{background-position:0 3px;background-image:url(data:image/jpeg;base64,/9j/4AAQSkZJRgABAQAAAQABAAD/2wBDABALCwsMCxAMDBAXDw0PFxsUEBAUGx8XFxcXFx8eFxoaGhoXHh4jJSclIx4vLzMzLy9AQEBAQEBAQEBAQEBAQED/2wBDAREPDxETERUSEhUUERQRFBoUFhYUGiYaGhwaGiYwIx4eHh4jMCsuJycnLis1NTAwNTVAQD9AQEBAQEBAQEBAQED/wAARCAANABEDASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIFAwT/xAAoEAABAwMCBgEFAAAAAAAAAAACAQMEABESBRMUFSEiMVEzUpGSodL/xAAXAQADAQAAAAAAAAAAAAAAAAABAgMF/8QAHREAAgICAwEAAAAAAAAAAAAAARIAAiFRAzJykv/aAAwDAQACEQMRAD8AqQYkUGBk6hH3YzxFaQJHdtUJQs4Ir4W3mtJsKA809yyOigwJE7KUzUEwTLFvusS/qunT01Ll47Bs8J323R645Fll3W90ziany1zAo/CbR/EPTCy5Y2K1NmZAtwIpXrkrVm9akLIva/einxj/AFn+Cf3RRkUtsfQn/9k=)}.elite-support-info .support-info-modal h2.modal-title{font-size:20px;font-weight:700;margin-bottom:15px}.elite-support-info .support-info-modal .messages-modal>div>.row{max-height:415px;overflow:auto;padding:50px!important;position:static}.elite-support-info .support-info-modal .elite-support>div{height:auto;min-height:120px}.elite-support-info .support-info-modal .view-all{bottom:0;color:#01a982;display:block!important;font-size:14px;position:absolute;right:0;text-indent:0;width:100%;text-align:right;background:#fff;padding-bottom:9px!important;padding-right:30px!important}.elite-support-info .support-info-modal .view-all::before{font-size:16px!important}.elite-support-info .support-info-modal .modal-overlay{background:url(https://b2b.hpe.com/static/d4torfOGIeOtzSrx0rPEWfLU0ChiZl5kp5zyyj98zfB.png) repeat 0 0;position:fixed;top:0;bottom:0;left:0;right:0}.elite-support-info .support-info-modal span.viewAllContactTxt{padding-left:2px}@media (max-width:700px){.elite-support-info .support-info-modal .listContactMobile{width:50%!important}}@media (max-width:500px){.elite-support-info .support-info-modal .messages-modal>div>.row{padding:15px!important}.elite-support-info .support-info-modal .listContactMobile{width:100%!important;float:none!important}}</style><script charset="utf-8" src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/13.80b1174311323ca5c15d.chunk.js"></script><script type="text/javascript" charset="utf-8" async="" src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/qualtricsSurvey.js"></script></head>
|
||
|
||
|
||
<body class="lang_en_US fe-Elite-Product-Comparison elite-support-info customize_cto">
|
||
<fieldset id="bodyfs">
|
||
<hr class="none printonly">
|
||
|
||
<script type="text/javascript">
|
||
var dialogErrorTitle = "Error";
|
||
var dialogErrorMsg = "<div>An error occurred while processing your request. Please, try again later.</div>";
|
||
var dialogSessionTimeoutTitle = "Session Timeout";
|
||
var dialogSessionTimeoutMsg = "<div>Your session has been inactive for over 90 minutes. For security reasons, you have been automatically logged out. Please log in again to continue.</div>";
|
||
var dialogBtnOK = "OK";
|
||
</script>
|
||
|
||
|
||
|
||
<div class="main-page">
|
||
|
||
|
||
|
||
|
||
<div class="loading" style="display: none;">
|
||
<header class="header row b2bheader">
|
||
<section class="header-top row">
|
||
|
||
<div class="wrapper row">
|
||
<div class="logo-container col25">
|
||
<a href="javascript:void(0)" data-bind="attr:{href:Dashboard[0].link}"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/BCRXyumNn8bvjxP50iyMrafMjKdwax1OkY11BrLsbM5.png"></a>
|
||
</div>
|
||
<div class="search-container col75">
|
||
<form class="header-search txt-right">
|
||
<!--div class="relative inline-block m-vertical">
|
||
<input type="button" class="search-magnifier" />
|
||
</div-->
|
||
|
||
<nav>
|
||
<div class="inline-block">
|
||
<a href="javascript:void(0)" class="shopping-cart button_border">
|
||
<!-- div class="my-cart-container button_border" id="shoppingcartbutton2">
|
||
|
||
<div class="shopping-cart-icon"> </div>
|
||
</div-->
|
||
|
||
|
||
</a>
|
||
</div>
|
||
</nav>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
</header>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<header id="masthead" class="header row b2bheader">
|
||
<!-- ko with:currentNavs -->
|
||
<!-- header top -->
|
||
<section class="header-top row">
|
||
<div class="wrapper row">
|
||
<div class="logo-container left">
|
||
<a href="https://b2b.hpe.com/" data-bind="attr:{href:Dashboard[0].link}"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/BCRXyumNn8bvjxP50iyMrafMjKdwax1OkY11BrLsbM5.png" alt="Hewlett Packard Enterprise"></a>
|
||
</div>
|
||
|
||
|
||
<div class="header-col100">
|
||
<div>
|
||
|
||
<!-- ko if:headerData.impersonationFlag --><!-- /ko -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<div class="cart-container right">
|
||
<div class="col100 hlinks-hpe impersonate-flag-false" data-bind="css: {'impersonate-flag-true':headerData.impersonationFlag,'impersonate-flag-false': !headerData.impersonationFlag }">
|
||
|
||
|
||
<div class="clear right nationality salutation-container y-margin05 small-minicart align-right" data-bind="css: { 'align-left':headerData.impersonationFlag,'align-right': !headerData.impersonationFlag }">
|
||
|
||
|
||
<nav class="tooltip tooltip-clicked fixbottom inline-block newheadermargin">
|
||
|
||
|
||
|
||
<a href="javascript:void(0)" data-bind="text: headerData.country, attr:{'class':'country '+headerData.catalogCountryCodeClass+' '+'b2biUserCPVCtry'}" class="country fr-flag b2biUserCPVCtry">France</a>
|
||
|
||
|
||
|
||
</nav>
|
||
|
||
|
||
|
||
<input type="hidden" value="language issue else block">
|
||
<span class="languageGlobe" data-bind="text:$root.homeLang().length>0?$root.homeLang:'English'">English</span>
|
||
<nav class="tooltip tooltip-clicked fixbottom inline-block newheadermargin">
|
||
<a href="javascript: void(0)" style="margin-left: 0 !important;" class="language displayToolTipLang l-margin0" data-bind="visible:true"></a>
|
||
|
||
<section class="mini-cart flyout align-left select-language">
|
||
<aside class="row flyout-wrapper">
|
||
<h4 class="tooltip-head">Select a language</h4>
|
||
|
||
<ul class="y-padding05 y-autoscroll height13em darkergray" data-bind="foreach:$root.languages">
|
||
<li class="button-margin-hpe masterheaderflyout row">
|
||
<label>
|
||
<input type="radio" name="displayLanguage" value="Deutsch" data-bind="hpRadioCheck:{},checkedValue:$data, checked:$root.selDisplayLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-radio"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
<span data-bind="text:$data">Deutsch</span>
|
||
</label>
|
||
|
||
<!-- ko if: $root.defaultSelectedLang() == $data--><!-- /ko -->
|
||
<span class="right" data-bind="visible: ($root.selDisplayLang() == $data) && !($data == $root.defaultSelectedLang())" style="display: none;">
|
||
|
||
<!-- ko if:!headerData.impersonationFlag -->
|
||
<label class="l-padding05">
|
||
<input type="checkbox" name="displayCurrencyDefault" data-bind="hpRadioCheck:{},checked:$root.checkedDefaultLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-checkbox"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
Set as default
|
||
</label>
|
||
<!-- /ko -->
|
||
|
||
</span>
|
||
</li>
|
||
|
||
<li class="button-margin-hpe masterheaderflyout row">
|
||
<label>
|
||
<input type="radio" name="displayLanguage" value="English" data-bind="hpRadioCheck:{},checkedValue:$data, checked:$root.selDisplayLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-radio jquery-hp-radio-checked"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
<span data-bind="text:$data">English</span>
|
||
</label>
|
||
|
||
<!-- ko if: $root.defaultSelectedLang() == $data-->
|
||
<span class="padding0 darkgray">(default)</span>
|
||
<!-- /ko -->
|
||
<span class="right" data-bind="visible: ($root.selDisplayLang() == $data) && !($data == $root.defaultSelectedLang())" style="display: none;">
|
||
|
||
<!-- ko if:!headerData.impersonationFlag -->
|
||
<label class="l-padding05">
|
||
<input type="checkbox" name="displayCurrencyDefault" data-bind="hpRadioCheck:{},checked:$root.checkedDefaultLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-checkbox"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
Set as default
|
||
</label>
|
||
<!-- /ko -->
|
||
|
||
</span>
|
||
</li>
|
||
|
||
<li class="button-margin-hpe masterheaderflyout row">
|
||
<label>
|
||
<input type="radio" name="displayLanguage" value="Español" data-bind="hpRadioCheck:{},checkedValue:$data, checked:$root.selDisplayLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-radio"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
<span data-bind="text:$data">Español</span>
|
||
</label>
|
||
|
||
<!-- ko if: $root.defaultSelectedLang() == $data--><!-- /ko -->
|
||
<span class="right" data-bind="visible: ($root.selDisplayLang() == $data) && !($data == $root.defaultSelectedLang())" style="display: none;">
|
||
|
||
<!-- ko if:!headerData.impersonationFlag -->
|
||
<label class="l-padding05">
|
||
<input type="checkbox" name="displayCurrencyDefault" data-bind="hpRadioCheck:{},checked:$root.checkedDefaultLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-checkbox"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
Set as default
|
||
</label>
|
||
<!-- /ko -->
|
||
|
||
</span>
|
||
</li>
|
||
|
||
<li class="button-margin-hpe masterheaderflyout row">
|
||
<label>
|
||
<input type="radio" name="displayLanguage" value="Español (Latinoamericano)" data-bind="hpRadioCheck:{},checkedValue:$data, checked:$root.selDisplayLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-radio"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
<span data-bind="text:$data">Español (Latinoamericano)</span>
|
||
</label>
|
||
|
||
<!-- ko if: $root.defaultSelectedLang() == $data--><!-- /ko -->
|
||
<span class="right" data-bind="visible: ($root.selDisplayLang() == $data) && !($data == $root.defaultSelectedLang())" style="display: none;">
|
||
|
||
<!-- ko if:!headerData.impersonationFlag -->
|
||
<label class="l-padding05">
|
||
<input type="checkbox" name="displayCurrencyDefault" data-bind="hpRadioCheck:{},checked:$root.checkedDefaultLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-checkbox"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
Set as default
|
||
</label>
|
||
<!-- /ko -->
|
||
|
||
</span>
|
||
</li>
|
||
|
||
<li class="button-margin-hpe masterheaderflyout row">
|
||
<label>
|
||
<input type="radio" name="displayLanguage" value="Français" data-bind="hpRadioCheck:{},checkedValue:$data, checked:$root.selDisplayLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-radio"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
<span data-bind="text:$data">Français</span>
|
||
</label>
|
||
|
||
<!-- ko if: $root.defaultSelectedLang() == $data--><!-- /ko -->
|
||
<span class="right" data-bind="visible: ($root.selDisplayLang() == $data) && !($data == $root.defaultSelectedLang())" style="display: none;">
|
||
|
||
<!-- ko if:!headerData.impersonationFlag -->
|
||
<label class="l-padding05">
|
||
<input type="checkbox" name="displayCurrencyDefault" data-bind="hpRadioCheck:{},checked:$root.checkedDefaultLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-checkbox"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
Set as default
|
||
</label>
|
||
<!-- /ko -->
|
||
|
||
</span>
|
||
</li>
|
||
|
||
<li class="button-margin-hpe masterheaderflyout row">
|
||
<label>
|
||
<input type="radio" name="displayLanguage" value="Français (Canada)" data-bind="hpRadioCheck:{},checkedValue:$data, checked:$root.selDisplayLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-radio"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
<span data-bind="text:$data">Français (Canada)</span>
|
||
</label>
|
||
|
||
<!-- ko if: $root.defaultSelectedLang() == $data--><!-- /ko -->
|
||
<span class="right" data-bind="visible: ($root.selDisplayLang() == $data) && !($data == $root.defaultSelectedLang())" style="display: none;">
|
||
|
||
<!-- ko if:!headerData.impersonationFlag -->
|
||
<label class="l-padding05">
|
||
<input type="checkbox" name="displayCurrencyDefault" data-bind="hpRadioCheck:{},checked:$root.checkedDefaultLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-checkbox"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
Set as default
|
||
</label>
|
||
<!-- /ko -->
|
||
|
||
</span>
|
||
</li>
|
||
|
||
<li class="button-margin-hpe masterheaderflyout row">
|
||
<label>
|
||
<input type="radio" name="displayLanguage" value="Italiano" data-bind="hpRadioCheck:{},checkedValue:$data, checked:$root.selDisplayLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-radio"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
<span data-bind="text:$data">Italiano</span>
|
||
</label>
|
||
|
||
<!-- ko if: $root.defaultSelectedLang() == $data--><!-- /ko -->
|
||
<span class="right" data-bind="visible: ($root.selDisplayLang() == $data) && !($data == $root.defaultSelectedLang())" style="display: none;">
|
||
|
||
<!-- ko if:!headerData.impersonationFlag -->
|
||
<label class="l-padding05">
|
||
<input type="checkbox" name="displayCurrencyDefault" data-bind="hpRadioCheck:{},checked:$root.checkedDefaultLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-checkbox"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
Set as default
|
||
</label>
|
||
<!-- /ko -->
|
||
|
||
</span>
|
||
</li>
|
||
|
||
<li class="button-margin-hpe masterheaderflyout row">
|
||
<label>
|
||
<input type="radio" name="displayLanguage" value="Português" data-bind="hpRadioCheck:{},checkedValue:$data, checked:$root.selDisplayLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-radio"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
<span data-bind="text:$data">Português</span>
|
||
</label>
|
||
|
||
<!-- ko if: $root.defaultSelectedLang() == $data--><!-- /ko -->
|
||
<span class="right" data-bind="visible: ($root.selDisplayLang() == $data) && !($data == $root.defaultSelectedLang())" style="display: none;">
|
||
|
||
<!-- ko if:!headerData.impersonationFlag -->
|
||
<label class="l-padding05">
|
||
<input type="checkbox" name="displayCurrencyDefault" data-bind="hpRadioCheck:{},checked:$root.checkedDefaultLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-checkbox"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
Set as default
|
||
</label>
|
||
<!-- /ko -->
|
||
|
||
</span>
|
||
</li>
|
||
|
||
<li class="button-margin-hpe masterheaderflyout row">
|
||
<label>
|
||
<input type="radio" name="displayLanguage" value="Pусский" data-bind="hpRadioCheck:{},checkedValue:$data, checked:$root.selDisplayLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-radio"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
<span data-bind="text:$data">Pусский</span>
|
||
</label>
|
||
|
||
<!-- ko if: $root.defaultSelectedLang() == $data--><!-- /ko -->
|
||
<span class="right" data-bind="visible: ($root.selDisplayLang() == $data) && !($data == $root.defaultSelectedLang())" style="display: none;">
|
||
|
||
<!-- ko if:!headerData.impersonationFlag -->
|
||
<label class="l-padding05">
|
||
<input type="checkbox" name="displayCurrencyDefault" data-bind="hpRadioCheck:{},checked:$root.checkedDefaultLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-checkbox"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
Set as default
|
||
</label>
|
||
<!-- /ko -->
|
||
|
||
</span>
|
||
</li>
|
||
|
||
<li class="button-margin-hpe masterheaderflyout row">
|
||
<label>
|
||
<input type="radio" name="displayLanguage" value="Svenska" data-bind="hpRadioCheck:{},checkedValue:$data, checked:$root.selDisplayLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-radio"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
<span data-bind="text:$data">Svenska</span>
|
||
</label>
|
||
|
||
<!-- ko if: $root.defaultSelectedLang() == $data--><!-- /ko -->
|
||
<span class="right" data-bind="visible: ($root.selDisplayLang() == $data) && !($data == $root.defaultSelectedLang())" style="display: none;">
|
||
|
||
<!-- ko if:!headerData.impersonationFlag -->
|
||
<label class="l-padding05">
|
||
<input type="checkbox" name="displayCurrencyDefault" data-bind="hpRadioCheck:{},checked:$root.checkedDefaultLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-checkbox"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
Set as default
|
||
</label>
|
||
<!-- /ko -->
|
||
|
||
</span>
|
||
</li>
|
||
|
||
<li class="button-margin-hpe masterheaderflyout row">
|
||
<label>
|
||
<input type="radio" name="displayLanguage" value="中文" data-bind="hpRadioCheck:{},checkedValue:$data, checked:$root.selDisplayLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-radio"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
<span data-bind="text:$data">中文</span>
|
||
</label>
|
||
|
||
<!-- ko if: $root.defaultSelectedLang() == $data--><!-- /ko -->
|
||
<span class="right" data-bind="visible: ($root.selDisplayLang() == $data) && !($data == $root.defaultSelectedLang())" style="display: none;">
|
||
|
||
<!-- ko if:!headerData.impersonationFlag -->
|
||
<label class="l-padding05">
|
||
<input type="checkbox" name="displayCurrencyDefault" data-bind="hpRadioCheck:{},checked:$root.checkedDefaultLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-checkbox"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
Set as default
|
||
</label>
|
||
<!-- /ko -->
|
||
|
||
</span>
|
||
</li>
|
||
|
||
<li class="button-margin-hpe masterheaderflyout row">
|
||
<label>
|
||
<input type="radio" name="displayLanguage" value="日本語" data-bind="hpRadioCheck:{},checkedValue:$data, checked:$root.selDisplayLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-radio"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
<span data-bind="text:$data">日本語</span>
|
||
</label>
|
||
|
||
<!-- ko if: $root.defaultSelectedLang() == $data--><!-- /ko -->
|
||
<span class="right" data-bind="visible: ($root.selDisplayLang() == $data) && !($data == $root.defaultSelectedLang())" style="display: none;">
|
||
|
||
<!-- ko if:!headerData.impersonationFlag -->
|
||
<label class="l-padding05">
|
||
<input type="checkbox" name="displayCurrencyDefault" data-bind="hpRadioCheck:{},checked:$root.checkedDefaultLang" style="position: relative; left: -9999px; z-index: -1; display: none;"><span class="jquery-hp-checkbox"><span class="mark"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/empty.gif"></span></span>
|
||
Set as default
|
||
</label>
|
||
<!-- /ko -->
|
||
|
||
</span>
|
||
</li>
|
||
</ul>
|
||
|
||
<div class="t-border button-padding1 margin0">
|
||
<input type="button" class="secondary cancel lang-cancel" value="Cancel" id="closeModal2">
|
||
<input type="button" class="primary l-margin05 submitLangChange noborder" value="Submit">
|
||
</div>
|
||
<span class="arrow_pointer"></span>
|
||
<i class="close"></i>
|
||
</aside>
|
||
</section>
|
||
</nav>
|
||
|
||
|
||
<nav class="tooltip tooltip-clicked fixbottom inline-block currency-dropdown-hpe newheadermargin" data-bind="visible:($root.enableDisplayCurrency()) && ($root.multipleCurrenciesEnabled())" style="display: none;">
|
||
<a href="https://b2b.hpe.com/customizeCTO?a1ustri3=kEvt1Q1FEGAAAw3wm.gVK03j&ProductSKU=EC-SYS-BAND_42821613&imageUrl=https://h50003.www5.hpe.com/digmedialib/prodimg/lowres/i00148990.png&RefModelID=42821613&BigDealId=P743207&ProductID=Dp8KVg.m8UEAAAGFvkMlY8XC&ConfigurationSource=EC-SYS-BAND&fulfillmentSiteId=EG_DIRECT&isPriceRequested=false&instantPriceEnabled=false&a1ortri2=2C2RF%20SRNC&sessionID=87183D9A2C723CD95216374E89123C83.p1lg505467_WHA-General-Inst#" style="border-bottom:0px !important" class="currency displayToolTipCurrency">
|
||
<span data-bind="text:$data.headerCurrency">EUR</span>
|
||
<span data-bind="visible:(headerData.displayCurrency!=$data.headerCurrency && headerData.displayCurrency!='' && headerData.displayCurrency!=null)">(+
|
||
<span data-bind="text: headerData.frTax != 'HT' ? headerData.displayCurrency : headerData.headerCurrencyDirect">EUR</span>)
|
||
</span>
|
||
</a>
|
||
|
||
<section class="mini-cart flyout transaction-currency">
|
||
<aside class="row flyout-wrapper align-left">
|
||
<h4 class="tooltip-head">Currency for your transactions:
|
||
<span data-bind="text:$data.headerCurrency">EUR</span>
|
||
</h4>
|
||
|
||
<div class="margin0 align-left">
|
||
<!-- span class="bold small inline-block b-padding1 darkergray">Display prices in this currency:</span-->
|
||
<div class="margin0 y-autoscroll height115em r-padding1 darkergray currency-scroll-down-hpe" data-bind="foreach:$root.DisplayCurrencies"></div>
|
||
</div>
|
||
|
||
<div class="t-border y-margin0 y-padding1" data-bind="visible: ($root.selDisplayCurr() !== $root.defaultCurrency())" style="display: none;">
|
||
<p class="align-left metric-light16 line-height15 r-padding1">You are about to change the display currency of your storefront. This change impacts the display only - you will purchase and be invoiced in the currency set for your HPE catalog.</p>
|
||
</div>
|
||
|
||
<div class="t-border button-padding1 margin0">
|
||
<input type="button" class="secondary cancel" value="Cancel" id="closeModal2">
|
||
<input type="button" class="primary l-margin05 submitCurrencyChange" value="Submit">
|
||
</div>
|
||
<span class="arrow_pointer"></span>
|
||
<i class="close"></i>
|
||
</aside>
|
||
</section>
|
||
</nav>
|
||
<nav data-bind="visible:!(($root.enableDisplayCurrency()) && ($root.multipleCurrenciesEnabled()))" class="inline-block display-currency-cont newheadermargin">
|
||
<div class="padding0 margin0 float-none">
|
||
<span class="metric-regular14" style="color: #b3bbc0 !important" data-bind="text:$data.headerCurrency">EUR</span>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
<nav class="inline-block display-help-cont workspace newheadermargin mastheader-relative">
|
||
<a data-bind="text: headerData.helpText" href="javascript:void(0)" class="header-help uppercase">Help</a>
|
||
<div class="nav-popup popup-help popup-help-masterheader">
|
||
<nav class="workspace-popup clear">
|
||
<i class="bar"></i>
|
||
<div class="hoverArrow">
|
||
<span class="arrow-up-gray"></span>
|
||
<span class="arrow-up-white"></span>
|
||
</div>
|
||
|
||
<div class="col50 right relative">
|
||
<b class="bar"></b>
|
||
|
||
|
||
<div class="disabled help-right"><h5 data-bind="text: headerData.acccommText, click: function(){}" class="disabled">Account Communications</h5></div>
|
||
<div class="selected help-right"><h5 data-bind="text: headerData.contactHPText, click: function(){}" class="selected">Contact HPE</h5></div>
|
||
<div class="disabled help-right"><h5 data-bind="text: headerData.sitehelpText, click: function(){}" class="disabled">Site Help</h5></div>
|
||
<div class="disabled help-right"><h5 data-bind="text: headerData.mylinksText, click: function(){}" class="disabled">My Links</h5></div>
|
||
</div>
|
||
|
||
<div class="col50 new-settings">
|
||
|
||
<ul>
|
||
<li><a data-bind="text: headerData.link1Text" href="javascript:void(0)">Link 1</a></li>
|
||
<li><a data-bind="text: headerData.link1Text" href="javascript:void(0)">Link 1</a></li>
|
||
<li><a data-bind="text: headerData.link1Text" href="javascript:void(0)">Link 1</a></li>
|
||
<li><a data-bind="text: headerData.link1Text" href="javascript:void(0)">Link 1</a></li>
|
||
</ul>
|
||
|
||
<ul class="block help-dropdown">
|
||
<!-- ko if: headerData.enabledRegions.indexOf(headerData.userRegion) > -1 --><!-- /ko -->
|
||
|
||
<!-- ko if: ((headerData.catalogenabledRegions.indexOf(headerData.userRegion) > -1) && false)--><!-- /ko -->
|
||
<!-- ko if: headerData.catalogenabledRegions.indexOf(headerData.userRegion) > -1 || headerData.enabledRegions.indexOf(headerData.userRegion) > -1-->
|
||
<li>
|
||
<a class="salesOpCatalogueCheckSupport" href="https://b2b.hpe.com/customizeCTO?a1ustri3=kEvt1Q1FEGAAAw3wm.gVK03j&ProductSKU=EC-SYS-BAND_42821613&imageUrl=https://h50003.www5.hpe.com/digmedialib/prodimg/lowres/i00148990.png&RefModelID=42821613&BigDealId=P743207&ProductID=Dp8KVg.m8UEAAAGFvkMlY8XC&ConfigurationSource=EC-SYS-BAND&fulfillmentSiteId=EG_DIRECT&isPriceRequested=false&instantPriceEnabled=false&a1ortri2=2C2RF%20SRNC&sessionID=87183D9A2C723CD95216374E89123C83.p1lg505467_WHA-General-Inst#">
|
||
<span>Check Case Status</span>
|
||
</a>
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
<li><a data-bind="attr:{href:headerData.partsurferUrl}, text: headerData.partsurferText" href="http://partsurfer.hpe.com/">Part Surfer</a></li>
|
||
<li><a data-bind="attr:{href:headerData.itresourcecenterUrl}, text: headerData.itresourcecenterText" href="http://h20566.www2.hpe.com/portal/site/hpsc/public">IT Resource Center</a></li>
|
||
<li><a data-bind="attr:{href:headerData.bscUrl}, text: headerData.bscText" href="http://h20566.www2.hpe.com/portal/site/hpsc/public">Business Support Center</a></li>
|
||
<li><a data-bind="attr:{href:headerData.scaeUrl}, text: headerData.scaeText" href="https://esam.hpe.com/countrypage.htm">Support Contract Assistant & Express</a></li>
|
||
<!-- Commenting out Pilot Usability Help E-Mail link -->
|
||
|
||
</ul>
|
||
|
||
<div class="none">
|
||
<h5 data-bind="text: headerData.faqText, click: function(){}" class="disabled">FAQ</h5>
|
||
<h5 data-bind="text: headerData.hpb2buserguideText, click: function(){}">HPE.com B2B User Guide</h5>
|
||
<h5 data-bind="text: headerData.purchprodText, click: function(){}" class="disabled">Product & Purchase User Guide</h5>
|
||
</div>
|
||
|
||
|
||
<ul data-bind="foreach:$root.myLinksArray['MyLinks']"></ul>
|
||
</div>
|
||
|
||
|
||
</nav>
|
||
</div>
|
||
</nav>
|
||
|
||
|
||
<nav class="logout-hpe inline-block workspace newheadermargin mastheader-relative">
|
||
|
||
<p class="col100">
|
||
<a class="logoutter metric-regular14 uppercase" href="https://b2b.hpe.com/customizeCTO?a1ustri3=kEvt1Q1FEGAAAw3wm.gVK03j&ProductSKU=EC-SYS-BAND_42821613&imageUrl=https://h50003.www5.hpe.com/digmedialib/prodimg/lowres/i00148990.png&RefModelID=42821613&BigDealId=P743207&ProductID=Dp8KVg.m8UEAAAGFvkMlY8XC&ConfigurationSource=EC-SYS-BAND&fulfillmentSiteId=EG_DIRECT&isPriceRequested=false&instantPriceEnabled=false&a1ortri2=2C2RF%20SRNC&sessionID=87183D9A2C723CD95216374E89123C83.p1lg505467_WHA-General-Inst#" onclick="logout(headerData.logoutUrl,headerData.urlLogoutRemoteTxn)" data-bind="text: headerData.logoutLink">Log out</a>
|
||
</p>
|
||
|
||
</nav>
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
<form class="txt-right">
|
||
<nav class="top-nav">
|
||
|
||
|
||
<ul class="header-rightnav">
|
||
<li class="workspace"><div class="tooltip tooltip-hover fixbottom inline-block" data-bind="event: {mouseenter:function() {$parent.miniCartHover()}}">
|
||
|
||
<a href="https://b2b.hpe.com/viewCart" class="shopping-cart" data-bind="attr:{'href': headerData.viewCartPath}">
|
||
|
||
<div class="my-cart-container newheadermargin" id="shoppingcartbutton1">
|
||
<div class="cart-count button_border" data-bind="text:$root.totalCartItems, visible: ($root.totalCartItems() >= 0 && $root.showCountFlag() === true)">1</div>
|
||
<!-- ko if: $root.showCountFlag() === true -->
|
||
<div class="shopping-cart-icon not-empty" data-bind="css:{'not-empty': $root.totalCartItems() > 0}"> </div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.showCountFlag() === true --><!-- /ko -->
|
||
<div class="shopping-cart-failed-add round" data-bind="visible: ($root.failedProdArray() && $root.failedProdArray().length > 0)" style="display: none;"></div>
|
||
</div>
|
||
</a>
|
||
<section class="mini-cart flyout mini-cart-hpe" data-bind="css:{'empty-cart': $root.totalCartItems() == 0}">
|
||
<aside class="row relative flyout-wrapper">
|
||
|
||
<!-- ko ifnot: $root.miniCart --><!-- /ko -->
|
||
|
||
|
||
<!-- ko with:$root.miniCart -->
|
||
|
||
<!-- ko ifnot: ($data.lineItems && $root.totalCartItems() > 0) --><!--/ko -->
|
||
|
||
<!-- ko if: ($data.lineItems && $root.totalCartItems() > 0) -->
|
||
<h4 class="tooltip-head align-left">
|
||
<span class="metric-light14" data-bind="text: $root.miniCart().miniCartTitle.text">1 item in cart</span>
|
||
<!-- ko if: navViewModel.miniCart().lineItems.length > 5 --><!-- /ko -->
|
||
</h4>
|
||
|
||
|
||
<div class="row ellipsis b-margin15 b-border" data-bind="foreach: lineItems.sort(function (l,r) { return l.basketSortNumber==r.basketSortNumber ? 0 : (parseInt(l.basketSortNumber) < parseInt(r.basketSortNumber) ? 1 : -1) }), visible: lineItems.length > 0">
|
||
|
||
<!-- ko if: $index() < 5 -->
|
||
<div class="row b-border y-padding05">
|
||
<p class="col15 r-padding1">
|
||
<span class="none" data-bind="text: 'image content source: ' + $data.imageSource">image content source: undefined</span>
|
||
<!-- ko if: $data.type != 'ThirdPartyProduct' -->
|
||
<a class="inline-block max-width " href="javascript:void(0)" data-bind="attr: {'title': $data.productName}, click:function(){postFormCart($data.productSKU,$data.configurationSource,$data.customSKU,headerData.urlProductDetails)}" title="DL360 Gen10+ - 1U - Dual Socket Intel (Cat2 Conf10) - Expert">
|
||
<!-- ko ifnot: $data.imageURL --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.imageURL -->
|
||
<img class="mini-dataImg" data-bind="attr: { src: $data.imageURL, onError:'this.onerror=null;this.src=\''+headerData.defaultHPELogo+'\''}" alt="logo" src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/i00142030.jpg" onerror="this.onerror=null;this.src='/static/kfMsXwUj0CsxzxHVWowMvBbf5IRw7fs6WeSVuuiliwI.png'">
|
||
<!-- /ko -->
|
||
</a>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data.type == 'ThirdPartyProduct' --><!-- /ko -->
|
||
|
||
|
||
|
||
</p>
|
||
|
||
<div class="col45 ellipsis align-left">
|
||
<!-- ko if: $data.type != 'ThirdPartyProduct' -->
|
||
<!-- ko if: !navViewModel.nonCatalogLineItemType() -->
|
||
<a class="row " href="javascript:void(0)" data-bind="attr: {'title': $data.productName}, click:function(){postFormCart($data.productSKU,$data.configurationSource,$data.customSKU,headerData.urlProductDetails)}" title="DL360 Gen10+ - 1U - Dual Socket Intel (Cat2 Conf10) - Expert">
|
||
<span class="col100 wrap metric-light14 black" data-bind="text: $data.productName">DL360 Gen10+ - 1U - Dual Socket Intel (Cat2 Conf10) - Expert</span>
|
||
</a>
|
||
<!-- /ko -->
|
||
<!-- ko if: navViewModel.nonCatalogLineItemType() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data.type == 'ThirdPartyProduct' --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type == 'Configuration' && $data.reconfigureFlag -->
|
||
<!-- ko if: $data.configurationSource == 'PRE-BAND' || $data.configurationSource == 'PRE-FIX' --><!-- /ko -->
|
||
<!-- ko if: $data.configurationSource != 'PRE-BAND' && $data.configurationSource != 'PRE-FIX' -->
|
||
<span class="row">
|
||
<span class="col100 bold medium2">Configured</span>
|
||
</span>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<p class="col15 align-right metric-regular14">
|
||
<span data-bind="text: headerData.qtyText + ': '">Qty: </span> <span data-bind="text: $data.quantity">1</span>
|
||
</p>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<p class="col25 align-right">
|
||
<span data-bind="visible:headerData.displayCurrency, text:headerData.displayCurrency" class="currency">EUR HT</span>
|
||
<span data-bind="visible:!(headerData.displayCurrency), text:headerData.currency" class="currency" style="display: none;">EUR HT</span>
|
||
<span class="small-tprice" data-bind="text: $data.tcUnitPrice">1,434.50</span>
|
||
</p>
|
||
</div>
|
||
<!--/ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
|
||
|
||
|
||
<!-- ko if:$root.failedProdArray() != undefined -->
|
||
<div class="row" data-bind="visible: $root.failedProdArray().length > 0" style="display: none;">
|
||
<b class="col100 red align-left"><span>Failed to add</span> <span data-bind="text:$root.failedProdArray().length">0</span> <span>item(s) to cart</span>
|
||
|
||
|
||
|
||
<span class="align-left block clear line-height12 metric-light14 blacker t-padding025">Sorry, but we failed to add the following to the cart because the item(s) could not be validated. Please try again.</span>
|
||
</b>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:$root.failedProdArray -->
|
||
<div class="row" data-bind="foreach:$root.failedProdArray"></div>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: ($data.lineItems && $root.totalCartItems() > 0) -->
|
||
<div class="row">
|
||
<p class="right align-right">
|
||
<span class="uppercase metric-light14 r-padding1">Total</span>
|
||
<span data-bind="visible:headerData.displayCurrency, text:headerData.displayCurrency" class="large-currency">EUR HT</span>
|
||
<span data-bind="visible:!(headerData.displayCurrency), text:headerData.currency" class="large-currency" style="display: none;">EUR HT</span>
|
||
<span class="large-tprice" data-bind="text: $data.fields.totalPrice.values">1,434.50</span>
|
||
</p>
|
||
</div>
|
||
|
||
<div class="row cart-links buttonfix">
|
||
<p class="col100 no-padding">
|
||
<input type="button" data-bind="value: headerData.checkoutText, click:function(){getEliteUrl({'eventCheckout': 'scCheckout'},headerData.viewCartPath)}" class="primary medium l-margin125 noborderonhover" value="Checkout">
|
||
<input type="button" data-bind="value: headerData.viewCartText + ' (' + $root.totalCartItems() + ')', click:function(){getEliteUrl('',headerData.viewCartPath)}" class="secondary medium" value="View Cart (1)">
|
||
</p>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
<span class="arrow_pointer"></span>
|
||
</aside>
|
||
</section>
|
||
</div>
|
||
</li>
|
||
|
||
<li class="workspace">
|
||
<a data-bind="attr:{'href': headerData.messagesLPUrl}" class="header-messages" href="https://b2b.hpe.com/accountMessages">
|
||
<span class="message-number" data-bind="visible: $root.messageCount()>0, css:{'message10': $root.messageCount() >=10 && $root.messageCount() <=99}" style=""><!-- ko text: $root.messageCount() -->1<!-- /ko --></span>
|
||
</a>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<li class="workspace mastheader-relative"><a href="javascript:void(0)" class="header-settings"></a>
|
||
<div class="nav-popup popup-settings newheaderfont">
|
||
<nav class="workspace-popup clear newheaderfont">
|
||
<i class="bar" style="bottom:0px" !important"=""></i>
|
||
<div class="hoverArrow" style="top:-18px">
|
||
<span class="arrow-up-gray"></span>
|
||
<span class="arrow-up-white"></span>
|
||
</div>
|
||
|
||
<div class="col100 align-left" style="padding:.5em">
|
||
|
||
|
||
<span data-bind="text:headerData.userName" class="metric-semi16">Guillaume Raffy</span>,<!-- b2bi personaluser -->
|
||
|
||
<!-- ko if: $root.navBarAjaxContent() -->
|
||
<span class="metric-regular14" data-bind="text:$root.navBarAjaxContent().userRole">Support</span>
|
||
|
||
<!-- /ko -->
|
||
<div class="b-border"></div>
|
||
|
||
|
||
|
||
|
||
<h5 class="b2biUserCPV" data-bind="text: headerData.chgpurviewText">Change My Purchasing View</h5>
|
||
|
||
|
||
|
||
|
||
<h5 data-bind="text: headerData.myusrprofText, click: function(){}" class="disabled">My User Profile</h5>
|
||
<h5 data-bind="text: headerData.mnguserText, click: function(){}" class="disabled">Manage Users</h5>
|
||
|
||
<!-- ko if: $data.workFlowUrl --><!--/ko -->
|
||
<!-- ko ifnot: $data.workFlowUrl -->
|
||
<h5 data-bind="text: headerData.adminwfText, click: function(){}" class="disabled">Administer Workflow</h5>
|
||
<!--/ko -->
|
||
|
||
<h5 data-bind="text: headerData.manageMsgText, click: function(){}" class="disabled">Manage Messages</h5>
|
||
|
||
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</nav>
|
||
</form>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
<div class="mastheader-mainnav">
|
||
|
||
<ul class="header-mainnav header-accordion">
|
||
<li style="display:inline">
|
||
<a class="instantLoad topnav-link newheaderfont" href="https://b2b.hpe.com/" data-bind="text:Dashboard[0].display, attr:{href:Dashboard[0].link}, css:{'selected':$root.DashboardSelectFlag()}">Home</a>
|
||
</li>
|
||
|
||
|
||
|
||
<li class="workspace mastheader-relative mastheader-inline">
|
||
<a href="javascript:void(0)" class="topnav-link newheaderfont" data-bind="css:{'selected':$root.ProductsServiceSelectFlag()}"><!-- ko text: ProductsService[0].display -->Products & Services<!-- /ko --></a>
|
||
<div class="nav-popup popup-productsservices newheaderfont">
|
||
<nav class="workspace-popup clear newheaderfont">
|
||
<i class="bar"></i>
|
||
<div class="hoverArrow">
|
||
<span class="arrow-up-gray"></span>
|
||
<span class="arrow-up-white"></span>
|
||
</div>
|
||
|
||
<div class="col33 relative instantLoad r-border">
|
||
|
||
<!-- ko ifnot: headerData.b2biHideFavoritesLink -->
|
||
<h5 class="selected" data-bind="text: headerData.favoritesText, click: function(data,element){ $root.directPathTopNav(element,{pageSize:30,sortby:'date',typeFilter:'', productType:'catalog',navLevel:'first'},favoritesUrl); console.log('hit fav header'); return false;}">Favorites</h5>
|
||
<!-- /ko -->
|
||
<h5 data-bind="text: headerData.standardsText, click: function(data,element){ $root.directPathTopNav(element,{withProducts:'true', productType:'catalog',navLevel:'first'},urlStandards)}">Standards</h5>
|
||
<h5 data-bind="text: headerData.hpcatalogText, click: function(data,element){ $root.directPathTopNav(element,{productType:'catalog',navLevel:'first'}, catalogCategoryUrl);console.log('hit standards header'); return false; }">HPE Catalog</h5>
|
||
|
||
|
||
</div>
|
||
|
||
<div class="col66 productservices-rightcol">
|
||
<!-- ko ifnot: headerData.b2biHideFavoritesLink -->
|
||
<ul class="nav-favorites instantLoad">
|
||
<!-- ko foreach:$root.favoritesArray --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.favoritesArray().length >= 6 && !headerData.b2biHideFavoritesLink --><!-- /ko -->
|
||
|
||
<!-- ko if: ($root.favoritesArray().length < 1 || $root.favoritesArray()[0].errorCode) && !headerData.b2biHideFavoritesLink -->
|
||
<li class="no-products no-instantLoad">No favorites to display…</li>
|
||
<!-- /ko -->
|
||
</ul>
|
||
<!-- /ko -->
|
||
<ul class="nav-standards instantLoad">
|
||
<!-- ko foreach:$root.standardsArray -->
|
||
<!-- ko foreach: $data.products -->
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">DL380 Gen10 - 2U - Dual Socket Intel (Cat2 Conf1)</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">DL380 Gen10 - 2U - Dual Socket Intel (Cat2 Conf2)</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">DL385 Gen10+ v2 - 2U - Dual Socket AMD (Cat2 Conf11)</a></li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko foreach: $data.products -->
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">A2000 XL225n Gen10+ - Lame Apollo - Dual Socket AMD (Cat3 Conf9 )</a></li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko foreach: $data.products -->
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">Nimble HF20 (Cat5 Conf5)</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">Nimble HF20H - SAN (Cat5 Conf4)</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">Nimble HF40 - SAN (Cat5 Conf6)</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">StoreEver MSL 1/8 - Backup (Cat5 Conf9)</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">StoreOnce 3660 - Backup - (Cat5 Conf8 )</a></li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<li class="last" data-bind="visible:$root.standardsCount() > 1" style=""><a href="javascript:void(0)" data-bind="text: headerData.viewallCapText, click:function(data,element){$root.directPathTopNav(element,{withProducts:'true', productType:'catalog', productParent:'standards'},urlStandards)}">View All</a></li>
|
||
<!-- ko if: ($root.standardsArray().length < 1) --><!-- /ko -->
|
||
</ul>
|
||
|
||
|
||
<ul class="nav-catalogs instantLoad">
|
||
|
||
<!-- ko foreach:$root.categoriesArray() -->
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.displayName, click:function(data,element){$root.directPathTopNav(element,{filterTerms:filterQuery, productType:'catalog', productParent:'hp catalog'},$parent.urlProductCatalog)}">Options</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.displayName, click:function(data,element){$root.directPathTopNav(element,{filterTerms:filterQuery, productType:'catalog', productParent:'hp catalog'},$parent.urlProductCatalog)}">Others</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.displayName, click:function(data,element){$root.directPathTopNav(element,{filterTerms:filterQuery, productType:'catalog', productParent:'hp catalog'},$parent.urlProductCatalog)}">Servers</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.displayName, click:function(data,element){$root.directPathTopNav(element,{filterTerms:filterQuery, productType:'catalog', productParent:'hp catalog'},$parent.urlProductCatalog)}">Storage</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.displayName, click:function(data,element){$root.directPathTopNav(element,{filterTerms:filterQuery, productType:'catalog', productParent:'hp catalog'},$parent.urlProductCatalog)}">Synergy</a></li>
|
||
<!-- /ko -->
|
||
|
||
|
||
|
||
<!-- ko if: $root.categoriesArray() && $root.categoriesArray().length > 1 -->
|
||
<li class="last unique l-padding05"><a href="javascript:void(0)" data-bind="text:headerData.viewallCapText,click:function(data,element){ $root.directPathTopNav(element, { productType:'catalog', productParent:'hp catalog'}, catalogCategoryUrl ) }">View All</a></li>
|
||
<!-- /ko -->
|
||
|
||
|
||
<!-- ko if: $root.categoriesArray() && $root.categoriesArray().length > 0 -->
|
||
<li class="unique"><a href="https://b2b.hpe.com/catalogCategory/exportCatalog"><span class="darkblue">Export your catalog</span></a></li>
|
||
<!-- /ko -->
|
||
|
||
|
||
|
||
<!-- ko if: $root.categoriesArray() && $root.categoriesArray().length < 1 --><!-- /ko -->
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
</li>
|
||
|
||
|
||
<span data-bind="text:OrdersQuotes[0].selectFlag"></span>
|
||
<li class="workspace mastheader-relative mastheader-inline">
|
||
|
||
<a href="javascript:void(0)" data-bind="css:{'selected':$root.OrdersQuotesSelectFlag()}" class="topnav-link newheaderfont"><!-- ko text: OrdersQuotes[0].display -->Orders & Quotes<!-- /ko --></a>
|
||
<div class="nav-popup popup-ordersquotes newheaderfont">
|
||
<nav class="workspace-popup clear">
|
||
<i class="bar"></i>
|
||
<div class="hoverArrow">
|
||
<span class="arrow-up-gray"></span>
|
||
<span class="arrow-up-white"></span>
|
||
</div>
|
||
|
||
<div class="col100 instantLoad">
|
||
|
||
|
||
<h5 data-bind="text: OrdersQuotes[0].quotes, click:function(data,element){$root.directPathTopNav(element,{pageSize:30,sortby:'date.desc',statusFilter:'AllQuotes',createdIn:'StoreAndAgent'},urlQuotes)}">Quotes</h5>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h5 data-bind="text: OrdersQuotes[0].os, click:function(data,element){$root.directPathTopNav(element,{pageSize:30,sortby:'date',OrderStatusFilter:'ossStatus',tenant:'HPE'},orderStatusLPurl)}">Order Status</h5>
|
||
|
||
|
||
|
||
|
||
|
||
<!--ko if:headerData.impersonationFlag != "true" -->
|
||
|
||
|
||
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</nav>
|
||
</div>
|
||
</li>
|
||
|
||
|
||
|
||
|
||
<!-- ko if: isOrderStatus == 'true'-->
|
||
<li class="workspace mastheader-relative mastheader-inline">
|
||
<a href="javascript:void(0)" class="topnav-link newheaderfont"><!-- ko text: Reports[0].display -->Reports<!-- /ko --></a>
|
||
|
||
<div class="nav-popup popup-reports newheaderfont">
|
||
<nav class="workspace-popup clear">
|
||
<i class="bar"></i>
|
||
<div class="hoverArrow">
|
||
<span class="arrow-up-gray"></span>
|
||
<span class="arrow-up-white"></span>
|
||
</div>
|
||
|
||
<div class="col100">
|
||
<h5><a data-bind="text: headerData.standardText, attr: {href: b2bStandardReportsPunchout}" target="out1" href="https://orderstatus-ext.it.hpe.com/sso/os/eb2b/os.tcl?stdrep=1&stdwiz=1&b2bparameters=F95016CEE443182972C1348E02C2DF5D21F5CA30DC85E670B4CAF2C4F5DF0E77B9176FE5E0D758AA445CF6619E4B5C43469093B356E1AFFD7B7B01D8948881F4D14F3EBBFEA134DFDC2EBC249AD7203F2619DC0987868B5E9802C3EC65C925D59D7EDF2CEFBCE7227A7B54298C808BB01B638364A6DF884856046196B87A92F529FDC5EFD5C82366B5A05D5EEAC85D2FD5D9AD7A6ECE01F01F8A5E48A6FAA7C4C248E8A9A2817F5C80C60D0131B754767B3485F16E6896CFF9183DC00909968CA67156F39F6547CAA66E71F6DAD80FFA9BF813B3F7B8CEE264979EB5CD9FD6C162D41D5AA3848361CAB1F5A2E399D582EDB8059EE706E85700105E33599CB15B">Standard Reports</a></h5>
|
||
<h5><a data-bind="text: headerData.customText, attr: {href: b2bCustomReportsPunchout}" target="out1" href="https://orderstatus-ext.it.hpe.com/sso/os/eb2b/os.tcl?getrep=1&b2bparameters=F95016CEE443182972C1348E02C2DF5D21F5CA30DC85E670B4CAF2C4F5DF0E77B9176FE5E0D758AA445CF6619E4B5C43469093B356E1AFFD7B7B01D8948881F4D14F3EBBFEA134DFDC2EBC249AD7203F2619DC0987868B5E9802C3EC65C925D59D7EDF2CEFBCE7227A7B54298C808BB01B638364A6DF884856046196B87A92F529FDC5EFD5C82366B5A05D5EEAC85D2FD5D9AD7A6ECE01F01F8A5E48A6FAA7C4C248E8A9A2817F5C80C60D0131B754767B3485F16E6896CFF9183DC00909968CA67156F39F6547CAA66E71F6DAD80FFA9BF813B3F7B8CEE264979EB5CD9FD6C162D41D5AA3848361CAB1F5A2E399D582EDB8059EE706E85700105E33599CB15B">Custom Reports</a></h5>
|
||
<h5><a data-bind="text: headerData.createNewText, attr: {href: b2bNewReportsPunchout}" target="out1" href="https://orderstatus-ext.it.hpe.com/sso/os/eb2b/os.tcl?newrep2=1&b2bparameters=F95016CEE443182972C1348E02C2DF5D21F5CA30DC85E670B4CAF2C4F5DF0E77B9176FE5E0D758AA445CF6619E4B5C43469093B356E1AFFD7B7B01D8948881F4D14F3EBBFEA134DFDC2EBC249AD7203F2619DC0987868B5E9802C3EC65C925D59D7EDF2CEFBCE7227A7B54298C808BB01B638364A6DF884856046196B87A92F529FDC5EFD5C82366B5A05D5EEAC85D2FD5D9AD7A6ECE01F01F8A5E48A6FAA7C4C248E8A9A2817F5C80C60D0131B754767B3485F16E6896CFF9183DC00909968CA67156F39F6547CAA66E71F6DAD80FFA9BF813B3F7B8CEE264979EB5CD9FD6C162D41D5AA3848361CAB1F5A2E399D582EDB8059EE706E85700105E33599CB15B">Create New Reports</a></h5>
|
||
</div>
|
||
|
||
</nav>
|
||
</div>
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</div>
|
||
</section>
|
||
|
||
<!-- header middle -->
|
||
<section class="header-middle sub-header-hpe clear impersonate-parent-off" data-bind="css: {'impersonate-parent-on':headerData.impersonationFlag,'impersonate-parent-off': !headerData.impersonationFlag }">
|
||
<div class="wrapper row impersonate-flag-off" data-bind="css: {'impersonate-flag-on':headerData.impersonationFlag,'impersonate-flag-off': !headerData.impersonationFlag }">
|
||
<div class="col100 tablet50 mobile100" style="padding: 8px 0 0 !important;">
|
||
|
||
|
||
<div class="col50 metriclight fs20px black orgName"><span data-bind="text:navViewModel.reqOrgNameDisplay('');">HPE for CNRS FR2C2</span></div>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="personal-info-wrapper tablet50 mobile100 right">
|
||
<div class="row">
|
||
|
||
|
||
|
||
<!-- ko if:orgLogo !== "" -->
|
||
<div id="logo" class="right l-border" style="width: 130px !important; display: none;">
|
||
<img class="clientlogo" data-bind="{imgError:navViewModel.orgLogoUrl}" onerror="this.style.display='none'" src="https://eprime1.wip.it.hpe.com/is-bin/INTERSHOP.static/WFS/HP-ePrime-Site/-/-/en_US/uploadedFiles/CNRS_FR2C2/PersonalLogo/MI-20220107-logo2.JPG">
|
||
</div>
|
||
<!-- /ko -->
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div data-bind="visible: $root.organizationNames().length == 1" class="tt-padding5px itstoretext40 align-right" style="">
|
||
<div class="">
|
||
<span class="metric-regular fs14px black rr-padding1" data-bind="text: headerData.loginConfirmationText">Your IT Store</span>
|
||
<span data-bind="text: $root.organizationNames" class="metric-regular fs16px black ">CNRS FR2C2</span>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
<div data-bind="visible: $root.organizationNames().length > 1" class="itstoretext40" style="display: none;">
|
||
|
||
<!-- ko if : navViewModel.dropDownLoadFlag() --><!-- /ko -->
|
||
<div id="dropdown-cat" class="right override-content" style="margin-top: -5px; padding: 5px 0;"><div data-bind="component:{name:"dropdown-catalog"}"><div class="selector hip_ps invisible b-margin1" data-bind="css: { 'invisible b-margin1': !hasManyOrgs() },template:{afterRender:activateSelector}"><select class="selecter_basic scrollbar selecter-element" id="orgSelector" name="selectedOrg" data-bind="options: orgs, optionsText: 'organizationName', optionsValue: 'organizationID', value: selectOrganizationId, optionsAfterRender: isEliteFlagEnabled"><option value="CNRS_FR2C2">CNRS FR2C2</option></select><div class="selecter scrollbar closed"><i class="bar"></i><span class="selecter-selected">CNRS FR2C2</span><div class="selecter-options"><span class="selecter-item selected first last" data-value="CNRS_FR2C2">CNRS FR2C2<i class="barder"></i></span></div></div></div></div></div>
|
||
<div class="metric-regular fs14px black align-right rr-padding1 tt-padding10px right widthauto" data-bind="text: headerData.loginConfirmationText">Your IT Store</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
|
||
|
||
<div data-bind="css:{'show': navViewModel.languageChangeModal()==true, 'none': navViewModel.languageChangeModal()==false}" class="modal row none">
|
||
<section class="dialog">
|
||
<div class="padding2">
|
||
|
||
<div class="row">
|
||
<aside class="margin0">
|
||
<h3 class="bold large b-margin025 b-padding05 b-blackborder">Save your work</h3>
|
||
|
||
<div class="row b-border scrollable y-padding1">
|
||
<p class="b-padding1">Please save your work before changing the language. Any unsaved work will be lost when the language changes.</p>
|
||
</div>
|
||
<div class="t-margin2 right">
|
||
<input type="button" class="secondary" data-bind="click:function(){navViewModel.languageChangeModal(false)}" value="Cancel">
|
||
<input type="button" data-bind="event:{click:function(){ navViewModel.saveDisplayLanguage()}}" class="primary" value="Proceed">
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
|
||
<!-- header bottom -->
|
||
|
||
|
||
|
||
|
||
<section class="header-bottom clear">
|
||
<div class="wrapper1 clear">
|
||
|
||
<div class="title-container clear">
|
||
|
||
<nav class="topnav clear">
|
||
<ul class="header-mainnav header-accordion none">
|
||
<li data-bind="css:{'selected':$root.DashboardSelectFlag()}" class="">
|
||
<a class="instantLoad topnav-link" href="https://b2b.hpe.com/" data-bind="text:Dashboard[0].display, attr:{href:Dashboard[0].link}">Home</a>
|
||
</li>
|
||
|
||
|
||
|
||
<li class="workspace" data-bind="css:{'selected':$root.ProductsServiceSelectFlag()}">
|
||
<a href="javascript:void(0)" class="topnav-link"><!-- ko text: ProductsService[0].display -->Products & Services<!-- /ko --></a>
|
||
<div class="nav-popup popup-productsservices">
|
||
<nav class="workspace-popup clear">
|
||
|
||
<i class="bar"></i>
|
||
<div class="hoverArrow">
|
||
<span class="arrow-up-gray"></span>
|
||
<span class="arrow-up-white"></span>
|
||
</div>
|
||
|
||
<div class="col50 relative instantLoad">
|
||
|
||
|
||
|
||
<!-- ko ifnot: headerData.b2biHideFavoritesLink -->
|
||
<h5 class="selected" data-bind="text: headerData.favoritesText, click: function(data,element){ $root.directPathTopNav(element,{pageSize:30,sortby:'date',typeFilter:'', productType:'catalog',navLevel:'first'},favoritesUrl); console.log('hit fav header'); return false;}">Favorites</h5>
|
||
<!-- /ko -->
|
||
<h5 data-bind="text: headerData.standardsText, click: function(data,element){ $root.directPathTopNav(element,{withProducts:'true', productType:'catalog',navLevel:'first'},urlStandards)}">Standards</h5>
|
||
<h5 data-bind="text: headerData.hpcatalogText, click: function(data,element){ $root.directPathTopNav(element,{productType:'catalog',navLevel:'first'}, catalogCategoryUrl);console.log('hit standards header'); return false; }">HPE Catalog</h5>
|
||
|
||
|
||
</div>
|
||
|
||
<div class="col50 l-border">
|
||
<!-- ko ifnot: headerData.b2biHideFavoritesLink -->
|
||
<ul class="nav-favorites instantLoad">
|
||
|
||
<!-- ko foreach:$root.favoritesArray --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.favoritesArray().length >= 6 && !headerData.b2biHideFavoritesLink --><!-- /ko -->
|
||
|
||
<!-- ko if: ($root.favoritesArray().length < 1 || $root.favoritesArray()[0].errorCode) && !headerData.b2biHideFavoritesLink -->
|
||
<li class="no-products no-instantLoad">No favorites to display…</li>
|
||
<!-- /ko -->
|
||
</ul>
|
||
<!-- /ko -->
|
||
<ul class="nav-standards instantLoad">
|
||
<!-- ko foreach:$root.standardsArray -->
|
||
<!-- ko foreach: $data.products -->
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">DL380 Gen10 - 2U - Dual Socket Intel (Cat2 Conf1)</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">DL380 Gen10 - 2U - Dual Socket Intel (Cat2 Conf2)</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">DL385 Gen10+ v2 - 2U - Dual Socket AMD (Cat2 Conf11)</a></li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko foreach: $data.products -->
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">A2000 XL225n Gen10+ - Lame Apollo - Dual Socket AMD (Cat3 Conf9 )</a></li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko foreach: $data.products -->
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">Nimble HF20 (Cat5 Conf5)</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">Nimble HF20H - SAN (Cat5 Conf4)</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">Nimble HF40 - SAN (Cat5 Conf6)</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">StoreEver MSL 1/8 - Backup (Cat5 Conf9)</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.name, click: function(data,element){ $root.directPathTopNav(element,{sku:sku, productType:'catalog', productParent:'standards'},$root.headerProductDetailsUrl);console.log('product header hit'); return false; } ">StoreOnce 3660 - Backup - (Cat5 Conf8 )</a></li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<li class="last" data-bind="visible:$root.standardsCount() > 1" style=""><a href="javascript:void(0)" data-bind="text: headerData.viewallCapText, click:function(data,element){$root.directPathTopNav(element,{withProducts:'true', productType:'catalog', productParent:'standards'},urlStandards)}">View All</a></li>
|
||
<!-- ko if: ($root.standardsArray().length < 1) --><!-- /ko -->
|
||
</ul>
|
||
|
||
|
||
<ul class="nav-catalogs instantLoad">
|
||
|
||
<!-- ko foreach:$root.categoriesArray() -->
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.displayName, click:function(data,element){$root.directPathTopNav(element,{filterTerms:filterQuery, productType:'catalog', productParent:'hp catalog'},$parent.urlProductCatalog)}">Options</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.displayName, click:function(data,element){$root.directPathTopNav(element,{filterTerms:filterQuery, productType:'catalog', productParent:'hp catalog'},$parent.urlProductCatalog)}">Others</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.displayName, click:function(data,element){$root.directPathTopNav(element,{filterTerms:filterQuery, productType:'catalog', productParent:'hp catalog'},$parent.urlProductCatalog)}">Servers</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.displayName, click:function(data,element){$root.directPathTopNav(element,{filterTerms:filterQuery, productType:'catalog', productParent:'hp catalog'},$parent.urlProductCatalog)}">Storage</a></li>
|
||
|
||
<li data-bind="visible:$index()<6"><a href="javascript:void(0)" data-bind="text:$data.displayName, click:function(data,element){$root.directPathTopNav(element,{filterTerms:filterQuery, productType:'catalog', productParent:'hp catalog'},$parent.urlProductCatalog)}">Synergy</a></li>
|
||
<!-- /ko -->
|
||
|
||
|
||
|
||
<!-- ko if: $root.categoriesArray() && $root.categoriesArray().length > 1 -->
|
||
<li class="last unique l-padding05"><a href="javascript:void(0)" data-bind="text:headerData.viewallCapText,click:function(data,element){ $root.directPathTopNav(element, { productType:'catalog', productParent:'hp catalog'}, catalogCategoryUrl ) }">View All</a></li>
|
||
<!-- /ko -->
|
||
|
||
|
||
<!-- ko if: $root.categoriesArray() && $root.categoriesArray().length > 0 -->
|
||
<li class="unique"><a href="https://b2b.hpe.com/catalogCategory/exportCatalog"><span class="darkblue">Export your catalog</span></a></li>
|
||
<!-- /ko -->
|
||
|
||
|
||
|
||
<!-- ko if: $root.categoriesArray() && $root.categoriesArray().length < 1 --><!-- /ko -->
|
||
|
||
</ul>
|
||
|
||
</div>
|
||
</nav>
|
||
</div>
|
||
</li>
|
||
|
||
|
||
<span data-bind="text:OrdersQuotes[0].selectFlag"></span>
|
||
<li class="workspace" data-bind="css:{'selected':$root.OrdersQuotesSelectFlag()}">
|
||
|
||
<a href="javascript:void(0)" class="topnav-link"><!-- ko text: OrdersQuotes[0].display -->Orders & Quotes<!-- /ko --></a>
|
||
<div class="nav-popup popup-ordersquotes">
|
||
<nav class="workspace-popup clear">
|
||
|
||
<i class="bar"></i>
|
||
<div class="hoverArrow">
|
||
<span class="arrow-up-gray"></span>
|
||
<span class="arrow-up-white"></span>
|
||
</div>
|
||
|
||
<div class="col100 instantLoad">
|
||
|
||
|
||
<h5 data-bind="text: OrdersQuotes[0].quotes, click:function(data,element){$root.directPathTopNav(element,{pageSize:30,sortby:'date.desc',statusFilter:'AllQuotes',createdIn:'StoreAndAgent'},urlQuotes)}">Quotes</h5>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<h5 data-bind="text: OrdersQuotes[0].os, click:function(data,element){$root.directPathTopNav(element,{pageSize:30,sortby:'date',OrderStatusFilter:'ossStatus',tenant:'HPE'},orderStatusLPurl)}">Order Status</h5>
|
||
|
||
|
||
|
||
|
||
|
||
</div>
|
||
|
||
</nav>
|
||
</div>
|
||
</li>
|
||
|
||
|
||
<!-- ko if: isOrderStatus == 'true'-->
|
||
<li class="workspace">
|
||
<a href="javascript:void(0)" class="topnav-link"><!-- ko text: Reports[0].display -->Reports<!-- /ko --></a>
|
||
|
||
<div class="nav-popup popup-reports">
|
||
<nav class="workspace-popup clear">
|
||
|
||
<i class="bar"></i>
|
||
<div class="hoverArrow">
|
||
<span class="arrow-up-gray"></span>
|
||
<span class="arrow-up-white"></span>
|
||
</div>
|
||
|
||
<div class="col100">
|
||
<h5><a data-bind="text: headerData.standardText, attr: {href: b2bStandardReportsPunchout}" target="out1" href="https://orderstatus-ext.it.hpe.com/sso/os/eb2b/os.tcl?stdrep=1&stdwiz=1&b2bparameters=F95016CEE443182972C1348E02C2DF5D21F5CA30DC85E670B4CAF2C4F5DF0E77B9176FE5E0D758AA445CF6619E4B5C43469093B356E1AFFD7B7B01D8948881F4D14F3EBBFEA134DFDC2EBC249AD7203F2619DC0987868B5E9802C3EC65C925D59D7EDF2CEFBCE7227A7B54298C808BB01B638364A6DF884856046196B87A92F529FDC5EFD5C82366B5A05D5EEAC85D2FD5D9AD7A6ECE01F01F8A5E48A6FAA7C4C248E8A9A2817F5C80C60D0131B754767B3485F16E6896CFF9183DC00909968CA67156F39F6547CAA66E71F6DAD80FFA9BF813B3F7B8CEE264979EB5CD9FD6C162D41D5AA3848361CAB1F5A2E399D582EDB8059EE706E85700105E33599CB15B">Standard Reports</a></h5>
|
||
<h5><a data-bind="text: headerData.customText, attr: {href: b2bCustomReportsPunchout}" target="out1" href="https://orderstatus-ext.it.hpe.com/sso/os/eb2b/os.tcl?getrep=1&b2bparameters=F95016CEE443182972C1348E02C2DF5D21F5CA30DC85E670B4CAF2C4F5DF0E77B9176FE5E0D758AA445CF6619E4B5C43469093B356E1AFFD7B7B01D8948881F4D14F3EBBFEA134DFDC2EBC249AD7203F2619DC0987868B5E9802C3EC65C925D59D7EDF2CEFBCE7227A7B54298C808BB01B638364A6DF884856046196B87A92F529FDC5EFD5C82366B5A05D5EEAC85D2FD5D9AD7A6ECE01F01F8A5E48A6FAA7C4C248E8A9A2817F5C80C60D0131B754767B3485F16E6896CFF9183DC00909968CA67156F39F6547CAA66E71F6DAD80FFA9BF813B3F7B8CEE264979EB5CD9FD6C162D41D5AA3848361CAB1F5A2E399D582EDB8059EE706E85700105E33599CB15B">Custom Reports</a></h5>
|
||
<h5><a data-bind="text: headerData.createNewText, attr: {href: b2bNewReportsPunchout}" target="out1" href="https://orderstatus-ext.it.hpe.com/sso/os/eb2b/os.tcl?newrep2=1&b2bparameters=F95016CEE443182972C1348E02C2DF5D21F5CA30DC85E670B4CAF2C4F5DF0E77B9176FE5E0D758AA445CF6619E4B5C43469093B356E1AFFD7B7B01D8948881F4D14F3EBBFEA134DFDC2EBC249AD7203F2619DC0987868B5E9802C3EC65C925D59D7EDF2CEFBCE7227A7B54298C808BB01B638364A6DF884856046196B87A92F529FDC5EFD5C82366B5A05D5EEAC85D2FD5D9AD7A6ECE01F01F8A5E48A6FAA7C4C248E8A9A2817F5C80C60D0131B754767B3485F16E6896CFF9183DC00909968CA67156F39F6547CAA66E71F6DAD80FFA9BF813B3F7B8CEE264979EB5CD9FD6C162D41D5AA3848361CAB1F5A2E399D582EDB8059EE706E85700105E33599CB15B">Create New Reports</a></h5>
|
||
</div>
|
||
|
||
</nav>
|
||
</div>
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
</ul>
|
||
|
||
|
||
|
||
|
||
|
||
<div class="search-container col100">
|
||
|
||
<form class="header-search txt-right">
|
||
<div class="relative inline-block m-vertical searchtextboxhpe">
|
||
<input data-bind="value: $root.queryTerm, event{keyup: autoSuggest()}" class="search-container-search query search-text-box" placeholder="Search Products" type="search">
|
||
<span class="new-search-magnifier"><input type="button" class="search-button" id="searchbutton2"></span>
|
||
<!-- ko if: $root.autoSuggest -->
|
||
<div class="autocomplete-dropdown" data-bind="visible: $root.autoSuggest().length > 0" style="display: none;">
|
||
<!-- ko foreach: $root.autoSuggest --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
</form>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
</nav>
|
||
<!-- ko if: typeof currentElementId !== 'undefined' --><!-- /ko -->
|
||
</div>
|
||
|
||
</div><div id="_ensMbox777" class="mboxDefault" style="visibility: visible; display: block;"></div>
|
||
|
||
<div data-bind="css:{'show':$root.showNonCatalogModal()==true, 'none': $root.showNonCatalogModal()==false}" class="modal row none">
|
||
<section class="dialog">
|
||
<div class="tooltip-padding">
|
||
|
||
<i id="closeNonCatalogModal" class="close"></i>
|
||
|
||
<div class="row">
|
||
<aside class="margin0">
|
||
<h4 class="tooltip-head">Cannot mix cart</h4>
|
||
|
||
<div class="row scrollable">
|
||
<p class="tooltip-default b-margin05">Catalog items and non-catalog items cannot be mixed in the same cart. </p>
|
||
<p class="tooltip-default" data-bind="text: navViewModel.nonCatalogMessage()"></p>
|
||
</div>
|
||
<div class="t-margin15 right">
|
||
<input type="button" data-bind="attr: {'id': navViewModel.mixedCartContinueId()}" class="primary" value="Continue">
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<div data-bind="css:{'show':$root.showOrgSwitchModal()==true, 'none': $root.showOrgSwitchModal()==false}" class="modal row none">
|
||
<div class="modal-inner padding0 show">
|
||
<section class="dialog no-padding">
|
||
<div class="tooltip-padding">
|
||
|
||
<i id="closeOrgSwitchModal" class="close" data-bind="click:function(){ navViewModel.selectOrganizationId(navViewModel.data_src.orgId); selectMenuActivate(); navViewModel.showOrgSwitchModal(false);}"></i>
|
||
|
||
<div class="row">
|
||
<aside class="margin0">
|
||
|
||
<h4 class="tooltip-head">Warning</h4>
|
||
<div class="row scrollable">
|
||
<p class="tooltip-default">You currently have items in your cart, and switching organizations requires you to clear them. Would you like to save your items before you proceed?</p>
|
||
</div>
|
||
|
||
<div class="t-margin15">
|
||
|
||
<input type="button" class="primary right r-button" value="Change my organization" data-bind="click:function(){navViewModel.checkOrgID('false')}">
|
||
|
||
<input type="button" class="secondary right" value="Save my cart items" data-bind="click:function(){getEliteUrl('',headerData.viewCartPath)}">
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div data-bind="css:{'show':$root.showOssWidgetUnavailableModal()==true, 'none': $root.showOssWidgetUnavailableModal()==false}" class="modal row none">
|
||
<div class="modal-inner padding0 show">
|
||
<section class="dialog no-padding">
|
||
<div class="tooltip-padding">
|
||
|
||
<i id="closeOssWidgetUnavailableModal" class="close" data-bind="click:function(){ navViewModel.showOssWidgetUnavailableModal(false);}"></i>
|
||
|
||
<div class="row">
|
||
<aside class="margin0 width100">
|
||
|
||
<h4 class="tooltip-head">Warning</h4>
|
||
<div class="row scrollable">
|
||
<p class="tooltip-default">Order status detail is not currently available. Please try again later or contact your HPE Sales Representative. </p>
|
||
</div>
|
||
|
||
<div class="t-margin15">
|
||
<input type="button" class="primary right r-button" value="OK" data-bind="click:function(){navViewModel.showOssWidgetUnavailableModal(false)}">
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
|
||
<div data-bind="css:{'show':navViewModel.showCompanyContextSwitchModal()==true, 'none': navViewModel.showCompanyContextSwitchModal()==false}" class="modal row none">
|
||
<div class="modal-inner padding0 show">
|
||
<section class="dialog no-padding">
|
||
<div class="tooltip-padding">
|
||
<div class="row">
|
||
<aside class="margin0">
|
||
|
||
<h4 class="tooltip-head">Warning</h4>
|
||
<div class="row scrollable">
|
||
<!-- ko if: headerData.userCompanyContext == 'HPI'--><!-- /ko -->
|
||
<!-- ko if: headerData.userCompanyContext == 'HPE'--><!-- /ko -->
|
||
</div>
|
||
|
||
<div class="t-margin15">
|
||
<input type="button" class="special right r-button" value="Continue" data-bind="click:function(){getEliteUrl({}, headerData.changeUserCompanyContextUrl)}">
|
||
<input type="button" class="secondary right" value="Cancel" data-bind="click:function(){selectMenuActivate(); navViewModel.showCompanyContextSwitchModal(false);}">
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
</section>
|
||
|
||
<script type="text/javascript" language="JavaScript">
|
||
function hideContent() {
|
||
document.getElementById('collapseBanner').style.display = "block";
|
||
document.getElementById('expandBanner').style.display = "none";
|
||
}
|
||
function showContent() {
|
||
document.getElementById('expandBanner').style.display = "block";
|
||
document.getElementById('collapseBanner').style.display = "none";
|
||
}
|
||
</script>
|
||
|
||
|
||
|
||
<!-- /ko -->
|
||
</header><!-- close header -->
|
||
|
||
|
||
|
||
<script id="headerObject" type="text/javascript" src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/nav"></script>
|
||
<script>
|
||
window.hpelite.params.eprimeLink = headerData.eprimeLandingUrl;
|
||
window.hpelite.params.eprimeAkamaiLink = headerData.eprimeAkamaiLandingUrl;
|
||
</script>
|
||
|
||
|
||
<script type="text/javascript">
|
||
window.hpelite.params.navVM= {
|
||
orgMap: headerData.eliteDomainUrl + '/organizationSwitch',
|
||
miniCartUrl: headerData.eliteDomainUrl + '/rest/v1/miniCart',
|
||
miniCartHoverUrl: headerData.eliteDomainUrl + '/rest/v1/miniCartHover',
|
||
displayCurrencyUrl: headerData.eliteDomainUrl + '/cto/index',
|
||
cookie: 'hp_b2b_cart',
|
||
headerFavoritesUrl: '/headerFavorites',
|
||
headerProductDetailsUrl: '/productDetails/details',
|
||
headerCategoriesUrl: '/headerCategories',
|
||
headerStandardsUrl: '/rest/v1/programs',
|
||
headerMyLinksUrl: '/headerMyLinks',
|
||
headerMessageCountUrl: '/headerMessageCount',
|
||
getDisplayCurrencyURL:'/getDisplayCurrency',
|
||
setDisplayCurrencyURL:'/setDisplayCurrency',
|
||
getDefaultDisplayCurrencyURL:'/getDefaultDisplayCurrency',
|
||
displayLangURL:'/displayLangURL',
|
||
getLanguageURL:'/getLanguageURL',
|
||
requestType: false,
|
||
cartFFSID:'EG_DIRECT',
|
||
sassSearchValue: '',
|
||
orgLogoUrl: 'https://eprime1.wip.it.hpe.com/is-bin/INTERSHOP.static/WFS/HP-ePrime-Site/-/-/en_US/uploadedFiles/CNRS_FR2C2/PersonalLogo/MI-20220107-logo2.JPG'
|
||
};
|
||
|
||
$(document).ready(function(){
|
||
|
||
$('#close').click(function()
|
||
{
|
||
$('#myDiv').hide();
|
||
});
|
||
|
||
|
||
});
|
||
ko.bindingHandlers.imgError = {
|
||
update: function(element, valueAccessor, allBindings, data, context) {
|
||
element.src = ko.unwrap(valueAccessor());
|
||
element.onerror = function () {
|
||
$('#logo').hide();
|
||
};
|
||
}
|
||
};
|
||
</script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script type="text/javascript">
|
||
var exportLabel = 'EXPORT';
|
||
var printLabel= 'PRINT';
|
||
var emailLabel= 'EMAIL';
|
||
var ctoEmailErrorMessage= "Please enter valid email address";
|
||
var showErrorLabel = "Show Error Details";
|
||
var hideErrorLabel = "Hide Error Details";
|
||
window.hpelite.params.ctoVM = {
|
||
urlFavoriteDiscard: '/favoriteDiscard',
|
||
localeNumberDecimalDelimiter:".",
|
||
localeNumberThousandSeparator:",",
|
||
urlNGC: '/rest/v1/updateCTONGC',
|
||
url: '/rest/v1/updateCTO',
|
||
urlReset: '/resetCTO',
|
||
urlctoExport: '/ctoExport',
|
||
urlctoEmailRequest: '/ctoEmailRequest',
|
||
urlctoPrintRequest: '/ctoPrintRequest',
|
||
urlctoCarePackRequest: '/ctoCarePackRequest',
|
||
urlCtoAddtoCart: 'https://eprime1.wip.it.hpe.com/is-bin/INTERSHOP.enfinity/WFS/HP-ePrime-Site/en_US/-/USD/Elite-Start?TargetName=AddCTO',
|
||
urlCTOCustomize: '/cto/customizeCTO',
|
||
urlProductDetails: '/rest/v1/productinfo',
|
||
urlServiceSupport: '/product/carepacksProductList',
|
||
urlFacet: '/product/carepacksFacet',
|
||
urlAccessories: '/productDetails/accessoryDetails',
|
||
urlSpecOrOverviewDetails: '/productDetails/specOrOverviewDetails',
|
||
urlAddtoCartCto: '/cart/ctoAddToCart',
|
||
urlCustomizeCTO: '/customizeCTO',
|
||
urlCTONgc: '/customizeCTONGC',
|
||
imageUrl: 'https://h50003.www5.hpe.com/digmedialib/prodimg/lowres/i00148990.png',
|
||
eprimeLink: 'https://eprime1.wip.it.hpe.com/is-bin/INTERSHOP.enfinity/WFS/HP-ePrime-Site/en_US/-/USD/Elite-Start',
|
||
eliteViewCartLink: '/viewCart',
|
||
configRootOrgId: '[MATI20210608085950, eCom20181127161311]',
|
||
rootOrgIdFromSession: 'MATI20210608085950',
|
||
urlctoLeadTime: '/ctoLeadTime',
|
||
localization: {
|
||
errorTxt: 'Your current selection is invalid due to technical reason. Please contact HPE Support',
|
||
printTxt : 'Print',
|
||
exportTxt: 'Export',
|
||
emailTxt: 'EMAIL',
|
||
ctoEmailErrorMessage: 'Please enter valid email address',
|
||
addToCartTxt: 'Add to Cart',
|
||
updateCartTxt: 'Update Cart',
|
||
updateConfigurationTxt: 'Update Configuration',
|
||
selectFormat : 'Select a Format',
|
||
noneTxt: 'None selected',
|
||
bandingErrorMsg: 'The configuration is incomplete. Please review selections and correct.'
|
||
},
|
||
session: {
|
||
sku: 'EC-SYS-BAND_42821613',
|
||
productId: 'Dp8KVg.m8UEAAAGFvkMlY8XC',
|
||
configurationSource: '',
|
||
fulfillmentSiteId: 'EG_DIRECT',
|
||
imageUrl: 'https://h50003.www5.hpe.com/digmedialib/prodimg/lowres/i00148990.png',
|
||
updateCode: '',
|
||
documentDocType: ''
|
||
},
|
||
sku: 'EC-SYS-BAND_42821613',
|
||
catalogId: 'CAT-1694205',
|
||
updateCode: '',
|
||
uuid: 'Dp8KVg.m8UEAAAGFvkMlY8XC',
|
||
productId: '42821613',
|
||
configurationId: '42821613',
|
||
udfArr: '',
|
||
bigDealId: 'P743207',
|
||
configString: '',
|
||
ConfigurationSource: 'EC-SYS-BAND',
|
||
configEngineNGC: 'true',
|
||
documentDocType: '',
|
||
addToCartValidationFlag: '',
|
||
oaProducts: '',
|
||
favoriteName: '',
|
||
favoriteDescription: '',
|
||
approverFlag:'',
|
||
isPurchaseRequest:'',
|
||
docStatus:'',
|
||
isNewQuote:'',
|
||
isDocumentNew:'',
|
||
isNewPR:'',
|
||
isNewPO:'',
|
||
isFromQuote:'',
|
||
isFromPR:'',
|
||
isVersion:'',
|
||
copyFlag:'',
|
||
requesterID:'',
|
||
createVersion:'',
|
||
cdbUUID:'',
|
||
edit:'',
|
||
|
||
breadcrumbTrail: [{"rank":5,"filterValue":"1_La4Piqll.dsAAAEEyImZio_D","displayName":"Servers"},{"filterValue":"2_La4Piqll.dsAAAEEyImZio_D/MB8Q6AJc.8MAAAEVyDtEzgx4","displayName":"ProLiant DL Servers"},{"filterValue":"3_La4Piqll.dsAAAEEyImZio_D/MB8Q6AJc.8MAAAEVyDtEzgx4/tYgQ6AJc.8YAAAEVyDtEzgx4","displayName":"ProLiant DL300 Servers"}],
|
||
|
||
fulfillmentSiteId: 'EG_DIRECT',
|
||
isPriceRequested: 'false',
|
||
instantPriceEnabled: 'false',
|
||
discountPrice:'',
|
||
result: {"configResponse":{"callData":{"executionTime":"1.685"},"configuration":{"sectionTabs":"hardware,services,accessories,","region":"EU","priceDescriptor":"FREURDP","toggleVisibility":false,"deltaResponse":false,"leadTimesLocaleArray":{"35":{"text":"Add 35 business days to shipment"},"36":{"text":"Add 36 business days to shipment"},"33":{"text":"Add 33 business days to shipment"},"34":{"text":"Add 34 business days to shipment"},"39":{"text":"Add 39 business days to shipment"},"37":{"text":"Add 37 business days to shipment"},"38":{"text":"Add 38 business days to shipment"},"43":{"text":"Add 43 business days to shipment"},"42":{"text":"Add 42 business days to shipment"},"41":{"text":"Add 41 business days to shipment"},"40":{"text":"Add 40 business days to shipment"},"22":{"text":"Add 22 business days to shipment"},"23":{"text":"Add 23 business days to shipment"},"24":{"text":"Add 24 business days to shipment"},"25":{"text":"Add 25 business days to shipment"},"26":{"text":"Add 26 business days to shipment"},"27":{"text":"Add 27 business days to shipment"},"28":{"text":"Add 28 business days to shipment"},"29":{"text":"Add 29 business days to shipment"},"3":{"text":"Add 3 business days to shipment"},"2":{"text":"Add 2 business days to shipment"},"1":{"text":"Add one business day to shipment"},"30":{"text":"Add 30 business days to shipment"},"7":{"text":"Add 7 business days to shipment"},"6":{"text":"Add 6 business days to shipment"},"32":{"text":"Add 32 business days to shipment"},"5":{"text":"Add 5 business days to shipment"},"31":{"text":"Add 31 business days to shipment"},"4":{"text":"Add 4 business days to shipment"},"9":{"text":"Add 9 business days to shipment"},"8":{"text":"Add 8 business days to shipment"},"19":{"text":"Add 19 business days to shipment"},"17":{"text":"Add 17 business days to shipment"},"18":{"text":"Add 18 business days to shipment"},"15":{"text":"Add 15 business days to shipment"},"16":{"text":"Add 16 business days to shipment"},"13":{"text":"Add 13 business days to shipment"},"14":{"text":"Add 14 business days to shipment"},"11":{"text":"Add 11 business days to shipment"},"12":{"text":"Add 12 business days to shipment"},"21":{"text":"Add 21 business days to shipment"},"20":{"text":"Add 20 business days to shipment"},"106":{"text":"Add 106 business days to shipment"},"105":{"text":"Add 105 business days to shipment"},"104":{"text":"Add 104 business days to shipment"},"103":{"text":"Add 103 business days to shipment"},"102":{"text":"Add 102 business days to shipment"},"99":{"text":"Add 99 business days to shipment"},"101":{"text":"Add 101 business days to shipment"},"100":{"text":"Add 100 business days to shipment"},"98":{"text":"Add 98 business days to shipment"},"97":{"text":"Add 97 business days to shipment"},"96":{"text":"Add 96 business days to shipment"},"95":{"text":"Add 95 business days to shipment"},"94":{"text":"Add 94 business days to shipment"},"93":{"text":"Add 93 business days to shipment"},"92":{"text":"Add 92 business days to shipment"},"91":{"text":"Add 91 business days to shipment"},"90":{"text":"Add 90 business days to shipment"},"10":{"text":"Add 10 business days to shipment"},"88":{"text":"Add 88 business days to shipment"},"89":{"text":"Add 89 business days to shipment"},"79":{"text":"Add 79 business days to shipment"},"78":{"text":"Add 78 business days to shipment"},"77":{"text":"Add 77 business days to shipment"},"82":{"text":"Add 82 business days to shipment"},"83":{"text":"Add 83 business days to shipment"},"80":{"text":"Add 80 business days to shipment"},"81":{"text":"Add 81 business days to shipment"},"86":{"text":"Add 86 business days to shipment"},"87":{"text":"Add 87 business days to shipment"},"84":{"text":"Add 84 business days to shipment"},"85":{"text":"Add 85 business days to shipment"},"67":{"text":"Add 67 business days to shipment"},"66":{"text":"Add 66 business days to shipment"},"69":{"text":"Add 69 business days to shipment"},"68":{"text":"Add 68 business days to shipment"},"70":{"text":"Add 70 business days to shipment"},"71":{"text":"Add 71 business days to shipment"},"72":{"text":"Add 72 business days to shipment"},"73":{"text":"Add 73 business days to shipment"},"74":{"text":"Add 74 business days to shipment"},"75":{"text":"Add 75 business days to shipment"},"76":{"text":"Add 76 business days to shipment"},"59":{"text":"Add 59 business days to shipment"},"58":{"text":"Add 58 business days to shipment"},"57":{"text":"Add 57 business days to shipment"},"56":{"text":"Add 56 business days to shipment"},"55":{"text":"Add 55 business days to shipment"},"64":{"text":"Add 64 business days to shipment"},"65":{"text":"Add 65 business days to shipment"},"62":{"text":"Add 62 business days to shipment"},"63":{"text":"Add 63 business days to shipment"},"60":{"text":"Add 60 business days to shipment"},"61":{"text":"Add 61 business days to shipment"},"49":{"text":"Add 49 business days to shipment"},"48":{"text":"Add 48 business days to shipment"},"45":{"text":"Add 45 business days to shipment"},"44":{"text":"Add 44 business days to shipment"},"47":{"text":"Add 47 business days to shipment"},"46":{"text":"Add 46 business days to shipment"},"51":{"text":"Add 51 business days to shipment"},"52":{"text":"Add 52 business days to shipment"},"53":{"text":"Add 53 business days to shipment"},"54":{"text":"Add 54 business days to shipment"},"50":{"text":"Add 50 business days to shipment"}},"bigDealNo":"P743207","messages":[],"currency":"EUR","configId":"42821613","country":"FR","product":{"id":"DL385G10PlusV2","kbName":"PRODUCTION_OneConfig_35.1.0_TD20230123_002_CD20230120:00:22","kbVersion":"01/23/2023 00:00:00 UTC"},"maxmSelectedLeadTime":14,"topLevels":[{"id":"localization","subCategories":[{"hasMainStreamSKU":true,"visible":true,"isPriceRelevant":false,"selectedProducts":[],"categoryId":"baseModelSection","hasCustomSKU":false,"messages":[],"localized":true,"id":"baseModelSection.systemLocalizationChoice","readOnly":false,"csticShortText":"System Localization","attributes":[{"id":"controlType","value":"DROPDOWN"},{"id":"hasMainStreamSKU","value":"true"},{"id":"hasCustomSKU","value":"false"}],"multiValue":false,"displayName":"System Localization","required":true,"products":[{"desc":"B19 - Euro MultiLang Localization","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"","isCustom":false,"id":"system_B19","selected":true,"price":0,"days":"","listPrice":0,"selectedQuantity":"","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]}],"refresh":true}],"selectedProducts":false,"name":"Localization"},{"id":"hardware","subCategories":[{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":["P38411-B21"],"categoryId":"baseModelSection","hasCustomSKU":false,"messages":[],"localized":false,"id":"baseModelSection.baseModelChoice","readOnly":false,"csticShortText":"Base Model","attributes":[{"id":"controlType","value":"DROPDOWN"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":false,"displayName":"Base Model","required":true,"products":[{"desc":"HPE ProLiant DL385 Gen10 Plus v2 8LFF Configure-to-order Server","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P38409-B21#B19","isCustom":false,"id":"P38409-B21","selected":false,"price":222.49,"days":"","listPrice":3255,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL385 Gen10 Plus v2 12LFF Configure-to-order Server","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P38410-B21#B19","isCustom":false,"id":"P38410-B21","selected":false,"price":348.49,"days":"","listPrice":3957,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL385 Gen10 Plus v2 8SFF Configure-to-order Server","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P38411-B21#B19","isCustom":false,"id":"P38411-B21","selected":true,"price":49.49,"days":"","listPrice":3079,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL385 Gen10 Plus v2 24SFF Configure-to-order Server","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P38412-B21#B19","isCustom":false,"id":"P38412-B21","selected":false,"price":187.49,"days":"","listPrice":3826,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":true,"visible":true,"isPriceRelevant":true,"selectedProducts":["P38669-B21#0D1"],"categoryId":"ProcessorSection","hasCustomSKU":true,"messages":[],"localized":false,"id":"ProcessorSection.ProcessorChoice","readOnly":false,"csticShortText":"Processors","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"2"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"true"},{"id":"hasCustomSKU","value":"true"}],"multiValue":true,"displayName":"Processors","required":false,"products":[{"desc":"AMD EPYC 7313 3.0GHz 16-core 155W Processor for HPE","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P38669-B21#0D1","isCustom":false,"id":"P38669-B21#0D1","selected":true,"price":1053.16,"days":"4","listPrice":2004,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"1"},{"id":"availableQty","value":"0,1,2"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":["P39994-B21#0D1"],"categoryId":"ProcessorSection","hasCustomSKU":false,"messages":[],"localized":false,"id":"ProcessorSection.HeatsinkKitChoice","readOnly":false,"csticShortText":"Heatsink Kit","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"2"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Heatsink Kit","required":false,"products":[{"desc":"HPE ProLiant DL3X5 Gen10 Plus Standard Heat Sink Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P39994-B21#0D1","isCustom":false,"id":"P39994-B21#0D1","selected":true,"price":3,"days":"4","listPrice":89,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"1"},{"id":"availableQty","value":"0,1,2"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":true,"visible":true,"isPriceRelevant":true,"selectedProducts":["P07646-B21#0D1"],"categoryId":"memory","hasCustomSKU":true,"messages":[{"text":"For more detailed information regarding memory population rules, please refer to <a href='https://h20195.www2.hpe.com/v2/Getdocument.aspx?docname=a00038346enw' target='_blank'>www.hpe.com/docs/memory-population-rules<\/a>","number":"3550","type":"warning"}],"localized":false,"id":"memory.memorySlotsChoice","readOnly":false,"csticShortText":"Memory","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"16"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"true"},{"id":"hasCustomSKU","value":"true"}],"multiValue":true,"displayName":"Memory","required":false,"products":[{"desc":"HPE 32GB (1x32GB) Dual Rank x4 DDR4-3200 CAS-22-22-22 Registered Smart Memory Kit","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P07646-B21#0D1","isCustom":false,"id":"P07646-B21#0D1","selected":true,"price":129.15,"days":"4","listPrice":1438,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"2"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 64GB (1x64GB) Dual Rank x4 DDR4-3200 CAS-22-22-22 Registered Smart Memory Kit","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P07650-B21#0D1","isCustom":false,"id":"P07650-B21#0D1","selected":false,"price":249.9,"days":"4","listPrice":2954,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":["none_item"],"categoryId":"memory","hasCustomSKU":false,"messages":[],"localized":false,"id":"memory.MemoryBlankkit","readOnly":false,"csticShortText":"Memory Blank Kit","attributes":[{"id":"controlType","value":"RADIOGROUPGRID"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":false,"displayName":"Memory Blank Kit","required":true,"products":[{"desc":"None.","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"","isCustom":false,"id":"none_item","selected":true,"price":0,"days":"","listPrice":0,"selectedQuantity":"","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DDR4 DIMM Blank Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P07818-B21#0D1","isCustom":false,"id":"P07818-B21#0D1","selected":false,"price":0.01,"days":"","listPrice":146,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":true,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"storage","hasCustomSKU":false,"messages":[{"text":"MegaRAID Tools cannot be used to script and configure SmartRAID (formerly known as SmartArray) controllers used on HPE Gen9/10/10 Plus servers.","number":"3014","type":"info"},{"text":"We are experiencing extended lead times on the Microchip based (SmartRAID) Storage Controllers impacting fulfillment of our CTO Gen10/Gen10 Plus products. \n\t\t\t\t\t\tWe have launched a hard steering program to block incoming sales orders on SmartRAID storage controllers exclusively on specific Gen10 Plus platforms and steering to MegaRAID alternatives. \n\t\t\t\t\t\tThere is no exception for FAN Override requests even with critical business justifications. In case of any escalations, please contact your GEO Managing Director and your GEO Category Manager. <\/br>\n\t\t\t\t\t\tFor guidance on alternatives please see the following: \n\t\t\t\t\t\t<a href=\"https://hpe.seismic.com/Link/Content/DCRDQmHfPRFbmG7TJJ2d42hDTMVd\">Partner FAQ<\/a>, \n\t\t\t\t\t\t<a href=\"https://psnow.ext.hpe.com/doc/a50005607ENW\">Product Availability Matrix<\/a>, and \n\t\t\t\t\t\t<a href=\"https://psnow.ext.hpe.com/doc/a50005608enw\">Configuration Guide<\/a>.","number":"3014","type":"info"},{"text":"Does not consume PCIe slot.","number":"3550","type":"warning"}],"localized":false,"id":"storage.SmartArrayControllerChoice","readOnly":false,"csticShortText":"Smart Array Controller","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"5"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"true"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Smart Array Controller","required":false,"products":[{"desc":"Broadcom MegaRAID MR416i-p x16 Lanes 4GB Cache NVMe/SAS 12G Controller for HPE Gen10 Plus","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P06367-B21#0D1","isCustom":false,"id":"P06367-B21#0D1","selected":false,"price":395,"days":"4","listPrice":2465,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"Broadcom MegaRAID MR416i-a x16 Lanes 4GB Cache NVMe/SAS 12G Controller for HPE Gen10 Plus","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P26279-B21#0D1","isCustom":false,"id":"P26279-B21#0D1","selected":false,"price":395,"days":"30","listPrice":2371,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"Broadcom MegaRAID MR216i-p x16 Lanes without Cache NVMe/SAS 12G Controller for HPE Gen10 Plus","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P26324-B21#0D1","isCustom":false,"id":"P26324-B21#0D1","selected":false,"price":300,"days":"4","listPrice":1772,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"Broadcom MegaRAID MR216i-a x16 Lanes without Cache NVMe/SAS 12G Controller for HPE Gen10 Plus","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P26325-B21#0D1","isCustom":false,"id":"P26325-B21#0D1","selected":false,"price":300,"days":"4","listPrice":1671,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL38X Gen10 Plus AROC to NVMe Adapter Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P14602-B21#0D1","isCustom":false,"id":"P14602-B21#0D1","selected":false,"price":1.05,"days":"4","listPrice":445,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL38X Gen10 Plus 12Gb SAS Expander Card","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P23388-B21#0D1","isCustom":false,"id":"P23388-B21#0D1","selected":false,"price":191.1,"days":"28","listPrice":996,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL385 Gen10 Plus 12Gb NVMe 1-port Adapter","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P25526-B21#0D1","isCustom":false,"id":"P25526-B21#0D1","selected":false,"price":73.5,"days":"4","listPrice":369,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL385 Gen10 Plus 12Gb NVMe 2-port Adapter","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P25527-B21#0D1","isCustom":false,"id":"P25527-B21#0D1","selected":false,"price":87.15,"days":"4","listPrice":653,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":["none_item"],"categoryId":"storage","hasCustomSKU":false,"messages":[],"localized":false,"id":"storage.SmartStorageBatteryChoice","readOnly":false,"csticShortText":"Smart Storage Battery","attributes":[{"id":"controlType","value":"RADIOGROUPGRID"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":false,"displayName":"Smart Storage Battery","required":true,"products":[{"desc":"None.","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"","isCustom":false,"id":"none_item","selected":true,"price":0,"days":"","listPrice":0,"selectedQuantity":"","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 96W Smart Storage Lithium-ion Battery with 145mm Cable Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P01366-B21#0D1","isCustom":false,"id":"P01366-B21#0D1","selected":false,"price":32.55,"days":"30","listPrice":208,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE Smart Storage Hybrid Capacitor with 145mm Cable Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P02377-B21#0D1","isCustom":false,"id":"P02377-B21#0D1","selected":false,"price":48.3,"days":"14","listPrice":410,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"storage","hasCustomSKU":false,"messages":[],"localized":false,"id":"storage.InternalSCCablesChoice","readOnly":false,"csticShortText":"Internal Storage Controller Cables","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"-1"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Internal Storage Controller Cables","required":false,"products":[{"desc":"HPE DL38X Gen10 Plus Mini SAS 3 Position Cable","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P14605-B21#0D1","isCustom":false,"id":"P14605-B21#0D1","selected":false,"price":21,"days":"","listPrice":132,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL38X Gen10 Plus 8NVMe CPU1/2 Cable Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P22829-B21#0D1","isCustom":false,"id":"P22829-B21#0D1","selected":false,"price":61.95,"days":"4","listPrice":94,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL38X Gen10 Plus 8NVMe CPU1 Cable Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P22834-B21#0D1","isCustom":false,"id":"P22834-B21#0D1","selected":false,"price":35.7,"days":"4","listPrice":69,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL38X Gen10 Plus 16NVMe CPU1/2 Cable Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P22835-B21#0D1","isCustom":false,"id":"P22835-B21#0D1","selected":false,"price":35.7,"days":"4","listPrice":99,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL385 Gen10 Plus Retimer Card Primary Cable Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P25602-B21#0D1","isCustom":false,"id":"P25602-B21#0D1","selected":false,"price":36.75,"days":"4","listPrice":146,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL385 Gen10 Plus Retimer Card Secondary Cable Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P25604-B21#0D1","isCustom":false,"id":"P25604-B21#0D1","selected":false,"price":36.75,"days":"4","listPrice":146,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL300 Gen10 Plus 2U x4 Tri-Mode Cable Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P36202-B21#0D1","isCustom":false,"id":"P36202-B21#0D1","selected":false,"price":421.05,"days":"4","listPrice":1054,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL300 Gen10 Plus 2U x2 Tri-Mode Cable Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P36203-B21#0D1","isCustom":false,"id":"P36203-B21#0D1","selected":false,"price":168,"days":"4","listPrice":440,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"storage","hasCustomSKU":false,"messages":[],"localized":false,"id":"storage.ControllerModeChoice","readOnly":false,"csticShortText":"Controller State","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"1"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Controller State","required":false,"products":[{"desc":"HPE SR100i Gen10 Plus FIO Software RAID","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P28417-B21","isCustom":false,"id":"P28417-B21","selected":false,"price":0.01,"days":"14","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"storage","hasCustomSKU":false,"messages":[{"text":"MegaRAID Tools cannot be used to script and configure SmartRAID (formerly known as SmartArray) controllers used on HPE Gen9/10/10 Plus servers.","number":"3014","type":"info"},{"text":"Does not consume PCIe slot.","number":"3550","type":"warning"}],"localized":false,"id":"storage.OSBootDeviceChoice","readOnly":false,"csticShortText":"OS Boot Device","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"3"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"OS Boot Device","required":false,"products":[{"desc":"HPE NS204i-p x2 Lanes NVMe PCIe3 x8 OS Boot Device","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P12965-B21#0D1","isCustom":false,"id":"P12965-B21#0D1","selected":false,"price":546,"days":"30","listPrice":1903,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"storage","hasCustomSKU":false,"messages":[],"localized":false,"id":"storage.RAIDSettingsChoice","readOnly":false,"csticShortText":"RAID Settings","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"1"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"RAID Settings","required":false,"products":[{"desc":"HPE RAID 0 Drive 1 FIO Setting","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"339777-B21","isCustom":false,"id":"339777-B21","selected":false,"price":0.01,"days":"14","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE RAID 1 Drive 1 FIO Setting","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"339778-B21","isCustom":false,"id":"339778-B21","selected":false,"price":0.01,"days":"14","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE RAID 5 Drive 1 FIO Setting","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"339779-B21","isCustom":false,"id":"339779-B21","selected":false,"price":0.01,"days":"12","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE Raid 5 w/SP Drive 1 FIO Setting","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"339780-B21","isCustom":false,"id":"339780-B21","selected":false,"price":0.01,"days":"12","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE RAID FIO Advanced Data Guarding Option","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"339781-B21","isCustom":false,"id":"339781-B21","selected":false,"price":0.01,"days":"12","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE Customer Defined RAID Setting Service","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"389692-B21","isCustom":false,"id":"389692-B21","selected":false,"price":0.01,"days":"12","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"storage","hasCustomSKU":false,"messages":[],"localized":false,"id":"storage.DriveCageChoice","readOnly":false,"csticShortText":"Drive Cage","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"6"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Drive Cage","required":false,"products":[{"desc":"HPE DL38X Gen10 Plus Universal Media Bay Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P14609-B21#0D1","isCustom":false,"id":"P14609-B21#0D1","selected":false,"price":34.65,"days":"4","listPrice":182,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL38X Gen10 Plus 2SFF x4 Tri-Mode 24G U.3 BC Front/Tertiary Drive Cage Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P26922-B21#0D1","isCustom":false,"id":"P26922-B21#0D1","selected":false,"price":132.3,"days":"4","listPrice":672,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL300 Gen10 Plus 2U 8SFF x4 Tri-Mode 24G U.3 BC Front Drive Cage Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P26931-B21#0D1","isCustom":false,"id":"P26931-B21#0D1","selected":false,"price":342.3,"days":"30","listPrice":543,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL300 Gen10 Plus 2U 8SFF x4 NVMe 16G U.2 BC Front Drive Cage Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P26932-B21#0D1","isCustom":false,"id":"P26932-B21#0D1","selected":false,"price":171.15,"days":"4","listPrice":637,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL300 Gen10 Plus 2U 8SFF x1 Tri-Mode 24G U.3 BC Front Drive Cage Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P27194-B21#0D1","isCustom":false,"id":"P27194-B21#0D1","selected":false,"price":206.85,"days":"30","listPrice":760,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL385 Gen10 Plus v2 2SFF 4x U.3 Premium Secondary Riser Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P35418-B21#0D1","isCustom":false,"id":"P35418-B21#0D1","selected":false,"price":132.3,"days":"4","listPrice":710,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":true,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"storage","hasCustomSKU":true,"messages":[{"text":"HPE has secured surplus SSD supply in the near term to ensure immediate availability, and these are displayed with a green star.","number":"3014","type":"info"}],"localized":false,"id":"storage.SSDReadIntensiveChoice","readOnly":false,"csticShortText":"SSD - Read Intensive","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"8"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"true"},{"id":"hasCustomSKU","value":"true"}],"multiValue":true,"displayName":"SSD - Read Intensive","required":false,"products":[{"desc":"HPE 960GB SATA 6G Read Intensive SFF BC Multi Vendor SSD","isHpePreferred":true,"header":[],"isMainstream":true,"productId":"P40498-B21#0D1","isCustom":false,"id":"P40498-B21#0D1","selected":false,"price":169.05,"days":"30","listPrice":1503,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 3.84TB SATA 6G Read Intensive SFF BC Multi Vendor SSD","isHpePreferred":true,"header":[],"isMainstream":true,"productId":"P40500-B21#0D1","isCustom":false,"id":"P40500-B21#0D1","selected":false,"price":590.1,"days":"4","listPrice":4999,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 7.68TB SAS 12G Read Intensive SFF BC Value SAS Multi Vendor SSD","isHpePreferred":true,"header":[],"isMainstream":true,"productId":"P40509-B21#0D1","isCustom":false,"id":"P40509-B21#0D1","selected":false,"price":1647.45,"days":"4","listPrice":12652,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 1.92TB SAS 24G Read Intensive SFF BC Multi Vendor SSD","isHpePreferred":true,"header":[],"isMainstream":true,"productId":"P49031-B21#0D1","isCustom":false,"id":"P49031-B21#0D1","selected":false,"price":553,"days":"4","listPrice":5009,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 3.84TB SAS 24G Read Intensive SFF BC Multi Vendor SSD","isHpePreferred":true,"header":[],"isMainstream":true,"productId":"P49035-B21#0D1","isCustom":false,"id":"P49035-B21#0D1","selected":false,"price":810.6,"days":"4","listPrice":7328,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 7.68TB SAS 24G Read Intensive SFF BC Multi Vendor SSD","isHpePreferred":true,"header":[],"isMainstream":true,"productId":"P49041-B21#0D1","isCustom":false,"id":"P49041-B21#0D1","selected":false,"price":1668,"days":"4","listPrice":13911,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 1.92TB SATA 6G Read Intensive SFF BC Multi Vendor SSD","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P40499-B21#0D1","isCustom":false,"id":"P40499-B21#0D1","selected":false,"price":310.8,"days":"4","listPrice":3302,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 1.92TB SAS 12G Read Intensive SFF BC Value SAS Multi Vendor SSD","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P40507-B21#0D1","isCustom":false,"id":"P40507-B21#0D1","selected":false,"price":359.1,"days":"30","listPrice":4196,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 3.84TB SAS 12G Read Intensive SFF BC Value SAS Multi Vendor SSD","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P40508-B21#0D1","isCustom":false,"id":"P40508-B21#0D1","selected":false,"price":810.6,"days":"4","listPrice":6974,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 7.68TB SATA 6G Read Intensive SFF BC Multi Vendor SSD","isHpePreferred":true,"header":[],"isMainstream":false,"productId":"P40501-B21#0D1","isCustom":true,"id":"P40501-B21#0D1","selected":false,"price":1920,"days":"4","listPrice":9550,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"true"}]},{"desc":"HPE 15.36TB SAS 24G Read Intensive SFF BC Multi Vendor SSD","isHpePreferred":true,"header":[],"isMainstream":false,"productId":"P49045-B21#0D1","isCustom":true,"id":"P49045-B21#0D1","selected":false,"price":3865.05,"days":"4","listPrice":28197,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"true"}]},{"desc":"HPE 960GB SAS 12G Read Intensive SFF BC Value SAS Multi Vendor SSD","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P40506-B21#0D1","isCustom":true,"id":"P40506-B21#0D1","selected":false,"price":249.9,"days":"30","listPrice":1859,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"true"}]}],"refresh":true},{"hasMainStreamSKU":true,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"storage","hasCustomSKU":false,"messages":[{"text":"HPE has secured surplus SSD supply in the near term to ensure immediate availability, and these are displayed with a green star.","number":"3014","type":"info"}],"localized":false,"id":"storage.SSDWriteIntensiveChoice","readOnly":false,"csticShortText":"SSD - Write Intensive","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"8"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"true"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"SSD - Write Intensive","required":false,"products":[{"desc":"HPE 1.6TB SAS 24G Write Intensive SFF BC PM6 SSD","isHpePreferred":true,"header":[],"isMainstream":true,"productId":"P40482-B21#0D1","isCustom":false,"id":"P40482-B21#0D1","selected":false,"price":1400.7,"days":"4","listPrice":8884,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":true,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"storage","hasCustomSKU":true,"messages":[{"text":"HPE has secured surplus SSD supply in the near term to ensure immediate availability, and these are displayed with a green star.","number":"3014","type":"info"}],"localized":false,"id":"storage.SSDMixedUseChoice","readOnly":false,"csticShortText":"SSD - Mixed Use","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"8"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"true"},{"id":"hasCustomSKU","value":"true"}],"multiValue":true,"displayName":"SSD - Mixed Use","required":false,"products":[{"desc":"HPE 1.92TB SATA 6G Mixed Use SFF BC Multi Vendor SSD","isHpePreferred":true,"header":[],"isMainstream":true,"productId":"P40504-B21#0D1","isCustom":false,"id":"P40504-B21#0D1","selected":false,"price":630,"days":"4","listPrice":4111,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 3.84TB SATA 6G Mixed Use SFF BC Multi Vendor SSD","isHpePreferred":true,"header":[],"isMainstream":true,"productId":"P40505-B21#0D1","isCustom":false,"id":"P40505-B21#0D1","selected":false,"price":1605,"days":"4","listPrice":10522,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 3.84TB SAS 12G Mixed Use SFF BC Value SAS Multi Vendor SSD","isHpePreferred":true,"header":[],"isMainstream":true,"productId":"P40512-B21#0D1","isCustom":false,"id":"P40512-B21#0D1","selected":false,"price":840,"days":"4","listPrice":11929,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 1.6TB SAS 24G Mixed Use SFF BC Multi Vendor SSD","isHpePreferred":true,"header":[],"isMainstream":true,"productId":"P49049-B21#0D1","isCustom":false,"id":"P49049-B21#0D1","selected":false,"price":551,"days":"30","listPrice":4543,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 3.2TB SAS 24G Mixed Use SFF BC Multi Vendor SSD","isHpePreferred":true,"header":[],"isMainstream":true,"productId":"P49053-B21#0D1","isCustom":false,"id":"P49053-B21#0D1","selected":false,"price":970,"days":"4","listPrice":7736,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 1.92TB SAS 12G Mixed Use SFF BC Value SAS Multi Vendor SSD","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P40511-B21#0D1","isCustom":false,"id":"P40511-B21#0D1","selected":false,"price":437.85,"days":"4","listPrice":5527,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 800GB SAS 24G Mixed Use SFF BC Multi Vendor SSD","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P49047-B21#0D1","isCustom":false,"id":"P49047-B21#0D1","selected":false,"price":335,"days":"4","listPrice":2922,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 6.4TB SAS 24G Mixed Use SFF BC Multi Vendor SSD","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P49057-B21#0D1","isCustom":false,"id":"P49057-B21#0D1","selected":false,"price":1600,"days":"4","listPrice":13887,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 960GB SAS 12G Mixed Use SFF BC Value SAS Multi Vendor SSD","isHpePreferred":true,"header":[],"isMainstream":false,"productId":"P40510-B21#0D1","isCustom":true,"id":"P40510-B21#0D1","selected":false,"price":278.25,"days":"30","listPrice":3734,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"true"}]}],"refresh":true},{"hasMainStreamSKU":true,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"storage","hasCustomSKU":true,"messages":[],"localized":false,"id":"storage.HDDEnterprise15K_10KChoice","readOnly":false,"csticShortText":"HDD - Enterprise 15K/10K","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"8"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"true"},{"id":"hasCustomSKU","value":"true"}],"multiValue":true,"displayName":"HDD - Enterprise 15K/10K","required":false,"products":[{"desc":"HPE 2.4TB SAS 12G Mission Critical 10K SFF BC 3-year Warranty 512e Multi Vendor HDD","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P28352-B21#0D1","isCustom":false,"id":"P28352-B21#0D1","selected":false,"price":190.05,"days":"30","listPrice":1587,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 1.2TB SAS 12G Mission Critical 10K SFF BC 3-year Warranty Multi Vendor HDD","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P28586-B21#0D1","isCustom":false,"id":"P28586-B21#0D1","selected":false,"price":102.9,"days":"30","listPrice":991,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 300GB SAS 12G Mission Critical 10K SFF BC 3-year Warranty Multi Vendor HDD","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P40430-B21#0D1","isCustom":false,"id":"P40430-B21#0D1","selected":false,"price":94.5,"days":"4","listPrice":401,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":true,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"storage","hasCustomSKU":true,"messages":[],"localized":false,"id":"storage.HDDMidline72KChoice","readOnly":false,"csticShortText":"HDD - Midline - 7.2K","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"8"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"true"},{"id":"hasCustomSKU","value":"true"}],"multiValue":true,"displayName":"HDD - Midline - 7.2K","required":false,"products":[{"desc":"HPE 1TB SATA 6G Business Critical 7.2K SFF BC 1-year Warranty HDD","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P28610-B21#0D1","isCustom":false,"id":"P28610-B21#0D1","selected":false,"price":102.9,"days":"4","listPrice":587,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"storage","hasCustomSKU":true,"messages":[{"text":"MegaRAID Tools cannot be used to script and configure SmartRAID (formerly known as SmartArray) controllers used on HPE Gen9/10/10 Plus servers.","number":"3014","type":"info"},{"text":"Does not consume PCIe slot.","number":"3550","type":"warning"}],"localized":false,"id":"storage.M2ChoiceA","readOnly":false,"csticShortText":"M.2 Enablement Kit Adapters","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"1"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"true"}],"multiValue":true,"displayName":"M.2 Enablement Kit Adapters","required":false,"products":[{"desc":"HPE Universal SATA 6G AIC HHHL M.2 SSD Enablement Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"878783-B21#0D1","isCustom":true,"id":"878783-B21#0D1","selected":false,"price":58.8,"days":"120","listPrice":187,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"true"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"storage","hasCustomSKU":false,"messages":[],"localized":false,"id":"storage.opticalDrivesSCEChoice","readOnly":false,"csticShortText":"Optical Drive","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"1"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Optical Drive","required":false,"products":[{"desc":"HPE 9.5mm SATA DVD-RW Optical Drive","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"726537-B21#0D1","isCustom":false,"id":"726537-B21#0D1","selected":false,"price":40.95,"days":"4","listPrice":166,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"factoryConfiguration","hasCustomSKU":false,"messages":[],"localized":false,"id":"factoryConfiguration.iLOComPassChoice","readOnly":false,"csticShortText":"iLO Common Password","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"1"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"iLO Common Password","required":false,"products":[{"desc":"HPE iLO Common Password FIO Setting","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P08040-B21","isCustom":false,"id":"P08040-B21","selected":false,"price":0.01,"days":"14","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":["873763-B21"],"categoryId":"factoryConfiguration","hasCustomSKU":false,"messages":[],"localized":false,"id":"factoryConfiguration.RemovalSettingChoice","readOnly":false,"csticShortText":"Component Removal/Replacement Setting","attributes":[{"id":"controlType","value":"RADIOGROUPGRID"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":false,"displayName":"Component Removal/Replacement Setting","required":true,"products":[{"desc":"None.","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"","isCustom":false,"id":"none_item","selected":false,"price":0,"days":"","listPrice":0,"selectedQuantity":"","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL38X Gen10 8 SFF Front Cage Removal FIO Option","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"873763-B21","isCustom":false,"id":"873763-B21","selected":true,"price":0.01,"days":"14","listPrice":14,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":["none_item"],"categoryId":"factoryConfiguration","hasCustomSKU":false,"messages":[],"localized":false,"id":"factoryConfiguration.NVMeEnabSettingChoice","readOnly":false,"csticShortText":"NVMe Enablement Setting","attributes":[{"id":"controlType","value":"RADIOGROUPGRID"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":false,"displayName":"NVMe Enablement Setting","required":true,"products":[{"desc":"None.","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"","isCustom":false,"id":"none_item","selected":true,"price":0,"days":"","listPrice":0,"selectedQuantity":"","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL385 Gen10 Plus v2 8NVMe U.3 2P Balanced FIO Bundle Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P42076-B21","isCustom":false,"id":"P42076-B21","selected":false,"price":0.01,"days":"14","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL385 Gen10 Plus v2 8NVMe U.3 1P Direct FIO Bundle Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P42079-B21","isCustom":false,"id":"P42079-B21","selected":false,"price":0.01,"days":"14","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL385 Gen10 Plus v2 16NVMe U.3 2P Balance FIO Bundle Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P42082-B21","isCustom":false,"id":"P42082-B21","selected":false,"price":0.01,"days":"14","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL385 Gen10 Plus v2 24NVMe U.3 2P Balance FIO Bundle Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P42085-B21","isCustom":false,"id":"P42085-B21","selected":false,"price":0.01,"days":"14","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL385 Gen10 Plus v2 8NVMe U.2 2P Balance FIO Bundle Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P42088-B21","isCustom":false,"id":"P42088-B21","selected":false,"price":0.01,"days":"14","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL385 Gen10 Plus v2 8NVMe U.2 1P Direct FIO Bundle Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P42091-B21","isCustom":false,"id":"P42091-B21","selected":false,"price":0.01,"days":"14","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL385 Gen10 Plus v2 16NVMe U.2 2P Balance FIO Bundle Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P42094-B21","isCustom":false,"id":"P42094-B21","selected":false,"price":0.01,"days":"14","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL385 Gen10 Plus v2 24NVMe U.2 2P Balance FIO Bundle Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P42097-B21","isCustom":false,"id":"P42097-B21","selected":false,"price":0.01,"days":"14","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":["standardDL385G10V2Riser"],"categoryId":"riserCardsSection","hasCustomSKU":false,"messages":[],"localized":false,"id":"riserCardsSection.riserCards","readOnly":false,"csticShortText":"Riser Cards","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"5"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Riser Cards","required":false,"products":[{"desc":"HPE DL38X Gen10 Plus Primary NEBS-compliant Riser Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P14575-B21#0D1","isCustom":false,"id":"P14575-B21#0D1","selected":false,"price":67.2,"days":"45","listPrice":267,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL38X Gen10 Plus Tertiary NEBS-compliant Riser Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P14577-B21#0D1","isCustom":false,"id":"P14577-B21#0D1","selected":false,"price":120.75,"days":"45","listPrice":343,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL38X Gen10 Plus x8/x8 Tertiary Riser Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P14581-B21#0D1","isCustom":false,"id":"P14581-B21#0D1","selected":false,"price":75.6,"days":"30","listPrice":224,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL38X Gen10 Plus x8/x16/x8 Secondary Riser Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P14587-B21#0D1","isCustom":false,"id":"P14587-B21#0D1","selected":false,"price":44.1,"days":"4","listPrice":280,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL38X Gen10 Plus x16 Tertiary Riser Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P14588-B21#0D1","isCustom":false,"id":"P14588-B21#0D1","selected":false,"price":67.2,"days":"45","listPrice":210,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL38X Gen10 Plus x16/x16 Slot 1/2 Secondary Riser Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P14589-B21#0D1","isCustom":false,"id":"P14589-B21#0D1","selected":false,"price":55.65,"days":"4","listPrice":236,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL38X Gen10 Plus x16/x16 Slot 2/3 Secondary Riser Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P14590-B21#0D1","isCustom":false,"id":"P14590-B21#0D1","selected":false,"price":55.65,"days":"4","listPrice":236,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL38X Gen10 Plus Slot1 x16 Adder for Slot2/3 Riser Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P14600-B21#0D1","isCustom":false,"id":"P14600-B21#0D1","selected":false,"price":120.75,"days":"4","listPrice":599,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL385G10PlusV2 Standard Riser","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"","isCustom":false,"id":"standardDL385G10V2Riser","selected":true,"price":0,"days":"","listPrice":0,"selectedQuantity":"","attributes":[{"id":"selectedQty","value":"1"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"riserCardsSection","hasCustomSKU":false,"messages":[],"localized":false,"id":"riserCardsSection.RiserAccessoriesChoice","readOnly":false,"csticShortText":"Accessories","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"2"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Accessories","required":false,"products":[{"desc":"HPE DL385 Gen10 Plus Primary/Secondary Riser Cage without Retainer Clip","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P38771-B21#0D1","isCustom":false,"id":"P38771-B21#0D1","selected":false,"price":45.15,"days":"14","listPrice":127,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL385 Gen10 Plus Tertiary Riser Cage without Retainer Clip","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P38774-B21#0D1","isCustom":false,"id":"P38774-B21#0D1","selected":false,"price":45.15,"days":"14","listPrice":172,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"networkController","hasCustomSKU":false,"messages":[{"text":"MegaRAID Tools cannot be used to script and configure SmartRAID (formerly known as SmartArray) controllers used on HPE Gen9/10/10 Plus servers.","number":"3014","type":"info"},{"text":"Does not consume PCIe slot.","number":"3550","type":"warning"}],"localized":false,"id":"networkController.IBPCIeChoice","readOnly":false,"csticShortText":"InfiniBand PCIe","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"3"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"InfiniBand PCIe","required":false,"products":[{"desc":"HPE 100Gb 1-port OP101 QSFP28 x16 PCIe Gen3 with Intel Omni-Path Architecture Adapter","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"829335-B21#0D1","isCustom":false,"id":"829335-B21#0D1","selected":false,"price":358.05,"days":"4","listPrice":1235,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE InfiniBand HDR/Ethernet 200Gb 1-port QSFP56 PCIe4 x16 MCX653105A-HDAT Adapter","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P23664-B21#0D1","isCustom":false,"id":"P23664-B21#0D1","selected":false,"price":643.65,"days":"4","listPrice":2483,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE InfiniBand HDR100/Ethernet 100Gb 1-port QSFP56 PCIe4 x16 MCX653105A-ECAT Adapter","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P23665-B21#0D1","isCustom":false,"id":"P23665-B21#0D1","selected":false,"price":527.1,"days":"4","listPrice":2764,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":true,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"networkController","hasCustomSKU":true,"messages":[{"text":"MegaRAID Tools cannot be used to script and configure SmartRAID (formerly known as SmartArray) controllers used on HPE Gen9/10/10 Plus servers.","number":"3014","type":"info"},{"text":"Does not consume PCIe slot.","number":"3550","type":"warning"}],"localized":false,"id":"networkController.EthernetPCIeChoice","readOnly":false,"csticShortText":"Ethernet PCIe","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"3"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"true"},{"id":"hasCustomSKU","value":"true"}],"multiValue":true,"displayName":"Ethernet PCIe","required":false,"products":[{"desc":"Marvell QL41132HLRJ Ethernet 10Gb 2-port BASE-T Adapter for HPE","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P08437-B21#0D1","isCustom":false,"id":"P08437-B21#0D1","selected":false,"price":101.85,"days":"4","listPrice":1459,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"Intel E810-XXVDA4 Ethernet 10/25Gb 4-port SFP28 Adapter for HPE","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P08458-B21#0D1","isCustom":false,"id":"P08458-B21#0D1","selected":false,"price":386.4,"days":"4","listPrice":3770,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"Mellanox MCX512F-ACHT Ethernet 10/25Gb 2-port SFP28 Adapter for HPE","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P13188-B21#0D1","isCustom":false,"id":"P13188-B21#0D1","selected":false,"price":135.45,"days":"4","listPrice":1552,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"Intel E810-CQDA2 Ethernet 100Gb 2-port QSFP28 Adapter for HPE","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P21112-B21#0D1","isCustom":false,"id":"P21112-B21#0D1","selected":false,"price":471.45,"days":"4","listPrice":3849,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"Intel X710-DA2 Ethernet 10Gb 2-port SFP+ Adapter for HPE","isHpePreferred":true,"header":[],"isMainstream":false,"productId":"P28787-B21#0D1","isCustom":true,"id":"P28787-B21#0D1","selected":false,"price":152.25,"days":"4","listPrice":1259,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"true"}]},{"desc":"Intel E810-XXVDA2 Ethernet 10/25Gb 2-port SFP28 Adapter for HPE","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P08443-B21#0D1","isCustom":true,"id":"P08443-B21#0D1","selected":false,"price":195.3,"days":"4","listPrice":2039,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"true"}]},{"desc":"Intel I350-T4 Ethernet 1Gb 4-port BASE-T Adapter for HPE","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P21106-B21#0D1","isCustom":true,"id":"P21106-B21#0D1","selected":false,"price":117.6,"days":"4","listPrice":1137,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"true"}]}],"refresh":true},{"hasMainStreamSKU":true,"visible":true,"isPriceRelevant":true,"selectedProducts":["P10103-B21#0D1"],"categoryId":"networkController","hasCustomSKU":true,"messages":[{"text":"MegaRAID Tools cannot be used to script and configure SmartRAID (formerly known as SmartArray) controllers used on HPE Gen9/10/10 Plus servers.","number":"3014","type":"info"},{"text":"Does not consume PCIe slot.","number":"3550","type":"warning"}],"localized":false,"id":"networkController.EthernetOCPChoice","readOnly":false,"csticShortText":"OCP Ethernet","attributes":[{"id":"controlType","value":"RADIOGROUPGRID"},{"id":"hasMainStreamSKU","value":"true"},{"id":"hasCustomSKU","value":"true"}],"multiValue":false,"displayName":"OCP Ethernet","required":true,"products":[{"desc":"None.","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"","isCustom":false,"id":"none_item","selected":false,"price":0,"days":"","listPrice":0,"selectedQuantity":"","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"Marvell QL41132HQRJ Ethernet 10Gb 2-port BASE-T OCP3 Adapter for HPE","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"P10103-B21#0D1","isCustom":false,"id":"P10103-B21#0D1","selected":true,"price":11.55,"days":"4","listPrice":1059,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":true,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"networkController","hasCustomSKU":false,"messages":[{"text":"MegaRAID Tools cannot be used to script and configure SmartRAID (formerly known as SmartArray) controllers used on HPE Gen9/10/10 Plus servers.","number":"3014","type":"info"},{"text":"Does not consume PCIe slot.","number":"3550","type":"warning"}],"localized":false,"id":"networkController.FibreChannelHBAChoice","readOnly":false,"csticShortText":"Fibre Channel HBA","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"3"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"true"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Fibre Channel HBA","required":false,"products":[{"desc":"HPE SN1610E 32Gb 1-port Fibre Channel Host Bus Adapter","isHpePreferred":true,"header":[],"isMainstream":true,"productId":"R2J62A#0D1","isCustom":false,"id":"R2J62A#0D1","selected":false,"price":536.55,"days":"4","listPrice":3288,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE SN1610E 32Gb 2-port Fibre Channel Host Bus Adapter","isHpePreferred":true,"header":[],"isMainstream":true,"productId":"R2J63A#0D1","isCustom":false,"id":"R2J63A#0D1","selected":false,"price":751.8,"days":"4","listPrice":5148,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"true"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"HPE SN1610Q 32Gb 1-port Fibre Channel Host Bus Adapter","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"R2E08A#0D1","isCustom":false,"id":"R2E08A#0D1","selected":false,"price":349.65,"days":"4","listPrice":3615,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE SN1610Q 32Gb 2-port Fibre Channel Host Bus Adapter","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"R2E09A#0D1","isCustom":false,"id":"R2E09A#0D1","selected":false,"price":488.25,"days":"4","listPrice":5276,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"networkController","hasCustomSKU":false,"messages":[],"localized":false,"id":"networkController.TransceiversChoice","readOnly":false,"csticShortText":"Transceivers","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"18"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Transceivers","required":false,"products":[{"desc":"HPE BladeSystem c-Class Virtual Connect 1G SFP SX Transceiver","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"453151-B21#0D1","isCustom":false,"id":"453151-B21#0D1","selected":false,"price":23.1,"days":"4","listPrice":440,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE BladeSystem c-Class 10Gb SFP+ SR Transceiver","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"455883-B21#0D1","isCustom":false,"id":"455883-B21#0D1","selected":false,"price":12.6,"days":"4","listPrice":869,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE BladeSystem c-Class 10Gb SFP+ LR Transceiver","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"455886-B21#0D1","isCustom":false,"id":"455886-B21#0D1","selected":false,"price":124.95,"days":"4","listPrice":1806,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 25Gb SFP28 SR 100m Transceiver","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"845398-B21#0D1","isCustom":false,"id":"845398-B21#0D1","selected":false,"price":53.55,"days":"4","listPrice":2176,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 100Gb QSFP28 MPO SR4 100m Transceiver","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"845966-B21#0D1","isCustom":false,"id":"845966-B21#0D1","selected":false,"price":95.55,"days":"4","listPrice":4386,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3,4,5,6,7,8,9,10,11,12,13,14,15,16,17,18"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"networkController","hasCustomSKU":false,"messages":[],"localized":false,"id":"networkController.OCPUpgradesChoice","readOnly":false,"csticShortText":"Upgrades","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"1"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Upgrades","required":false,"products":[{"desc":"HPE DL385 Gen10 Plus OCP Upgrade Cable Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P14603-B21#0D1","isCustom":false,"id":"P14603-B21#0D1","selected":false,"price":35.7,"days":"4","listPrice":235,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":["865438-B21#0D1"],"categoryId":"power","hasCustomSKU":false,"messages":[{"text":"NEW HPE ProLiant Servers offer Flex Slot Power Supplies that come in multiple power ratings to allow you to pick the Right Size to fit your configuration. <br /> \n This provides you with the advantage of reducing and reclaiming lost power. <br />\n By selecting the right sized power supply you will be providing facilities with a nameplate rating that is much closer to actual power your server uses. <br /> \n In order to select the right size power supply for your ProLiant Server it is 'highly recommended' that you use the 'HPE Power Advisor' located at <br /> \n <a href='https://poweradvisorext.it.hpe.com' target='_blank'>https://poweradvisorext.it.hpe.com<\/a> to determine the right size power supply for your server needs","number":"3014","type":"info"},{"text":"HPE 800W FS 48VDC Ht Plg LH Pwr Sply Kit does not ship with a power cable.\r\n\t\t\t\t\t\t\tThe configuration tool will default 'Q0H80A - HPE 48VDC 2.85M Power Cable Power cord' when DC Power supply is selected, customer can deselect this power cord if decides to use their own cables.","number":"3550","type":"warning"},{"text":"The HPE 750W Common Slot -48VDC power supply does not ship with a power cable. It has been designed with a terminal block connection allowing for custom design of power cords by the user.<br>\r\n\t\t\t\t\t\t The content kit comes with a set of ring tongues that can be used to create your own DC power cord.","number":"3550","type":"warning"},{"text":"The power supply selected only supports high line voltage (200VAC to 240VAC).","number":"3550","type":"warning"},{"text":"This Power Supply is not compliant with India BIS Certification for selected Model -X and SHOULD NOT BE SELECTED. <br>\r\n\t\t\t\t\t\t This is a regulatory compliance and hence the user cannot select this combination(Power Supply+ Model-X) if order is shipping to India. <br>\r\n\t\t\t\t\t\t Please Select alternate PSU.","number":"3550","type":"warning"}],"localized":false,"id":"power.powerSlots","readOnly":false,"csticShortText":"Power Supplies","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"2"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Power Supplies","required":false,"products":[{"desc":"HPE 800W Flex Slot Titanium Hot Plug Low Halogen Power Supply Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"865438-B21#0D1","isCustom":false,"id":"865438-B21#0D1","selected":true,"price":138.6,"days":"4","listPrice":849,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"1"},{"id":"availableQty","value":"0,1,2"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"power","hasCustomSKU":false,"messages":[],"localized":false,"id":"power.coolingOp","readOnly":false,"csticShortText":"Power Cooling Options","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"1"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Power Cooling Options","required":false,"products":[{"desc":"HPE DL38X Gen10 Plus Maximum Performance Fan Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P14608-B21#0D1","isCustom":false,"id":"P14608-B21#0D1","selected":false,"price":141.75,"days":"4","listPrice":350,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL300 Gen10 Plus 2U Standard Fan Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P37042-B21#0D1","isCustom":false,"id":"P37042-B21#0D1","selected":false,"price":37.8,"days":"4","listPrice":63,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"power","hasCustomSKU":false,"messages":[{"text":"AC power cords not supported with DC power supply.","number":"3550","type":"warning"},{"text":"If any of the power cords are configured from the dropdown menu selection, the standard power cord(s) will not ship with the server.","number":"3550","type":"warning"},{"text":"If final destination is India, you must order BIS India power cord(s) equal to quantity of power supplies and 469774-409 under Manufacturing Services to remove all standard world wide power cords from shipment.","number":"3550","type":"warning"}],"localized":false,"id":"power.powerCords","readOnly":false,"csticShortText":"Power Cords","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"2"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Power Cords","required":false,"products":[{"desc":"HPE C13 - CEE-VII EU 250V 10Amp 1.83m Power Cord","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"AF568A#0D1","isCustom":false,"id":"AF568A#0D1","selected":false,"price":13.65,"days":"14","listPrice":73,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"securityOptions","hasCustomSKU":false,"messages":[],"localized":false,"id":"securityOptions.SecurityHardwareChoiceId","readOnly":false,"csticShortText":"Security Hardware","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"-1"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Security Hardware","required":false,"products":[{"desc":"HPE Gen10 2U Bezel Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"867809-B21#0D1","isCustom":false,"id":"867809-B21#0D1","selected":false,"price":18.9,"days":"4","listPrice":90,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE Bezel Lock Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"875519-B21#0D1","isCustom":false,"id":"875519-B21#0D1","selected":false,"price":18.9,"days":"14","listPrice":92,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE Trusted Platform Module 2.0 Gen10 Plus Black Rivets Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P13771-B21#0D1","isCustom":false,"id":"P13771-B21#0D1","selected":false,"price":14.7,"days":"4","listPrice":99,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE Gen10 Plus Chassis Intrusion Detection Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P14604-B21#0D1","isCustom":false,"id":"P14604-B21#0D1","selected":false,"price":7.35,"days":"14","listPrice":68,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":["469774-409"],"categoryId":"powerCordsRemoval","hasCustomSKU":false,"messages":[{"text":"By selecting this option, you will not receive standard power cords with this server. Please verify that no power cords are needed for this server prior to proceeding with your order. If \"Remove Standard Power Cords\" is selected by mistake, then please make sure to de-select it.","number":"3550","type":"warning"},{"text":"None of the -409 SKUs should be nested to the CTO Model X server, if the CTO Model X server is nested to the HPE DL 1U-2U Server Bulk Package (468640-B21).","number":"3550","type":"warning"}],"localized":false,"id":"powerCordsRemoval.powerCordsRemoval","readOnly":false,"csticShortText":"Manufacturing Services","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"1"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Manufacturing Services","required":false,"products":[{"desc":"HPE Remove Standard Power Cords","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"469774-409","isCustom":false,"id":"469774-409","selected":true,"price":0.01,"days":"14","listPrice":1,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"1"},{"id":"availableQty","value":"1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":true,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"graphicsOptionsSection","hasCustomSKU":true,"messages":[{"text":"MegaRAID Tools cannot be used to script and configure SmartRAID (formerly known as SmartArray) controllers used on HPE Gen9/10/10 Plus servers.","number":"3014","type":"info"},{"text":"Does not consume PCIe slot.","number":"3550","type":"warning"}],"localized":false,"id":"graphicsOptionsSection.graphicsChoice","readOnly":false,"csticShortText":"Graphics Options","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"3"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"true"},{"id":"hasCustomSKU","value":"true"}],"multiValue":true,"displayName":"Graphics Options","required":false,"products":[{"desc":"NVIDIA T4 16GB Computational Accelerator for HPE","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"R0W29C#0D1","isCustom":false,"id":"R0W29C#0D1","selected":false,"price":1868,"days":"4","listPrice":7669,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"NVIDIA A100 80GB PCIe Non-CEC Accelerator for HPE","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"R9P49C#0D1","isCustom":false,"id":"R9P49C#0D1","selected":false,"price":10614,"days":"4","listPrice":44569,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]},{"desc":"NVIDIA A40 48GB PCIe Non-CEC Accelerator for HPE","isHpePreferred":false,"header":[],"isMainstream":true,"productId":"R9S37C#0D1","isCustom":false,"id":"R9S37C#0D1","selected":false,"price":3600.45,"days":"4","listPrice":19771,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1,2,3"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"true"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"graphicsOptionsSection","hasCustomSKU":false,"messages":[],"localized":false,"id":"graphicsOptionsSection.graphicsAccChoice","readOnly":false,"csticShortText":"Graphics Accessories","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"1"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Graphics Accessories","required":false,"products":[{"desc":"HPE ProLiant DL300 Gen10 Plus GPU 2x 8-pin Cable Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P39100-B21#0D1","isCustom":false,"id":"P39100-B21#0D1","selected":false,"price":17.85,"days":"14","listPrice":122,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE ProLiant DL300 Gen10 Plus GPU 8-pin Keyed Cable Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P39102-B21#0D1","isCustom":false,"id":"P39102-B21#0D1","selected":false,"price":17.85,"days":"14","listPrice":84,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"availableQty","value":"0,1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true}],"selectedProducts":false,"name":"Hardware"},{"id":"services","subCategories":[{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":["HU4B2A5#ZSF"],"categoryId":"flexibleSupportSelections","hasCustomSKU":false,"messages":[],"localized":false,"id":"flexibleSupportSelections.flexibleCombination","readOnly":false,"csticShortText":"Hardware and Software Support (Support Services(Formerly known as Care Pack Services)) ","attributes":[{"id":"controlType","value":"DROPDOWN"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":false,"displayName":"Hardware and Software Support (Support Services(Formerly known as Care Pack Services)) ","required":true,"products":[{"desc":"HPE 5Y Tech Care Basic Service","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4B2A5#ZSF","isCustom":false,"id":"HU4B2A5#ZSF","selected":true,"price":227.85,"days":"","listPrice":4891,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 5Y Tech Care Basic with Defective Media Retention Service","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4B3A5#ZSF","isCustom":false,"id":"HU4B3A5#ZSF","selected":false,"price":565.85,"days":"","listPrice":5273,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 5Y Tech Care Critical Service","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4A3A5#ZSF","isCustom":false,"id":"HU4A3A5#ZSF","selected":false,"price":1430.85,"days":"","listPrice":16004,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 5Y Tech Care Critical with Defective Media Retention Service","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4A4A5#ZSF","isCustom":false,"id":"HU4A4A5#ZSF","selected":false,"price":1576.85,"days":"","listPrice":16385,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 5Y Tech Care Essential Service","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4A6A5#ZSF","isCustom":false,"id":"HU4A6A5#ZSF","selected":false,"price":794.85,"days":"","listPrice":9010,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 5Y Tech Care Essential with Defective Media Retention Service","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4A7A5#ZSF","isCustom":false,"id":"HU4A7A5#ZSF","selected":false,"price":940.85,"days":"","listPrice":9392,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 6Y Tech Care Basic SVC","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4B2A6#ZSF","isCustom":false,"id":"HU4B2A6#ZSF","selected":false,"price":391.85,"days":"","listPrice":6613,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 6Y Tech Care Essential SVC","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4A6A6#ZSF","isCustom":false,"id":"HU4A6A6#ZSF","selected":false,"price":487.85,"days":"","listPrice":11696,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 6Y Tech Care Essential wDMR SVC","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4A7A6#ZSF","isCustom":false,"id":"HU4A7A6#ZSF","selected":false,"price":988.85,"days":"","listPrice":12158,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 7Y Tech Care Basic SVC","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4B2A7#ZSF","isCustom":false,"id":"HU4B2A7#ZSF","selected":false,"price":554.85,"days":"","listPrice":8815,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 7Y Tech Care Essential SVC","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4A6A7#ZSF","isCustom":false,"id":"HU4A6A7#ZSF","selected":false,"price":746.85,"days":"","listPrice":14959,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 7Y Tech Care Essential wDMR SVC","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4A7A7#ZSF","isCustom":false,"id":"HU4A7A7#ZSF","selected":false,"price":1094.85,"days":"","listPrice":15509,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":["AC114A"],"categoryId":"deliveryServices","hasCustomSKU":false,"messages":[],"localized":false,"id":"deliveryServices.tier1BasicDelivery","readOnly":false,"csticShortText":"Tier 1 - Basic Delivery","attributes":[{"id":"controlType","value":"RADIOGROUPGRID"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":false,"displayName":"Tier 1 - Basic Delivery","required":true,"products":[{"desc":"HPE ProLiant Door/dock Medium Logistic Service","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"AC114A","isCustom":false,"id":"AC114A","selected":true,"price":1.05,"days":"5","listPrice":217,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":["512485-B21#0D1"],"categoryId":"InsightSoftwareSection","hasCustomSKU":false,"messages":[{"text":"You have selected iLO Advanced, Insight Control and OneView with iLO. All of these products contain iLO Advanced . Select only one of these licenses to get iLO Advanced.","number":"3014","type":"info"}],"localized":false,"id":"InsightSoftwareSection.IntegratedLightsOutACE","readOnly":false,"csticShortText":"Integrated Lights Out Software","attributes":[{"id":"controlType","value":"RADIOGROUPGRID"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":false,"displayName":"Integrated Lights Out Software","required":true,"products":[{"desc":"HPE iLO Advanced 1-server License with 1yr Support on iLO Licensed Features","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"512485-B21#0D1","isCustom":false,"id":"512485-B21#0D1","selected":true,"price":1.03,"days":"","listPrice":412,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":["HU4B2A5#7X4"],"categoryId":"InsightSoftwareSection","hasCustomSKU":false,"messages":[],"localized":false,"id":"InsightSoftwareSection.IntegratedLightsOut_FlexibleCombination","readOnly":false,"csticShortText":"Integrated LightsOut Carepacks","attributes":[{"id":"controlType","value":"DROPDOWN"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":false,"displayName":"Integrated LightsOut Carepacks","required":true,"products":[{"desc":"HPE 5Y Tech Care Basic Service","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4B2A5#7X4","isCustom":false,"id":"HU4B2A5#7X4","selected":true,"price":1.05,"days":"","listPrice":184,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 5Y Tech Care Basic with Defective Media Retention Service","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4B3A5#7X4","isCustom":false,"id":"HU4B3A5#7X4","selected":false,"price":1.05,"days":"","listPrice":184,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 5Y Tech Care Critical Service","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4A3A5#7X4","isCustom":false,"id":"HU4A3A5#7X4","selected":false,"price":70.05,"days":"","listPrice":184,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 5Y Tech Care Critical with Defective Media Retention Service","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4A4A5#7X4","isCustom":false,"id":"HU4A4A5#7X4","selected":false,"price":70.05,"days":"","listPrice":184,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 5Y Tech Care Essential Service","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4A6A5#7X4","isCustom":false,"id":"HU4A6A5#7X4","selected":false,"price":35.05,"days":"","listPrice":184,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 5Y Tech Care Essential with Defective Media Retention Service","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4A7A5#7X4","isCustom":false,"id":"HU4A7A5#7X4","selected":false,"price":35.05,"days":"","listPrice":184,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 6Y Tech Care Basic SVC","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4B2A6#7X4","isCustom":false,"id":"HU4B2A6#7X4","selected":false,"price":50.05,"days":"","listPrice":262,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 6Y Tech Care Essential SVC","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4A6A6#7X4","isCustom":false,"id":"HU4A6A6#7X4","selected":false,"price":100.05,"days":"","listPrice":274,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 6Y Tech Care Essential wDMR SVC","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4A7A6#7X4","isCustom":false,"id":"HU4A7A6#7X4","selected":false,"price":100.05,"days":"","listPrice":274,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 7Y Tech Care Basic SVC","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4B2A7#7X4","isCustom":false,"id":"HU4B2A7#7X4","selected":false,"price":66.05,"days":"","listPrice":348,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 7Y Tech Care Essential SVC","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4A6A7#7X4","isCustom":false,"id":"HU4A6A7#7X4","selected":false,"price":132.05,"days":"","listPrice":373,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE 7Y Tech Care Essential wDMR SVC","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"HU4A7A7#7X4","isCustom":false,"id":"HU4A7A7#7X4","selected":false,"price":132.05,"days":"","listPrice":373,"selectedQuantity":"1.0","attributes":[{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true}],"selectedProducts":false,"name":"Service & Support"},{"id":"accessories","subCategories":[{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":[],"categoryId":"AccessoriesSection","hasCustomSKU":false,"messages":[],"localized":false,"id":"AccessoriesSection.ManagementHardwareChoice","readOnly":false,"csticShortText":"Management Hardware","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"-1"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Management Hardware","required":false,"products":[{"desc":"HPE DL38X Gen10 Plus System Insight Display Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P14611-B21#0D1","isCustom":false,"id":"P14611-B21#0D1","selected":false,"price":65,"days":"14","listPrice":210,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true},{"hasMainStreamSKU":false,"visible":true,"isPriceRelevant":true,"selectedProducts":["P22018-B21#0D1"],"categoryId":"AccessoriesSection","hasCustomSKU":false,"messages":[],"localized":false,"id":"AccessoriesSection.RailKitsChoice","readOnly":false,"csticShortText":"Rail Kits","attributes":[{"id":"controlType","value":"GRID"},{"id":"minQty","value":"0"},{"id":"maxQty","value":"-1"},{"id":"maxPerItem","value":"-1"},{"id":"hasMainStreamSKU","value":"false"},{"id":"hasCustomSKU","value":"false"}],"multiValue":true,"displayName":"Rail Kits","required":false,"products":[{"desc":"HPE DL38X Gen10 Plus 2U SFF Easy Install Rail Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P22018-B21#0D1","isCustom":false,"id":"P22018-B21#0D1","selected":true,"price":16.8,"days":"14","listPrice":149,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"1"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]},{"desc":"HPE DL38X Gen10 Plus 2U Cable Management Arm for Rail Kit","isHpePreferred":false,"header":[],"isMainstream":false,"productId":"P22020-B21#0D1","isCustom":false,"id":"P22020-B21#0D1","selected":false,"price":19.95,"days":"14","listPrice":92,"selectedQuantity":"1.0","attributes":[{"id":"selectedQty","value":"0"},{"id":"isHpePreferred","value":"false"},{"id":"isMainstream","value":"false"},{"id":"isCustom","value":"false"}]}],"refresh":true}],"selectedProducts":false,"name":"Accessories"}],"sessionId":"1674496278558-1754192659-p1lg510119.dc01.its.hpecorp.net_30302","complete":true,"hasNoLeadTimeSelectedItem":true,"conflict":false,"configDescription":"DL385 Gen10+ v2 - 2U - Dual Socket AMD (Cat2 Conf11) - Expert","language":"EN","serverId":"p1lg510119.dc01.its.hpecorp.net:30303","refConfigId":"42821613","maxmUnselectedLeadTime":120}}},
|
||
// productDetails: ,
|
||
// eprimeAccessoriesData: ,
|
||
// eprimeCarepacks: ,
|
||
userLang: 'en_US',
|
||
orgPriceDisplay: 'comparative',
|
||
leadTimeDisplayThresold: '0',
|
||
leadTimeDisplay: 'true',
|
||
elementId: "ctoDetailsBody",
|
||
priceDescriptor: 'FREURDP',
|
||
|
||
accessoriesViewer : true
|
||
|
||
|
||
};
|
||
var refererName='home';
|
||
var countryCode='us';
|
||
var userID='j30KVg.mw3wAAAGEF1Q1tvEk';
|
||
var userApp='support';
|
||
var userState='CUSTOMER';
|
||
var userAccount="CNRS FR2C2" + ":" + "FR";
|
||
var userAccountId='CNRS_FR2C2';
|
||
var pageName="configurator";
|
||
var currencyCode='EUR';
|
||
var busOrgId ='';
|
||
var ncrFlvl='0';
|
||
var omniType='Unity eCommerce';
|
||
var userLanguage='en_US';
|
||
userLanguage = userLanguage.replace('_','-');
|
||
var rootorg_id='MATI20210608085950';
|
||
var rootorg_name="MATINFO";
|
||
var root_geographic='EU';
|
||
|
||
|
||
|
||
</script>
|
||
|
||
<!--BEGIN QUALTRICS WEBSITE FEEDBACK SNIPPET-->
|
||
<script type="text/javascript">
|
||
(function(){var g=function(e,h,f,g){
|
||
this.get=function(a){for(var a=a+"=",c=document.cookie.split(";"),b=0,e=c.length;b<e;b++){for(var d=c[b];" "==d.charAt(0);)d=d.substring(1,d.length);if(0==d.indexOf(a))return d.substring(a.length,d.length)}return null};
|
||
this.set=function(a,c){var b="",b=new Date;b.setTime(b.getTime()+6048E5);b="; expires="+b.toGMTString();document.cookie=a+"="+c+b+"; path=/; "};
|
||
this.check=function(){var a=this.get(f);if(a)a=a.split(":");else if(100!=e)"v"==h&&(e=Math.random()>=e/100?0:100),a=[h,e,0],this.set(f,a.join(":"));else return!0;var c=a[1];if(100==c)return!0;switch(a[0]){case "v":return!1;case "r":return c=a[2]%Math.floor(100/c),a[2]++,this.set(f,a.join(":")),!c}return!0};
|
||
this.go=function(){if(this.check()){var a=document.createElement("script");a.type="text/javascript";a.src=g+ "&t=" + (new Date()).getTime();document.body&&document.body.appendChild(a)}};
|
||
this.start=function(){var a=this;window.addEventListener?window.addEventListener("load",function(){a.go()},!1):window.attachEvent&&window.attachEvent("onload",function(){a.go()})}};
|
||
try{(new g(100,"r","QSI_S_ZN_5jaKcp7buE6gvOZ","https://zn5jakcp7bue6gvoz-hpops.siteintercept.qualtrics.com/WRSiteInterceptEngine/?Q_ZID=ZN_5jaKcp7buE6gvOZ")).start()}catch(i){}})();
|
||
</script><div id="ZN_5jaKcp7buE6gvOZ"><!--DO NOT REMOVE-CONTENTS PLACED HERE--></div>
|
||
<!--END WEBSITE FEEDBACK SNIPPET-->
|
||
|
||
<!--[if lt IE 9]>
|
||
<script src="/js/plugins/min/placeholders.js" type="text/javascript"></script>
|
||
|
||
<![endif]-->
|
||
|
||
|
||
|
||
<div class="main minheight20" id="ctoDetailsBody">
|
||
<div id="addToCartErrorDialog" class="modal row noprint" style="display: none;">
|
||
<div class="modal-section messages-modal">
|
||
|
||
<div class="tooltip-padding">
|
||
<i class="close" id="closeAddToCartDialog" data-bind="click:navViewModel.closeAddToCartErrorDialog"></i>
|
||
|
||
<div class="row b-margin1">
|
||
<aside class="margin0 y-autoscroll maxheight30">
|
||
<h4 class="tooltip-head" data-bind="text:navViewModel.productName"></h4>
|
||
|
||
<div class="clear">
|
||
<p class="tooltip-default">You cannot put this product in your cart along with the items that are already in it. You will need to place a separate order for it.</p>
|
||
</div>
|
||
</aside>
|
||
</div>
|
||
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
<div class="cto-init loadingAsync" style="display: none;"></div>
|
||
|
||
<div class="wrapper">
|
||
<div class="main-inner row configurator padding1">
|
||
|
||
<div class="js-parent spinner-overlay" style="display: none;"></div>
|
||
<div class="js-parent spinner-inner fixed ls-show" style="display: none;"></div>
|
||
|
||
<!-- ko if: $root.criticalError --><!-- /ko -->
|
||
<div class="js-parent spinner-overlay-white fixed opacity1" style="display: none;" data-bind="if: $root.isReady(), visible: $root.noProductsError">
|
||
<!-- ko if: $root.breadcrumbTrail -->
|
||
<div class="row breadcrumbs b-padding05 height-breadcrumbs">
|
||
<!-- ko if: $data.breadcrumbTrail -->
|
||
<ul data-bind="foreach: breadcrumbTrail" id="breadcrumbs">
|
||
<!-- ko if: ($index() === 0) -->
|
||
<li><a href="https://b2b.hpe.com/">Home</a></li>
|
||
<!-- /ko -->
|
||
<li>
|
||
<!-- ko if: filterValue -->
|
||
<!-- ko if: ($index() === ($parent.breadcrumbTrail().length - 1)) --><!-- /ko -->
|
||
<!-- ko ifnot: ($index() === ($parent.breadcrumbTrail().length - 1)) -->
|
||
<a href="javascript:void(0);" data-bind="text:$data.displayName, title: $data.displayName,
|
||
click:function(){getEliteUrl({filterTerms:'%26catLevelMultiX%3D'+filterValue}, headerData.urlProductCatalog)}">Servers</a>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</li>
|
||
|
||
<!-- ko if: ($index() === 0) --><!-- /ko -->
|
||
<li>
|
||
<!-- ko if: filterValue -->
|
||
<!-- ko if: ($index() === ($parent.breadcrumbTrail().length - 1)) --><!-- /ko -->
|
||
<!-- ko ifnot: ($index() === ($parent.breadcrumbTrail().length - 1)) -->
|
||
<a href="javascript:void(0);" data-bind="text:$data.displayName, title: $data.displayName,
|
||
click:function(){getEliteUrl({filterTerms:'%26catLevelMultiX%3D'+filterValue}, headerData.urlProductCatalog)}">ProLiant DL Servers</a>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</li>
|
||
|
||
<!-- ko if: ($index() === 0) --><!-- /ko -->
|
||
<li>
|
||
<!-- ko if: filterValue -->
|
||
<!-- ko if: ($index() === ($parent.breadcrumbTrail().length - 1)) -->
|
||
<a href="javascript:void(0);" data-bind="text:$data.displayName, title: $data.displayName">ProLiant DL300 Servers</a>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($index() === ($parent.breadcrumbTrail().length - 1)) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</li>
|
||
</ul>
|
||
<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<h1 class="b-margin075" data-bind="text:$root.ctoInfo().configDescription">DL385 Gen10+ v2 - 2U - Dual Socket AMD (Cat2 Conf11) - Expert</h1>
|
||
<span class="error-text">This configuration is currently not available for customization. We are working to correct this and apologize for the inconvenience.</span>
|
||
</div>
|
||
<!-- ko if: $root.isReady() -->
|
||
|
||
<section class="configurator-main col67 tablet60 mobile100">
|
||
|
||
<!-- ko if: $root.breadcrumbTrail -->
|
||
<div class="row breadcrumbs b-padding05 height-breadcrumbs">
|
||
<!-- ko if: $data.breadcrumbTrail -->
|
||
<ul data-bind="foreach: breadcrumbTrail" id="breadcrumbs">
|
||
<!-- ko if: ($index() === 0) -->
|
||
<li><a href="https://b2b.hpe.com/">Home</a></li>
|
||
<!-- /ko -->
|
||
<li>
|
||
<!-- ko if: filterValue -->
|
||
<!-- ko if: ($index() === ($parent.breadcrumbTrail().length - 1)) --><!-- /ko -->
|
||
<!-- ko ifnot: ($index() === ($parent.breadcrumbTrail().length - 1)) -->
|
||
<a href="javascript:void(0);" data-bind="text:$data.displayName, title: $data.displayName,
|
||
click:function(){getEliteUrl({filterTerms:'%26catLevelMultiX%3D'+filterValue}, headerData.urlProductCatalog)}">Servers</a>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</li>
|
||
|
||
<!-- ko if: ($index() === 0) --><!-- /ko -->
|
||
<li>
|
||
<!-- ko if: filterValue -->
|
||
<!-- ko if: ($index() === ($parent.breadcrumbTrail().length - 1)) --><!-- /ko -->
|
||
<!-- ko ifnot: ($index() === ($parent.breadcrumbTrail().length - 1)) -->
|
||
<a href="javascript:void(0);" data-bind="text:$data.displayName, title: $data.displayName,
|
||
click:function(){getEliteUrl({filterTerms:'%26catLevelMultiX%3D'+filterValue}, headerData.urlProductCatalog)}">ProLiant DL Servers</a>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</li>
|
||
|
||
<!-- ko if: ($index() === 0) --><!-- /ko -->
|
||
<li>
|
||
<!-- ko if: filterValue -->
|
||
<!-- ko if: ($index() === ($parent.breadcrumbTrail().length - 1)) -->
|
||
<a href="javascript:void(0);" data-bind="text:$data.displayName, title: $data.displayName">ProLiant DL300 Servers</a>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($index() === ($parent.breadcrumbTrail().length - 1)) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</li>
|
||
</ul>
|
||
<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<div data-bind="visible: $root.ajaxError()" style="display: none;"><br>
|
||
<span class="red">
|
||
This configuration is not currently available. Please contact HPE Support.
|
||
</span>
|
||
</div>
|
||
|
||
<div data-bind="visible: $data.ajaxError()" style="display: none;">
|
||
<br>
|
||
<span style="color: red" data-bind="text:"></span>
|
||
</div>
|
||
<!-- ko if: $root.getPriceError()--><!-- /ko -->
|
||
<h3 class="thin b-margin1 hpesemibold">
|
||
Configure Your Product
|
||
|
||
|
||
<!-- ko if: $root.ctoInfo().toggleVisibility && $root.ctoInfo().toggleVisibility == true --><!-- /ko -->
|
||
|
||
</h3>
|
||
<div id="dialog-mainstream" style="display:none">
|
||
<p>By disabling this option, the Menu view will start showing products which may lead to shipment delays when ordered. Please confirm if you want to proceed?</p>
|
||
</div>
|
||
<div style="display:none">
|
||
<span id="ok-text">OK</span>
|
||
<span id="cancel-text">Cancel</span>
|
||
</div>
|
||
<div class="row align-left">
|
||
<div class="displayInlineblock">
|
||
<!-- ko if: $root.imageUrl() -->
|
||
<img class="config-max cto-default-image" data-bind="attr: {src:$root.imageUrl()}" onerror="this.onerror=null;this.src=headerData.defaultHPELogo" src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/i00140275.png">
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.imageUrl() --><!-- /ko -->
|
||
</div>
|
||
<div class="displayInlineblock align-left l-padding2">
|
||
<h4 class="cto-prodname" data-bind="text:$root.ctoInfo().configDescription">DL385 Gen10+ v2 - 2U - Dual Socket AMD (Cat2 Conf11) - Expert <span class="fe_labels"> <a href="https://www.energystar.gov/productfinder/?s=mega" target="_blank"><img title="Energy Star" src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/Energy_Star_Logo.png"></a> <a href="https://epeat.net/search-servers" target="_blank"><img title="Epeat" src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/EPEAT_logo_transprent_bg.png"></a> </span></h4>
|
||
<!-- ko if: $data.ConfigurationSource && ($data.ConfigurationSource == "PRE-FIX" || $data.ConfigurationSource == "PRE-BAND") --><!-- /ko -->
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
<div id="tabs">
|
||
<nav class="configurator-nav clear">
|
||
<ul class="row">
|
||
<!-- ko if: $root.sectionTabs.indexOf('localization') > -1 --><!-- /ko -->
|
||
<!-- ko if: $root.sectionTabs.indexOf('hardware') > -1 -->
|
||
<li>
|
||
<a class="col25 selected" href="javascript:void(0);" data-bind="css: {selected:$root.activeSection()=='hardware'}, click: function(){ $root.expandedSubcats.removeAll(); $root.toggleSubcats(false); $root.activeSection('hardware'); $root.omniturePiece('view'); }">
|
||
<span>Hardware</span>
|
||
</a>
|
||
</li>
|
||
<!-- /ko -->
|
||
<li>
|
||
<a class="col25" href="javascript:void(0);" data-bind="css: {selected: ($root.activeSection()=='services' || $root.activeSection()=='carepackServices')}, click: function(){ $root.expandedSubcats.removeAll(); $root.toggleSubcats(false); $root.activeSection('services'); $root.omniturePiece('view'); }">
|
||
<span>Service & Support</span>
|
||
</a>
|
||
</li>
|
||
|
||
<li>
|
||
<a class="col25" href="javascript:void(0);" data-bind="css: {selected:($root.activeSection()=='accessories' || $root.activeSection()=='eprimeAccessories')}, click: function(){ $root.expandedSubcats.removeAll(); $root.toggleSubcats(false); $root.activeSection('accessories'); $root.omniturePiece('view'); }">
|
||
<span>Accessories</span>
|
||
</a>
|
||
</li>
|
||
|
||
</ul>
|
||
</nav>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="notification clear" data-bind="if: ($root.nonCriticalErrorMsgs().length > 0 || $root.configIncompleteErrorMsgs().length > 0)">
|
||
<div class="error">
|
||
<div class="notifications-title clear displayInlineblock width98p" data-bind="foreach: $root.configIncompleteErrorMsgs">
|
||
<p>
|
||
Note:
|
||
<span data-bind="html: $data">The configuration is incomplete. Please review selections and correct.</span>
|
||
</p>
|
||
</div>
|
||
<!-- ko if: $root.nonCriticalErrorMsgs().length > 0 --><!-- /ko -->
|
||
<div data-bind="visible: !($root.messagesCollapsed())">
|
||
<!-- ko foreach: $root.nonCriticalErrorMsgs --><!-- /ko -->
|
||
</div>
|
||
</div>
|
||
<!-- <span class="remove-error" data-bind="click: function(){$root.hideErrMsgModal()}"></span> -->
|
||
</div>
|
||
|
||
|
||
|
||
<div class="t-margin15 blue xsmall pointer">
|
||
<input type="button" class="primary next" value="Next" data-bind="click:function(){ $root.expandedSubcats.removeAll();$root.toggleSubcats(false);$root.nextSection(); }">
|
||
|
||
<!-- ko if: $root.activeSection() == 'accessories' || $root.activeSection() == 'eprimeAccessories' --><!-- /ko -->
|
||
</div>
|
||
|
||
|
||
<div class="clear configurator-padding configurator-section t-margin5">
|
||
|
||
<!-- ko if: $root.activeSection() == 'localization' --><!-- /ko -->
|
||
|
||
|
||
<!-- ko if: $root.modal.forValidationSelection -->
|
||
<!-- ko template: {name: 'validationModal'} -->
|
||
<div class="errormodal row" id="myDivID">
|
||
<section class="selection">
|
||
|
||
<div class="relative">
|
||
<div class="js-parent spinner-overlay" style="display: none;"></div>
|
||
<div class="js-parent spinner-inner ls-show" style="display: none;"></div>
|
||
<p class="error bold">
|
||
This choice requires a change to your selections. Please modify the following:
|
||
</p>
|
||
<div class="row x-padding2 scroll">
|
||
<a href="javascript:void()" class="right clear" data-bind="click: function(data,event){ $('.slidingDiv').toggle(); txtToggle(event,'',showDetails,hideDetails) }">Show Error Details</a><br>
|
||
<div class="slidingDiv">
|
||
<div data-bind="foreach: $root.nonCriticalErrorMsgs"></div>
|
||
|
||
</div>
|
||
<!-- ko if:( $root.validationConflictInfo.subCategories.length > 0 && $root.modal.forValidationSelection() )-->
|
||
<!-- ko foreach: $root.validationConflictInfo.sections -->
|
||
<section data-bind="template: { name: 'subcategoriesModal', data: $root[$data] }">
|
||
<form class="selected">
|
||
<!-- ko if:(typeof subCategories !== "undefined") -->
|
||
<!-- ko foreach:subCategories -->
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) -->
|
||
<!-- ko foreach:$root.validationConflictInfo.subCategories -->
|
||
<!-- ko if: $data.id == $parent.id() -->
|
||
<h2 class="thin t-margin05">
|
||
Your current selection
|
||
</h2>
|
||
<!-- ko foreach:$data.products --><!-- /ko -->
|
||
<div class="row y-margin1 red"><span data-bind="html: $data.errorText">Processor must be selected</span></div>
|
||
<ul class="row cto-modal-header-title">
|
||
<li class="col40 l-padding1"> Select One </li>
|
||
<li class="col20"> Part number </li>
|
||
<!-- ko if:$root.orgPriceDisplay != 'none' -->
|
||
<li class="col20 align-right"> Price </li>
|
||
<!-- /ko -->
|
||
<li class="offset20"></li>
|
||
</ul>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<ul>
|
||
<!-- ko if: visible() -->
|
||
<!-- ko foreach:products -->
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<!-- ko if:$data.id().trim() != '' && $data.id() != 'RESETALL' && $data.id() != 'ACE_NONE' && $data.id() != 'none_item' -->
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<!-- /ko -->
|
||
<span data-bind="text:$data.desc,attr:{title:$data.desc}" title="AMD EPYC 7313 3.0GHz 16-core 155W Processor for HPE">AMD EPYC 7313 3.0GHz 16-core 155W Processor for HPE</span>
|
||
</div>
|
||
|
||
<div class="col20">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P38669-B21#0D1</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!=0 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '">EUR HT </span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)">+1,053.16</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<!-- ko if:$data.id().trim() != '' && $data.id() != 'RESETALL' && $data.id() != 'ACE_NONE' && $data.id() != 'none_item' -->
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<!-- /ko -->
|
||
<span data-bind="text:$data.desc,attr:{title:$data.desc}" title="AMD EPYC 7343 3.2GHz 16-core 190W Processor for HPE">AMD EPYC 7343 3.2GHz 16-core 190W Processor for HPE</span>
|
||
</div>
|
||
|
||
<div class="col20">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P38672-B21#0D1</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!=0 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '">EUR HT </span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)">+1,600.21</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<!-- ko if:$data.id().trim() != '' && $data.id() != 'RESETALL' && $data.id() != 'ACE_NONE' && $data.id() != 'none_item' -->
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<!-- /ko -->
|
||
<span data-bind="text:$data.desc,attr:{title:$data.desc}" title="AMD EPYC 7453 2.75GHz 28-core 225W Processor for HPE">AMD EPYC 7453 2.75GHz 28-core 225W Processor for HPE</span>
|
||
</div>
|
||
|
||
<div class="col20">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P38678-B21#0D1</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!=0 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '">EUR HT </span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)">+1,661.11</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<!-- ko if:$data.id().trim() != '' && $data.id() != 'RESETALL' && $data.id() != 'ACE_NONE' && $data.id() != 'none_item' -->
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<!-- /ko -->
|
||
<span data-bind="text:$data.desc,attr:{title:$data.desc}" title="AMD EPYC 7513 2.6GHz 32-core 200W Processor for HPE">AMD EPYC 7513 2.6GHz 32-core 200W Processor for HPE</span>
|
||
</div>
|
||
|
||
<div class="col20">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P38684-B21#0D1</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!=0 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '">EUR HT </span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)">+2,824.51</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<!-- ko if:$data.id().trim() != '' && $data.id() != 'RESETALL' && $data.id() != 'ACE_NONE' && $data.id() != 'none_item' -->
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<!-- /ko -->
|
||
<span data-bind="text:$data.desc,attr:{title:$data.desc}" title="AMD EPYC 7543 2.8GHz 32-core 225W Processor for HPE">AMD EPYC 7543 2.8GHz 32-core 225W Processor for HPE</span>
|
||
</div>
|
||
|
||
<div class="col20">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P38687-B21#0D1</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!=0 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '">EUR HT </span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)">+3,958.51</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<!-- ko if:$data.id().trim() != '' && $data.id() != 'RESETALL' && $data.id() != 'ACE_NONE' && $data.id() != 'none_item' -->
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<!-- /ko -->
|
||
<span data-bind="text:$data.desc,attr:{title:$data.desc}" title="AMD EPYC 7663 2.0GHz 56-core 240W Processor for HPE">AMD EPYC 7663 2.0GHz 56-core 240W Processor for HPE</span>
|
||
</div>
|
||
|
||
<div class="col20">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P38690-B21#0D1</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!=0 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '">EUR HT </span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)">+6,683.26</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<!-- ko if:$data.id().trim() != '' && $data.id() != 'RESETALL' && $data.id() != 'ACE_NONE' && $data.id() != 'none_item' -->
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<!-- /ko -->
|
||
<span data-bind="text:$data.desc,attr:{title:$data.desc}" title="AMD EPYC 7713 2.0GHz 64-core 225W Processor for HPE">AMD EPYC 7713 2.0GHz 64-core 225W Processor for HPE</span>
|
||
</div>
|
||
|
||
<div class="col20">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P38693-B21#0D1</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!=0 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '">EUR HT </span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)">+7,207.21</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<!-- ko if:$data.id().trim() != '' && $data.id() != 'RESETALL' && $data.id() != 'ACE_NONE' && $data.id() != 'none_item' -->
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<!-- /ko -->
|
||
<span data-bind="text:$data.desc,attr:{title:$data.desc}" title="AMD EPYC 7763 2.45GHz 64-core 280W Processor for HPE">AMD EPYC 7763 2.45GHz 64-core 280W Processor for HPE</span>
|
||
</div>
|
||
|
||
<div class="col20">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P38696-B21#0D1</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!=0 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '">EUR HT </span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)">+8,074.51</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<!-- ko if:$data.id().trim() != '' && $data.id() != 'RESETALL' && $data.id() != 'ACE_NONE' && $data.id() != 'none_item' -->
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<!-- /ko -->
|
||
<span data-bind="text:$data.desc,attr:{title:$data.desc}" title="AMD EPYC 74F3 3.2GHz 24-core 240W Processor for HPE">AMD EPYC 74F3 3.2GHz 24-core 240W Processor for HPE</span>
|
||
</div>
|
||
|
||
<div class="col20">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P38705-B21#0D1</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!=0 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '">EUR HT </span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)">+2,949.46</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<!-- ko if:$data.id().trim() != '' && $data.id() != 'RESETALL' && $data.id() != 'ACE_NONE' && $data.id() != 'none_item' -->
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<!-- /ko -->
|
||
<span data-bind="text:$data.desc,attr:{title:$data.desc}" title="AMD EPYC 7413 2.65GHz 24-core 180W Processor for HPE">AMD EPYC 7413 2.65GHz 24-core 180W Processor for HPE</span>
|
||
</div>
|
||
|
||
<div class="col20">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P38675-B21#0D1</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!=0 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '">EUR HT </span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)">+1,770.31</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<!-- ko if:$data.id().trim() != '' && $data.id() != 'RESETALL' && $data.id() != 'ACE_NONE' && $data.id() != 'none_item' -->
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<!-- /ko -->
|
||
<span data-bind="text:$data.desc,attr:{title:$data.desc}" title="AMD EPYC 7443 2.85GHz 24-core 200W Processor for HPE">AMD EPYC 7443 2.85GHz 24-core 200W Processor for HPE</span>
|
||
</div>
|
||
|
||
<div class="col20">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P38681-B21#0D1</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!=0 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '">EUR HT </span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)">+2,041.21</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<!-- ko if:$data.id().trim() != '' && $data.id() != 'RESETALL' && $data.id() != 'ACE_NONE' && $data.id() != 'none_item' -->
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<!-- /ko -->
|
||
<span data-bind="text:$data.desc,attr:{title:$data.desc}" title="AMD EPYC 72F3 3.7GHz 8-core 180W Processor for HPE">AMD EPYC 72F3 3.7GHz 8-core 180W Processor for HPE</span>
|
||
</div>
|
||
|
||
<div class="col20">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P38699-B21#0D1</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!=0 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '">EUR HT </span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)">+2,509.51</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<!-- ko if:$data.id().trim() != '' && $data.id() != 'RESETALL' && $data.id() != 'ACE_NONE' && $data.id() != 'none_item' -->
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<!-- /ko -->
|
||
<span data-bind="text:$data.desc,attr:{title:$data.desc}" title="AMD EPYC 73F3 3.5GHz 16-core 240W Processor for HPE">AMD EPYC 73F3 3.5GHz 16-core 240W Processor for HPE</span>
|
||
</div>
|
||
|
||
<div class="col20">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P38702-B21#0D1</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!=0 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '">EUR HT </span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)">+3,580.51</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<!-- ko if:$data.id().trim() != '' && $data.id() != 'RESETALL' && $data.id() != 'ACE_NONE' && $data.id() != 'none_item' -->
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<!-- /ko -->
|
||
<span data-bind="text:$data.desc,attr:{title:$data.desc}" title="AMD EPYC 75F3 2.95GHz 32-core 280W Processor for HPE">AMD EPYC 75F3 2.95GHz 32-core 280W Processor for HPE</span>
|
||
</div>
|
||
|
||
<div class="col20">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P38708-B21#0D1</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!=0 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '">EUR HT </span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)">+5,227.96</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<!-- ko if:$data.id().trim() != '' && $data.id() != 'RESETALL' && $data.id() != 'ACE_NONE' && $data.id() != 'none_item' -->
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<!-- /ko -->
|
||
<span data-bind="text:$data.desc,attr:{title:$data.desc}" title="AMD EPYC 7643 2.3GHz 48-core 225W Processor for HPE">AMD EPYC 7643 2.3GHz 48-core 225W Processor for HPE</span>
|
||
</div>
|
||
|
||
<div class="col20">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P39365-B21#0D1</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!=0 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '">EUR HT </span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)">+4,967.56</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && quantitySubCat && quantitySubCat.idList --><!-- /ko -->
|
||
<i class="bar"></i>
|
||
</ul>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</form>
|
||
</section>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="row footer">
|
||
<input type="button" value="Cancel" data-bind="click:function(){ $root.modal.forValidationSelection(!$root.modal.forValidationSelection()) }" name="Cancel" id="modalErrorCancel" class="cancel_btn_conf">
|
||
<input type="button" data-bind="click:function(){ $root.modal.forValidationSelection(!$root.modal.forValidationSelection()) }" value="OK" name="Ok" id="modalErrorOk" class="cancel_btn_conf secondary">
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
|
||
<!-- ko if: $root.activeSection() == 'hardware' -->
|
||
<div data-bind="template: { name: 'expandAll' }">
|
||
<div class="y-marginneg4 blue small pointer expand-medium" data-bind="visible: !$root.toggleSubcats(), click:function(){$root.expandAllSubcats(); $root.toggleSubcats(true)}">
|
||
Expand All
|
||
</div>
|
||
|
||
<div class="y-marginneg4 blue small pointer collapse-medium" data-bind="visible: $root.toggleSubcats(), click:function(){$root.expandedSubcats.removeAll(); $root.toggleSubcats(false)}" style="display: none;">
|
||
Collapse All
|
||
</div>
|
||
</div>
|
||
<div data-bind="template: { name: 'column-header' }">
|
||
<div class="header row">
|
||
<div class="col25">
|
||
Category
|
||
</div>
|
||
<div class="col35">
|
||
Description
|
||
</div>
|
||
<div class="col15 align-left">
|
||
Part
|
||
</div>
|
||
<div class="col5 center">
|
||
Qty
|
||
</div>
|
||
<div class="col5 center">
|
||
|
||
</div>
|
||
<!-- ko if:$root.orgPriceDisplay != 'none' -->
|
||
<div class="col15 align-right">
|
||
Price
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
</div>
|
||
<div data-bind="template: { name: 'subcategories', data: hardwareInfo }">
|
||
<!-- ko if:(typeof subCategories !== "undefined") -->
|
||
<!-- ko foreach:subCategories -->
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_baseModelSection.baseModelChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Base Model">Base Model</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required -->*<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() -->
|
||
<div class="clear col100 rcolumn">
|
||
<!-- ko if: $parent.multiValue() --><!-- /ko -->
|
||
|
||
<div class="col46 ellipsis">
|
||
<!-- ko if: id != '' || (id == '' && selected()) -->
|
||
<span data-bind="text:desc,attr:{title:desc}" title="HPE ProLiant DL385 Gen10 Plus v2 8SFF Configure-to-order Server">HPE ProLiant DL385 Gen10 Plus v2 8SFF Configure-to-order Server</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-left">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P38411-B21#B19</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: productId --><!-- /ko -->
|
||
</div>
|
||
<div class="col5 center">
|
||
<!-- ko if:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') --><!-- /ko -->
|
||
<!-- ko ifnot:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') -->
|
||
<span> </span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="column6 center" style="position: relative;left: 20px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) --><!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: $data.price() != -1 && $data.price() != 0 && $root.orgPriceDisplay == 'all' --><!-- /ko -->
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'" style="display: none;">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_ProcessorSection.ProcessorChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Processors">Processors</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' -->
|
||
<div class="banded-cto-error">
|
||
<p><span data-bind="html: $data.text">Processor must be selected</span></p>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) -->
|
||
<ul class="selected fs85em expandedSubcatMainstream" data-bind="visible: $root.expandedSubcats.indexOf(id()) > -1, attr:{id:'subcat_'+id()}" id="subcat_ProcessorSection.ProcessorChoice">
|
||
<li class="row config-active" data-bind="css: {'config-active':$root.expandedSubcats.indexOf(id()) > -1}">
|
||
<div class="col24 b-indent" data-bind="click: function(){ $root.expandSubcat($data.id(),'delete'); }">
|
||
<!-- ko if:$root.hasDisplayName($data) -->
|
||
<span data-bind="text:$data.displayName,attr:{title:$data.displayName}" title="Processors">Processors</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
</div>
|
||
<!-- ko if: $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && $data.hasCustomSKU() == true --><!-- /ko -->
|
||
</li>
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && ($data.isMainstream() == true || $data.selected() == true || ($parent.hasMainStreamSKU() == false && $parent.hasCustomSKU() == false)) --><!-- /ko -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && ($root.ctoInfo().toggleVisibility == false || $root.mainstreamToggle() == false) -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}" title="AMD EPYC 7313 3.0GHz 16-core 155W Processor for HPE">AMD EPYC 7313 3.0GHz 16-core 155W Processor for HPE</span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())--><!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId">P38669-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))--><!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId --><!-- /ko -->
|
||
</div><div class="col10 fe-custom"><span class="black" style="font-size: 12px !important;">204 kg CO2-eq</span></div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) -->
|
||
<div id="mainstream-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Mainstream products are top selling options with short lead times and assured supply.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '">EUR </span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)">+1,053.16</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && ($data.isMainstream() == true || $data.selected() == true || ($parent.hasMainStreamSKU() == false && $parent.hasCustomSKU() == false)) --><!-- /ko -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && ($root.ctoInfo().toggleVisibility == false || $root.mainstreamToggle() == false) -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}" title="AMD EPYC 7343 3.2GHz 16-core 190W Processor for HPE">AMD EPYC 7343 3.2GHz 16-core 190W Processor for HPE</span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())--><!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId">P38672-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))--><!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId --><!-- /ko -->
|
||
</div><div class="col10 fe-custom"><span class="black" style="font-size: 12px !important;">204 kg CO2-eq</span></div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) -->
|
||
<div id="mainstream-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Mainstream products are top selling options with short lead times and assured supply.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '">EUR </span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)">+1,600.21</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && ($data.isMainstream() == true || $data.selected() == true || ($parent.hasMainStreamSKU() == false && $parent.hasCustomSKU() == false)) --><!-- /ko -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && ($root.ctoInfo().toggleVisibility == false || $root.mainstreamToggle() == false) -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}" title="AMD EPYC 7453 2.75GHz 28-core 225W Processor for HPE">AMD EPYC 7453 2.75GHz 28-core 225W Processor for HPE</span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())--><!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId">P38678-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))--><!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId --><!-- /ko -->
|
||
</div><div class="col10 fe-custom"><span class="black" style="font-size: 12px !important;">204 kg CO2-eq</span></div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) -->
|
||
<div id="mainstream-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Mainstream products are top selling options with short lead times and assured supply.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '">EUR </span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)">+1,661.11</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && ($data.isMainstream() == true || $data.selected() == true || ($parent.hasMainStreamSKU() == false && $parent.hasCustomSKU() == false)) --><!-- /ko -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && ($root.ctoInfo().toggleVisibility == false || $root.mainstreamToggle() == false) -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}" title="AMD EPYC 7513 2.6GHz 32-core 200W Processor for HPE">AMD EPYC 7513 2.6GHz 32-core 200W Processor for HPE</span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())--><!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId">P38684-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))--><!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId --><!-- /ko -->
|
||
</div><div class="col10 fe-custom"><span class="black" style="font-size: 12px !important;">241 kg CO2-eq</span></div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) -->
|
||
<div id="mainstream-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Mainstream products are top selling options with short lead times and assured supply.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '">EUR </span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)">+2,824.51</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && ($data.isMainstream() == true || $data.selected() == true || ($parent.hasMainStreamSKU() == false && $parent.hasCustomSKU() == false)) --><!-- /ko -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && ($root.ctoInfo().toggleVisibility == false || $root.mainstreamToggle() == false) -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}" title="AMD EPYC 7543 2.8GHz 32-core 225W Processor for HPE">AMD EPYC 7543 2.8GHz 32-core 225W Processor for HPE</span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())--><!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId">P38687-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))--><!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId --><!-- /ko -->
|
||
</div><div class="col10 fe-custom"><span class="black" style="font-size: 12px !important;">241 kg CO2-eq</span></div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) -->
|
||
<div id="mainstream-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Mainstream products are top selling options with short lead times and assured supply.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '">EUR </span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)">+3,958.51</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && ($data.isMainstream() == true || $data.selected() == true || ($parent.hasMainStreamSKU() == false && $parent.hasCustomSKU() == false)) --><!-- /ko -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && ($root.ctoInfo().toggleVisibility == false || $root.mainstreamToggle() == false) -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}" title="AMD EPYC 7663 2.0GHz 56-core 240W Processor for HPE">AMD EPYC 7663 2.0GHz 56-core 240W Processor for HPE</span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())--><!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId">P38690-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))--><!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId --><!-- /ko -->
|
||
</div><div class="col10 fe-custom"><span class="black" style="font-size: 12px !important;">204 kg CO2-eq</span></div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) -->
|
||
<div id="mainstream-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Mainstream products are top selling options with short lead times and assured supply.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '">EUR </span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)">+6,683.26</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && ($data.isMainstream() == true || $data.selected() == true || ($parent.hasMainStreamSKU() == false && $parent.hasCustomSKU() == false)) --><!-- /ko -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && ($root.ctoInfo().toggleVisibility == false || $root.mainstreamToggle() == false) -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}" title="AMD EPYC 7713 2.0GHz 64-core 225W Processor for HPE">AMD EPYC 7713 2.0GHz 64-core 225W Processor for HPE</span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())--><!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId">P38693-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))--><!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId --><!-- /ko -->
|
||
</div><div class="col10 fe-custom"><span class="black" style="font-size: 12px !important;">204 kg CO2-eq</span></div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) -->
|
||
<div id="mainstream-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Mainstream products are top selling options with short lead times and assured supply.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '">EUR </span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)">+7,207.21</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && ($data.isMainstream() == true || $data.selected() == true || ($parent.hasMainStreamSKU() == false && $parent.hasCustomSKU() == false)) --><!-- /ko -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && ($root.ctoInfo().toggleVisibility == false || $root.mainstreamToggle() == false) -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}" title="AMD EPYC 7763 2.45GHz 64-core 280W Processor for HPE">AMD EPYC 7763 2.45GHz 64-core 280W Processor for HPE</span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())--><!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId">P38696-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))--><!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId --><!-- /ko -->
|
||
</div><div class="col10 fe-custom"><span class="black" style="font-size: 12px !important;">204 kg CO2-eq</span></div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) -->
|
||
<div id="mainstream-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Mainstream products are top selling options with short lead times and assured supply.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '">EUR </span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)">+8,074.51</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && ($data.isMainstream() == true || $data.selected() == true || ($parent.hasMainStreamSKU() == false && $parent.hasCustomSKU() == false)) --><!-- /ko -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && ($root.ctoInfo().toggleVisibility == false || $root.mainstreamToggle() == false) -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}" title="AMD EPYC 74F3 3.2GHz 24-core 240W Processor for HPE">AMD EPYC 74F3 3.2GHz 24-core 240W Processor for HPE</span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())--><!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId">P38705-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))--><!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId --><!-- /ko -->
|
||
</div><div class="col10 fe-custom"><span class="black" style="font-size: 12px !important;">204 kg CO2-eq</span></div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) -->
|
||
<div id="mainstream-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Mainstream products are top selling options with short lead times and assured supply.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '">EUR </span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)">+2,949.46</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && ($data.isMainstream() == true || $data.selected() == true || ($parent.hasMainStreamSKU() == false && $parent.hasCustomSKU() == false)) --><!-- /ko -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && ($root.ctoInfo().toggleVisibility == false || $root.mainstreamToggle() == false) -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}" title="AMD EPYC 7413 2.65GHz 24-core 180W Processor for HPE">AMD EPYC 7413 2.65GHz 24-core 180W Processor for HPE</span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())--><!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId">P38675-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))--><!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId --><!-- /ko -->
|
||
</div><div class="col10 fe-custom"><span class="black" style="font-size: 12px !important;">204 kg CO2-eq</span></div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) --><!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) -->
|
||
<div id="custom-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Product could lead to delays in Shipping.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '">EUR </span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)">+1,770.31</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && ($data.isMainstream() == true || $data.selected() == true || ($parent.hasMainStreamSKU() == false && $parent.hasCustomSKU() == false)) --><!-- /ko -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && ($root.ctoInfo().toggleVisibility == false || $root.mainstreamToggle() == false) -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}" title="AMD EPYC 7443 2.85GHz 24-core 200W Processor for HPE">AMD EPYC 7443 2.85GHz 24-core 200W Processor for HPE</span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())--><!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId">P38681-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))--><!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId --><!-- /ko -->
|
||
</div><div class="col10 fe-custom"><span class="black" style="font-size: 12px !important;">204 kg CO2-eq</span></div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) --><!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) -->
|
||
<div id="custom-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Product could lead to delays in Shipping.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '">EUR </span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)">+2,041.21</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && ($data.isMainstream() == true || $data.selected() == true || ($parent.hasMainStreamSKU() == false && $parent.hasCustomSKU() == false)) --><!-- /ko -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && ($root.ctoInfo().toggleVisibility == false || $root.mainstreamToggle() == false) -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}" title="AMD EPYC 72F3 3.7GHz 8-core 180W Processor for HPE">AMD EPYC 72F3 3.7GHz 8-core 180W Processor for HPE</span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())--><!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId">P38699-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))--><!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId --><!-- /ko -->
|
||
</div><div class="col10 fe-custom"><span class="black" style="font-size: 12px !important;">100 kg CO2-eq</span></div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) --><!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) -->
|
||
<div id="custom-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Product could lead to delays in Shipping.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '">EUR </span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)">+2,509.51</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && ($data.isMainstream() == true || $data.selected() == true || ($parent.hasMainStreamSKU() == false && $parent.hasCustomSKU() == false)) --><!-- /ko -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && ($root.ctoInfo().toggleVisibility == false || $root.mainstreamToggle() == false) -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}" title="AMD EPYC 73F3 3.5GHz 16-core 240W Processor for HPE">AMD EPYC 73F3 3.5GHz 16-core 240W Processor for HPE</span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())--><!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId">P38702-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))--><!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId --><!-- /ko -->
|
||
</div><div class="col10 fe-custom"><span class="black" style="font-size: 12px !important;">204 kg CO2-eq</span></div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) --><!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) -->
|
||
<div id="custom-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Product could lead to delays in Shipping.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '">EUR </span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)">+3,580.51</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && ($data.isMainstream() == true || $data.selected() == true || ($parent.hasMainStreamSKU() == false && $parent.hasCustomSKU() == false)) --><!-- /ko -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && ($root.ctoInfo().toggleVisibility == false || $root.mainstreamToggle() == false) -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}" title="AMD EPYC 75F3 2.95GHz 32-core 280W Processor for HPE">AMD EPYC 75F3 2.95GHz 32-core 280W Processor for HPE</span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())--><!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId">P38708-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))--><!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId --><!-- /ko -->
|
||
</div><div class="col10 fe-custom"><span class="black" style="font-size: 12px !important;">241 kg CO2-eq</span></div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) --><!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) -->
|
||
<div id="custom-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Product could lead to delays in Shipping.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '">EUR </span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)">+5,227.96</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && ($data.isMainstream() == true || $data.selected() == true || ($parent.hasMainStreamSKU() == false && $parent.hasCustomSKU() == false)) --><!-- /ko -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && ($root.ctoInfo().toggleVisibility == false || $root.mainstreamToggle() == false) -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")--><!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") --><!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"><option value="0">0</option><option value="1">1</option><option value="2">2</option></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}" title="AMD EPYC 7643 2.3GHz 48-core 225W Processor for HPE">AMD EPYC 7643 2.3GHz 48-core 225W Processor for HPE</span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())--><!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId">P39365-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))--><!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId --><!-- /ko -->
|
||
</div><div class="col10 fe-custom"><span class="black" style="font-size: 12px !important;">204 kg CO2-eq</span></div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) --><!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) -->
|
||
<div id="custom-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Product could lead to delays in Shipping.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' --><!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '">EUR </span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)">+4,967.56</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<i class="bar"></i>
|
||
</ul>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_ProcessorSection.HeatsinkKitChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Heatsink Kit">Heatsink Kit</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() -->
|
||
<div class="clear col100 rcolumn">
|
||
<!-- ko if: $parent.multiValue() -->
|
||
<div class="padSelection"></div>
|
||
<div class="first-invisible col25"> </div>
|
||
<!-- /ko -->
|
||
|
||
<div class="col46 ellipsis">
|
||
<!-- ko if: id != '' || (id == '' && selected()) -->
|
||
<span data-bind="text:desc,attr:{title:desc}" title="HPE ProLiant DL3X5 Gen10 Plus Standard Heat Sink Kit">HPE ProLiant DL3X5 Gen10 Plus Standard Heat Sink Kit</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-left">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P39994-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: productId --><!-- /ko -->
|
||
</div>
|
||
<div class="col5 center">
|
||
<!-- ko if:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') -->
|
||
<span data-bind="text:$data.attributes()[0].value">1</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') --><!-- /ko -->
|
||
</div>
|
||
<div class="column6 center" style="position: relative;left: 20px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) --><!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: $data.price() != -1 && $data.price() != 0 && $root.orgPriceDisplay == 'all' --><!-- /ko -->
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_memory.memorySlotsChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Memory">Memory</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() -->
|
||
<div class="clear col100 rcolumn">
|
||
<!-- ko if: $parent.multiValue() -->
|
||
<div class="padSelection"></div>
|
||
<div class="first-invisible col25"> </div>
|
||
<!-- /ko -->
|
||
|
||
<div class="col46 ellipsis">
|
||
<!-- ko if: id != '' || (id == '' && selected()) -->
|
||
<span data-bind="text:desc,attr:{title:desc}" title="HPE 32GB (1x32GB) Dual Rank x4 DDR4-3200 CAS-22-22-22 Registered Smart Memory Kit">HPE 32GB (1x32GB) Dual Rank x4 DDR4-3200 CAS-22-22-22 Registered Smart Memory Kit</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-left">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P07646-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: productId --><!-- /ko -->
|
||
</div>
|
||
<div class="col5 center">
|
||
<!-- ko if:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') -->
|
||
<span data-bind="text:$data.attributes()[0].value">2</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') --><!-- /ko -->
|
||
</div>
|
||
<div class="column6 center" style="position: relative;left: 20px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) -->
|
||
<div id="mainstream-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Mainstream products are top selling options with short lead times and assured supply.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: $data.price() != -1 && $data.price() != 0 && $root.orgPriceDisplay == 'all' --><!-- /ko -->
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_memory.MemoryBlankkit">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Memory Blank Kit">Memory Blank Kit</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required -->*<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() -->
|
||
<div class="clear col100 rcolumn">
|
||
<!-- ko if: $parent.multiValue() --><!-- /ko -->
|
||
|
||
<div class="col46 ellipsis">
|
||
<!-- ko if: id != '' || (id == '' && selected()) -->
|
||
<span data-bind="text:desc,attr:{title:desc}" title="None.">None.</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-left">
|
||
<!-- ko if:productId --><!-- /ko -->
|
||
<!-- ko ifnot: productId -->
|
||
<span> </span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col5 center">
|
||
<!-- ko if:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') --><!-- /ko -->
|
||
<!-- ko ifnot:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') -->
|
||
<span> </span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="column6 center" style="position: relative;left: 20px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: $data.price() != -1 && $data.price() != 0 && $root.orgPriceDisplay == 'all' --><!-- /ko -->
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_storage.SmartArrayControllerChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Smart Array Controller">Smart Array Controller</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_storage.SmartStorageBatteryChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Smart Storage Battery">Smart Storage Battery</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required -->*<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() -->
|
||
<div class="clear col100 rcolumn">
|
||
<!-- ko if: $parent.multiValue() --><!-- /ko -->
|
||
|
||
<div class="col46 ellipsis">
|
||
<!-- ko if: id != '' || (id == '' && selected()) -->
|
||
<span data-bind="text:desc,attr:{title:desc}" title="None.">None.</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-left">
|
||
<!-- ko if:productId --><!-- /ko -->
|
||
<!-- ko ifnot: productId -->
|
||
<span> </span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col5 center">
|
||
<!-- ko if:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') --><!-- /ko -->
|
||
<!-- ko ifnot:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') -->
|
||
<span> </span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="column6 center" style="position: relative;left: 20px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: $data.price() != -1 && $data.price() != 0 && $root.orgPriceDisplay == 'all' --><!-- /ko -->
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_storage.InternalSCCablesChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Internal Storage Controller Cables">Internal Storage Controller Cables</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_storage.ControllerModeChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Controller State">Controller State</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_storage.OSBootDeviceChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="OS Boot Device">OS Boot Device</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_storage.RAIDSettingsChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="RAID Settings">RAID Settings</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_storage.DriveCageChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Drive Cage">Drive Cage</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_storage.SSDReadIntensiveChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="SSD - Read Intensive">SSD - Read Intensive</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_storage.SSDWriteIntensiveChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="SSD - Write Intensive">SSD - Write Intensive</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_storage.SSDMixedUseChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="SSD - Mixed Use">SSD - Mixed Use</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_storage.HDDEnterprise15K_10KChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="HDD - Enterprise 15K/10K">HDD - Enterprise 15K/10K</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_storage.HDDMidline72KChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="HDD - Midline - 7.2K">HDD - Midline - 7.2K</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_storage.M2ChoiceA">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="M.2 Enablement Kit Adapters">M.2 Enablement Kit Adapters</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_storage.opticalDrivesSCEChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Optical Drive">Optical Drive</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_factoryConfiguration.iLOComPassChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="iLO Common Password">iLO Common Password</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_factoryConfiguration.RemovalSettingChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Component Removal/Replacement Setting">Component Removal/Replacement Setting</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required -->*<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() -->
|
||
<div class="clear col100 rcolumn">
|
||
<!-- ko if: $parent.multiValue() --><!-- /ko -->
|
||
|
||
<div class="col46 ellipsis">
|
||
<!-- ko if: id != '' || (id == '' && selected()) -->
|
||
<span data-bind="text:desc,attr:{title:desc}" title="HPE DL38X Gen10 8 SFF Front Cage Removal FIO Option">HPE DL38X Gen10 8 SFF Front Cage Removal FIO Option</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-left">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">873763-B21</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: productId --><!-- /ko -->
|
||
</div>
|
||
<div class="col5 center">
|
||
<!-- ko if:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') --><!-- /ko -->
|
||
<!-- ko ifnot:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') -->
|
||
<span> </span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="column6 center" style="position: relative;left: 20px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) --><!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: $data.price() != -1 && $data.price() != 0 && $root.orgPriceDisplay == 'all' --><!-- /ko -->
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_factoryConfiguration.NVMeEnabSettingChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="NVMe Enablement Setting">NVMe Enablement Setting</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required -->*<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() -->
|
||
<div class="clear col100 rcolumn">
|
||
<!-- ko if: $parent.multiValue() --><!-- /ko -->
|
||
|
||
<div class="col46 ellipsis">
|
||
<!-- ko if: id != '' || (id == '' && selected()) -->
|
||
<span data-bind="text:desc,attr:{title:desc}" title="None.">None.</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-left">
|
||
<!-- ko if:productId --><!-- /ko -->
|
||
<!-- ko ifnot: productId -->
|
||
<span> </span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col5 center">
|
||
<!-- ko if:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') --><!-- /ko -->
|
||
<!-- ko ifnot:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') -->
|
||
<span> </span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="column6 center" style="position: relative;left: 20px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: $data.price() != -1 && $data.price() != 0 && $root.orgPriceDisplay == 'all' --><!-- /ko -->
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_riserCardsSection.riserCards">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Riser Cards">Riser Cards</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() -->
|
||
<div class="clear col100 rcolumn">
|
||
<!-- ko if: $parent.multiValue() -->
|
||
<div class="padSelection"></div>
|
||
<div class="first-invisible col25"> </div>
|
||
<!-- /ko -->
|
||
|
||
<div class="col46 ellipsis">
|
||
<!-- ko if: id != '' || (id == '' && selected()) -->
|
||
<span data-bind="text:desc,attr:{title:desc}" title="HPE DL385G10PlusV2 Standard Riser">HPE DL385G10PlusV2 Standard Riser</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-left">
|
||
<!-- ko if:productId --><!-- /ko -->
|
||
<!-- ko ifnot: productId -->
|
||
<span> </span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col5 center">
|
||
<!-- ko if:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') -->
|
||
<span data-bind="text:$data.attributes()[0].value">1</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') --><!-- /ko -->
|
||
</div>
|
||
<div class="column6 center" style="position: relative;left: 20px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) --><!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: $data.price() != -1 && $data.price() != 0 && $root.orgPriceDisplay == 'all' --><!-- /ko -->
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_riserCardsSection.RiserAccessoriesChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Accessories">Accessories</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_networkController.IBPCIeChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="InfiniBand PCIe">InfiniBand PCIe</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_networkController.EthernetPCIeChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Ethernet PCIe">Ethernet PCIe</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_networkController.EthernetOCPChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="OCP Ethernet">OCP Ethernet</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required -->*<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() -->
|
||
<div class="clear col100 rcolumn">
|
||
<!-- ko if: $parent.multiValue() --><!-- /ko -->
|
||
|
||
<div class="col46 ellipsis">
|
||
<!-- ko if: id != '' || (id == '' && selected()) -->
|
||
<span data-bind="text:desc,attr:{title:desc}" title="Marvell QL41132HQRJ Ethernet 10Gb 2-port BASE-T OCP3 Adapter for HPE">Marvell QL41132HQRJ Ethernet 10Gb 2-port BASE-T OCP3 Adapter for HPE</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-left">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">P10103-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: productId --><!-- /ko -->
|
||
</div>
|
||
<div class="col5 center">
|
||
<!-- ko if:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') --><!-- /ko -->
|
||
<!-- ko ifnot:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') -->
|
||
<span> </span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="column6 center" style="position: relative;left: 20px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) -->
|
||
<div id="mainstream-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Mainstream products are top selling options with short lead times and assured supply.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: $data.price() != -1 && $data.price() != 0 && $root.orgPriceDisplay == 'all' --><!-- /ko -->
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_networkController.FibreChannelHBAChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Fibre Channel HBA">Fibre Channel HBA</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_networkController.TransceiversChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Transceivers">Transceivers</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_networkController.OCPUpgradesChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Upgrades">Upgrades</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_power.powerSlots">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Power Supplies">Power Supplies</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() -->
|
||
<div class="clear col100 rcolumn">
|
||
<!-- ko if: $parent.multiValue() -->
|
||
<div class="padSelection"></div>
|
||
<div class="first-invisible col25"> </div>
|
||
<!-- /ko -->
|
||
|
||
<div class="col46 ellipsis">
|
||
<!-- ko if: id != '' || (id == '' && selected()) -->
|
||
<span data-bind="text:desc,attr:{title:desc}" title="HPE 800W Flex Slot Titanium Hot Plug Low Halogen Power Supply Kit">HPE 800W Flex Slot Titanium Hot Plug Low Halogen Power Supply Kit</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-left">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">865438-B21#0D1</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: productId --><!-- /ko -->
|
||
</div>
|
||
<div class="col5 center">
|
||
<!-- ko if:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') -->
|
||
<span data-bind="text:$data.attributes()[0].value">1</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') --><!-- /ko -->
|
||
</div>
|
||
<div class="column6 center" style="position: relative;left: 20px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) --><!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: $data.price() != -1 && $data.price() != 0 && $root.orgPriceDisplay == 'all' --><!-- /ko -->
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_power.coolingOp">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Power Cooling Options">Power Cooling Options</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_power.powerCords">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Power Cords">Power Cords</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_securityOptions.SecurityHardwareChoiceId">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Security Hardware">Security Hardware</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_powerCordsRemoval.powerCordsRemoval">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Manufacturing Services">Manufacturing Services</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() -->
|
||
<div class="clear col100 rcolumn">
|
||
<!-- ko if: $parent.multiValue() -->
|
||
<div class="padSelection"></div>
|
||
<div class="first-invisible col25"> </div>
|
||
<!-- /ko -->
|
||
|
||
<div class="col46 ellipsis">
|
||
<!-- ko if: id != '' || (id == '' && selected()) -->
|
||
<span data-bind="text:desc,attr:{title:desc}" title="HPE Remove Standard Power Cords">HPE Remove Standard Power Cords</span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-left">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId">469774-409</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: productId --><!-- /ko -->
|
||
</div>
|
||
<div class="col5 center">
|
||
<!-- ko if:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') -->
|
||
<span data-bind="text:$data.attributes()[0].value">1</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') --><!-- /ko -->
|
||
</div>
|
||
<div class="column6 center" style="position: relative;left: 20px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) --><!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) --><!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") --><!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: $data.price() != -1 && $data.price() != 0 && $root.orgPriceDisplay == 'all' --><!-- /ko -->
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_graphicsOptionsSection.graphicsChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Graphics Options">Graphics Options</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
|
||
<!-- ko if: $data.type() == 'error' --><!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row config-inactive pointer" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}" id="subcat_graphicsOptionsSection.graphicsAccChoice">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}" title="Graphics Accessories">Graphics Accessories</span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) --><!-- /ko -->
|
||
<!-- ko if:required --><!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)--><!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
|
||
<!-- ko if:$data.selected() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 --><!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() --><!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
|
||
|
||
<!-- ko if: $root.activeSection() == 'services' || $root.activeSection() == 'carepackServices' --><!-- /ko -->
|
||
|
||
|
||
<!-- ko if: $root.activeSection() == 'accessories' || $root.activeSection() == 'eprimeAccessories' --><!-- /ko -->
|
||
|
||
|
||
</div>
|
||
|
||
<div class="errormodal row" id="topErrorModal" style="display: none;">
|
||
<section class="selection">
|
||
<p class="error bold">
|
||
This choice requires a change to your selections. Please modify the following:
|
||
</p>
|
||
<div class="row x-padding2 scroll">
|
||
<!-- ko if:$root.errorMessage() != undefined && $root.errorMessage() != null && ($root.errorMessage().length > 0) --><!-- /ko -->
|
||
</div>
|
||
<div class="row footer">
|
||
<input type="button" data-bind="" value="OK" name="Ok" class="cancel_btn_conf">
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<div class="errormodal row " id="errorResponseModal" style="display: none !important;">
|
||
<section class="selection">
|
||
<p class="error bold" id="errorMsg" style="display: none !important;">
|
||
Your current selection is invalid due to technical reason. Please contact HPE Support:
|
||
</p>
|
||
<div class="row x-padding2 scroll">
|
||
<div class="slidingDiv" style="display: none;">Click reset to continue</div>
|
||
</div>
|
||
<div class="row footer">
|
||
<input type="button" data-bind="click: function(){$root.refreshData()}" value="Reset" name="reset" class="cancel_btn_conf">
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<div id="nextButtonDiv">
|
||
<input type="button" class="primary next" value="Next" data-bind="click:function(){$root.expandedSubcats.removeAll();$root.toggleSubcats(false);$root.nextSection();}">
|
||
</div>
|
||
|
||
<!-- ko if: ($root.maxUnselectedLeadTime() > $root.maxSelectedLeadTime() > 0) --><!-- /ko -->
|
||
|
||
</section>
|
||
|
||
<div data-bind="template: { name: 'sidebar' }">
|
||
<section class="col25 tablet30 mobile100 min18 right">
|
||
<!-- ko if:$root.disclaimer() --><!-- /ko -->
|
||
|
||
<nav class="rightside follow-content" style="margin-top: 0px;">
|
||
<div class="header center">
|
||
<h3 class="thin mediumbold">
|
||
Summary
|
||
</h3>
|
||
<sub>
|
||
<span class="cto-metric-light">REFERENCE MODEL ID</span>
|
||
|
||
<span class="ref_mod_num semibold black" data-bind="text:$data.configurationId">42821613</span>
|
||
</sub>
|
||
|
||
<!--ko if :$root.isPriceRequested--><!-- /ko -->
|
||
</div>
|
||
<div class="row padding075 center">
|
||
<!--ko ifnot: $root.instantPriceEnabled-->
|
||
<p class="b-vertical">
|
||
<sub class="b-vertical line-height3 cto-metric-light" data-bind=" text:'Total Price '">Total Price </sub>
|
||
</p>
|
||
<!--/ko-->
|
||
<!--ko if: $root.instantPriceEnabled--><!--/ko-->
|
||
|
||
<span class="fs20px metriclight" data-bind="text:headerData.currency">EUR HT</span>
|
||
<span class="fs32px semibold" data-bind=" text: $root.totalPrice()">708.74</span>
|
||
|
||
<span data-bind="if: $root.instantPriceEnabled"></span>
|
||
|
||
<!--ko if: $root.instantPriceEnabled --><!--/ko-->
|
||
<!--ko if : $root.displayErrorDialog--><!-- /ko -->
|
||
<!--ko ifnot : $root.displayErrorDialog-->
|
||
<span class="fe-cf">Total Carbon Footprint <span class="large-tprice">5921 kg CO2-eq</span></span><p class="row tooltip tooltip-clicked fixbottom t-margin1" id="add-to-cart">
|
||
<span class="add-to-cart-icon" data-bind="text: getBigOrangeTxt(), click:$root.addToCart">Add to Cart</span>
|
||
</p> <div class="fe-plant-wrapper"> <span class="fe-plant" fe-target-popup="DL385 Gen10 Plus"> <img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/Plant_icon.svg"></span> <a href="https://fe-hpe-script.s3.us-east-2.amazonaws.com/PCF_FAQ.PDF" target="_blank" download="PCF_FAQ.pdf"> <svg xmlns="http://www.w3.org/2000/svg" width="22" height="18" viewBox="0 0 75 100"> <path d="m20.3 61.1c0-6.5-3.9-11.8-8.7-11.8H3v31.4h5.8v-7.9h2.9c4.8 0 8.7-5.3 8.7-11.8zm-8.7 3.9H8.7v-7.9h2.9c1.6 0 2.9 1.8 2.9 3.9 0 2.2-1.3 3.9-2.9 3.9zm31.8 3.1v-6.1c0-6.7-4.1-12.6-8.7-12.6H23.2v31.4h11.6c4.7 0 8.7-5.8 8.7-12.6zm-5.8 0c0 2.4-1.4 4.8-2.9 4.8H29V57.2h5.8c1.4 0 2.9 2.4 2.9 4.8zM52.1 57.2v7.9h8.7v7.9h-8.7v7.9h-5.8V49.3H63.6v7.9H52.1ZM56.2 2.2H14.5v35.3h5.8V10.1h28.9v23.6h17.3v55h-52v7.9H72.3V24.2L56.2 2.2Zm-1.2 9.5 10.4 14.1H55Z" style="fill: #fff; stroke-width: 0.08"></path> </svg></a> </div>
|
||
<!--ko if: $root.hasDiscardLink() --><!-- /ko -->
|
||
<div class="addedToCart flyout" style="display:none">
|
||
<div class="row flyout-wrapper">
|
||
<b>Added to Cart</b>
|
||
<div class="row flyout-content">
|
||
<div class="spinner-small"></div>
|
||
<div data-bind="html:$root.productAdded"></div>
|
||
<a href="javascript:void(0)">
|
||
View Cart
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<span>Arrow</span>
|
||
<i class="close"></i>
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="row shipping" style="" data-bind="visible: ($root.leadTimeDisplay().trim() == 'true')?true:false">
|
||
<aside class="col100 margin0">
|
||
<!-- ko if:($root.hasNoLeadTimeSelectedItem()==false && $root.maxSelectedLeadTime() > 0 && $root.maxSelectedLeadTime() < 30) --><!-- /ko -->
|
||
|
||
<!-- ko if: ($root.hasNoLeadTimeSelectedItem()==true || $root.maxSelectedLeadTime() <= 0 || $root.maxSelectedLeadTime() >= 30) -->
|
||
<span class="margin0">
|
||
<span>
|
||
<span class="small2 black normal slim pdp-like">
|
||
Please contact your
|
||
</span>
|
||
<span class="small2 blue margin0">
|
||
|
||
Inside Sales Representative
|
||
</span>
|
||
<span class="small2 black slim pdp-like">
|
||
for product availability.
|
||
</span>
|
||
</span>
|
||
</span>
|
||
<!-- /ko -->
|
||
</aside>
|
||
|
||
</div>
|
||
|
||
<div id="disclaimer-flyout" class="modal row no-padding">
|
||
<section class="dialog tooltip-padding">
|
||
<div class="no-padding static">
|
||
<i class="close"></i>
|
||
<h4 class="tooltip-head">Please note</h4>
|
||
<div class="row no-padding">
|
||
<p class="tooltip-default">HPE is not responsible for shipping delays, including delays related to order processing or unexpected increase in demand. The estimated order to ship days displayed are estimates and do not represent a commitment by Hewlett Packard Enterprise to meet such timelines. These estimates are the number of days from acceptance of an order to shipment from a Hewlett-Packard Enterprise factory.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<!-- If `if` statements intimidate you then just collapse all the `if` statements. -->
|
||
<!-- Its not pretty but it was necessary -->
|
||
<!-- ko with: $root.sideBarInfo -->
|
||
<!-- ko if: $data.localizationInfo --><!-- /ko -->
|
||
<!-- ko if: $root.hardwareInfo()-->
|
||
<span><b>Hardware</b></span>
|
||
<!-- ko if: $data.hardwareInfo -->
|
||
<section data-bind="templateWithContext: { name: 'listSelectedSubCatsSideBar', data: hardwareInfo, context: { section: 'hardware' } }">
|
||
<ul data-bind="foreach: $data">
|
||
<!-- ko if: $data -->
|
||
<!-- ko foreach: $data.product -->
|
||
<li class="leaders">
|
||
<a href="javascript:void(0)" class="name">
|
||
<span class="ellipsis" data-bind="text: $data.desc, attr: {title: $data.desc}, css: {'bold': $root.lastUpdatedProduct() == (typeof $data.id !== 'undefined'?$data.id():false)}" title="HPE ProLiant DL385 Gen10 Plus v2 8SFF Configure-to-order Server">HPE ProLiant DL385 Gen10 Plus v2 8SFF Configure-to-order Server</span>
|
||
</a>
|
||
<a href="javascript:void(0)" data-bind="visible: $parent.subCatId || $data.desc, click: function(){$root.activeSection($context.section); $root.expandedSubcats.removeAll();goScroll('subcat_'+$parent.subCatId); $root.expandedSubcats.push($parent.subCatId); $root.expandSubcat($parent.subCatId,'add'); $context.section ==='carepackServices'?showCarePack():''}" class="edit"></a>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data -->
|
||
<!-- ko foreach: $data.product -->
|
||
<li class="leaders">
|
||
<a href="javascript:void(0)" class="name">
|
||
<span class="ellipsis" data-bind="text: $data.desc, attr: {title: $data.desc}, css: {'bold': $root.lastUpdatedProduct() == (typeof $data.id !== 'undefined'?$data.id():false)}" title="HPE ProLiant DL3X5 Gen10 Plus Standard Heat Sink Kit">HPE ProLiant DL3X5 Gen10 Plus Standard Heat Sink Kit</span>
|
||
</a>
|
||
<a href="javascript:void(0)" data-bind="visible: $parent.subCatId || $data.desc, click: function(){$root.activeSection($context.section); $root.expandedSubcats.removeAll();goScroll('subcat_'+$parent.subCatId); $root.expandedSubcats.push($parent.subCatId); $root.expandSubcat($parent.subCatId,'add'); $context.section ==='carepackServices'?showCarePack():''}" class="edit"></a>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data -->
|
||
<!-- ko foreach: $data.product -->
|
||
<li class="leaders">
|
||
<a href="javascript:void(0)" class="name">
|
||
<span class="ellipsis" data-bind="text: $data.desc, attr: {title: $data.desc}, css: {'bold': $root.lastUpdatedProduct() == (typeof $data.id !== 'undefined'?$data.id():false)}" title="HPE 32GB (1x32GB) Dual Rank x4 DDR4-3200 CAS-22-22-22 Registered Smart Memory Kit">HPE 32GB (1x32GB) Dual Rank x4 DDR4-3200 CAS-22-22-22 Registered Smart Memory Kit</span>
|
||
</a>
|
||
<a href="javascript:void(0)" data-bind="visible: $parent.subCatId || $data.desc, click: function(){$root.activeSection($context.section); $root.expandedSubcats.removeAll();goScroll('subcat_'+$parent.subCatId); $root.expandedSubcats.push($parent.subCatId); $root.expandSubcat($parent.subCatId,'add'); $context.section ==='carepackServices'?showCarePack():''}" class="edit"></a>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data -->
|
||
<!-- ko foreach: $data.product -->
|
||
<li class="leaders">
|
||
<a href="javascript:void(0)" class="name">
|
||
<span class="ellipsis" data-bind="text: $data.desc, attr: {title: $data.desc}, css: {'bold': $root.lastUpdatedProduct() == (typeof $data.id !== 'undefined'?$data.id():false)}" title="HPE DL38X Gen10 8 SFF Front Cage Removal FIO Option">HPE DL38X Gen10 8 SFF Front Cage Removal FIO Option</span>
|
||
</a>
|
||
<a href="javascript:void(0)" data-bind="visible: $parent.subCatId || $data.desc, click: function(){$root.activeSection($context.section); $root.expandedSubcats.removeAll();goScroll('subcat_'+$parent.subCatId); $root.expandedSubcats.push($parent.subCatId); $root.expandSubcat($parent.subCatId,'add'); $context.section ==='carepackServices'?showCarePack():''}" class="edit"></a>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data -->
|
||
<!-- ko foreach: $data.product -->
|
||
<li class="leaders">
|
||
<a href="javascript:void(0)" class="name">
|
||
<span class="ellipsis" data-bind="text: $data.desc, attr: {title: $data.desc}, css: {'bold': $root.lastUpdatedProduct() == (typeof $data.id !== 'undefined'?$data.id():false)}" title="HPE DL385G10PlusV2 Standard Riser">HPE DL385G10PlusV2 Standard Riser</span>
|
||
</a>
|
||
<a href="javascript:void(0)" data-bind="visible: $parent.subCatId || $data.desc, click: function(){$root.activeSection($context.section); $root.expandedSubcats.removeAll();goScroll('subcat_'+$parent.subCatId); $root.expandedSubcats.push($parent.subCatId); $root.expandSubcat($parent.subCatId,'add'); $context.section ==='carepackServices'?showCarePack():''}" class="edit"></a>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data -->
|
||
<!-- ko foreach: $data.product -->
|
||
<li class="leaders">
|
||
<a href="javascript:void(0)" class="name">
|
||
<span class="ellipsis" data-bind="text: $data.desc, attr: {title: $data.desc}, css: {'bold': $root.lastUpdatedProduct() == (typeof $data.id !== 'undefined'?$data.id():false)}" title="Marvell QL41132HQRJ Ethernet 10Gb 2-port BASE-T OCP3 Adapter for HPE">Marvell QL41132HQRJ Ethernet 10Gb 2-port BASE-T OCP3 Adapter for HPE</span>
|
||
</a>
|
||
<a href="javascript:void(0)" data-bind="visible: $parent.subCatId || $data.desc, click: function(){$root.activeSection($context.section); $root.expandedSubcats.removeAll();goScroll('subcat_'+$parent.subCatId); $root.expandedSubcats.push($parent.subCatId); $root.expandSubcat($parent.subCatId,'add'); $context.section ==='carepackServices'?showCarePack():''}" class="edit"></a>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data -->
|
||
<!-- ko foreach: $data.product -->
|
||
<li class="leaders">
|
||
<a href="javascript:void(0)" class="name">
|
||
<span class="ellipsis" data-bind="text: $data.desc, attr: {title: $data.desc}, css: {'bold': $root.lastUpdatedProduct() == (typeof $data.id !== 'undefined'?$data.id():false)}" title="HPE 800W Flex Slot Titanium Hot Plug Low Halogen Power Supply Kit">HPE 800W Flex Slot Titanium Hot Plug Low Halogen Power Supply Kit</span>
|
||
</a>
|
||
<a href="javascript:void(0)" data-bind="visible: $parent.subCatId || $data.desc, click: function(){$root.activeSection($context.section); $root.expandedSubcats.removeAll();goScroll('subcat_'+$parent.subCatId); $root.expandedSubcats.push($parent.subCatId); $root.expandSubcat($parent.subCatId,'add'); $context.section ==='carepackServices'?showCarePack():''}" class="edit"></a>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data -->
|
||
<!-- ko foreach: $data.product -->
|
||
<li class="leaders">
|
||
<a href="javascript:void(0)" class="name">
|
||
<span class="ellipsis" data-bind="text: $data.desc, attr: {title: $data.desc}, css: {'bold': $root.lastUpdatedProduct() == (typeof $data.id !== 'undefined'?$data.id():false)}" title="HPE Remove Standard Power Cords">HPE Remove Standard Power Cords</span>
|
||
</a>
|
||
<a href="javascript:void(0)" data-bind="visible: $parent.subCatId || $data.desc, click: function(){$root.activeSection($context.section); $root.expandedSubcats.removeAll();goScroll('subcat_'+$parent.subCatId); $root.expandedSubcats.push($parent.subCatId); $root.expandSubcat($parent.subCatId,'add'); $context.section ==='carepackServices'?showCarePack():''}" class="edit"></a>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</ul>
|
||
</section>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $data.hardwareInfo || $root.hardwareInfo()--><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: ($root.servicesInfo() && $root.servicesInfo().subCategories && $root.servicesInfo().subCategories().length > 0) || $root.carepackServicesInfo() -->
|
||
<span><b>Service & Support</b></span>
|
||
<!-- ko if: $data.servicesInfo || $data.carepackServicesInfo -->
|
||
<!-- ko if: $data.servicesInfo -->
|
||
<section data-bind="templateWithContext: { name: 'listSelectedSubCatsSideBar', data: servicesInfo, context: { section: 'services' } }">
|
||
<ul data-bind="foreach: $data">
|
||
<!-- ko if: $data -->
|
||
<!-- ko foreach: $data.product -->
|
||
<li class="leaders">
|
||
<a href="javascript:void(0)" class="name">
|
||
<span class="ellipsis" data-bind="text: $data.desc, attr: {title: $data.desc}, css: {'bold': $root.lastUpdatedProduct() == (typeof $data.id !== 'undefined'?$data.id():false)}" title="HPE 5Y Tech Care Basic Service">HPE 5Y Tech Care Basic Service</span>
|
||
</a>
|
||
<a href="javascript:void(0)" data-bind="visible: $parent.subCatId || $data.desc, click: function(){$root.activeSection($context.section); $root.expandedSubcats.removeAll();goScroll('subcat_'+$parent.subCatId); $root.expandedSubcats.push($parent.subCatId); $root.expandSubcat($parent.subCatId,'add'); $context.section ==='carepackServices'?showCarePack():''}" class="edit"></a>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data -->
|
||
<!-- ko foreach: $data.product -->
|
||
<li class="leaders">
|
||
<a href="javascript:void(0)" class="name">
|
||
<span class="ellipsis" data-bind="text: $data.desc, attr: {title: $data.desc}, css: {'bold': $root.lastUpdatedProduct() == (typeof $data.id !== 'undefined'?$data.id():false)}" title="HPE ProLiant Door/dock Medium Logistic Service">HPE ProLiant Door/dock Medium Logistic Service</span>
|
||
</a>
|
||
<a href="javascript:void(0)" data-bind="visible: $parent.subCatId || $data.desc, click: function(){$root.activeSection($context.section); $root.expandedSubcats.removeAll();goScroll('subcat_'+$parent.subCatId); $root.expandedSubcats.push($parent.subCatId); $root.expandSubcat($parent.subCatId,'add'); $context.section ==='carepackServices'?showCarePack():''}" class="edit"></a>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data -->
|
||
<!-- ko foreach: $data.product -->
|
||
<li class="leaders">
|
||
<a href="javascript:void(0)" class="name">
|
||
<span class="ellipsis" data-bind="text: $data.desc, attr: {title: $data.desc}, css: {'bold': $root.lastUpdatedProduct() == (typeof $data.id !== 'undefined'?$data.id():false)}" title="HPE iLO Advanced 1-server License with 1yr Support on iLO Licensed Features">HPE iLO Advanced 1-server License with 1yr Support on iLO Licensed Features</span>
|
||
</a>
|
||
<a href="javascript:void(0)" data-bind="visible: $parent.subCatId || $data.desc, click: function(){$root.activeSection($context.section); $root.expandedSubcats.removeAll();goScroll('subcat_'+$parent.subCatId); $root.expandedSubcats.push($parent.subCatId); $root.expandSubcat($parent.subCatId,'add'); $context.section ==='carepackServices'?showCarePack():''}" class="edit"></a>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: $data -->
|
||
<!-- ko foreach: $data.product -->
|
||
<li class="leaders">
|
||
<a href="javascript:void(0)" class="name">
|
||
<span class="ellipsis" data-bind="text: $data.desc, attr: {title: $data.desc}, css: {'bold': $root.lastUpdatedProduct() == (typeof $data.id !== 'undefined'?$data.id():false)}" title="HPE 5Y Tech Care Basic Service">HPE 5Y Tech Care Basic Service</span>
|
||
</a>
|
||
<a href="javascript:void(0)" data-bind="visible: $parent.subCatId || $data.desc, click: function(){$root.activeSection($context.section); $root.expandedSubcats.removeAll();goScroll('subcat_'+$parent.subCatId); $root.expandedSubcats.push($parent.subCatId); $root.expandSubcat($parent.subCatId,'add'); $context.section ==='carepackServices'?showCarePack():''}" class="edit"></a>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</ul>
|
||
</section>
|
||
<!-- /ko -->
|
||
<!-- ko if: $data.carepackServicesInfo --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !$data.servicesInfo && !$data.carepackServicesInfo --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: ( $root.accessoriesInfo() && $root.accessoriesInfo().subCategories && $root.accessoriesInfo().subCategories().length > 0) || $root.eprimeAccessoriesInfo() -->
|
||
<span><b>Accessories</b></span>
|
||
<!-- ko if: $data.accessoriesInfo || $data.eprimeAccessoriesInfo -->
|
||
<!-- ko if: $data.accessoriesInfo -->
|
||
<section data-bind="templateWithContext: { name: 'listSelectedSubCatsSideBar', data: accessoriesInfo, context: { section: 'accessories' } }">
|
||
<ul data-bind="foreach: $data">
|
||
<!-- ko if: $data -->
|
||
<!-- ko foreach: $data.product -->
|
||
<li class="leaders">
|
||
<a href="javascript:void(0)" class="name">
|
||
<span class="ellipsis" data-bind="text: $data.desc, attr: {title: $data.desc}, css: {'bold': $root.lastUpdatedProduct() == (typeof $data.id !== 'undefined'?$data.id():false)}" title="HPE DL38X Gen10 Plus 2U SFF Easy Install Rail Kit">HPE DL38X Gen10 Plus 2U SFF Easy Install Rail Kit</span>
|
||
</a>
|
||
<a href="javascript:void(0)" data-bind="visible: $parent.subCatId || $data.desc, click: function(){$root.activeSection($context.section); $root.expandedSubcats.removeAll();goScroll('subcat_'+$parent.subCatId); $root.expandedSubcats.push($parent.subCatId); $root.expandSubcat($parent.subCatId,'add'); $context.section ==='carepackServices'?showCarePack():''}" class="edit"></a>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</ul>
|
||
</section>
|
||
<!-- /ko -->
|
||
<!-- ko if: $data.eprimeAccessoriesInfo --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !$data.accessoriesInfo && !$data.eprimeAccessoriesInfo --><!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="row footer">
|
||
<b class="col50 fs16px y-margin05">Export Summary</b>
|
||
<div class="col50 cool">
|
||
<select id="exportSelector" class="selecter_basic scrollbar selecter-element" data-bind="event: {change:function(data,event){ $root.exportButton(event);} }">
|
||
<option id="SELECT">Select a Format</option>
|
||
<option id="DOC">DOC</option>
|
||
<option id="XLS">XLS</option>
|
||
<option id="CSV">CSV</option>
|
||
<option id="PDF">PDF</option>
|
||
<option id="EMAIL">Email</option>
|
||
<option id="PRINT">Print</option>
|
||
</select><div class="selecter scrollbar closed"><i class="bar"></i><span class="selecter-selected">Select a Format</span><div class="selecter-options"><span class="selecter-item selected first" data-value="Select a Format">Select a Format<i class="barder"></i></span><span class="selecter-item" data-value="DOC">DOC<i class="barder"></i></span><span class="selecter-item" data-value="XLS">XLS<i class="barder"></i></span><span class="selecter-item" data-value="CSV">CSV<i class="barder"></i></span><span class="selecter-item" data-value="PDF">PDF<i class="barder"></i></span><span class="selecter-item" data-value="Email">Email<i class="barder"></i></span><span class="selecter-item last" data-value="Print">Print<i class="barder"></i></span></div></div>
|
||
</div>
|
||
<a href="javascript:void(0)" data-bind="click: function(data,element){ $root.routeExport(data,$('#exportSelector')); }, text: $root.exportBtnTxt()" class="col100 uppercase xsmall text-blue align-right y-margin05"></a>
|
||
<span class="bar"></span></div>
|
||
<a href="javascript:void(0)" class="refresh text-blue" data-bind="click: function(){$root.refreshData()}">
|
||
Reset Options to Default
|
||
</a>
|
||
</nav>
|
||
|
||
</section>
|
||
</div>
|
||
<!-- /ko -->
|
||
|
||
<div id="emailpopupbox" style="display: none;" data-bind="visible: $root.modal.forErrorEmailModalPopup()">
|
||
<div class="modal row show"></div>
|
||
<div class="modal-inner padding0 show">
|
||
<section class="dialog">
|
||
<div class="row">
|
||
<i class="close" data-bind="click: function(){ $root.modal.forErrorEmailModalPopup(!$root.modal.forErrorEmailModalPopup()); }"></i>
|
||
<div class="row">
|
||
<ul>
|
||
<!-- ko if: $root.errorEmailText() --><!-- /ko -->
|
||
</ul>
|
||
<p class="col100">CTO Export Email</p>
|
||
<input class="col100 border" type="email" name="emailaddress" id="emailaddress" placeholder="Email Address">
|
||
<aside class="right">
|
||
<input type="button" class="secondary" value="Close" data-bind="click: function(){ $root.modal.forErrorEmailModalPopup(!$root.modal.forErrorEmailModalPopup()); }">
|
||
<input type="button" class="primary" value="Go" data-bind="click: function(data,element){ $root.emailData(data,$('#emailaddress') ); }">
|
||
</aside>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<div class="main-push"></div>
|
||
|
||
|
||
|
||
|
||
|
||
<script type="text/html" id="column-header">
|
||
<div class="header row">
|
||
<div class="col25">
|
||
Category
|
||
</div>
|
||
<div class="col35">
|
||
Description
|
||
</div>
|
||
<div class="col15 align-left">
|
||
Part
|
||
</div>
|
||
<div class="col5 center">
|
||
Qty
|
||
</div>
|
||
<div class="col5 center">
|
||
|
||
</div>
|
||
<!-- ko if:$root.orgPriceDisplay != 'none' -->
|
||
<div class="col15 align-right">
|
||
Price
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
</script>
|
||
|
||
<script type="text/html" id="subcategories">
|
||
<!-- ko if:(typeof subCategories !== "undefined") -->
|
||
<!-- ko foreach:subCategories -->
|
||
<!-- ko if:!readOnly() && visible() && (id().indexOf('_QTY') == -1) -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) < 0 || $data.products().length < 1), css: $data.products().length > 0?'':'none'">
|
||
<li class="row" data-bind="css: $root.isProdVisible($data)?'config-inactive pointer':'faux-disc', attr:{id:'subcat_'+$data.id()}">
|
||
<div class="row fs85em cto-subcat-col" data-bind="css: $data.products().length>1?'':''">
|
||
<!-- ko if: $root.isProdVisible($data) -->
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}"></span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:csticShortText,attr:{title:csticShortText}"></span>
|
||
<!-- /ko -->
|
||
<!-- ko if:required -->*<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: !$root.isProdVisible($data)-->
|
||
<div class="col25 b-indent ellipsis">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName,attr:{title:displayName}"></span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:csticShortText,attr:{title:csticShortText}"></span>
|
||
<!-- /ko -->
|
||
<!-- ko if:required -->*<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
|
||
|
||
<div class="col75 rcolumn">
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:$data.selected() -->
|
||
<div class="clear col100 rcolumn">
|
||
<!-- ko if: $parent.multiValue() -->
|
||
<div class="padSelection"></div>
|
||
<div class="first-invisible col25"> </div>
|
||
<!-- /ko -->
|
||
|
||
<div class="col46 ellipsis">
|
||
<!-- ko if: id != '' || (id == '' && selected()) -->
|
||
<span data-bind="text:desc,attr:{title:desc}"></span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-left">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId"></span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: productId -->
|
||
<span> </span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col5 center">
|
||
<!-- ko if:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') -->
|
||
<span data-bind="text:$data.attributes()[0].value"></span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:($data.attributes() && $data.attributes().length>0 && $data.attributes()[0].id()=='selectedQty') -->
|
||
<span> </span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="column6 center" style="position: relative;left: 20px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
<div id ="hpepreferred-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">HPE Preferred</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) -->
|
||
<div id ="mainstream-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Mainstream products are top selling options with short lead times and assured supply.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) -->
|
||
<div id="custom-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Product could lead to delays in Shipping.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: $data.price() != -1 && $data.price() != 0 && $root.orgPriceDisplay == 'all' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '"></span>
|
||
<span data-bind="text:price"></span>
|
||
<!-- /ko -->
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</div>
|
||
</li>
|
||
<li class="row">
|
||
<!-- ko if: $data.messages().length > 0 -->
|
||
<!-- ko if: $root.isSelectionError -->
|
||
<!-- ko foreach: $data.messages() -->
|
||
<!-- ko if: $data.type() == 'error' -->
|
||
<div class="banded-cto-error">
|
||
<p><span data-bind="html: $data.text"></span></p>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.isConfigRootOrgID -->
|
||
<!-- ko if: $data.type() == 'info' -->
|
||
<div class="banded-cto-info">
|
||
<p><span data-bind="html: $data.text"></span> </p>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if: $data.type() == 'warning' -->
|
||
<div class="banded-cto-warning">
|
||
<p><span data-bind="html: $data.text"></span> </p>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
|
||
</li>
|
||
</ul>
|
||
<!-- ko if: ($root.expandedSubcats.indexOf($data.id()) > -1) -->
|
||
<ul class="selected fs85em expandedSubcatMainstream" data-bind="visible: $root.expandedSubcats.indexOf(id()) > -1, attr:{id:'subcat_'+id()}">
|
||
<li class="row" data-bind="css: {'config-active':$root.expandedSubcats.indexOf(id()) > -1}">
|
||
<div class="col24 b-indent" data-bind="click: function(){ $root.expandSubcat($data.id(),'delete'); }">
|
||
<!-- ko if:$root.hasDisplayName($data) -->
|
||
<span data-bind="text:$data.displayName,attr:{title:$data.displayName}"></span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) -->
|
||
<span data-bind="text:csticShortText,attr:{title:csticShortText}"></span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<!-- ko if: $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && $data.hasCustomSKU() == true -->
|
||
<div class="col75 mainstream-alert" style="display: none !important;">
|
||
** There are no Mainstream products available. Please use the toggle to show potential alternatives.
|
||
</div>
|
||
<!-- /ko -->
|
||
</li>
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && $root.ctoInfo().toggleVisibility == true && $root.mainstreamToggle() == true && ($data.isMainstream() == true || $data.selected() == true || ($parent.hasMainStreamSKU() == false && $parent.hasCustomSKU() == false)) -->
|
||
<li class="row mainstream-selected">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") -->
|
||
<input type="radio" data-bind="hpRadioCheck:{}, checked: $parent.selectedProducts()[0], click: function(data,element){ $root.selectProduct($data, $parent); $root.validateSelection(element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index(),name:$parent.id()+'_'+$parent}">
|
||
<!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")-->
|
||
<input type="checkBox" data-bind="hpRadioCheck:{}, checked: $parent.selectedProducts(), enable: (($data.header && $data.header()[0] && $data.header()[0].required())==='true')?false:true, click: function(data,element){ $root.selectProduct($data, $parent); $root.validateSelection(element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}">
|
||
<!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") -->
|
||
<!-- ko if: $data.id() != "none" && $data.id() != "ACE_NONE" && $data.id().trim() != "" && $data.id() != "NA" -->
|
||
<div class="numberType">
|
||
<input type="hidden"/>
|
||
<input type="text" min="0" maxlength:8 class="numberFormat" data-bind="value: $data.attributes()[0].value, event:{ blur: function(data,element){ $root.setSelectedProductsFlag($data, $parent);$root.selectProduct($data, $parent);$root.totalPrice($root);$root.validateSelection(element,$data,$parent,false, true);}}"/>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}"></span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())-->
|
||
<div class="note noteLeadTime tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<a href="#" class="black lineitemprodid" data-bind="html:productId"></a>
|
||
<div class="row fly-away" style="display: none;">
|
||
<p class="row">
|
||
<!-- ko if:$data.days()< 30 -->
|
||
<span data-bind="html:$root.returnLocalizedLeadTimeMessage($data.days())"></span>
|
||
<!-- /ko -->
|
||
<!-- ko if:$data.days()>= 30-->
|
||
<span class="margin0">
|
||
<span>
|
||
<span class="small2 black normal slim pdp-like">Please contact your </span>
|
||
<span class="small2 black margin0">Inside Sales Representative </span>
|
||
<span class="small2 black slim pdp-like">for product availability.</span>
|
||
</span>
|
||
</span>
|
||
<!-- /ko -->
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId"></span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))-->
|
||
<div class="note noteLeadTime tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<a href="#" class="black lineitemprodid" data-bind="html:productId"></a>
|
||
<div class="row fly-away" style="display: none;">
|
||
<p class="row">
|
||
<span>Estimated ship time is not available. Please contact your Inside Sales Representative for product availability</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
<div id ="hpepreferred-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">HPE Preferred</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) -->
|
||
<div id ="mainstream-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Mainstream products are top selling options with short lead times and assured supply.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) -->
|
||
<div id="custom-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Product could lead to delays in Shipping.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '"></span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)"></span>
|
||
<!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '"></span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)"></span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- ko if: $data.id().trim() != "" && $data.id() != "RESETALL" && ($root.ctoInfo().toggleVisibility == false || $root.mainstreamToggle() == false) -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
|
||
|
||
<div class="col35 ellipsis">
|
||
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") -->
|
||
<input type="radio" data-bind="hpRadioCheck:{}, checked: $parent.selectedProducts()[0], click: function(data,element){ $root.selectProduct($data, $parent); $root.validateSelection(element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index(),name:$parent.id()+'_'+$parent}">
|
||
<!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")-->
|
||
<input type="checkBox" data-bind="hpRadioCheck:{}, checked: $parent.selectedProducts(), enable: (($data.header && $data.header()[0] && $data.header()[0].required())==='true')?false:true, click: function(data,element){ $root.selectProduct($data, $parent); $root.validateSelection(element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}">
|
||
<!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") -->
|
||
<!-- ko if: $data.id() != "none" && $data.id() != "ACE_NONE" && $data.id().trim() != "" && $data.id() != "NA" -->
|
||
<div class="numberType">
|
||
<input type="hidden"/>
|
||
<input type="text" min="0" maxlength:8 class="numberFormat" data-bind="value: $data.attributes()[0].value, event:{ blur: function(data,element){ $root.setSelectedProductsFlag($data, $parent);$root.selectProduct($data, $parent);$root.totalPrice($root);$root.validateSelection(element,$data,$parent,false, true);}}"/>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<span class="lineitemdesc" data-bind="text:desc,attr:{title:desc}"></span>
|
||
</div>
|
||
|
||
|
||
|
||
<div class="col15 align-left" style="padding-left: 5px;">
|
||
<!-- ko if:productId -->
|
||
|
||
<!-- ko if:(!$data.selected() && $data.days && $data.days().length >= 1 && $data.days() > $root.maxSelectedLeadTime())-->
|
||
<div class="note noteLeadTime tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<a href="#" class="black lineitemprodid" data-bind="html:productId"></a>
|
||
<div class="row fly-away" style="display: none;">
|
||
<p class="row">
|
||
<!-- ko if:$data.days()< 30 -->
|
||
<span data-bind="html:$root.returnLocalizedLeadTimeMessage($data.days())"></span>
|
||
<!-- /ko -->
|
||
<!-- ko if:$data.days()>= 30-->
|
||
<span class="margin0">
|
||
<span>
|
||
<span class="small2 black normal slim pdp-like">Please contact your </span>
|
||
<span class="small2 black margin0">Inside Sales Representative </span>
|
||
<span class="small2 black slim pdp-like">for product availability.</span>
|
||
</span>
|
||
</span>
|
||
<!-- /ko -->
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:(($data.selected() && $data.days && $data.days().length >= 1) || (!$data.selected() && $data.days && $data.days() <= $root.maxSelectedLeadTime()))-->
|
||
<span class="lineitemprodid" data-bind="text:productId"></span>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.selected() && (!$data.days || $data.days().length < 1))-->
|
||
<div class="note noteLeadTime tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<a href="#" class="black lineitemprodid" data-bind="html:productId"></a>
|
||
<div class="row fly-away" style="display: none;">
|
||
<p class="row">
|
||
<span>Estimated ship time is not available. Please contact your Inside Sales Representative for product availability</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:productId -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col9 align-right" style="position: relative;left: 32px;">
|
||
<!-- ko if: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
<div class="col50">
|
||
<!-- ko if:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
<div id ="hpepreferred-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">HPE Preferred</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:($data.isHpePreferred && $data.isHpePreferred()==true) -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col50">
|
||
<!-- ko if:($data.isMainstream && $data.isMainstream()==true) -->
|
||
<div id ="mainstream-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Mainstream products are top selling options with short lead times and assured supply.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko if:($data.isCustom && $data.isCustom()==true) -->
|
||
<div id="custom-icon" class="note tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="opacity: 0; display: none;">
|
||
<p class="row">
|
||
<span class="block black">Product could lead to delays in Shipping.</span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: ($data.id().trim() != "" && $data.id() != "none_item") -->
|
||
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!= 0 && price()!= -1 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '"></span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)"></span>
|
||
<!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '"></span>
|
||
<span class="lineitemprice" data-bind="text:$root.productPrice($data, $parent)"></span>
|
||
<!-- /ko -->
|
||
</div>
|
||
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<i class="bar"></i>
|
||
</ul>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && readOnly() && (typeof quantitySubCat != 'undefined') && quantitySubCat.visible() -->
|
||
<ul class="row" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) == -1)">
|
||
<li class="row config-inactive pointer">
|
||
<div class="col25 b-indent ellipsis" data-bind="click: function(){ $root.expandSubcat($data.id(),'add'); }">
|
||
<span data-bind="text:quantitySubCat.csticShortText, attr:{title:quantitySubCat.csticShortText()}"></span>
|
||
<!-- ko if:required -->*<!-- /ko -->
|
||
</div>
|
||
<!-- ko foreach:quantitySubCat.idList() -->
|
||
<!-- ko if: desc() == $parent.quantitySubCat.qtyDesc() -->
|
||
<div class="col45 ellipsis">
|
||
<span data-bind="text:desc,attr:{title:desc()}"></span>
|
||
</div>
|
||
<div class="col15">
|
||
<span data-bind="text:$parent.products()[0].productId"></span>
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: $root.orgPriceDisplay == 'all' && desc() > 0 -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '"></span>
|
||
<span data-bind="text: ('+'+$parent.products()[0].price() * desc()+'.00')"></span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</li>
|
||
</ul>
|
||
|
||
<ul class="selected fs85em" data-bind="visible: ($root.expandedSubcats.indexOf($data.id()) > -1)">
|
||
<li class="row config-active pointer">
|
||
<div class="col00 b-indent" data-bind="click: function(){ $root.expandSubcat($data.id(),'delete'); }">
|
||
<span data-bind="text:quantitySubCat.csticShortText, attr:{title:quantitySubCat.csticShortText()}"></span>
|
||
<!-- ko if:required -->*<!-- /ko -->
|
||
</div>
|
||
</li>
|
||
<!-- ko foreach:quantitySubCat.idList() -->
|
||
<li class="row">
|
||
<div class="offset25"></div>
|
||
<div class="col45 ellipsis">
|
||
<input type="radio" data-bind="hpRadioCheck:{}, checked: $parent.quantitySubCat.qtyDesc(), click: function(data,element){ $root.selectProduct($data, $parent); $root.validateSelection(element,$data,$parent,false, true); return true;}, value:desc(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index(),name:$parent.id()+'_'+$parent}">
|
||
<span data-bind="text:desc,attr:{title:desc()}"></span>
|
||
</div>
|
||
<div class="col15">
|
||
<span data-bind="text:$parent.products()[0].productId"></span>
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name" data-bind="visible: desc() != $parent.quantitySubCat.qtyDesc(), text: ($parent.products()[0].price() * desc()) - ($parent.products()[0].price() * $parent.quantitySubCat.qtyDesc())"></span>
|
||
<!-- /ko -->
|
||
</div>
|
||
</li>
|
||
<!-- /ko -->
|
||
<i class="bar"></i>
|
||
</ul>
|
||
<!-- /ko -->
|
||
<!-- ko if: visible() && readOnly() -->
|
||
<!-- ko if:products != undefined && products() != undefined && products().length>0-->
|
||
<ul>
|
||
<li class="row">
|
||
<div class="col25 b-indent ellipsis">
|
||
<!-- ko if:$root.hasDisplayName($data) -->
|
||
<span data-bind="text:displayName, attr:{title:displayName}"></span>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot:$root.hasDisplayName($data) -->
|
||
<span data-bind="text:csticShortText, attr:{title:csticShortText}"></span>
|
||
<!-- /ko -->
|
||
<!-- ko if:required -->*<!-- /ko -->
|
||
</div>
|
||
<!-- ko foreach:products -->
|
||
<!-- ko if:selected -->
|
||
<div class="col45 ellipsis">
|
||
<!-- ko if:id != '' || (id.trim() == '' && selected()) -->
|
||
<span data-bind="text:desc,attr:{title:desc}"></span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col15">
|
||
<!-- ko if:productId -->
|
||
<span class="black lineitemprodid" data-bind="text:productId"></span>
|
||
<!-- /ko -->
|
||
<!-- ko if:productId().trim() == "" -->
|
||
<span> </span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col15 align-right">
|
||
<!-- ko if: $data.price() != -1 && $root.orgPriceDisplay == 'all' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency.trim().split(' ')[0] + ' '"></span>
|
||
<span data-bind="text:price"></span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</li>
|
||
</ul>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</script>
|
||
<script type="text/html" id="sidebar">
|
||
<section class="col25 tablet30 mobile100 min18 right">
|
||
<!-- ko if:$root.disclaimer() -->
|
||
<p class="align-right b-margin1" data-bind="text:$root.disclaimer"> </p>
|
||
<!-- /ko -->
|
||
|
||
<nav class="rightside follow-content">
|
||
<div class="header center">
|
||
<h3 class="thin mediumbold">
|
||
Summary
|
||
</h3>
|
||
<sub>
|
||
<span class="cto-metric-light">REFERENCE MODEL ID</span>
|
||
|
||
<span class="ref_mod_num semibold black" data-bind="text:$data.configurationId"></span>
|
||
</sub>
|
||
|
||
<!--ko if :$root.isPriceRequested-->
|
||
<div class="row b-padding025">
|
||
<span class="productMetriclight left">Standard Net Price</span>
|
||
<span data-bind="if: $root.isPriceRequested">
|
||
|
||
<span class="productMetriclight right">
|
||
<span data-bind="visible:headerData.displayCurrency, text:headerData.displayCurrency"></span>
|
||
<span data-bind="visible:!(headerData.displayCurrency), text:headerData.currency"></span>
|
||
<del><span class="black line-height1"
|
||
data-bind=" text: $root.originalPrice()">
|
||
</span></del>
|
||
|
||
</span>
|
||
</span>
|
||
</div>
|
||
<div class="row b-padding214em">
|
||
<span class="" data-bind="css:{'none':$root.totalSavings() <= 0}">
|
||
<span class="productMetriclight left">Total Savings</span>
|
||
<span data-bind="if: $root.isPriceRequested">
|
||
|
||
<span class="productMetriclight right">
|
||
<span data-bind="visible:headerData.displayCurrency, text:headerData.displayCurrency"></span>
|
||
<span data-bind="visible:!(headerData.displayCurrency), text:headerData.currency"></span>
|
||
<!-- ko if: $root.totalSavings != undefined-->
|
||
<span data-bind="css:{'textstrike':$root.totalSavings <= 0},text:$root.totalSavings" class="black line-height1" ></span>
|
||
<!-- /ko -->
|
||
|
||
</span>
|
||
</span>
|
||
</span>
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="row padding075 center">
|
||
<!--ko ifnot: $root.instantPriceEnabled-->
|
||
<p class="b-vertical">
|
||
<sub class="b-vertical line-height3 cto-metric-light" data-bind=" text:'Total Price '"></sub>
|
||
</p>
|
||
<!--/ko-->
|
||
<!--ko if: $root.instantPriceEnabled-->
|
||
<!--ko ifnot :$root.isPriceRequested-->
|
||
<p class="b-vertical">
|
||
<sub class="b-vertical line-height3 cto-metric-light" data-bind=" text:'Standard Net Price '"></sub>
|
||
</p>
|
||
<!--/ko-->
|
||
<!--ko if :$root.isPriceRequested-->
|
||
<p class="b-vertical">
|
||
<sub class="b-vertical line-height3 cto-metric-light" data-bind="text:'Discounted Price '"></sub>
|
||
</p>
|
||
<!--/ko-->
|
||
<!--/ko-->
|
||
|
||
<span class="fs20px metriclight" data-bind="text:headerData.currency"></span>
|
||
<span class="fs32px semibold" data-bind=" text: $root.totalPrice()"></span>
|
||
|
||
<span data-bind="if: $root.instantPriceEnabled">
|
||
<span data-bind="ifnot: $root.isPriceRequested">
|
||
<!-- ko if: $root.totalSavings() == '' || $root.lastUpdatedProduct() != undefined -->
|
||
|
||
<div class="note price-Optimus tooltip tooltip-hover fixtop t-fixright m-fixright inline-block">
|
||
<div class="row fly-away align-left" style="display: none;">
|
||
<p class="row">
|
||
<span class="block black">This product has Standard Net Price as this product is not part of your custom offering/contract. </span>
|
||
</p>
|
||
<span class="arrow_pointer"></span>
|
||
<span class="arrow_pointer-new"></span>
|
||
</div>
|
||
</div>
|
||
<!--/ko-->
|
||
</span>
|
||
</span>
|
||
|
||
<!--ko if: $root.instantPriceEnabled -->
|
||
<!--ko ifnot :$root.isPriceRequested-->
|
||
<!-- ko if: $root.totalSavings() == '' || $root.lastUpdatedProduct() != undefined -->
|
||
<p class="row fixbottom line-height3" >
|
||
<span class="optimus">
|
||
<a href="javascript:void(0)"><span class="request-price" data-bind="click:function(){$root.productRequestPriceLink({TargetName: 'PriceRequested', KeyProductType: 'Product', ProductSKU: sku},this); }">Check For Discounted Price</span></a>
|
||
</span>
|
||
|
||
</p>
|
||
<!--/ko-->
|
||
<!--/ko-->
|
||
<!--/ko-->
|
||
<!--ko if : $root.displayErrorDialog-->
|
||
<p class="row fixbottom line-height3" id="add-to-cart">
|
||
<span class="add-to-cart-icon" data-bind="text: getBigOrangeTxt(), click:$root.displayAddToCartErrorDialog">Add to Cart</span>
|
||
<!--input class="special-addtocart col100 tablet100 mobile100 button-longtext" type="button"
|
||
data-bind="value: getBigOrangeTxt(), click:$root.displayAddToCartErrorDialog" /-->
|
||
</p>
|
||
<!-- /ko -->
|
||
<!--ko ifnot : $root.displayErrorDialog-->
|
||
<p class="row tooltip tooltip-clicked fixbottom t-margin1" id="add-to-cart">
|
||
<span class="add-to-cart-icon" data-bind="text: getBigOrangeTxt(), click:$root.addToCart">Add to Cart</span>
|
||
</p>
|
||
<!--ko if: $root.hasDiscardLink() -->
|
||
<p class="center">
|
||
<!--ko if: ($root.documentDocType=='NewFavorite'|| $root.documentDocType=='ExistingFavorite') -->
|
||
<a href="javascript:void(0)" data-bind="click: function(){$root.discardChangesFromCreateFav({favoriteName:$root.favoriteName,favoriteDescription:$root.favoriteDescription,documentDocType:$root.documentDocType,CDBUUID:$root.cdbUUID}, $root.urlFavoriteDiscard) }" class="mobile100 medium width12em inline-block t-margin12px">Discard changes and return</a>
|
||
<!-- /ko -->
|
||
<!--ko ifnot: ($root.documentDocType=='NewFavorite'|| $root.documentDocType=='ExistingFavorite') -->
|
||
<a href="javascript:void(0)" data-bind="click: function(){$root.discardChangesFromEditConfig()}" class="mobile100 medium width12em inline-block t-margin12px">Discard changes and return</a>
|
||
<!-- /ko -->
|
||
</p>
|
||
<!-- /ko -->
|
||
<div class="addedToCart flyout" style="display:none">
|
||
<div class="row flyout-wrapper">
|
||
<b>Added to Cart</b>
|
||
<div class="row flyout-content">
|
||
<div class="spinner-small"></div>
|
||
<div data-bind="html:$root.productAdded"></div>
|
||
<a href="javascript:void(0)">
|
||
View Cart
|
||
</a>
|
||
</div>
|
||
</div>
|
||
<span>Arrow</span>
|
||
<i class="close"></i>
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="row shipping" style="display:none;" data-bind="visible: ($root.leadTimeDisplay().trim() == 'true')?true:false">
|
||
<aside class="col100 margin0">
|
||
<!-- ko if:($root.hasNoLeadTimeSelectedItem()==false && $root.maxSelectedLeadTime() > 0 && $root.maxSelectedLeadTime() < 30) -->
|
||
<span class="small2 normal">
|
||
Estimated to ship in
|
||
<a href="javascript:void(0);" class="disclaimer">
|
||
<span class="blue-txt small2 normal">*</span>
|
||
</a>
|
||
</span><br />
|
||
<span class="ship-deliver margin0">
|
||
<span data-bind="text: $root.maxSelectedLeadTime()"></span>
|
||
<span data-bind="text:$data.totalDays"></span> Business Days
|
||
</span>
|
||
<!-- /ko -->
|
||
|
||
<!-- ko if: ($root.hasNoLeadTimeSelectedItem()==true || $root.maxSelectedLeadTime() <= 0 || $root.maxSelectedLeadTime() >= 30) -->
|
||
<span class="margin0">
|
||
<span>
|
||
<span class="small2 black normal slim pdp-like">
|
||
Please contact your
|
||
</span>
|
||
<span class="small2 blue margin0">
|
||
|
||
Inside Sales Representative
|
||
</span>
|
||
<span class="small2 black slim pdp-like">
|
||
for product availability.
|
||
</span>
|
||
</span>
|
||
</span>
|
||
<!-- /ko -->
|
||
</aside>
|
||
|
||
</div>
|
||
|
||
<div id="disclaimer-flyout" class="modal row no-padding">
|
||
<section class="dialog tooltip-padding">
|
||
<div class="no-padding static">
|
||
<i class="close"></i>
|
||
<h4 class="tooltip-head">Please note</h4>
|
||
<div class="row no-padding">
|
||
<p class="tooltip-default">HPE is not responsible for shipping delays, including delays related to order processing or unexpected increase in demand. The estimated order to ship days displayed are estimates and do not represent a commitment by Hewlett Packard Enterprise to meet such timelines. These estimates are the number of days from acceptance of an order to shipment from a Hewlett-Packard Enterprise factory.</p>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
|
||
<div class="row">
|
||
<!-- If `if` statements intimidate you then just collapse all the `if` statements. -->
|
||
<!-- Its not pretty but it was necessary -->
|
||
<!-- ko with: $root.sideBarInfo -->
|
||
<!-- ko if: $data.localizationInfo -->
|
||
<span><b>Localization</b></span>
|
||
<section data-bind="templateWithContext: { name: 'listSelectedSubCatsSideBar', data: localizationInfo, context: { section: 'localization' } }"></section>
|
||
<!-- /ko -->
|
||
<!-- ko if: $root.hardwareInfo()-->
|
||
<span><b>Hardware</b></span>
|
||
<!-- ko if: $data.hardwareInfo -->
|
||
<section data-bind="templateWithContext: { name: 'listSelectedSubCatsSideBar', data: hardwareInfo, context: { section: 'hardware' } }"></section>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $data.hardwareInfo || $root.hardwareInfo()-->
|
||
<section data-bind="templateWithContext: { name: 'listNoneSelectedSubCatsSideBar' }"></section>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: ($root.servicesInfo() && $root.servicesInfo().subCategories && $root.servicesInfo().subCategories().length > 0) || $root.carepackServicesInfo() -->
|
||
<span><b>Service & Support</b></span>
|
||
<!-- ko if: $data.servicesInfo || $data.carepackServicesInfo -->
|
||
<!-- ko if: $data.servicesInfo -->
|
||
<section data-bind="templateWithContext: { name: 'listSelectedSubCatsSideBar', data: servicesInfo, context: { section: 'services' } }"></section>
|
||
<!-- /ko -->
|
||
<!-- ko if: $data.carepackServicesInfo -->
|
||
<section data-bind="templateWithContext: { name: 'listSelectedSubCatsSideBar', data: carepackServicesInfo, context: { section: 'carepackServices' } }"></section>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !$data.servicesInfo && !$data.carepackServicesInfo -->
|
||
<section data-bind="templateWithContext: { name: 'listNoneSelectedSubCatsSideBar' }"></section>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: ( $root.accessoriesInfo() && $root.accessoriesInfo().subCategories && $root.accessoriesInfo().subCategories().length > 0) || $root.eprimeAccessoriesInfo() -->
|
||
<span><b>Accessories</b></span>
|
||
<!-- ko if: $data.accessoriesInfo || $data.eprimeAccessoriesInfo -->
|
||
<!-- ko if: $data.accessoriesInfo -->
|
||
<section data-bind="templateWithContext: { name: 'listSelectedSubCatsSideBar', data: accessoriesInfo, context: { section: 'accessories' } }"></section>
|
||
<!-- /ko -->
|
||
<!-- ko if: $data.eprimeAccessoriesInfo -->
|
||
<section data-bind="templateWithContext: { name: 'listSelectedSubCatsSideBar', data: eprimeAccessoriesInfo, context: { section: 'eprimeAccessories' } }"></section>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !$data.accessoriesInfo && !$data.eprimeAccessoriesInfo -->
|
||
<section data-bind="templateWithContext: { name: 'listNoneSelectedSubCatsSideBar' }"></section>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="row footer">
|
||
<b class="col50 fs16px y-margin05">Export Summary</b>
|
||
<div class="col50 cool">
|
||
<select id="exportSelector" class="selecter_basic scrollbar" data-bind="event: {change:function(data,event){ $root.exportButton(event);} }">
|
||
<option id="SELECT">Select a Format</option>
|
||
<option id="DOC">DOC</option>
|
||
<option id="XLS">XLS</option>
|
||
<option id="CSV">CSV</option>
|
||
<option id="PDF">PDF</option>
|
||
<option id="EMAIL">Email</option>
|
||
<option id="PRINT">Print</option>
|
||
</select>
|
||
</div>
|
||
<a href="javascript:void(0)" data-bind="click: function(data,element){ $root.routeExport(data,$('#exportSelector')); }, text: $root.exportBtnTxt()" class="col100 uppercase xsmall text-blue align-right y-margin05"></a>
|
||
<span class="bar"></span
|
||
></div>
|
||
<a href="javascript:void(0)" class="refresh text-blue" data-bind="click: function(){$root.refreshData()}">
|
||
Reset Options to Default
|
||
</a>
|
||
</nav>
|
||
|
||
</section>
|
||
</script>
|
||
<script type="text/html" id="localizationChangeConfirmModal">
|
||
<div>
|
||
<div class="modal row show"></div>
|
||
<div class="modal-inner padding0 show">
|
||
<section class="dialog bigwidth">
|
||
<div class="row">
|
||
<div class="row">
|
||
<p class="col100 bold">Your localization settings have already been set</p>
|
||
<p class="col100 smalltext">Choosing a different 'Localization' may cause your other selections to be reset. Are you sure you want to continue?</p>
|
||
<aside class="right">
|
||
<input type="button" class="secondary" value="No" data-bind= "click: function(){ $root.modal.forLocalizationChange(!$root.modal.forLocalizationChange()); $root.revertLocalization(); }" />
|
||
<input type="button" class="primary" value="Yes" data-bind="click: function(){ $root.modal.forLocalizationChange(!$root.modal.forLocalizationChange()); $root.confirmLocalization(); }" />
|
||
</aside>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</script>
|
||
<script type="text/javascript">
|
||
var showDetails = "Show Error Details";
|
||
var hideDetails = "Hide Error Details";
|
||
</script>
|
||
<script type="text/html" id="validationModal">
|
||
<div class="errormodal row" id="myDivID">
|
||
<section class="selection">
|
||
|
||
<div class="relative">
|
||
<div class="js-parent spinner-overlay"></div>
|
||
<div class="js-parent spinner-inner ls-show"></div>
|
||
<p class="error bold">
|
||
This choice requires a change to your selections. Please modify the following:
|
||
</p>
|
||
<div class="row x-padding2 scroll">
|
||
<a href="javascript:void()" class="right clear" data-bind="click: function(data,event){ $('.slidingDiv').toggle(); txtToggle(event,'',showDetails,hideDetails) }">Show Error Details</a><br>
|
||
<div class="slidingDiv">
|
||
<div data-bind="foreach: $root.nonCriticalErrorMsgs">
|
||
<p>
|
||
Note:
|
||
<span data-bind="html: $data"></span>
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
<!-- ko if:( $root.validationConflictInfo.subCategories.length > 0 && $root.modal.forValidationSelection() )-->
|
||
<!-- ko foreach: $root.validationConflictInfo.sections -->
|
||
<section data-bind="template: { name: 'subcategoriesModal', data: $root[$data] }"></section>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="row footer">
|
||
<input type="button" value="Cancel" data-bind="click:function(){ $root.modal.forValidationSelection(!$root.modal.forValidationSelection()) }" name="Cancel" id="modalErrorCancel" class="cancel_btn_conf"/>
|
||
<input type="button" data-bind="click:function(){ $root.modal.forValidationSelection(!$root.modal.forValidationSelection()) }" value="OK" name="Ok" id="modalErrorOk" class="cancel_btn_conf secondary">
|
||
|
||
</div>
|
||
</div>
|
||
|
||
</section>
|
||
</div>
|
||
</script>
|
||
<script id="subcategoriesModal" type="text/html">
|
||
<form class="selected">
|
||
<!-- ko if:(typeof subCategories !== "undefined") -->
|
||
<!-- ko foreach:subCategories -->
|
||
<!-- ko if: $root.checkSubCatConflict($data.id()) -->
|
||
<!-- ko foreach:$root.validationConflictInfo.subCategories -->
|
||
<!-- ko if: $data.id == $parent.id() -->
|
||
<h2 class="thin t-margin05">
|
||
Your current selection
|
||
</h2>
|
||
<!-- ko foreach:$data.products -->
|
||
<div class="row y-margin1">
|
||
<!-- ko if: $root.hasDisplayName($data) -->
|
||
<b class="r-padding05 left" data-bind="text:$parent.displayName"></b>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $root.hasDisplayName($data) -->
|
||
<b class="r-padding05 left" data-bind="text:$parent.csticShortText"></b>
|
||
<!-- /ko -->
|
||
<div class="left ellipsis" data-bind="visible:$data.desc != '', attr:{title:$data.desc}">
|
||
<span data-bind="text:$data.desc"></span>
|
||
</div>
|
||
<span data-bind="visible:($data.productId && $data.productId != '' && $data.productId != 'NA' )">, Part </span>
|
||
<span data-bind="visible:($data.productId && $data.productId != '' && $data.productId != 'NA')"> # </span>
|
||
<span data-bind="visible:($data.productId && $data.productId != '' && $data.productId != 'NA'), text:$data.productId"></span>
|
||
<span data-bind="visible:$data.price() != 0 && $root.orgPriceDisplay != 'none'">, </span>
|
||
<span class="l-padding05 uppercase darkgray xsmall" data-bind="text:headerData.currency + ' ', visible:$data.price() != 0 && $root.orgPriceDisplay != 'none'"></span>
|
||
<span data-bind="visible:$data.price() != 0 && $root.orgPriceDisplay != 'none', text:$data.price()"></span>
|
||
</div>
|
||
<!-- /ko -->
|
||
<div class="row y-margin1 red"><span data-bind="html: $data.errorText"></span></div>
|
||
<ul class="row cto-modal-header-title">
|
||
<li class="col40 l-padding1"> Select One </li>
|
||
<li class="col20"> Part number </li>
|
||
<!-- ko if:$root.orgPriceDisplay != 'none' -->
|
||
<li class="col20 align-right"> Price </li>
|
||
<!-- /ko -->
|
||
<li class="offset20"></li>
|
||
</ul>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<ul>
|
||
<!-- ko if: visible() -->
|
||
<!-- ko foreach:products -->
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<!-- ko if:$data.id().trim() != '' && $data.id() != 'RESETALL' && $data.id() != 'ACE_NONE' && $data.id() != 'none_item' -->
|
||
<!-- //UI options supported in Elite atm {start} -->
|
||
<!-- //Radio type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "radio" || $root.identifyUI($parent, $data) === "radio&number") -->
|
||
<input type="radio" data-bind="hpRadioCheck:{}, checked: $parent.selectedProducts()[0], click: function(data,element){ $root.selectProduct($data, $parent); $root.validateSelection(element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index(),name:$parent.id()+'_'+$parent}">
|
||
<!-- /ko -->
|
||
<!-- //Radio type {end}-->
|
||
<!-- //Checkbox type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "checkbox" || $root.identifyUI($parent, $data) === "toggle")-->
|
||
<input type="checkBox" data-bind="hpRadioCheck:{}, checked: $parent.selectedProducts(), click: function(data,element){ $root.selectProduct($data, $parent); $root.validateSelection(element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}">
|
||
<!-- /ko -->
|
||
<!-- //Checkbox type {end}-->
|
||
<!-- //Number type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "number" || $root.identifyUI($parent, $data) === "radio&number") -->
|
||
<!-- ko if: $data.id() != "none" && $data.id() != "ACE_NONE" && $data.id().trim() != "" && $data.id() != "NA" -->
|
||
<div class="numberType">
|
||
<input type="hidden"/>
|
||
<input type="text" min="0" maxlength:8 class="numberFormat" data-bind="value: $data.attributes()[0].value, event:{ blur: function(data,element){ $root.setSelectedProductsFlag($data, $parent);$root.selectProduct($data, $parent);$root.totalPrice($root);$root.validateSelection(element,$data,$parent,false, true);}}"/>
|
||
</div>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- //Number type {end}-->
|
||
<!-- //Dropdown type {start}-->
|
||
<!-- ko if: ($root.identifyUI($parent, $data) === "dropdown") -->
|
||
<select class="ie9-override" data-bind="options: $data.attributes()[1].value().split(','), value: $data.attributes()[0].value, event: {change: function(){ $root.selectProduct($data, $parent); $root.validateSelection($element,$data,$parent,false, true); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}}"></select>
|
||
<!-- /ko -->
|
||
<!-- //Dropdown type {end}-->
|
||
|
||
<!-- //UI options supported in Elite atm {end} -->
|
||
<!-- /ko -->
|
||
<span data-bind="text:$data.desc,attr:{title:$data.desc}"></span>
|
||
</div>
|
||
|
||
<div class="col20">
|
||
<!-- ko if:productId -->
|
||
<span data-bind="text:productId"></span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: !$parent.multiValue() && productId && !selected() && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '"></span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)"></span>
|
||
<!-- /ko -->
|
||
<!-- ko if: $parent.multiValue() && productId && price()!=0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name gray xsmall" data-bind="text:headerData.currency + ' '"></span>
|
||
<span data-bind="text:$root.productPrice($data, $parent)"></span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- ko if: !visible() && quantitySubCat && quantitySubCat.idList -->
|
||
<!-- ko foreach:quantitySubCat.idList() -->
|
||
<li class="row">
|
||
<div class="col40 ellipsis">
|
||
<input type="radio" data-bind="hpRadioCheck:{}, checked: $parent.quantitySubCat.qtyDesc(), click: function(data,element){ $root.selectProduct($data, $parent); $root.validateSelection(element,$data,$parent,false, true); return true;}, value:desc(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index(),name:$parent.id()+'_'+$parent}">
|
||
<span data-bind="text:desc,attr:{title:desc()}"></span>
|
||
</div>
|
||
<div class="col20">
|
||
<span data-bind="text:$parent.products()[0].productId"></span>
|
||
</div>
|
||
<div class="col20 align-right">
|
||
<!-- ko if: $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency_name" data-bind="text: ($parent.products()[0].price() * desc())"></span>
|
||
<!-- /ko -->
|
||
</div>
|
||
<div class="col20 align-right"> </div>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<i class="bar"></i>
|
||
</ul>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</form>
|
||
</script>
|
||
<script type="text/html" id="listSelectedSubCatsSideBar">
|
||
<ul data-bind="foreach: $data">
|
||
<!-- ko if: $data -->
|
||
<!-- ko foreach: $data.product -->
|
||
<li class="leaders">
|
||
<a href="javascript:void(0)" class="name">
|
||
<span class="ellipsis" data-bind="text: $data.desc, attr: {title: $data.desc}, css: {'bold': $root.lastUpdatedProduct() == (typeof $data.id !== 'undefined'?$data.id():false)}" class="ellipsis"></span>
|
||
</a>
|
||
<a href="javascript:void(0)" data-bind="visible: $parent.subCatId || $data.desc, click: function(){$root.activeSection($context.section); $root.expandedSubcats.removeAll();goScroll('subcat_'+$parent.subCatId); $root.expandedSubcats.push($parent.subCatId); $root.expandSubcat($parent.subCatId,'add'); $context.section ==='carepackServices'?showCarePack():''}" class="edit"></a>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</ul>
|
||
</script>
|
||
<script type="text/html" id="listNoneSelectedSubCatsSideBar">
|
||
<ul>
|
||
<li class="leaders">
|
||
<a href="javascript:void(0)" class="name">
|
||
<span class="ellipsis">None selected</span>
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</script>
|
||
<script type="text/html" id="accessoryDetails">
|
||
<div id="accessoryDetails" class="modal row" data-bind="visible: $root.showAccessoryDetailsModal"></div>
|
||
<div class="modal-inner" data-bind="visible: $root.showAccessoryDetailsModal">
|
||
<section class="accessories">
|
||
<div>
|
||
<i class="close"></i>
|
||
|
||
<div class="row accessories-wrapper">
|
||
|
||
<div class="col55">
|
||
<div class="row">
|
||
|
||
<div class="col20 y-margin2">
|
||
<div class="row center">
|
||
<ul class="accessories-thumbnails">
|
||
<li><img src="/Elite/static/images/responsive.png" alt="HP Elite"></li>
|
||
<li><img src="/Elite/static/images/responsive.png" alt="HP Elite"></li>
|
||
<li><img src="/Elite/static/images/responsive.png" alt="HP Elite"></li>
|
||
</ul>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col75 min15 center">
|
||
<img src="/Elite/static/images/responsive.png" alt="HP Elite">
|
||
</div>
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<div class="col45 y-margin2">
|
||
<h4 class="clear xlarge normal">HP Professional Slim Top Load Case</h4>
|
||
<span class="clear gray small b-padding05">Product# 777777</span>
|
||
|
||
<p class="clear y-padding1 darkestgray">Lorem ipsum dolor sit amet, consectetur adispcind elit, sed do eisumod tempor indicent ut labore et dolore magna aliaqua. </p>
|
||
|
||
<ul class="clear disc-bullet l-margin15 darkestgray">
|
||
<li>Lorem ipsum dolor sit amet, consectetur adispcind elit, sed do eisumod tempor indicent.</li>
|
||
<li>Lorem ipsum dolor sit amet, consectetur adispcind elit, sed do eisumod tempor indicent.</li>
|
||
<li>Lorem ipsum dolor sit amet, consectetur adispcind elit, sed do eisumod tempor indicent.</li>
|
||
</ul>
|
||
|
||
<span class="clear large black y-margin05 inline-block">USD 143.23</span>
|
||
<span class="clear gray">Quantity <input type="number" class="x-margin05"></span>
|
||
|
||
<input type="button" class="clear y-margin1" value="Add to Cart">
|
||
</div>
|
||
|
||
</div>
|
||
|
||
|
||
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</script>
|
||
<script type="text/html" id="accessories">
|
||
<div style="margin: 0.01em 0 0;" id="Accessories" class="accessories clear configurator-padding configurator-accessories" data-bind="if: $data.subCategories()">
|
||
<ul class="inner-toggle clear">
|
||
<!-- ko foreach: $data.subCategories() -->
|
||
<!-- ko if: !$root.listView() -->
|
||
<li class="blockview">
|
||
<div class="inner-section">
|
||
<div data-bind="css : {'h3inactive': $root.expandedSubcats.indexOf($data.id()) == -1, 'h3active': $root.expandedSubcats.indexOf($data.id()) > -1}, click: $root.accessoriesToggle.bind($data, $root)">
|
||
<h3>
|
||
<span class="csticShortText" data-bind="text:$data.csticShortText, attr:{id:'category_'+$index() }"></span> <span class="qty" data-bind="text: '('+ $data.products().length+ ')'"> </span>
|
||
</h3>
|
||
</div>
|
||
<ul class="clear active" data-bind="visible: $root.expandedSubcats.indexOf($data.id()) > -1, showFirst:4">
|
||
<li>
|
||
<div class="row center padding1">
|
||
<!-- ko foreach: $data.products() -->
|
||
<div class="col25 tablet50 mobile100 accessory-padding" data-bind="css: {none: $index() > 3},attr:{id:'subcat_'+$parentContext.$index()}">
|
||
<div class="row">
|
||
<a href="javascript:void(0)">
|
||
<!-- ko if: $data.imageUrl -->
|
||
<img alt="product image" class="clear" data-bind="attr: {src: $data.imageUrl}" onError="this.onerror=null;this.src='/static/kfMsXwUj0CsxzxHVWowMvBbf5IRw7fs6WeSVuuiliwI.png'"/>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $data.imageUrl -->
|
||
<img alt="product image" class="clear" src="/static/kfMsXwUj0CsxzxHVWowMvBbf5IRw7fs6WeSVuuiliwI.png"/>
|
||
<!-- /ko -->
|
||
|
||
</a>
|
||
<p class="ellipsis" data-bind="attr:{id:'blockviewaccessory_'+$data.id()}">
|
||
<span data-bind="attr:{id:'id_'+$data.id()}" class="tooltip tooltip-clicked fixright block" ref=".accessoryAddedToCart">
|
||
<!-- ko if: $parents[1].id() == 'accessories' -->
|
||
<input type="checkbox" name="Accessories[]" value="1" data-bind="hpRadioCheck:{}, checked: $parent.selectedProducts(), click: function(data,element){ $root.selectProduct($data, $parent); $root.validateSelection(element,$data,$parent,false); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}"/>
|
||
<!-- /ko -->
|
||
<!-- ko if: $parents[1].id() == 'eprimeAccessories' -->
|
||
<input type="checkbox" name="Accessories[]" value="1" data-bind="hpRadioCheck:{}, checked: $parent.selectedProducts(), click: function(){ $root.eprimeSelectedProductsList($data, $parent); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}"/>
|
||
<!-- /ko -->
|
||
</span>
|
||
<a href="javascript:void(0)" class="pointer black no-decoration" data-bind="attr:{ title:desc() }">
|
||
<span data-bind="html:name()" class="margin-b-10 font-14-simple-regular text-ellipsis"></span>
|
||
</a><br>
|
||
<span class="gray xsmall" data-bind="text:'Product #: '"></span>
|
||
<span data-bind="text:id()"></span><br>
|
||
<!-- ko if: $root.selectedAccessories.indexOf($data.id()) < 0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency" data-bind="visible:$root.isPriceRequested()&& $data.selected(),text:headerData.currency"> </span>
|
||
<span class="small-tprice" data-bind="visible:$root.isPriceRequested()&& $data.selected(),text:price()!=undefined?price():price()"></span>
|
||
|
||
<span class="currency" data-bind="visible:!($root.isPriceRequested()),text:headerData.currency"> </span>
|
||
<span class="small-tprice" data-bind="visible:!($root.isPriceRequested()),text:price()!=undefined?price():price()"></span>
|
||
<!-- /ko --><br>
|
||
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
<a href="javascript:void(0)" class="view-more" data-bind="visible: $data.products().length > 4, attr:{id:'view_more_'+$index()}, click: function(data, event) {viewMoreLessBlock($index(), data, event) }">
|
||
View More
|
||
</a>
|
||
<a href="javascript:void(0)" class="view-less none" data-bind="visible: $data.products().length > 4, attr:{id:'view_less_'+$index()}, click: function(data, event) {viewMoreLessBlock($index(), data, event) }">
|
||
View Less
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- ko if: $root.listView() -->
|
||
<li class="listview">
|
||
<div class="inner-section">
|
||
<div data-bind="css : {'h3inactive': $root.expandedSubcats.indexOf($data.id()) == -1, 'h3active': $root.expandedSubcats.indexOf($data.id()) > -1}, click: $root.accessoriesToggle.bind($data, $root)">
|
||
<h3>
|
||
<span class="csticShortText" data-bind="text:$data.csticShortText(), attr:{id:'category_'+$index() }"></span> <span class="qty" data-bind="text: '('+ $data.products().length+ ')'"> </span>
|
||
</h3>
|
||
</div>
|
||
<ul class="clear active" data-bind="visible: $root.expandedSubcats.indexOf($data.id()) > -1, showFirst:4">
|
||
<li>
|
||
<div class="row padding1">
|
||
<!-- ko foreach: $data.products() -->
|
||
<div class="col33 tablet50 mobile100 padding1" data-bind="css: {none: $index() > 3},attr:{id:'subcat_'+$parentContext.$index()}">
|
||
<div class="row">
|
||
<a href="javascript:void(0)">
|
||
<!-- ko if: $data.imageUrl -->
|
||
<img alt="product image" class="clear" data-bind="attr: {src: $data.imageUrl}" onError="this.onerror=null;this.src='/static/kfMsXwUj0CsxzxHVWowMvBbf5IRw7fs6WeSVuuiliwI.png'"/>
|
||
<!-- /ko -->
|
||
<!-- ko ifnot: $data.imageUrl -->
|
||
<img alt="product image" class="clear" src="/static/kfMsXwUj0CsxzxHVWowMvBbf5IRw7fs6WeSVuuiliwI.png"/>
|
||
<!-- /ko -->
|
||
</a>
|
||
<p class="ellipsis" data-bind="attr:{id:'listviewaccessory_'+$data.id()}">
|
||
<a href="javascript:void(0)" class="black pointer no-decoration" data-bind="click:function(){$root.loadAccessoriesDetails($data)}, attr:{ title:desc() }">
|
||
<span data-bind="html:name()" class="margin-b-10 font-14-simple-regular text-ellipsis"></span>
|
||
</a><br>
|
||
<span class="gray xsmall" data-bind="text:'Product #: '"></span>
|
||
<span data-bind="text:id()"></span><br>
|
||
<!-- ko if: $root.selectedAccessories.indexOf($data.id()) < 0 && $root.orgPriceDisplay != 'none' -->
|
||
<span class="currency" data-bind="visible:$root.isPriceRequested()&& $data.selected(),text:headerData.currency"> </span>
|
||
<span class="small-tprice" data-bind="visible:$root.isPriceRequested()&& $data.selected(),text:price()"></span>
|
||
|
||
<span class="currency" data-bind="visible:!($root.isPriceRequested()),text:headerData.currency"> </span>
|
||
<span class="small-tprice" data-bind="visible:!($root.isPriceRequested()),text:price()"></span>
|
||
|
||
<!-- /ko --><br>
|
||
<span data-bind="attr:{id:'id_'+$data.id()}" class="tooltip tooltip-clicked fixright inline-block" ref=".accessoryAddedToCart">
|
||
<!-- ko if: $parents[1].id() == 'accessories' -->
|
||
<input type="checkbox" name="Accessories[]" value="1" data-bind="hpRadioCheck:{}, checked: $parent.selectedProducts(), click: function(data,element){ $root.selectProduct($data, $parent); $root.validateSelection(element,$data,$parent,false); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}"/>
|
||
<!-- /ko -->
|
||
<!-- ko if: $parents[1].id() == 'eprimeAccessories' -->
|
||
<input type="checkbox" name="Accessories[]" value="1" data-bind="hpRadioCheck:{}, checked: $parent.selectedProducts(), click: function(){ $root.eprimeSelectedProductsList($data, $parent); return true;}, value:id(), attr:{id:'product_'+$index()+'_'+$parentContext.$index()+'_'+$parentContext.$index()}"/>
|
||
<!-- /ko -->
|
||
</span>
|
||
</p>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
</div>
|
||
<a href="javascript:void(0)" class="view-more" data-bind="visible: $data.products().length > 4, attr:{id:'view_more_'+$index()}, click: function(data, event) {viewMoreLessList($index(), data, event) }">
|
||
View More
|
||
</a>
|
||
<a href="javascript:void(0)" class="view-less none" data-bind="visible: $data.products().length > 4, attr:{id:'view_less_'+$index()}, click: function(data, event) {viewMoreLessList($index(), data, event) }">
|
||
View Less
|
||
</a>
|
||
</li>
|
||
</ul>
|
||
</div>
|
||
</li>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</ul>
|
||
</div>
|
||
</script>
|
||
|
||
|
||
<script type="text/html" id="carepackServices">
|
||
<div class="recommend-more" data-bind="">
|
||
<div class="col95">
|
||
<span>
|
||
<a class="view-more" data-bind="updateService:{}" href="javascript:void(0)">View more</a>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="row y-margin1 service-support">
|
||
<form class="col25 filter">
|
||
<h3 class="regular medium">Refine your results</h3>
|
||
<!-- ko if: $root.facetFilters -->
|
||
<!-- ko foreach: $root.facetFilters -->
|
||
<h5 data-bind="text:displayName">Length</h5>
|
||
<ul>
|
||
<!-- ko foreach: $data.filterValues -->
|
||
<li><input type="checkbox" value="3" name="length[]" data-bind="hpRadioCheck:{}, enable: (count() > 0), checked: isActive(), click: function(){ $root.getServiceCarePacks($data.filterQuery()); return true;}"/><p for="3" class="fs13px" data-bind="html: $data.description"></p></li>
|
||
<!-- /ko -->
|
||
</ul>
|
||
<!-- /ko -->
|
||
<!-- /ko -->
|
||
</form>
|
||
|
||
<div class="col75 select-carepacks">
|
||
<ul class="row header">
|
||
<li class="col60"><h2 class="large thin">Select Your HPE Support Services</h2></li>
|
||
<li class="col20">Part#</li>
|
||
<!-- ko if:$root.orgPriceDisplay != 'none' -->
|
||
<li class="col20 align-right">Price</li>
|
||
<!-- /ko -->
|
||
</ul>
|
||
<form action ="" method="POST">
|
||
<!-- ko if:$data.products() -->
|
||
<ul>
|
||
<!-- ko foreach: $data.products() -->
|
||
<li class="col60 ellipsis" data-bind="attr:{id:'carepack_'+$data.sku()}">
|
||
<input type="checkbox" name="carePackages[]" data-bind="hpRadioCheck:{}, checked: $parent.selectedProducts(), value: UUID(), click: function(){ $root.eprimeSelectedProductsList($data, $parent); return true;}" />
|
||
<a href="#" data-bind="click:function(){$root.loadSpecsOrOverview(sku(),shortDescription())}">
|
||
<p data-bind="text: shortDescription, attr:{title: shortDescription}"></p>
|
||
</a>
|
||
</li>
|
||
<li class="col20 uppercase" data-bind="text:$data.sku"></li>
|
||
<li class="col20 align-right">
|
||
<!-- ko if: $root.orgPriceDisplay != 'none' -->
|
||
<span class="large-currency" data-bind="visible:$root.isPriceRequested()&& $data.selected(),text:headerData.currency"></span>
|
||
<span class="large-currency" data-bind="visible:$root.isPriceRequested()&& $data.selected()"> + </span>
|
||
<span class="large-tprice" data-bind="visible:$root.isPriceRequested()&& $data.selected(),text:$data.price"></span>
|
||
|
||
<span class="large-currency" data-bind="visible:!($root.isPriceRequested()),text:headerData.currency"> + </span>
|
||
<span class="large-currency" data-bind="visible:!($root.isPriceRequested())"> + </span>
|
||
<span class="large-tprice" data-bind="visible:!($root.isPriceRequested()),text:$data.netPrice"></span>
|
||
<!-- /ko -->
|
||
</li>
|
||
<!-- /ko -->
|
||
</ul>
|
||
<!-- /ko -->
|
||
<div class="row pdp-footer only-recommend">
|
||
<div class="col95">
|
||
<span>
|
||
<a class="view-less" href="javascript:void(0)">View less</a>
|
||
</span>
|
||
</div>
|
||
</div>
|
||
</form>
|
||
</div>
|
||
</div>
|
||
<section class="col100 tablet100 mobile100 pdp-bottom">
|
||
|
||
<div class="notification" style="display:none" data-bind="visible : $root.showSpecsModalFlag()">
|
||
<div class="modal row show" ></div>
|
||
<div class="modal-inner min7 ">
|
||
<section class="specs">
|
||
<!-- ko with:$root.specsModalData -->
|
||
<div class="relative minheight20 tooltip-padding">
|
||
<div class="js-parent spinner-overlay"></div>
|
||
<div class="js-parent spinner-inner"></div>
|
||
<h4 class="tooltip-head" data-bind="text:$root.specsModalTitle"></h4>
|
||
<i class="close"></i>
|
||
<i class="bar"></i>
|
||
|
||
<div class="row scrollable">
|
||
<table class="zebra">
|
||
<tbody>
|
||
<!-- ko foreach: { data: $data, as: 'chunk' } -->
|
||
<tr>
|
||
<td class="t-vertical" data-bind="foreach: $data.details">
|
||
<ul>
|
||
<!-- ko if: $index()==0 -->
|
||
<li class="row b-margin075">
|
||
<div class="col30 mobile50">
|
||
<b><span data-bind="text:$parent.label" class="bold"></span></b>
|
||
</div>
|
||
<div class="col70 mobile50"></div>
|
||
</li>
|
||
<span class="none" data-bind="text:'content source '+chunk.source()">content source marker - do not remove</span>
|
||
<!-- /ko -->
|
||
<li class="row b-margin075">
|
||
<div class="col30 mobile50"><span class="tooltip-default line-height15" data-bind="text:name"></span></div>
|
||
<div class="col70 mobile50">
|
||
<p class="tooltip-default line-height15" data-bind="html:value"></p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</td>
|
||
</tr>
|
||
<!-- /ko -->
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
</section>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- ko with:$root.overviewModalData -->
|
||
<div class="main">
|
||
<div class="wrapper">
|
||
<div class="main-inner">
|
||
<div class="modal row" data-bind="style:{display:$root.showOverviewModalFlag()? 'block':'none'}">
|
||
<section class="specs">
|
||
<div>
|
||
<h3 class="xlarge thin" data-bind="text:name">Title</h3>
|
||
<i class="close"></i>
|
||
<div class="row scrollable">
|
||
<table class="zebra">
|
||
<tbody>
|
||
<tr>
|
||
<td class="t-vertical wrap" data-bind="visible:hasOverview">
|
||
<ul>
|
||
<li class="row">
|
||
<div class="col100">
|
||
<p data-bind="html:overview"></p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</td>
|
||
<td class="t-vertical wrap" data-bind="visible:!hasOverview">
|
||
<ul>
|
||
<li class="row">
|
||
<div class="col100">
|
||
<p data-bind="html:description"></p>
|
||
</div>
|
||
</li>
|
||
</ul>
|
||
</td>
|
||
</tr>
|
||
</tbody>
|
||
</table>
|
||
</div>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<!-- /ko -->
|
||
</section>
|
||
</script>
|
||
|
||
<script type="text/html" id="expandAll">
|
||
<div class="y-marginneg4 blue small pointer expand-medium" data-bind="visible: !$root.toggleSubcats(), click:function(){$root.expandAllSubcats(); $root.toggleSubcats(true)}">
|
||
Expand All
|
||
</div>
|
||
|
||
<div class="y-marginneg4 blue small pointer collapse-medium" data-bind="visible: $root.toggleSubcats(), click:function(){$root.expandedSubcats.removeAll(); $root.toggleSubcats(false)}">
|
||
Collapse All
|
||
</div>
|
||
</script>
|
||
<script type="text/html" id="localizationMenu">
|
||
<select class="selecter_basic scrollbar localization-select" id="localization" data-bind="options: products,optionsText: 'desc', optionsValue: 'id', value: $data.selectedProducts()[0], event: {change: function(data,element){ $root.selectedLocalization($data.id, $index, element); return true;}}"></select>
|
||
</script>
|
||
|
||
<script>
|
||
//document.write( '<html lang="' + ctoVmParams.userLang + '" encoding="on" >' );
|
||
document.write( '<html lang="' + userLanguage.toLowerCase() + '" encoding="on" >' );
|
||
|
||
</script>
|
||
|
||
<!-- <script src="https://ssl.www8.hp.com/h10000/cma/ng/lib/bootstrap/metrics.js" type="text/javascript" ></script> -->
|
||
|
||
|
||
|
||
|
||
</div>
|
||
<footer class="main-footer clear">
|
||
<div class="wrapper footer-wrapper row">
|
||
<div class="logo-container col35">
|
||
<span><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/2aDROHjLCUBvJSbKmAEdo9AmCWlAOGfH0ioQzXHfNCb.png"></span>
|
||
</div>
|
||
|
||
<div class="footer-wrapper row relative">
|
||
<p class="col100">
|
||
<span class="app-text">Business To Business IT Store</span>
|
||
<span class="copyright-text">| ©
|
||
<script type="text/javascript">
|
||
var d=new Date();
|
||
yr=d.getFullYear();
|
||
document.write(+yr);
|
||
</script>2023
|
||
Hewlett Packard Enterprise Development, L.P.
|
||
</span>
|
||
|
||
<span class="footer-clickable-links">
|
||
|
||
|
||
|
||
<a target="_blank" href="https://www.hpe.com///about/legal/terms-of-use.html">Terms of Use</a>
|
||
|
||
<a target="_blank" style="padding-left : 10px" href="https://www.hpe.com///legal/privacy.html">Privacy</a>
|
||
</span>
|
||
</p>
|
||
</div>
|
||
|
||
</div>
|
||
<div class="footer-wrapper row bb-margin12px"></div>
|
||
</footer>
|
||
<div class="footer-wrapper row bb-margin15px white"></div>
|
||
|
||
|
||
|
||
|
||
|
||
<div id="sessionTimeoutDialog" class="modal row " style="display: none;">
|
||
<div class="modal-section messages-modal"><div>
|
||
|
||
<div class="row padding15">
|
||
<aside class="row margin0">
|
||
<h4 class="width100 tooltip-head">Session Timeout Alert</h4>
|
||
|
||
<div class="tooltip-default">
|
||
<p class="b-padding1">Due to inactivity, your session will timeout in 5 minutes. Any unsaved work will be lost and you will be required to log back in.</p>
|
||
<p>Do you want to continue your session or log out?</p>
|
||
</div>
|
||
</aside>
|
||
|
||
<div class="row width100 t-margin15">
|
||
<input type="button" class="mobile48 primary r-button mmargin0 right" value="Continue Session" id="continueSession">
|
||
<input type="button" class="mobile48 secondary right" value="Log out" id="logoutSession">
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
|
||
|
||
|
||
<!--[if lte IE 9]>
|
||
<script src="/js/vendor/modernizr-2.6.2-respond-1.1.0.min.js" type="text/javascript"></script>
|
||
|
||
<![endif]-->
|
||
|
||
|
||
<script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/Z4Gpu4vQMImjJLucFJLERCa8Zat0QbAKNn6lZfVYute.js" type="text/javascript"></script>
|
||
<script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/9TAmGjes5DDZ24l6pRgiae7udqV1lu0e2HAvpwCPW1T.js" type="text/javascript"></script>
|
||
|
||
|
||
<script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/o8Xt43eSTzeXaht339M01wv3djI9KYiNawGop26q31q.js" type="text/javascript"></script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/kn2XyKb7zzFQtgZjYQ3shXsi1Zw6K9XKrYw2pku0Uo2.js" type="text/javascript"></script>
|
||
|
||
|
||
<script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/64G379X0mWgzEnv93hCk0eP2laePl3eT22nRoDoEvK2.js" type="text/javascript"></script>
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
|
||
<script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/1PEvdfAq2DzhckB42qeUzeZftdoJcRG5f6C1mrrtxB6.js" type="text/javascript"></script>
|
||
|
||
</fieldset>
|
||
|
||
<div class="fe_hpe_Elite-Product-Comparison"> <div class="fe_main_compair_container" style="display:none;"> <div class="fe_compare"> <ul class="fe_productList"> </ul> <span class="fe_compaare fe_com_disabled">Compare</span> <span class="clear_all">Clear All and Close</span> <div class="clear"></div> </div> </div> <div class="fe_overlay"></div> <div class="fe_main_comparebox"> <div class="fe_ProductsContainer"> <div class="fe_ProductsContainer_inner"> <div class="fe_ProductsContainer_cross"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/79da386a71974c74bf2592e72f089c17.png"></div> <div class="topFixedSectionComHor"> <div class="topFixedSectionCom"> <h2>Product Comparison</h2> <div id="parent"> <table id="fixTable" class="table"> <thead> <tr> </tr> </thead> </table> </div> </div> <div class="scroll-wrapper scrollbar-inner" style="position: relative;"> <div class="scroll-scrolly_visible"> <table id="fe_compareDescription" class="table fe_description"> <tbody> </tbody> </table> </div> </div> </div> </div> </div> </div></div><script type="text/javascript" src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/saved_resource"></script><script src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/ajax"></script><iframe name="__bkframe" id="__bkframe" title="bk" src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/saved_resource(1).html" style="border: 0px; width: 0px; height: 0px; display: none; position: absolute; clip: rect(0px, 0px, 0px, 0px);"></iframe><div id="support-info-modal" class="support-info-modal modal row"><div class="modal-overlay"></div><div class="modal-section messages-modal"><div><div class="row padding15"><button type="button" class="modal-close-button"><span>×</span></button><h2 class="modal-title fe_hpeModalTitle">Votre support HPE</h2><div class="elite-support"><div class="col33 listContactMobile y-margin05 height7em break"><ul class="row r-padding05 p-b-margin1"><li class="col100 contact-name">Service Après-Vente</li><li class="col100 contact-category">BAL Service Après-Vente 0800.55.43.43 pin 1622</li><li class="col100 contact-phone"><span> </span>-</li><li class="col100 contact-email"><a href="mailto:matinfo-sav@hpe.com"><span> </span>matinfo-sav@hpe.com</a></li></ul></div><div class="col33 listContactMobile y-margin05 height7em break"><ul class="row r-padding05 p-b-margin1"><li class="col100 contact-name">Suivi Commandes</li><li class="col100 contact-category">BAL Gestion des commandes</li><li class="col100 contact-phone"><span> </span>-</li><li class="col100 contact-email"><a href="mailto:commandes-matinfo-lot4@hpe.com"><span> </span>commandes-matinfo-lot4@hpe.com</a></li></ul></div><div class="col33 listContactMobile y-margin05 height7em break"><ul class="row r-padding05 p-b-margin1"><li class="col100 contact-name">Support Portail</li><li class="col100 contact-category">BAL conciergerie pour le support du portail ecommerce</li><li class="col100 contact-phone"><span> </span>-</li><li class="col100 contact-email"><a href="mailto:matinfo-ecommercesupport@hpe.com"><span> </span>matinfo-ecommercesupport@hpe.com</a></li></ul></div><div class="col33 listContactMobile y-margin05 height7em break"><ul class="row r-padding05 p-b-margin1"><li class="col100 "><a href="https://b2b.hpe.com/navigation/openContactPDF?fileName=Portail%20Matinfo%205%20Lot%204_Organisation%20HPE.pdf" target="_blank">Contactez votre équipe de compte par région</a></li><br><br><li class="col100 "><a href="https://b2b.hpe.com/navigation/openContactPDF?fileName=Terminologie%20HPE_Avril%202022.pdf" target="_blank">Terminologie HPE</a></li><br><br><li class="col100 "><a href="https://b2b.hpe.com/navigation/openContactPDF?fileName=Portail_guide%20d%27utilisation.pdf" target="_blank">Portail, guide d'utilisation</a></li></ul></div></div><a href="https://b2b.hpe.com/customizeCTO?a1ustri3=kEvt1Q1FEGAAAw3wm.gVK03j&ProductSKU=EC-SYS-BAND_42821613&imageUrl=https://h50003.www5.hpe.com/digmedialib/prodimg/lowres/i00148990.png&RefModelID=42821613&BigDealId=P743207&ProductID=Dp8KVg.m8UEAAAGFvkMlY8XC&ConfigurationSource=EC-SYS-BAND&fulfillmentSiteId=EG_DIRECT&isPriceRequested=false&instantPriceEnabled=false&a1ortri2=2C2RF%20SRNC&sessionID=87183D9A2C723CD95216374E89123C83.p1lg505467_WHA-General-Inst#" class="view-all viewAllInfoButton"><span class="viewAllContactTxt"></span></a></div></div></div></div><div id="support-info-button" class="support-info-button rotate-90 top-right-radius noprint"><span class="supportButtonText fe_hpeModalTitle">Your HPE Support</span><span class="top-right-radius"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/chat_icon.svg"></span></div> <div class="fe_modal-container" fe-prodname="DL385 Gen10 Plus"> <div class="fe_modal-overlay"></div> <div class="fe_modal"> <div class="fe_modal-close">X</div> <div class="fe_modal-header"><img src="./20230123-cat2-conf11-hpe-dl385-gen10plus-cpuchoice_files/Plant_icon.svg"> <h3>Carbon footprint calculation and Recyclability</h3> <p></p> </div> <div class="fe_modal-body"><div class="fe_modal-cat"> <div class="category-left"> <h4 class="category-name">Mainboard Carbon Footprint</h4> <p class="category-formula">(kg CO2-eq)</p> </div> <div class="category-right"><p class="category-qty">750</p></div></div><div class="fe_modal-cat"> <div class="category-left"> <h4 class="category-name">Daughter-Board Carbon Footprint</h4> <p class="category-formula">(kg CO2-eq)</p> </div> <div class="category-right"><p class="category-qty">225</p></div></div><div class="fe_modal-cat"> <div class="category-left"> <h4 class="category-name">Enclosure Fans PSU Carbon Footprint</h4> <p class="category-formula">(kg CO2-eq)</p> </div> <div class="category-right"><p class="category-qty">50.4</p></div></div><div class="fe_modal-cat"> <div class="category-left"> <h4 class="category-name">Transport Carbon Footprint</h4> <p class="category-formula">(kg CO2-eq)</p> </div> <div class="category-right"><p class="category-qty">26.2</p></div></div><div class="fe_modal-cat"> <div class="category-left"> <h4 class="category-name">Assembly Carbon Footprint</h4> <p class="category-formula">(kg CO2-eq)</p> </div> <div class="category-right"><p class="category-qty">4.71</p></div></div><div class="fe_modal-cat"> <div class="category-left"> <h4 class="category-name">Use Phase Carbon Footprint</h4> <p class="category-formula">(kg CO2-eq)</p> </div> <div class="category-right"><p class="category-qty">4850</p></div></div><div class="fe_modal-cat"> <div class="category-left"> <h4 class="category-name">End-of-Life Carbon Footprint</h4> <p class="category-formula">(kg CO2-eq)</p> </div> <div class="category-right"><p class="category-qty">9.58</p></div></div><div class="fe_modal-cat"> <div class="category-left"> <h4 class="category-name">Total PCF</h4> <p class="category-formula">(kg CO2-eq)</p> </div> <div class="category-right"><p class="category-qty">6125</p></div></div><div class="fe_modal-cat"> <div class="category-left"> <h4 class="category-name">Recyclability Rate</h4> <p class="category-formula"> </p></div> <div class="category-right"><p class="category-qty">0.95</p></div></div></div></div></div></body></html> |