www.hafele.co.id
Open in
urlscan Pro
3.161.213.67
Public Scan
Submitted URL: https://www.hafele.co.id/
Effective URL: https://www.hafele.co.id/en/
Submission: On April 10 via api from US — Scanned from US
Effective URL: https://www.hafele.co.id/en/
Submission: On April 10 via api from US — Scanned from US
Form analysis 11 forms found in the DOM
Name: hubOnePageCheckout — POST https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewHubPage-Submit
<form method="post" onsubmit="return validateCvv();" action="https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewHubPage-Submit" name="hubOnePageCheckout" id="js-hubOnePageCheckout"
class="js-quick-buy o-quick-buy hubOnePageCheckout"><input type="hidden" name="SynchronizerToken" value="07d75108618564048c6d6323492ba116b29614dc0f8634f4faeb615e3094f215">
<div class="modal fade c-modal c-modal--bottom-fixed quick-mobile-buy-now js-quick-mobile-buy-now" id="js-quick-mobile-buy-now" role="dialog"></div>
<div class="modal fade c-modal c-modal--bottom-fixed js-quick-mobile-address" role="dialog">
<div class="modal-dialog c-modal__dialog">
<div class="modal-content c-modal__content">
<div class="modal-header c-modal__header js-quick-buy-address-header o-quick-buy__header u-border-grey-silver">
<button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-hub-page" data-dismiss="modal"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
<h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Address</h2>
<button type="button" class="hide js-close-address-list" data-dismiss="modal"></button>
</div>
<div class="modal-body c-modal__body c-modal__body--space-top o-quick-buy__address-margin js-quick-mobile-address__content o-quick-buy__scrollable o-quick-buy__scrollable--addresses u-inner-bottom-15"></div>
</div>
</div>
</div>
<div class="modal fade c-modal c-modal--bottom-fixed quick-delivery-type js-quick-delivery-type" role="dialog">
<div class="modal-dialog c-modal__dialog">
<div class="modal-content c-modal__content">
<div class="modal-header c-modal__header o-quick-buy__header u-border-grey-silver">
<button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-hub-page" data-dismiss="modal"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
<h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Delivery</h2>
</div>
<div class="c-modal__body c-modal__body--space-top-bottom c-modal__body--auto-height">
<div class="js-quick-spping-type__content o-quick-buy__quick-spping-type__content"></div>
<div class="js-quick-delivery-type__content"></div>
</div>
</div>
</div>
</div>
<div id="add-credit-card-modal" class="modal fade c-modal c-modal--bottom-fixed o-quick-buy__add-credit-card-modal createCreditCardLayer js-add-credit-card-modal" role="dialog">
<div class="modal-dialog c-modal__dialog">
<div class="modal-content c-modal__content">
<div class="modal-header c-modal__header o-quick-buy__header u-border-grey-silver js-new-cc-header">
<button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-credit-card-list" data-dismiss="modal"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
<h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Add new credit card</h2>
</div>
<div id="js-add-credit-card" class="modal-body c-modal__body c-modal__body--space-top-bottom c-modal__body--auto-height"></div>
</div>
</div>
</div>
<div class="modal fade c-modal c-modal--bottom-fixed js-quick-shipping-reference" role="dialog">
<div class="modal-dialog c-modal__dialog">
<div class="modal-content c-modal__content">
<div class="modal-header c-modal__header o-quick-buy__header u-border-grey-silver">
<button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-hub-from-reference" data-dismiss="modal"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
<h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Reference</h2>
</div>
<div class="c-modal__body c-modal__body--space-top-bottom js-quick-shipping-reference__content">
<div class="u-outer-bottom-15 js-order-reference-error hidden">
<div class="warningContainer o-quick-buy__error-message">Your input could not be saved. Please review the highlighted fields.</div>
</div>
<div class="c-info-box__container--form formField u-outer-bottom-30 u-xs-relative">
<label class="u-normal u-outer-bottom-10">Your internal purchase order reference</label>
<input class="form-control a-input t-input js-order-reference" maxlength="30" type="text" value="WebShop" data-order-reference="WebShop">
</div>
<div class="u-outer-bottom-10 js-PrepackConsignmentBlock">
<label class="u-normal u-outer-bottom-20">Packed on project</label>
<div class="row">
<div class="col-xs-12">
<input id="js-radio-PrepackConsignment" type="hidden">
<div class="radioButton " id="PrepackConsignmenttrue" data-name="PrepackConsignment" data-value="true"></div><input type="radio" id="prepack_true" name="PrepackConsignment" value="true" class="initialized"
style="display: none;"><label class="labelFont radiolabel" for="PrepackConsignmenttrue">yes</label>
<div class="radioButton checked" id="PrepackConsignmentfalse" data-name="PrepackConsignment" data-value="false"></div><input type="radio" id="prepack_false" name="PrepackConsignment" checked="" value="false" class="initialized"
style="display: none;"><label class="labelFont radiolabel" for="PrepackConsignmentfalse">no</label>
</div>
</div>
</div>
<div class="formField u-outer-bottom-15">
<input id="js-collapse-PrepackConsignmentBlock" type="hidden">
<label class="u-normal js-collapse-header-PrepackConsignmentBlock" data-toggle="collapse" data-target=".js-collapse-PrepackConsignmentBlock">Your message to Häfele
(optional)<i class="icon font-icon font-icon-arrow-down u-outer-left-10 js-icon-rotate"></i>
</label>
<div class="js-collapse-PrepackConsignmentBlock collapse" aria-expanded="false" style="height: 1px;">
<textarea id="orderNote" class="a-input t-input js-shipping-order-note"></textarea>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="modal fade c-modal c-modal--bottom-fixed js-quick-product-delivery-date" role="dialog">
<div class="modal-dialog c-modal__dialog">
<div class="modal-content c-modal__content">
<div class="modal-header c-modal__header o-quick-buy__header u-border-grey-silver">
<button type="button" class="o-quick-buy__back u-no-border u-no-background pull-left js-back-to-hub-from-reference" data-dismiss="modal"
data-alternate-date-label="Alternative dates"><i class="icon font-icon font-icon-arrow-left font-icon-16"></i></button>
<h2 class="modal-title u-display-inline-block font-20 o-quick-buy__title">Date</h2>
</div>
<div class="c-modal__body c-modal__body--space-top-bottom c-modal__body--auto-height js-quick-shipping-reference__content">
<div id="js-edit-date-with-lineItem-container">
</div>
</div>
</div>
</div>
</div>
</form>GET https://www.hafele.co.id/en/account/login/
<form action="https://www.hafele.co.id/en/account/login/" method="GET"><input type="hidden" name="SynchronizerToken" value="07d75108618564048c6d6323492ba116b29614dc0f8634f4faeb615e3094f215">
<input type="hidden" name="TargetURL" value="">
<div class="a-btn-wrapper">
<button class="a-btn a-btn--xs-fw t-btn t-btn-primary" id="logInAgain" href="https://www.hafele.co.id/en/account/login/">Log on again</button>
<a class="a-btn a-btn--xs-fw t-btn t-btn-secondary cancelButton">Close</a>
</div>
</form><form id="formLawCookie">
<div class="hflLayerBox cookieOptOutWarningLayer" style="" id="lawcookieGoogleAnalytcis">
<div class="hflLayerContainer container isMobile">
<div class="hflLayerCnt">
<div class="warningText">
<h2 class="layerHeadline">we use</h2>
<p>Zur optimalen Nutzung der Webseite verwendet Häfele<span>
<a target="_blank" href="/en/info/-/646/">Google Analytics Opt-out Browser Addon</a>
</span>Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung von Cookies zu.</p>
</div>
<div class="warningLayerButtons">
<a class="close-notify stdButton btn btn-secondary-small" href="#">OK</a>
</div>
<span class="icn-close"></span>
</div>
</div>
</div>
</form><form id="formLawCookie">
<div class="hflLayerBox cookieOptOutWarningLayer" style="display:none" id="lawcookieGoogleAnalytcis">
<div class="hflLayerContainer container isMobile">
<div class="hflLayerCnt">
<div class="warningContainer">
<h2 class="layerHeadline">Browser cookie disabled!</h2>
<p>Please enable browser cookie else you can't explore few features properly.</p>
</div>
<div class="warningLayerButtons">
<a class="close-notify stdButton focusButton btn btn-secondary-small" href="#">OK</a>
</div>
<span class="icn-close"></span>
</div>
</div>
</div>
</form>Name: searchForm — https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewParametricSearch-SimpleOfferSearch
<form action="https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewParametricSearch-SimpleOfferSearch" name="searchForm" class="js-search" data-searchid="searchForm" id="searchForm"><input type="hidden" name="SynchronizerToken"
value="07d75108618564048c6d6323492ba116b29614dc0f8634f4faeb615e3094f215"><input type="hidden" value="all" name="SearchType" id="SearchType">
<div class="search-box-button c-input-search c-input-search--xs">
<div class="remove-search js-searchbar-icn--remove" onclick="javascript:void(0);">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30" viewBox="0 0 64 64" class="svg-icons">
<use xlink:href="#icn-002-2-close-dot"></use>
</svg>
</div><input type="text" name="SearchTerm" autocomplete="off" data-testid="InputSearchTerm" id="inputSearchTerm"
class="js-search searchTerm a-input t-input a-input--no-border t-input--no-background c-input-search__input u-xs-inner-left-15 u-xs-inner-right-15 u-xs-no-input-border"
data-suggest-url="https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewSuggestSearch-Suggest" placeholder="Enter Keyword or Article Number" value="">
<input type="hidden" class="js-search" name="ProductId" id="inputProductId" data-searchid="inputProductId">
<input type="hidden" class="js-search" name="CategoryId" id="inputCategoryId" data-searchid="inputCategoryId">
<button type="button" class="search-icon icn-search visible-xs a-btn-icn a-btn-icn--md t-btn t-btn-icn t-btn-icn-primary c-input-search__button hidden" data-searchid="voiceSearchButton" data-testid="voiceSearchButton"
value="Voice Search"><i class="icon font-icon font-icon-set-icn-113-2-mike"></i></button>
<a href="#" data-testid="eanVideoSearchButton" data-searchid="" class="o-top-header__icn--camera t-btn-icn-secondary js-searchbar-icn--camera barToTextContainer visible-sm">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-115-2-scan-qr-ean"></use></svg>
</a>
<button type="button" class="js-search searchButton search-icon speechToTextSearch a-btn a-btn-icn a-btn-icn--md c-input-search__button o-top-header__search--btn u-no-outer-bottom js-searchbar-icn--search" data-searchid="searchButton"
data-testid="SearchButton" value="Search">
<svg xmlns="http://www.w3.org/2000/svg" width="26" height="26" viewBox="0 0 64 64" class="svg-icons">
<use xlink:href="#icn-051-2-search"></use>
</svg>
</button>
</div>
</form>Name: ClearNotifications — POST https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewRecommendations-ClearNotifications
<form method="post" action="https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewRecommendations-ClearNotifications" name="ClearNotifications"><input type="hidden" name="SynchronizerToken"
value="07d75108618564048c6d6323492ba116b29614dc0f8634f4faeb615e3094f215"><input type="hidden" name="SynchronizerToken" value="c9eace510f22d25205006de127f5a316cb5c6a4ad744ac2401aaee7165d30cd1">
<div class="modal-header c-modal__header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 64 64" class="svg-icons">
<use xlink:href="#icn-002-2-close"></use>
</svg>
</span>
</button>
<h4 class="modal-title text-left u-font-18">Notifications<button class="a-text-link a-text-link--btn t-text-link a-text-link--no-underline o-notification--list__clear-all jsClearNotification hidden" type="submit" value="ClearAll"
name="ClearAll">Clear All</button></h4>
</div>
<div class="modal-body c-modal__body">
<div class="scheme-notification notification-type"><span class="alert-loader"></span></div>
<div class="quote-notification notification-type"><span class="alert-loader"></span></div>
<div class="order-notification notification-type"><span class="alert-loader"></span></div>
<div class="backInStock-notification notification-type"><span class="alert-loader"></span></div>
<div class="productrecommend-notification notification-type"><span class="alert-loader"></span></div>
<div class="categoryrecommend-notification notification-type"><span class="alert-loader"></span></div>
<div class="u-outer-top-15 js-no-alerts-text hidden">
<p>No alert notificats are available</p>
</div>
</div>
</form>Name: directOrderForm — POST https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewCart-Dispatch
<form name="directOrderForm" class="directOrderForm" id="directOrderForm" action="https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewCart-Dispatch" method="post"><input type="hidden" name="SynchronizerToken"
value="07d75108618564048c6d6323492ba116b29614dc0f8634f4faeb615e3094f215">
<input type="hidden" name="furtherShoppingURL" value="Default-Start;">
<input type="hidden" name="MaxNoOfLines" value="6" data-bind="value: rowCount()">
<input type="hidden" name="directOrderFlyout" value="directOrderFlyout" id="directOrderFlyout">
<input type="hidden" name="CreatedBy" value="DirectOrderFlyout">
<table class="o-flyout__table quick-order-rows-container" id="tblQuickOrder">
<thead class="hidden-xs o-flyout__thead">
<tr class="o-flyout__row o-flyout__row--no-border">
<th class="o-flyout__column o-flyout__col-width-20 u-no-inner-left u-inner-bottom-5 u-normal"> </th>
<th class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-inner-bottom-5 u-normal"> Art. no.</th>
<th class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-inner-bottom-5 u-normal">Quantity</th>
<th class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-inner-bottom-5 u-normal">Purchase Order No</th>
<th> </th>
</tr>
</thead>
<tbody class="js-list-item-row list-item-row" data-bind="foreach: rows()">
<tr>
<td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">1.</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_1">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
name="eanSKU_1" id="ConditionConfiguration_articleNo_1" data-testid="DirectOrderInputArticleNo_1">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_1" id="ConditionConfiguration_quantity_1" data-testid="DirectOrderInputQuantity_1">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_1"
id="searchbar_ConditionConfiguration_consignment_1" data-testid="DirectOrderInputConsign_1">
</div>
</td>
<td class="o-flyout__column u-no-inner-left u-no-inner-top">
<div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_1">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() && hasInfoText()" style="display: none;">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
</td>
</tr>
<tr>
<td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">2.</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_2">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
name="eanSKU_2" id="ConditionConfiguration_articleNo_2" data-testid="DirectOrderInputArticleNo_2">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_2" id="ConditionConfiguration_quantity_2" data-testid="DirectOrderInputQuantity_2">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_2"
id="searchbar_ConditionConfiguration_consignment_2" data-testid="DirectOrderInputConsign_2">
</div>
</td>
<td class="o-flyout__column u-no-inner-left u-no-inner-top">
<div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_2">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() && hasInfoText()" style="display: none;">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
</td>
</tr>
<tr>
<td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">3.</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_3">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
name="eanSKU_3" id="ConditionConfiguration_articleNo_3" data-testid="DirectOrderInputArticleNo_3">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_3" id="ConditionConfiguration_quantity_3" data-testid="DirectOrderInputQuantity_3">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_3"
id="searchbar_ConditionConfiguration_consignment_3" data-testid="DirectOrderInputConsign_3">
</div>
</td>
<td class="o-flyout__column u-no-inner-left u-no-inner-top">
<div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_3">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() && hasInfoText()" style="display: none;">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
</td>
</tr>
<tr>
<td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">4.</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_4">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
name="eanSKU_4" id="ConditionConfiguration_articleNo_4" data-testid="DirectOrderInputArticleNo_4">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_4" id="ConditionConfiguration_quantity_4" data-testid="DirectOrderInputQuantity_4">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_4"
id="searchbar_ConditionConfiguration_consignment_4" data-testid="DirectOrderInputConsign_4">
</div>
</td>
<td class="o-flyout__column u-no-inner-left u-no-inner-top">
<div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_4">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() && hasInfoText()" style="display: none;">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
</td>
</tr>
<tr>
<td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">5.</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_5">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
name="eanSKU_5" id="ConditionConfiguration_articleNo_5" data-testid="DirectOrderInputArticleNo_5">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_5" id="ConditionConfiguration_quantity_5" data-testid="DirectOrderInputQuantity_5">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_5"
id="searchbar_ConditionConfiguration_consignment_5" data-testid="DirectOrderInputConsign_5">
</div>
</td>
<td class="o-flyout__column u-no-inner-left u-no-inner-top">
<div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_5">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() && hasInfoText()" style="display: none;">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
</td>
</tr>
<tr>
<td class="o-flyout__column o-flyout__col-width-20 u-no-inner-left hidden-xs" data-bind="css: {'t-flyout__error': ('quantity' == errorCode()) || ('articleNumber' == errorCode()) || focus()}, text: index()+'.'">6.</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}" name="SKU_6">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}"
name="eanSKU_6" id="ConditionConfiguration_articleNo_6" data-testid="DirectOrderInputArticleNo_6">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-95 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" class="inputQuanity form-control labeled__input a-input a-input--sm is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}"
name="Quantity_6" id="ConditionConfiguration_quantity_6" data-testid="DirectOrderInputQuantity_6">
</div>
</td>
<td class="o-flyout__column o-flyout__col-width-150 u-no-inner-left u-no-inner-top">
<div class="hfl-textinput">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input a-input a-input--sm is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment" name="Consignment_6"
id="searchbar_ConditionConfiguration_consignment_6" data-testid="DirectOrderInputConsign_6">
</div>
</td>
<td class="o-flyout__column u-no-inner-left u-no-inner-top">
<div class="infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}" data-testid="DirectOrderInfoText_6">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message c-message--sm t-message-success u-no-outer-all font-11" data-bind="visible: !hasError() && hasInfoText()" style="display: none;">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message c-message--sm t-message-error u-no-outer-all font-11" data-bind="visible: hasError()" style="display: none;">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td> </td>
<td class="o-flyout__column u-no-inner-left u-inner-top-5" colspan="5">
<a href="#" class="a-text-link a-text-link--no-underline t-text-link pull-sm-left js-add-further" data-testid="AddMoreArticleWrapper" data-bind="click: addRowForce">
<span class="o-flyout__icn-angle">
<svg xmlns="http://www.w3.org/2000/svg" width="10" height="10" class="svg-icons"><use xlink:href="#icn-001-2-arrow"></use></svg>
</span>
<span>add further articles</span>
</a>
<div class="addToOpenOrderLink pull-sm-left">
<div id="js-directOrderChange">
<button class="shoppingCartOption is-link-view js-selection-aware hflLink js-executeDirectOrderChange o-flyout__btn-change-order" id="executeHeaderOrderChange" name="directOrderChange" type="button" value="directOrderChange"
data-changeorderurl="https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewChangeOrder-GetChangeOrderView?StateFilter=CHANGEABLE">
<span class="stdButtonInner o-flyout__btn-change-order-text">Add to an open order</span>
</button>
</div>
</div>
<a href="#" class="a-btn a-btn--xs-fw t-btn t-btn-primary js-csrf-disabled pull-sm-right" data-testid="DirectOrderButtonToCart" name="directOrderFlyout" data-bind="click: submit">
<span class="u-outer-right-10 hidden-xs"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="svg-icons"><use xlink:href="#icn-040-2-cart"></use></svg></span> <span>Add to cart</span>
</a>
</td>
</tr>
</tfoot>
</table>
<input type="hidden" name="DeviceSource" value="desktop">
</form>Name: miniCartGoToCartQuickForm — GET https://www.hafele.co.id/en/cart/
<form action="https://www.hafele.co.id/en/cart/" name="miniCartGoToCartQuickForm" class="js-miniGoToCartQuick1 u-display-inline" method="get"><input type="hidden" name="SynchronizerToken"
value="07d75108618564048c6d6323492ba116b29614dc0f8634f4faeb615e3094f215">
<input type="hidden" class="js-search js-furtherShoppingURL" name="furtherShoppingURL" value="Default-Start;" data-searchid="furtherShoppingURL"><a id="js-cartButton" class="cartQuickViewButton a-text-link a-text-link--no-underline t-text-link t-text-link--secondary u-display-inline" href="https://www.hafele.co.id/en/cart/" data-testid="CartQuickViewButton" data-minicartlabelurl="https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/IncludeCart-MiniCartLabel" data-minicartcontenturl="https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewCart-GetCartFlyoutPreviewContent" data-cart-text="Cart" data-cart-count-text="Cart (null)"><span id="cart-item-value">
<span class="o-top-header__btn-cart">
<svg xmlns="http://www.w3.org/2000/svg" width="22" height="22" viewBox="0 0 64 64" class="svg-icons" title="Cart"><use xlink:href="#icn-040-2-cart"></use></svg>
<span class="mini-cart-qty o-top-header__btn-cart-qty t-top-header__btn-cart-qty">0</span>
</span>
<span class="hidden-md visible-lg-inline u-lg-outer-top-10 u-line-height-26">Cart</span>
</span></a>
</form>Name: loginWithExistingAccountForm — POST https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewUserAccount-ProcessLoginHeaderItemLogin
<form name="loginWithExistingAccountForm" id="loginWithExistingAccountForm" class="stdForm" action="https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewUserAccount-ProcessLoginHeaderItemLogin" method="post"><input type="hidden"
name="SynchronizerToken" value="07d75108618564048c6d6323492ba116b29614dc0f8634f4faeb615e3094f215">
<div id="loginFormAjax" class="loginFormAjax myAccountLogin user-login-form-ajax">
<div id="HDERedirectContent" data-bind="visible: loginResult().getHDERedirectURL()" class="loginForm-label" style="display: none;">
<span data-bind="visible: loginResult().getBozen()" style="display: none;">
<p>Sie werden auf die Italienische Seite in Deutscher Sprache weitergeleitet. <br> Klicken Sie auf 'Weiter', um auf die Seite zu wechseln!</p>
<a class="a-text-link hfl-button hfl-button__focus btn-block" data-bind="click: submitHDERedirect">Weiter / Proceed</a>
</span>
<span data-bind="visible: !loginResult().getBozen()">
<p>Für Sie ist easy link in einer anderen Sprachversion vorgesehen.<br> Klicken Sie auf 'Weiter' um in die gültig Sprachvariante zu wechseln!</p>
<a class="a-text-link hfl-button hfl-button__focus btn-block" data-bind="click: submitHDERedirect">Weiter / Proceed</a>
</span>
</div>
<div id="loginFormContent" data-bind="visible: !loginResult().getHDERedirectURL()" class="loginForm-content">
<div role="alert" class="c-message t-message-error" data-bind="visible: loginResult().getError() && !loginResult().getHDERedirectURL()" style="display: none;">
<span data-bind="html: loginResult().getError()"></span>
</div>
<div class="row form-group">
<div class="col-sm-offset-4 col-sm-8">
<div class="co-user">
<div class="checkBox hfl-checkbox" id="divShopLoginForm_LoginAsJointUser_headerItemLogin" data-testid="divShopLoginForm_LoginAsJointUser_headerItemLogin" style="" data-name="ShopLoginForm_LoginAsJointUser_headerItemLogin" data-value="on">
</div><input type="checkbox" class="hfl-checkbox" name="ShopLoginForm_LoginAsJointUser_headerItemLogin" id="ShopLoginForm_LoginAsJointUser_headerItemLogin" data-testid="ShopLoginForm_LoginAsJointUser_headerItemLogin" value="on"
style="display: none;">
<label for="divShopLoginForm_LoginAsJointUser_headerItemLogin" class="checkboxlabel">Log on as co-user</label>
</div>
</div>
</div>
<div class="row form-group">
<div class="col-sm-4 hidden-xs">
<label for="ShopLoginForm_Login_headerItemLogin" class="u-normal u-line-height-44 u-no-outer-all login-form-label">
<span>Customer number *</span>
</label>
</div>
<div class="col-sm-8">
<input type="text" tabindex="1" name="ShopLoginForm_Login_headerItemLogin" data-testid="FlyoutLoginEditUser" id="ShopLoginForm_Login_headerItemLogin" maxlength="60" value=""
data-bind="attr: { 'class' : loginResult().hasError('ShopLoginForm_Login') ? 'form-control hfl-error a-input t-input' : 'form-control a-input t-input'}" class="form-control a-input t-input">
<label for="ShopLoginForm_Login_headerItemLogin" class="hfl-textinput--placeholder visible-xs new-placeholder">
<span>Customer number *</span>
</label>
<div class="c-message c-message--input t-message-error" data-bind="visible: loginResult().hasError('ShopLoginForm_Login')" style="display: none;">
<span data-bind="html:loginResult().getError('ShopLoginForm_Login')"></span>
</div>
</div>
</div>
<div class="row form-group inputUsername hidden">
<div class="col-sm-4 hidden-xs">
<label for="ShopLoginForm_UserName" class="u-normal u-line-height-44 u-no-outer-all login-form-label">
<span>User name *</span>
</label>
</div>
<div class="col-sm-8">
<input autocomplete="off" type="text" tabindex="2" data-testid="FlyoutLoginUserName" name="ShopLoginForm_UserName_headerItemLogin" id="ShopLoginForm_UserName_headerItemLogin" value="" disabled=""
data-bind="attr: { 'class' : loginResult().hasError('ShopLoginForm_UserName') ? 'form-control hfl-error a-input t-input' : 'form-control a-input t-input'}" class="form-control a-input t-input">
<label for="ShopLoginForm_UserName" class="hfl-textinput--placeholder visible-xs new-placeholder">
<span>User name *</span>
</label>
<div class="c-message c-message--input t-message-error" data-bind="visible: loginResult().hasError('ShopLoginForm_UserName')" style="display: none;">
<span data-bind="html:loginResult().getError('ShopLoginForm_UserName')"></span>
</div>
</div>
</div>
<div class="row form-group">
<div class="col-sm-4 hidden-xs">
<label for="ShopLoginForm_Password" class="u-normal u-line-height-44 u-no-outer-all login-form-label">
<span>Password *</span>
</label>
</div>
<div class="col-sm-8">
<input type="password" tabindex="3" maxlength="256" name="ShopLoginForm_Password_headerItemLogin" id="ShopLoginForm_Password_headerItemLogin" data-testid="FlyoutLoginEditLogin"
data-bind="attr: { 'class' : loginResult().hasError('ShopLoginForm_Password') ? 'form-control hfl-error a-input t-input' : 'form-control a-input t-input'}" class="form-control a-input t-input">
<label for="ShopLoginForm_Password" class="hfl-textinput--placeholder visible-xs new-placeholder">
<span>Password *</span>
</label>
<div class="c-message c-message--input t-message-error" data-bind="visible: loginResult().hasError('ShopLoginForm_Password')" style="display: none;">
<span data-bind="html:loginResult().getError('ShopLoginForm_Password')"></span>
</div>
</div>
</div>
<div class="row forgotPassLink">
<div class="col-sm-offset-4 col-sm-8">
<p>
<a tabindex="4" id="PasswordForgottenLink" class="a-text-link t-text-link hfl-link--arrow__prefix" href="https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewForgotLoginData-ForgotPassword">Forgot your password?</a>
</p>
</div>
</div>
<div class="row form-group loginRember">
<div class="col-sm-offset-4 col-sm-8">
<div class="checkBox hfl-checkbox" id="divShopLoginForm_RememberLogin_headerItemLogin" data-testid="divShopLoginForm_RememberLogin_headerItemLogin" style="" data-name="ShopLoginForm_RememberLogin_headerItemLogin" data-value=""></div><input
type="checkbox" class="hfl-checkbox" name="ShopLoginForm_RememberLogin_headerItemLogin" id="ShopLoginForm_RememberLogin_headerItemLogin" data-testid="FlyoutRememberLogin" style="display: none;">
<label for="divShopLoginForm_RememberLogin_headerItemLogin" class="checkboxlabel">Keep me logged in</label>
</div>
</div>
<div class="row">
<div class="col-sm-offset-4 col-sm-8">
<div class="form-group hfl-login--form-group__submit">
<div class="hfl-login--links">
<button data-testid="ajaxAccountLoginFormBtn" tabindex="5" class="a-btn a-btn--xs-fw t-btn t-btn-primary u-no-outer-left pull-sm-left u-outer-right-20 u-outer-bottom-10" type="submit">Log on</button>
<div class="text-title visible-xs">
<span>Or, Not a customer yet? </span>
</div><a class="a-btn a-btn--xs-fw t-btn t-btn-secondary hfl-login--links__register hfl-link--arrow__prefix" href="https://www.hafele.co.id/en/info/-/98836/" data-testid="FlyoutRegisterLogin">Registration</a>
</div>
</div>
</div>
</div>
</div>
<div id="loginFormAjaxLoader" class="hflAjaxLoader loginAjaxLoader hidden">
<span></span>
<div>Your credentials are now being checked...</div>
</div>
</div>
</form>Name: ClearNotifications — POST https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewRecommendations-ClearNotifications
<form method="post" action="https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewRecommendations-ClearNotifications" name="ClearNotifications"><input type="hidden" name="SynchronizerToken"
value="07d75108618564048c6d6323492ba116b29614dc0f8634f4faeb615e3094f215"><input type="hidden" name="SynchronizerToken" value="c9eace510f22d25205006de127f5a316cb5c6a4ad744ac2401aaee7165d30cd1">
<div class="modal-header c-modal__header">
<button type="button" class="close" data-dismiss="modal" aria-label="Close">
<span aria-hidden="true">
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 64 64" class="svg-icons">
<use xlink:href="#icn-002-2-close"></use>
</svg>
</span>
</button>
<h4 class="modal-title text-left u-font-18">Notifications<button class="a-text-link a-text-link--btn t-text-link a-text-link--no-underline o-notification--list__clear-all jsClearNotification hidden" type="submit" value="ClearAll"
name="ClearAll">Clear All</button></h4>
</div>
<div class="modal-body c-modal__body">
<div class="scheme-notification notification-type"><span class="alert-loader"></span></div>
<div class="quote-notification notification-type"><span class="alert-loader"></span></div>
<div class="order-notification notification-type"><span class="alert-loader"></span></div>
<div class="backInStock-notification notification-type"><span class="alert-loader"></span></div>
<div class="productrecommend-notification notification-type"><span class="alert-loader"></span></div>
<div class="categoryrecommend-notification notification-type"><span class="alert-loader"></span></div>
<div class="u-outer-top-15 js-no-alerts-text hidden">
<p>No alert notificats are available</p>
</div>
</div>
</form>Name: dOrderFormResponsive — POST https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewCart-Dispatch
<form name="dOrderFormResponsive" class="directOrderForm" id="dOrderFormResponsive" action="https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewCart-Dispatch" method="post"><input type="hidden" name="SynchronizerToken"
value="07d75108618564048c6d6323492ba116b29614dc0f8634f4faeb615e3094f215">
<input type="hidden" name="furtherShoppingURL" value="Default-Start;">
<input type="hidden" name="MaxNoOfLines" value="6" data-bind="value: rowCount()">
<input type="hidden" name="directOrderFlyout" value="directOrderFlyout" id="directOrderFlyout">
<input type="hidden" name="CreatedBy" value="DirectOrderFlyout">
<table class="quick-order-rows-container">
<tbody class="list-item-row" data-bind="foreach: rows()">
<tr class="o-flyout__row-mobile">
<td class="u-no-inner-left hidden-xs" data-bind="text: index()+'.'"></td>
<td>
<div class="row o-flyout__line-item js-direct-entry-item-row">
<div class="inp-article col-xs-12">
<div class="hfl-textinput form-group">
<input type="hidden" class="SKU_Placeholder" data-bind="attr: {name: 'SKU_' + index()}">
<input type="text" maxlength="13" class="inputArticleNo form-control labeled__input is-defaultText" autocomplete="off" required="" default-data-emptytext=""
data-bind="attr: {name: 'eanSKU_' + index(), id: 'ConditionConfiguration_articleNo_' + index(), 'data-testid': 'DirectOrderInputArticleNo_' + index()}, value: articleNumber, css: {error: 'articleNumber' == errorCode() || focus()}">
<label class="hfl-textinput--placeholder" for="Product_SKU">Art. no.</label><a href="#" data-testid="eanVideoSearchButton" class="ean-scanner-ico t-btn-icn-secondary directEanbarScanner">
<svg xmlns="http://www.w3.org/2000/svg" width="25" height="25" viewBox="0 0 64 64" class="svg-icons"><use xlink:href="#icn-115-2-scan-qr-ean"></use></svg>
</a>
</div>
</div>
<div class="col-xs-12 infoText" data-bind="attr: {'data-testid': 'DirectOrderInfoText_' + index()}">
<div class="labelInfoText main-container userNotLoggedIn">
<p class="c-message t-message-success u-no-outer-all font-14 u-outer-bottom-20 js-article-success-msg" data-bind="visible: !hasError() && hasInfoText()" style="display:none">
<span data-bind="html: infoText()"></span>
</p>
<p class="c-message t-message-error u-no-outer-all font-14 u-outer-bottom-20 js-article-error-msg" data-bind="visible: hasError()" style="display:none">
<span data-bind="html: errorMessage()"></span>
</p>
</div>
</div>
<div class="col-xs-4 u-xs-inner-right-0">
<div class="hfl-textinput form-group">
<input type="text" class="inputQuanity form-control labeled__input is-defaultText" autocomplete="off" required="" default-data-emptytext="" data-quantity-check="6"
data-bind="attr: {name: 'Quantity_' + index(), id: 'ConditionConfiguration_quantity_' + index(), 'data-testid': 'DirectOrderInputQuantity_' + index()}, value: quantity, css: {error: 'quantity' == errorCode() || focus()}">
<label class="hfl-textinput--placeholder" for="directOrder_quantity_smallform">Quantity</label>
</div>
</div>
<div class="col-xs-8">
<div class="hfl-textinput form-group">
<input type="text" maxlength="40" required="" autocomplete="off" default-data-emptytext="" class="inputArticle js-consignment form-control labeled__input is-defaultText"
data-bind="value: consignment(), attr: {name: 'Consignment_' + index(), id: 'searchbar_ConditionConfiguration_consignment_' + index(), 'data-testid': 'DirectOrderInputConsign_' + index()}, value: consignment">
<label class="hfl-textinput--placeholder" for="directOrder_sku">Purchase Order No</label>
</div>
</div>
</div>
</td>
</tr>
</tbody>
<tfoot>
<tr>
<td colspan="2" class="addMoreArticlesWrapper">
<a href="#" class="hflLink o-flyout__add-further t-flyout__add-further u-display-inline-block u-outer-bottom-15" data-testid="AddMoreArticleWrapper" data-bind="click: addRowForce">
<span>add further articles </span>
</a>
</td>
</tr>
<tr class="hidden">
<td colspan="2" class="addToOpenOrderLink">
<div id="js-directOrderChange">
<button class="shoppingCartOption is-link-view js-selection-aware hflLink js-executeDirectOrderChange o-flyout__btn-change-order" id="executeHeaderOrderChange" name="directOrderChange" type="button" value="directOrderChange"
data-changeorderurl="https://www.hafele.co.id/hap-live/web/WFS/Haefele-HRI-Site/en_ID/-/IDR/ViewChangeOrder-GetChangeOrderView?StateFilter=CHANGEABLE">
<span class="stdButtonInner o-flyout__btn-change-order-text">Add to an open order</span>
</button>
</div>
</td>
</tr>
<tr>
<td colspan="6" class="orderSubmitButton">
<a href="#" class="a-btn a-btn--xs-fw t-btn t-btn-primary t-btn__white js-csrf-disabled" data-testid="DirectOrderButtonToCart" name="directOrderFlyout" data-bind="click: submit">
<span class="u-outer-right-10 hidden-xs"><svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" class="svg-icons"><use xlink:href="#icn-040-2-cart"></use></svg></span> <span>Add to cart</span>
</a>
</td>
</tr>
</tfoot>
</table>
</form>Text Content
ADDRESS
DELIVERY
ADD NEW CREDIT CARD
REFERENCE
Your input could not be saved. Please review the highlighted fields.
Your internal purchase order reference
Packed on project
yes
no
Your message to Häfele (optional)
DATE
Do you really want to delete this credit card?
Once deleted the details will no longer be available.
Confirm Cancel
Are you sure you want to close the checkout process?
Please complete the payment to place your order successfully.
Continue checkout Exit Checkout
Group 12 Created with Sketch. PACKED icn-075-2-tick_bold icn-075-2-tick
SESSION TIMEOUT
You will be logged off in 0 minutes.
Keep me logged in Log off
SESSION TIMEOUT
You have been logged off for security reasons.
Log on again Close
WE USE
Zur optimalen Nutzung der Webseite verwendet Häfele Google Analytics Opt-out
Browser Addon Durch die weitere Nutzung der Webseite stimmen Sie der Verwendung
von Cookies zu.
OK
BROWSER COOKIE DISABLED!
Please enable browser cookie else you can't explore few features properly.
OK
It appears that your browser has JavaScript disabled.
This Website requires your browser to be JavaScript enabled.
Please enable JavaScript and reload this page.
* Indonesia
Search
Search for product name or article numbers
Search for product name or article numbers
Notifications
NOTIFICATIONSCLEAR ALL
No alert notificats are available
Direct entry
Quick Order
Please enter the article number.
Please enter a valid value for the number of articles.
Article number is not correct. Please check.
Article number not found. Please check.
Article currently not available.
Art. no. QuantityPurchase Order No 1.
2.
3.
4.
5.
6.
add further articles
Add to an open order
Add to cart
0 Cart
EAN
EAN
* EAN
Find products by either scanning QR code or EAN code
Unable to detect / invalid code
Please try again.
Choose camera
Retry Cancel
Redirecting...
*
* My account ( )
* Login
LOGIN
Sie werden auf die Italienische Seite in Deutscher Sprache weitergeleitet.
Klicken Sie auf 'Weiter', um auf die Seite zu wechseln!
Weiter / Proceed
Für Sie ist easy link in einer anderen Sprachversion vorgesehen.
Klicken Sie auf 'Weiter' um in die gültig Sprachvariante zu wechseln!
Weiter / Proceed
Log on as co-user
Customer number *
Customer number *
User name *
User name *
Password *
Password *
Forgot your password?
Keep me logged in
Log on
Or, Not a customer yet?
Registration
Your credentials are now being checked...
Notifications
NOTIFICATIONSCLEAR ALL
No alert notificats are available
My account ( ) Login
* 0
*
* Menu
* Products
* Furniture & Door Handles
* View All
* Furniture Handles & Knobs
* Door Handles
* Security Fittings
* Furniture & Living Solutions
* View All
* Sanitary & Bathroom Fittings
* Home & Living Solutions
* View All
* Wardrobe & Storage Fittings
* Wardrobe & Coat Hooks
* Bed Fittings
* Office Fittings
* View All
* Office Desking Systems
* Office Organisation
* Table Fittings, Legs, Feet & Castors
* View All
* Furniture Glides & Castors
* Table Legs, Furniture Feet & Adjusters
* Table Fittings
* Drawers, Drawer Systems & Runners
* View All
* Drawer Systems
* Drawer Runners
* Drawer Inserts
* Furniture Hinges
* Flap Fittings & Stays
* Door Accessories, Buffers & Stops
* Connectors & Shelf Supports
* View All
* Connectors
* Shelf Supports & Brackets
* Locks, Catches & Bolts
* View All
* Furniture Locks & Locking Systems
* Furniture Catches & Bolts
* Kitchen Organisation
* View All
* Kitchen Storage & Accessories
* Waste Management
* Sinks & Taps
* Worktops & Splashbacks
* Kitchen Appliances
* View All
* Baking & Cooking
* Refrigeration & Freezing
* Extractor hoods
* Dishwashers
* Small household appliances
* Kitchen Utensils & Bakeware
* Ventilation Grills & Systems
* Architectural Ironmongery
* View All
* Access Control
* Locking Systems
* View All
* Locks & Latches
* Panic Exit Hardware
* Door Hinges
* Door Closers & Controls
* Door Accessories
* Glass Doors & Glass Door Fittings
* Window Fittings
* Sliding, Folding & Tambour Door Fittings
* View All
* Sliding & Folding Door Fittings for Furniture
* Sliding & Folding Door Fittings for Architectural Appliances
* Moveable Wall Systems
* Lighting & Electrical Fittings
* View All
* Lighting
* Cabinet Lifts, TV Lifts & Brackets
* Electrical Accessories
* Tools & Consumables
* View All
* Screws
* Fixing Materials
* Tools & Accessories
* View All
* Hand Tools & Jigs
* Industry
* Overview
* Competences
* Product ranges
* Production sites
* Brand Partners
* Service
* Overview
* Catalogues & Brochures
* Configuration Tools
* Contact
* Hafele Discoveries
* Check Stock & Price
* News
* Häfele Indotama Location
* Promotions
* Project Reference
* Media
* Newsletter
* Trade Fairs & Events
* Customer Care
* About Häfele
* Overview
* Company Profile
* Brand Products
* Business Figures
* Management of the Häfele Group
* Quality and Environmental Management
* The Häfele Story
* Careers
* Häfele Indotama
* Mission Statement and Brand
* Catalogues
* Worldwide
* Contact
* * My account ( )
* Login
* Contact
HOME
* Furniture & Door Handles
* View All
* Furniture Handles & Knobs
* Door Handles
* Security Fittings
* Furniture & Living Solutions
* View All
* Sanitary & Bathroom Fittings
* Home & Living Solutions
* View All
* Wardrobe & Storage Fittings
* Wardrobe & Coat Hooks
* Bed Fittings
* Office Fittings
* View All
* Office Desking Systems
* Office Organisation
* Table Fittings, Legs, Feet & Castors
* View All
* Furniture Glides & Castors
* Table Legs, Furniture Feet & Adjusters
* Table Fittings
* Drawers, Drawer Systems & Runners
* View All
* Drawer Systems
* Drawer Runners
* Drawer Inserts
* Furniture Hinges
* Flap Fittings & Stays
* Door Accessories, Buffers & Stops
* Connectors & Shelf Supports
* View All
* Connectors
* Shelf Supports & Brackets
* Locks, Catches & Bolts
* View All
* Furniture Locks & Locking Systems
* Furniture Catches & Bolts
* Kitchen Organisation
* View All
* Kitchen Storage & Accessories
* Waste Management
* Sinks & Taps
* Worktops & Splashbacks
* Kitchen Appliances
* View All
* Baking & Cooking
* Refrigeration & Freezing
* Extractor hoods
* Dishwashers
* Small household appliances
* Kitchen Utensils & Bakeware
* Ventilation Grills & Systems
* Architectural Ironmongery
* View All
* Access Control
* Locking Systems
* View All
* Locks & Latches
* Panic Exit Hardware
* Door Hinges
* Door Closers & Controls
* Door Accessories
* Glass Doors & Glass Door Fittings
* Window Fittings
* Sliding, Folding & Tambour Door Fittings
* View All
* Sliding & Folding Door Fittings for Furniture
* Sliding & Folding Door Fittings for Architectural Appliances
* Moveable Wall Systems
* Lighting & Electrical Fittings
* View All
* Lighting
* Cabinet Lifts, TV Lifts & Brackets
* Electrical Accessories
* Tools & Consumables
* View All
* Screws
* Fixing Materials
* Tools & Accessories
* View All
* Hand Tools & Jigs
* WELCOME TO HÄFELE INDONESIA
Your journey begins here! See our latest products in person.
Find Out More
* TRANSFORMING HOUSES INTO HOMES
Experience the transformative power of thoughtful design and functional
beauty of our products.
Learn More
* HAWA CONCEPTA III: RETHINK YOUR SPACE
Convertible rooms, just how you like it.
See More
* LOOX5: SHINING WITH EXTRAORDINARY QUALITY OF LIGHT
Illuminate your space from functional to decorative with LOOX.
See More
* VISIT OUR SERVICE WEBSITE NOW!
Register yourself for more detail.
Register Now
Company Profile
Home Appliances
LOOX5 Lighting
Catalogue & Brochures
YouTube
10.04
House Tour Villa Christian Sugiono by Kitchen Häfele
01.48
Harben Air Fryer Oven
00.54
Introducing Anti Tip System
FURNITURE FITTINGS
Enhance everyday living with smooth and effortless movement.
View all
KITCHEN SOLUTIONS
Discover the perfect blend of style and functionality for modern living.
View all
LIGHTING SOLUTIONS
Turn any space into a work of art with our innovative lighting solutions.
View all
HOME APPLIANCES
Upgrade your living space with our high-quality home appliances.
View all
ACCESS CONTROL
Protect your valuables with our advanced access control systems.
View all
WE WILL ASSIST YOU
Häfele is always available to respond to your questions and provide individual
support. Use the appropriate contact form to communicate your request. Häfele
will respond to you promptly. We will also be pleased to call you back. If you
would rather speak with us on the phone, please call our Hotline +62 21 7587
8888 from 8.00 am to 5.00 pm, Monday to Friday. For technical services and
repairs, you can reach our After Sales Service at +62 21 7857 8888 Ext. 234 from
8 am to 5 pm, Monday to Friday. If you have a question outside of these service
hours, we offer an extensive Questions and Answers area for quick and easy
assistance.
ABOUT HÄFELE
Established in 1923 in Nagold, Germany, Häfele today is one of the world’s
leading producers of furniture fittings, architectural hardware as well as
electronic locking systems. With 37 subsidiaries and wide product porfolio
presence in more than 150 countries and a history of over 90 years of experience
and continuous innovation, Häfele is developing exponentially and becoming a
world’s leading home as well as project solution provider.
Quick Order
Please enter the article number.
Please enter a valid value for the number of articles.
Article number is not correct. Please check.
Article number not found. Please check.
Article currently not available.
Art. no.
Quantity
Purchase Order No
add further articles
Add to an open order
Add to cart
Newsletter
--------------------------------------------------------------------------------
* My account ( )
* Login
*
* Apps
*
* Print Page
--------------------------------------------------------------------------------
© 2024
Contact Us
Print page Apps Newsletter
© 2024 by Häfele Imprint Data protection General Terms and Conditions Terms and
conditions of use Sitemap Customer Care
Contact Us
--------------------------------------------------------------------------------
E-mail: info@hafele.co.id Hotline: +62 21 7587 8888
© 2024
© 2024
Contact Us
Print page Apps Newsletter
© 2024 by Häfele Imprint Data protection General Terms and Conditions Terms and
conditions of use Sitemap Customer Care
Contact Us
ARTICLES COULD NOT BE ADDED TO THE WISH LIST.
Install this webapp on your iPhone, tap and click on "Add to homescreen"
YOU ARE NOW ON THE WEBSITE FOR HAFELE INDONESIA
To the website of my country
Stay Here