star.coupahost.com
Open in
urlscan Pro
3.248.216.135
Public Scan
Submitted URL: https://star.coupahost.com/supplier_order_headers/view_po_via_email/9bc818923437b611e450d483704840cd86e7c9b4
Effective URL: https://star.coupahost.com/supplier_order_headers/3004871
Submission: On January 24 via manual from FR — Scanned from FR
Effective URL: https://star.coupahost.com/supplier_order_headers/3004871
Submission: On January 24 via manual from FR — Scanned from FR
Form analysis 1 forms found in the DOM
POST /supplier_order_headers/3004871
<form enctype="multipart/form-data" action="/supplier_order_headers/3004871" accept-charset="UTF-8" method="post"><input name="utf8" type="hidden" value="✓"><input type="hidden" name="_method" value="patch"><input type="hidden"
name="authenticity_token" value="zRiWwnxyvV4eOhEDmT1E4XoX5ujmAViqUhD2Ruji2+VaPyrDxJHRSe4sSOsjChW+VQncLaU/3zQ/jOjtSTrPlg==">
<div class="topForm header_section">
<div class="header">
<h2><img class="header_icon header-gearIcon" alt="" title="" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif">Informations générales</h2>
</div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_readable_status">Statut</label><span class="data s-readable_status" id="order_header_readable_status">Émis - Envoyé par courrier électronique</span></div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_local_header_created_at">Date de la commande</label><span class="data s-local_header_created_at" id="order_header_local_header_created_at">20/01/23</span>
</div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_local_version_created_at">Date de révision</label><span class="data s-local_version_created_at" id="order_header_local_version_created_at">20/01/23</span>
</div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_requester">Demandeur</label><span class="data s-requester" id="order_header_requester">Emeline BRANGER</span></div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_email">Courriel</label> emeline.branger@engie.com </div>
<div class="form_element inline wrapper_vertical" id="order_header_payment_term"><span class="group_label label_readonly">Terme De Paiement</span><span class="data">F015</span></div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_order_header">Qualification</label>Regularisation</div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_order_header">TVA auto-liquidée</label>Non</div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_order_header">Conditions spéciales de facturation</label>(vide)</div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_order_header">N° Régularisation</label>T4-2022</div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_order_header">Instructions spécifiques d'expédition</label><span class="show none">Aucun</span></div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_order_header">Réponse Fournisseur</label><span class="show none">Aucun</span></div>
<div class="form_element wrapper_vertical" role="group"><label class="group_label" for="order_header_attachments">Pièces Jointes</label>
<div class="attachments attachified attachments_61419315">
<ul aria-label="Liste des pièces jointes" class="attachments-list">
<li class="show none">Aucun</li>
</ul>
</div>
</div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_acknowledged_at">Accepté</label>
<input name="order_header[acknowledged_at]" type="hidden" value="0"><input class="remote-field" data-url="/supplier_order_headers/acknowledge/3004871?version=1" data-with="flag" type="checkbox" value="1" name="order_header[acknowledged_at]"
id="order_header_acknowledged_at">
</div>
<div class="form_element wrapper_vertical" id="assigned_supplier_users"><label class="group_label" for="order_header_assigned_supplier_users">Affecté à</label>
<div class="multi_value_picker "><input type="hidden" name="order_header[assigned_supplier_users][]" id="order_header_assigned_supplier_users_blank" value="">
<ul class="multi_value_picker_list">
<li class="multi_value_field_wrapper" id="order_header_assigned_supplier_users_field_wrapper"><input data-autocomplete-filter-results="false" data-autocomplete-scrollable-list="true" placeholder="Sélectionner"
name="assigned_supplier_users_name_picker" class="multi_value_field" after_update_element=" function(field, element){
var id = jQuery(element).find('.acvalue').html();
var name = field.value;
jQuery(field).parents('.multi_value_field_wrapper').before('<li class=\"pickable_value\"><span class=\"name\" title=\"\">REPLACE_NAME<\/span><input type=\"hidden\" name=\"order_header[assigned_supplier_users][]\" id=\"order_header_assigned_supplier_users_\" />&nbsp;<a aria-label=\"Supprimer REPLACE_NAME\" class=\"del\" href=\"#\">x<\/a><\/li>'.replace('REPLACE_NAME',name).replace('REPLACE_ID',id));
field.value = '';
}
" data-autocomplete-url="/supplier_order_headers/supplier_users_auto_complete?value_format=id" type="text" id="order_header_assigned_supplier_users_name"></li>
</ul>
</div>
</div>
</div>
<div class="right_side_details">
<section id="shipTo" class="right_header">
<div class="header">
<h2>
<img class="header_icon header-shipping" alt="" title="" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif">Expédition
</h2>
</div>
<div class="content">
<div as_supplier="true" class="address_wrapper ">
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_ship_to_address">Expédier à L’Adresse</label><span class="address"> REGULARISATION<br>REGULARISATION<br>. REGUL<br>France<br>Attn : Emeline BRANGER <div
class="form_element wrapper_vertical"><label class="group_label" for="address_address"><span class="required">*</span>Nom de recherche</label>REGUL</div>
</span>
</div>
</div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_shipping_term">Conditions</label><span class="data s-shipping_term" id="order_header_shipping_term"><span class="show none">Aucun</span></span></div>
</div>
</section>
<div class="clear"></div>
<div class="shippableWidget" id="s-SupplierShippableWidget" data-shippable-type="OrderHeader" data-shippable-id="3004871" data-add-tracker="0">
<section id="shipmentTracking" class=" shippableApp s-shippableApp">
<div class="header s-header">
<h2><span class="s-headerIcon header_icon headerIcon header-shipment"></span><span>Suivi de l’envoi</span>
<p class="s-trackerActionLinks shippableApp__headerLinks"><button id="s-createTrackerHeaderLink" class="button buttonAsLink s-createTracker shippableApp__actionLinks" type="button"><img src="/images/blank.gif"
class="icon_cmpt sprite-add icon_button" alt="" aria-hidden="true"><span>Ajouter</span></button></p>
</h2>
</div>
<div class="content">
<div class="trackerList s-trackerList"><span class="shippableApp__emptyTrackerList s-emptyTrackerList formElementReadonly">Aucun suivi d’envoi.</span></div>
</div>
</section>
</div>
</div>
<div class="clear"></div>
<div id="po_lines" class="csp_order_lines">
<div id="lines">
<div class="header noBorder noMargin">
<h2><img class="header_icon header-lines" alt="" title="" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif">Lignes</h2>
</div>
<script>
setTimeout(
"\n(function(\$){\n \$.fn.extend({\n customSelectEvents: function(_options) {\n \$(document).on(\"change\", this.selector, function() {\n var \$this = \$(this);\n \$this.next(\".customStyleSelectBox\").find(\".customStyleSelectBoxInner\").text(\$this.find(\':selected\').text()).parent().addClass(\'changed\');\n }).on(\"focus mouseenter\", this.selector, function() {\n \$(this).next(\".customStyleSelectBox\").addClass(\"focus\");\n }).on(\"blur mouseleave\", this.selector, function() {\n \$(this).next(\'.customStyleSelectBox\').removeClass(\"focus\");\n });\n },\n customStyle : function(options) {\n if(!\$.browser.msie || (IE_browser_version() > 6)){\n return this.each(function() {\n var \$this = \$(this);\n var \$customSelect = \$(\"<span />\").addClass(\"select customStyleSelectBox\").css({ display: \"inline-block\" }).html(\'<span class=\"customStyleSelectBoxInner\">\'+\$this.find(\":selected\").text()+\"<\/span>\");\n\n \$customSelect.find(\":first-child\").css({ width: \"auto\", display: \"inline-block\" });\n \$this.css({ position: \"absolute\", opacity: 0, fontSize: \$this.parent().next().css(\"font-size\") });\n \$this.after(\$customSelect);\n });\n }\n }\n });\n})(jQuery);\n\$(document).ready(function() {\n function check_advanced_search() {\n if(\$(\'#adv_search_supplier_order_line:visible\').length > 0){\n \$(\'#si_supplier_order_line\').attr(\"aria-expanded\", \"true\");\n \$(\"#supplier_order_line_search_mode\").val(\"advanced\");\n \$(\'#sf_supplier_order_line\').prop(\'disabled\',\'disabled\');\n \$(\'#sfBtn_supplier_order_line\').prop(\'tabindex\',\'-1\');\n }\n }\n function open_advanced_search(){\n \$(\'#supplier_order_line_rem_w\').slideUp(200);\n jQuery(\'#adv_search_supplier_order_line\').slideDown(200, function(){\n if (typeof(DataTableConditions) !== \"undefined\" && typeof(DataTableConditions.updateButtonsAndLabels) !== \"undefined\"){\n DataTableConditions.updateButtonsAndLabels();\n }\n });\n\n jQuery(\"#supplier_order_line_search_mode\").val(\"advanced\");\n jQuery(\'#sf_supplier_order_line\').prop(\'disabled\',\'disabled\');\n jQuery(\'#sfBtn_supplier_order_line\').prop(\'tabindex\',\'-1\');\n }\n function handle_search_icon_click(event) {\n if(\$(\'#sf_supplier_order_line\').is(\':disabled\')) return;\n\n if(event.type === \"click\" || event.which == 13 || event.which == 32) {\n refreshTable();\n }\n }\n function cancel_advanced_search(callback){\n if (\$(\'#sf_supplier_order_line\').val() !== \'\') {\n \$(\'#supplier_order_line_rem_w\').slideDown(200);\n }\n jQuery(\'#adv_search_supplier_order_line\').slideUp(200);\n jQuery(\"#supplier_order_line_search_mode\").val(\"basic\");\n jQuery(\'#sf_supplier_order_line\').removeAttr(\'disabled\');\n jQuery(\'#sfBtn_supplier_order_line\').removeAttr(\'tabindex\');\n if (false) {\n refreshTable();\n }\n else {\n if(typeof callback !== \"undefined\") {\n callback();\n }\n }\n }\n\n function objectify_table_inputs(additionalParams) {\n var fields = \$(\'#supplier_order_line_table_section\').find(\':input\').not(\'.coupa_datatable_row_wrapper *\');\n var retObj = {};\n for (var i = 0, len = fields.length; i < len; i++) {\n var fieldName = fields[i][\'name\'];\n if (fieldName) {\n retObj[fieldName] = fields[i][\'value\'];\n }\n }\n\n if (additionalParams) {\n for (var prop in additionalParams) {\n if (additionalParams.hasOwnProperty(prop)) {\n retObj[prop] = additionalParams[prop];\n }\n }\n }\n return retObj;\n }\n\n function serialize_table_inputs() {\n return \$(\'#supplier_order_line_table_section\').find(\':input\').not(\'.coupa_datatable_row_wrapper *\').serialize();\n }\n\n \$(\'#supplier_order_line_basic_search_mode\').customStyle();\n \$(\'#supplier_order_line_basic_search_mode\').customSelectEvents();\n jQuery(\'#sf_supplier_order_line\').removeAttr(\'disabled\');\n jQuery(\'#sfBtn_supplier_order_line\').removeAttr(\'tabindex\');\n\n var advancedBtn = jQuery(\'#supplier_order_line_table\');\n advancedBtn.off(\'click\', \'#si_supplier_order_line\');\n advancedBtn.on(\'click\', \'#si_supplier_order_line\', function(event){\n event.preventDefault();\n if(\$(\'#adv_search_supplier_order_line:visible\').length > 0){\n \$(this).attr(\"aria-expanded\", \"false\");\n cancel_advanced_search();\n } else {\n \$(this).attr(\"aria-expanded\", \"true\");\n open_advanced_search();\n }\n });\n \$(\'.cancel_text\').on(\'click\', \'a[data-table=\"cancel_advanced\"]\',function(event){\n event.preventDefault();\n\n var callback = function() {\n refreshTable();\n };\n\n cancel_advanced_search(callback);\n return false;\n });\n \$(\'#rsb_supplier_order_line\').click(function(e){\n });\n\n \$(\"#supplier_order_line_table .search_icon\").unbind(\"click keydown\", handle_search_icon_click).bind(\"click keydown\", handle_search_icon_click);\n \$(\'#supplier_order_line_data_table_form\').bind(\'ajax:send\',\n function() { \$(\'#supplier_order_line_blank\').spinner({position:\'center\', extraClass:\'white\'}); });\n \$(document).ajaxStop(function() { \$(\'#supplier_order_line_blank\').spinner(\'remove\');style_select_if_hidden();});\n\n var viewDropdown = \$(\'#supplier_order_line_filter, #supplier_order_line_basic_search_mode\');\n viewDropdown.off(\'change\');\n viewDropdown.on(\'change\', function() {\n var currentSelected = \$(this).find(\':selected\');\n var \$this = \$(this);\n \$(\'#supplier_order_line_blank\').spinner({position:\'center\', extraClass:\'white\'});\n if (false) {\n refreshTable({for_element: \'viewDropdown\'});\n } else {\n \$.ajax({\n async: true,\n url: \'/supplier_order_headers/search_supplier_order_line_table?save_filter=true\',\n type: \'POST\',\n dataType: \'script\',\n data: serialize_table_inputs()\n }).then(function() {\n if (\$(this).attr(\"id\") == \"#supplier_order_line_basic_search_mode\") {\n // Update text box to reflect limited or basic\n \$(\'span.customStyleSelectBoxInner\').text(currentSelected.text());\n }\n \$this.parents(\'.spiffyTable\').find(\'.datatable_wrapper\').attr(\'class\', \'datatable_wrapper \' + (currentSelected.attr(\'id\') ? \'filter_\'+currentSelected.attr(\'id\') : \'\'));\n });\n }\n });\n\n function style_select_if_hidden(){\n if(\$(\'#supplier_order_line_basic_search_mode\').length > 0 && \$(\'#supplier_order_line_basic_search_mode\').siblings(\'.customStyleSelectBox\').html().length < 1){\n \$(\'#supplier_order_line_basic_search_mode\').customStyle();\n }\n }\n\n \$(document).on(\"ajax:send\", \".supplier_order_line_wait\", function() {\n \$(\'#supplier_order_line_blank\').spinner({position:\'center\', extraClass:\'white\'});\n });\n\n // Clear basic search\n \$(document).off(\'click\', \'#supplier_order_line_search_term_rem a\');\n \$(document).on(\'click\', \'#supplier_order_line_search_term_rem a\', function(e, options) {\n\n \$(\'#sf_supplier_order_line\').val(\'\');\n \$(\'#supplier_order_line_search_term_rem span\').val(\'\');\n refreshTable(options);\n return false;\n });\n\n // Advanced search\n \$(document).off(\'click\', \'#supplier_order_line_table [data-table=\"search-button\"]\');\n \$(document).on(\'click\', \'#supplier_order_line_table [data-table=\"search-button\"]\', function() {\n refreshTable();\n return false;\n });\n\n var dateLimitingRem = \$(\'#supplier_order_line_date_limiting_rem a\');\n dateLimitingRem.off(\'click\');\n dateLimitingRem.on(\'click\', function () {\n if (confirm(\"Trouver tous les enregistrements peut prendre du temps. Il est recommandé d’utiliser la recherche avancée à la place. Continuer ?\")) {\n \$(\'#supplier_order_line_ignore_date_limiting\').val(\'true\').parents(\'form\').submit();\n }\n return false;\n });\n\n if (\$(\".dataTable\").length == 1 && (!\$.browser.msie || (\$.browser.msie&&\$.browser.version>7))) {\n function open_line() { \$(\".dataTable tr.selected\").find(\".dt_open_link\").actually_click(); }\n function left_page() { \$(\".dataTable .previous_page:not(.disabled)\").click(); }\n function right_page() { \$(\".dataTable .next_page:not(.disabled)\").click(); }\n function up_row() {\n if (\$(\".dataTable tr.selected\").prev(\"tr\").length != 0) {\n \$(\".dataTable tr.selected\").removeClass(\"selected\").prev(\"tr\").addClass(\"selected\")\n if (\$(\".dataTable tr.selected\").offset().top < \$(window).scrollTop()) {\n \$(window).scrollTop(\$(\".dataTable tr.selected\").offset().top - (\$(window).height() /2));\n }\n }\n }\n function down_row() {\n if (\$(\".dataTable tr.selected\").next(\"tr\").length != 0) {\n \$(\".dataTable tr.selected\").removeClass(\"selected\").next(\"tr\").addClass(\"selected\")\n elem = \$(\".dataTable tr.selected\");\n w = \$(window);\n if (elem.offset().top > w.scrollTop() + w.height()) {\n w.scrollTop(\$(\".dataTable tr.selected\").offset().top - (w.height() /2));\n }\n }\n }\n SHORTCUTS = \$.extend(SHORTCUTS, {\n \'LEFT\': function() { left_page(); },\n \'h\': function() { left_page(); },\n \'RIGHT\': function() { right_page(); },\n \'l\': function() { right_page(); },\n \'UP\': function() { up_row(); },\n \'k\': function() { up_row(); },\n \'DOWN\': function() { down_row(); },\n \'j\': function() { down_row(); },\n \'e\': function() { \$(\".dataTable tr.selected\").find(\".sprite-pencil\").actually_click(); },\n \'o\': function() { open_line(); }\n });\n }\n\n var sortDropdown = \$(\'.data_table_dropdown_sort\');\n sortDropdown.off(\'change\');\n sortDropdown.on(\'change\', function() {\n var selected = \$(this).children(\'option:selected\');\n \$(\'#supplier_order_line_blank\').spinner({position:\'center\', extraClass:\'white\'});\n if (false) {\n refreshTable({for_element: \'sortDropdown\'});\n\n } else {\n \$.ajax({\n async: true,\n url: \'/supplier_order_headers/search_supplier_order_line_table?save_filter=true\',\n type: \'POST\',\n dataType: \'script\',\n data: serialize_table_inputs() +\'&sort=\'+selected.data(\'sort\')+\'&dir=\'+selected.data(\'dir\')\n });\n }\n });\n\n /**\n * Add hook so components external to the datatable can remotely re-trigger a search\n * of the datatable results...\n */\n \$(document).off(\'REFRESH_DATATABLE_RESULTS\');\n \$(document).on(\'REFRESH_DATATABLE_RESULTS\', function(evt, options) {\n refreshTable(options);\n });\n\n function refreshTable(options) {\n \$(\'#supplier_order_line_blank\').spinner({position:\'center\', extraClass:\'white\'});\n options = _.defaults(options || {}, { page: \"\", newly_copied_line_num: \"\" });\n if (false) {\n var additionalAttrs = { page: options.page, \'newly-copied-line-num\': options.newly_copied_line_num };\n if (sortDropdown && sortDropdown.length && options.for_element == \'sortDropdown\') {\n var selectedSort = sortDropdown.children(\'option:selected\');\n additionalAttrs.sort = selectedSort.data(\'sort\');\n additionalAttrs.dir = selectedSort.data(\'dir\');\n }\n\n if (viewDropdown && viewDropdown.length && options.for_element == \'viewDropdown\') {\n var selectedView = viewDropdown.children(\'option:selected\');\n additionalAttrs.sort = selectedView.data(\'sort\');\n additionalAttrs.dir = selectedView.data(\'dir\');\n }\n\n \$(document).trigger(\'NEW_SEARCH_QUERY\', objectify_table_inputs(additionalAttrs));\n\n } else {\n \$.ajax({\n async:true,\n url: \'/supplier_order_headers/search_supplier_order_line_table\',\n type:\'POST\',\n dataType:\'script\',\n data: serialize_table_inputs() + \'&\' + \$.param({ page: objectify_table_inputs().page || options.page, \'newly-copied-line-num\': options.newly_copied_line_num })\n });\n }\n }\n\n // Basic search triggered by pressing enter\n var basicSearchField = \$(\'#sf_supplier_order_line\');\n basicSearchField.off(\'keypress\');\n basicSearchField.on(\'keypress\', function(e) {\n if(e.which == 13) {\n jQuery(\"#supplier_order_line_search_mode\").val(\"basic\");\n refreshTable();\n return false;\n }\n });\n\n check_advanced_search();\n});\n",
10)
$(document).ready(function() {
$(document).mouseup(function() {
$(".price_tier_bubble").hide();
});
$("#supplier_order_line_table_tag tbody:not(.row-partial) tr").hover(function() {
$(this).addClass('hover');
$(this).mouseup(function() {
$(".price_tier_bubble").hide();
});
}, function() {
$(this).removeClass('hover');
});
var tbodySelector = '#supplier_order_line_tbody';
var rowFocusCallback = function() {
var $selectedRows = $(tbodySelector + ' tr.selected');
$selectedRows.removeClass('selected');
$(this).addClass('selected');
Coupa.PlaceInlineCommentIcons();
};
$('#supplier_order_line_table_tag > tr:odd').addClass('odd');
if ($(tbodySelector + ' tr.selected').length == 0 && false) {
$(tbodySelector + ' tr:first').addClass('selected');
Coupa.PlaceInlineCommentIcons();
}
// Once any interaction element in the row is focused, highlight this row by adding class 'selected'
$(document).on("focusin", tbodySelector + " > tr", rowFocusCallback);
// some of the id's have special characters that need to be escaped
function escapeIdAttr(myid) {
return "#" + myid.replace(/(:|\.|\[|\]|,)/g, "\\$1");
}
function sortTable(e) {
// remember focused element ID to go back to it since active element changes on ajax complete
// Take the closest .sortable because IE11 prefers its inner span.
var $activeElement = $(e.target).closest('.sortable');
$('#supplier_order_line_blank').spinner({
position: 'center',
extraClass: 'white'
});
$.ajax({
async: true,
url: '/supplier_order_headers/search_supplier_order_line_table',
type: 'POST',
dataType: 'script',
data: $('form#supplier_order_line_data_table_form').serialize() + '&sort=' + $activeElement.attr('data-sort') + '&dir=' + $activeElement.attr('data-dir'),
complete: function() {
if (e.which == 13) {
$activeElement.focus();
}
$('#supplier_order_line_blank').spinner('remove');
}
});
}
$(document).off('click', '#supplier_order_line_table_tag th.sortable');
$(document).on('click', '#supplier_order_line_table_tag th.sortable', sortTable);
$(document).off('keypress', '#supplier_order_line_table_tag th.sortable');
$(document).on('keypress', '#supplier_order_line_table_tag th.sortable', function(e) {
if (e.which == 13) {
sortTable(e);
}
});
});
// data table expand and collapse functionality
(function($) {
// If the expand/collapse feature need to be disbaled in some page set
// Coupa.DataTable.isExpandCollapseDisabled = true in the relevant partial
var isExpandCollapseDisabled = (Coupa && Coupa.DataTable && Coupa.DataTable.isExpandCollapseDisabled) || (false);
//flag for data table state. true when expanded, false when collapsed.
var isExpanded = false;
// hidden field used to store data table state. has value of 0 when collapsed, 1 when expanded
var hiddenField;
var expandButton, collapseButton, buttonsContainer,
tableWrapperElement, tableElement, windowWidth;
// tertiary nav is used in reports and supplier pages and need to be
// moved so that it doesn't overlap with expanded data table
var tertiaryNavElement;
//called when DOM loaded or when a different view is selected
function initialize() {
expandButton = $('#supplier_order_line_expand');
collapseButton = $('#supplier_order_line_collapse');
buttonsContainer = expandButton.closest('.expand_collapse_buttons');
tableWrapperElement = expandButton.closest('.datatable_wrapper').find('.wrap');
tableElement = tableWrapperElement.find('table.coupa_datatable');
hiddenField = $('#is_expanded_supplier_order_line');
tertiaryNavElement = $('.more_nav');
isExpanded = (parseInt(hiddenField.val(), 10) === 1) ? true : false;
windowWidth = getWindowWidth();
collapseDataTable();
//unbind to prevent duplicate events being fired. This is necessary
//because this JS is run again when user switches views in a data table
//which results in duplicate events getting bound to the buttons
expandButton.off();
collapseButton.off();
if (tableElement.width() > 955 && false && !isExpandCollapseDisabled) {
tableWrapperElement.addClass("wide-load");
buttonsContainer.css({
"width": tableWrapperElement.width()
});
buttonsContainer.show();
tableWrapperElement.find('.overflow').height(tableElement.outerHeight());
expandButton.click(expandButtonHandler);
collapseButton.click(collapseButtonHandler);
expandButton.keydown(function(e) {
//check for enter key
if (e.which === 13 || e.which === 32) {
e.preventDefault();
expandButtonHandler();
collapseButton.focus();
}
});
collapseButton.keydown(function(e) {
//check for enter key
if (e.which === 13 || e.which === 32) {
e.preventDefault();
collapseButtonHandler();
expandButton.focus();
}
});
if (isExpanded) {
expandDataTable();
}
$(window).resize(function() {
windowWidth = getWindowWidth();
if (isExpanded) {
expandDataTable();
}
});
$(window).scroll(toggleFixedButton);
} else {
tableWrapperElement.removeClass("wide-load");
buttonsContainer.hide();
}
//allows any collapsed sections in rows to be bound on ajax replacement
//such as switching pages or searching. Only on projects/tasks now.
window.coupa.ExpandableSection.prototype.bindAll();
}
function expandButtonHandler() {
isExpanded = true;
hiddenField.val(1);
expandDataTable();
saveDataTableState(1);
}
function collapseButtonHandler() {
isExpanded = false;
hiddenField.val(0);
collapseDataTable();
saveDataTableState(0);
}
function getWindowWidth() {
var width;
if (tertiaryNavElement.length > 0) {
width = $(window).width() - 112;
} else {
width = $(window).width() - 48;
}
return width;
}
// fixes the expand/collapse button in the viewport when user is
// scrolling down a data table. Fixed positioning is removed once
// the user has scrolled past the table and the table is not in viewport anymore.
function toggleFixedButton() {
var scrollTop = $(window).scrollTop();
var tableOffsetTop = tableElement.offset().top;
var tableHeight = tableElement.outerHeight();
if (scrollTop > tableOffsetTop && scrollTop < (tableOffsetTop + tableHeight - 32)) {
buttonsContainer.addClass("buttons_fixed");
if (tableElement.width() > windowWidth && isExpanded) {
buttonsContainer.addClass("buttons_fixed_right");
}
} else {
buttonsContainer.removeClass("buttons_fixed buttons_fixed_right");
}
}
function expandDataTable() {
expandButton.hide();
collapseButton.css('display', 'inline-block');
tableWrapperElement.css({
'margin-left': 0,
'width': 'auto'
});
var leftMargin;
if (tertiaryNavElement.length > 0) {
leftMargin = -1 * (tableWrapperElement.offset().left - 56);
} else {
leftMargin = -1 * (tableWrapperElement.offset().left - 24);
}
var tableElementWidth = tableElement.width();
if (tableElementWidth > windowWidth) {
tableWrapperElement.css({
'margin-left': leftMargin,
'width': tableElementWidth
});
} else {
tableWrapperElement.css({
'margin-left': leftMargin,
'width': windowWidth
});
}
buttonsContainer.css({
'margin-left': leftMargin,
'width': tableWrapperElement.width()
});
tableWrapperElement.addClass('extra_fat');
tertiaryNavElement.css({
'position': 'absolute',
'left': 12
});
}
function collapseDataTable() {
collapseButton.hide();
expandButton.css('display', 'inline-block');
tableWrapperElement.removeClass('extra_fat');
buttonsContainer.removeClass('buttons_fixed_right');
tableWrapperElement.css({
'margin-left': 0,
'width': 'auto'
});
buttonsContainer.css({
'margin-left': 0,
'width': tableWrapperElement.width()
});
tertiaryNavElement.css({
'position': 'relative',
'left': 'auto'
});
}
function saveDataTableState(isExpanded) {
// Since the data table in this analytics setup page - /analytics_setup/coa_reporting_mapping -
// uses a custom implementation of data table, we cannot support saving of expand/collapse state for now.
// So this ajax call won't be triggered if table_options[:disable_save_expand_state] is true
if (false) return;
$.ajax({
type: 'POST',
dataType: 'json',
url: '/supplier_order_headers/search_supplier_order_line_table',
data: {
is_expand_collapse_event: 1,
is_expanded: isExpanded,
key: "SupplierOrderHeadersController:supplier_order_line"
}
});
}
$(initialize);
})(jQuery);
</script>
<section id="supplier_order_line_table_section">
<div class="spiffyTable dataTable" id="supplier_order_line_table">
<input type="hidden" name="is_expanded" id="is_expanded_supplier_order_line" value="">
<div class="head niceform blueback" id="supplier_order_line_data_table_form_search">
<div class="inside">
<div id="supplier_order_line_extra_fields">
<input type="hidden" name="id" id="id" value="3004871">
</div>
<input type="hidden" name="search_mode" id="supplier_order_line_search_mode" value="basic">
<input type="hidden" name="ignore_date_limiting" id="supplier_order_line_ignore_date_limiting">
<table class="toolbar">
<tbody>
<tr>
<td class="small_buttons">
</td>
<td width="100%" align="right">
<table>
<tbody>
<tr>
<td>
<span class="spinner_container" style="padding-top: 5px;">
<img id="supplier_order_line_blank" style="display:inline; width: 16px; height: 16px;" alt="" title="" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif">
</span>
</td>
<td>
<a id="si_supplier_order_line" class="button small rollover button " style="margin-left: 15px" role="button" aria-expanded="false" aria-label="Recherche avancée" href="#"><span>Avancé</span></a>
</td>
<td>
<div class="search_box_wrapper">
<input type="text" name="search" id="sf_supplier_order_line" value="" class="search" placeholder="Recherche" aria-label="Recherche" data-max-terms-allowed="10">
<a class="search_icon" id="sfBtn_supplier_order_line" href="javascript: void(0);" role="button" aria-label="Recherche"></a>
</div>
</td>
<td>
<label for="sort_dropdown">Trier par</label>
</td>
<td class="filter">
<select class="data_table_dropdown_sort" id="sort_dropdown">
<option data-dir="asc" data-sort="position" value="position_asc">Numéro de ligne: 0 → 9</option>
<option data-dir="desc" data-sort="position" value="position_desc">Numéro de ligne: 9 → 0</option>
<option data-dir="asc" data-sort="description" value="description_asc">Article: A → Z</option>
<option data-dir="desc" data-sort="description" value="description_desc">Article: Z → A</option>
<option data-dir="asc" data-sort="total" value="total_asc">Total De La Ligne: Bas → Haut</option>
<option data-dir="desc" data-sort="total" value="total_desc">Total De La Ligne: Haut → Bas</option>
</select>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
</div>
<div class="search_wrap" id="adv_search_supplier_order_line" style="display:none;" data-advance-search-max-terms-allowed="20">
<div class="data_table_conditions search_conditions js_data_table_conditions" data-group-limit="3" data-table-key="SupplierOrderHeadersController:supplier_order_line">
<div class="group_options_header">
<span class="conditions_operator">
<label for="cond_op">Satisfaire les conditions</label>
<select name="cond_op" id="cond_op_supplier_order_line" class="cond_op" data-table="cond_op" aria-label="Satisfaire les conditions">
<option value="all">Satisfaire toutes les conditions</option>
<option value="any">Satisfaire au moins une condition</option>
</select>
<input type="hidden" name="group_op" id="group_op_supplier_order_line" value="any" class="group_op" data-table="group_op">
</span>
<a class="add_group js_add_group rollover button" href="#"><span>Ajouter un groupe de conditions</span></a>
</div>
<div class="condition_groups js_condition_groups" data-js-group-id-prefix="SupplierOrderHeadersController_supplier_order_line_condition_w_group_index_" id="supplier_order_line_adv_cond_w">
<div class="conditions condition_group js_condition_group">
<div class="condition_row js_condition_row" id="supplier_order_line_cond_772701_w">
<span class="conjunction hide"></span>
<label for="conditions_772701_col_key">Filtrer par</label>
<select name="conditions[772701][col_key]" id="conditions_772701_col_key" aria-label="Filtrer par" class="cond_col_select" data-cond-col-select="true"
data-cond-col-select-url="/data_table/update_condition_clause?group_number=1&key=SupplierOrderHeadersController%3Asupplier_order_line&rand_id=772701" data-cond-col-select-table-name="supplier_order_line"
data-cond-col-select-param-prefix="conditions" data-rand-id="772701">
<option value="description">Article</option>
<option value="custom_field_7">Conditionnement</option>
<option value="custom_field_2">Date confirmée de livraison</option>
<option value="need_by_date">Date Souhaitée Livraison (1ère Fact. Cde Durée)</option>
<option value="currency">Devise</option>
<option value="custom_field_4">Dont écotaxe</option>
<option value="invoiced">Facturé</option>
<option selected="selected" value="position">Numéro de ligne</option>
<option value="price">Prix</option>
<option value="quantity">Qté</option>
<option value="custom_field_1">Réf. fournisseur</option>
<option value="total">Total De La Ligne</option>
<option value="type">Type</option>
<option value="uom">UDM</option>
</select>
<span id="supplier_order_line_conditions_772701_c" class="condition_clause">
<label for="conditions_772701_position_op">Clause de filtrage</label>
<select name="conditions[772701][position_op]" id="conditions_772701_position_op" onchange="Conditions.forDecFloatInt(this.value, 'position', 772701);" class="cond_comparator" aria-label="Clause de filtrage">
<option value="eq">est</option>
<option value="greater">est supérieur à</option>
<option value="less">est inférieur à</option>
<option value="between">entre</option>
<option value="blank">est vide</option>
<option value="not_blank">n’est pas vide</option>
</select>
<span id="position_main_772701">
<label for="conditions_772701_position">Texte de filtrage</label>
<input type="text" name="conditions[772701][position]" id="conditions_772701_position" size="10" aria-label="Texte de filtrage">
</span>
<span id="position_btw_772701" style="display:none;"> et <label for="conditions_772701_position_id">Texte de filtrage</label>
<input type="text" name="conditions[772701][position_to]" id="conditions_772701_position_to" size="10" aria-label="Texte de filtrage">
</span>
</span>
<div class="table_condition_button">
<a class="condition_del_link" style="display: none" aria-label="Supprimer un filtre" data-toggle="keyclick" href="#"><img title="Supprimer un filtre" alt="Supprimer un filtre" class="icon icon_button sprite-delete" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif"></a>
<a aria-label="Ajouter un filtre" class="supplier_order_line_wait condition_add_link" data-toggle="keyclick" href="/data_table/add_condition?group_number=1&key=SupplierOrderHeadersController%3Asupplier_order_line"><img title="Ajouter un filtre" alt="Ajouter un filtre" class="icon icon_button sprite-add" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif"></a>
<input type="hidden" name="conditions[772701][del]" id="supplier_order_line_cond_772701_del" class="del_param">
</div>
</div>
</div>
</div>
</div>
<div class="search_footer">
<div class="action_buttons">
<button type="submit" id="search_advanced_button_supplier_order_line" class="button primaryBtn s-advSearch" data-table="search-button" data-disable-on-click="true"><span>Recherche</span></button>
<div class="cancel_text">
<a data-table="cancel_advanced" href="#">Annuler</a>
</div>
</div>
</div>
</div>
</div>
<div class="reminder_wrap" id="supplier_order_line_rem_w" style="display: none;">
<div class="left" id="supplier_order_line_showing_results" style="display: none;"> Afficher les résultats de </div>
<ul class="reminder_list" id="supplier_order_line_rem">
<li id="supplier_order_line_search_term_rem" style="display: none;">
<span id="supplier_order_line_basic_rem"></span>
<a role="button" aria-label="Effacer le filtre de résultats" href="#"><img class="asset_sprites assets-x_table" alt="Effacer" title="Effacer" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif"></a>
</li>
<li id="supplier_order_line_date_limiting_rem" style="display: none;"> limitation des résultats à jours
<a role="button" aria-label="Effacer le filtre de résultats" href="#"><img class="asset_sprites assets-x_table" alt="Effacer" title="Effacer" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif"></a>
</li>
</ul>
<div class="clear"></div>
</div>
<div class="datatable_wrapper ">
<div class="expand_collapse_buttons" style="margin-left: 0px; width: 956px; display: none;">
<div tabindex="0" class="collapse primary_bkgd" id="supplier_order_line_collapse" role="button" aria-expanded="true" aria-label="Réduire la table" title="Réduire la table" style="display: none;">
<div class="arrow_icon"></div>
</div>
<div tabindex="0" class="expand primary_bkgd" id="supplier_order_line_expand" aria-expanded="false" role="button" aria-label="Développer la table" title="Développer la table" style="display: inline-block;">
<div class="arrow_icon"></div>
</div>
</div>
<div class="wrap" style="margin-left: 0px; width: auto;">
<div class="overflow"></div>
<table id="supplier_order_line_table_tag" class="coupa_datatable">
<tbody id="supplier_order_line_tbody" class="row-partial">
<tr class="stripe_even coupa_datatable_row coupa_datatable_row_wrapper" id="supplier_order_line_row_6265062" valign="top">
<td>
<div data-id="6265062" class="line-wrapper">
<input type="hidden" name="order_header[order_line_attributes][6265062][is_modified]" id="order_header_order_line_attributes_6265062_is_modified">
<input type="hidden" value="6265062" name="order_header[order_line_attributes][6265062][id]" id="order_header_order_line_attributes_6265062_id">
<div class="left center line_num">
<div class="number">1</div>
</div>
<div class="line_fields">
<div class="form_element center col_sm wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265062_type">Type</label>
<img title="Ligne basée sur le montant" alt="Ligne basée sur le montant" class="icon icon_button sprite-money" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif">
</div>
<div class="form_element col_lg wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265062_description">Article</label><span class="data s-description"
id="order_header_order_line_attributes_6265062_description">FRAIS ASSISTANCE ADMINISTRATIVE T4 2022</span></div>
<div class="form_element col_sm"></div>
<div class="form_element col_sm"></div>
<div class="form_element col_md textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265062_price">Prix</label><span class="data s-price"
id="order_header_order_line_attributes_6265062_price"><span title="EUR">1 058,04</span></span></div>
<div class="form_element col_md textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265062_total">Total </label><span class="data s-total"
id="order_header_order_line_attributes_6265062_total"><span title="EUR">1 058,04</span></span></div>
<div class="association_links right">
<div class="received_invoiced">
<div class="form_element textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265062_invoiced_amount">Facturé</label>
<a href="/supplier_invoices?cond%5B1%5D%5Bcol_key%5D=invoice_lines.order_line.order_header_id&cond%5B1%5D%5Binvoice_lines.order_line.order_header_id%5D=3004871&cond%5B1%5D%5Binvoice_lines.order_line.order_header_id_op%5D=eq&cond_op=any&search=+&search_mode=advanced"><span title="EUR">1 058,04</span></a>
</div>
</div>
</div>
<br class="clear">
<div id="order_line_6265062_more" class="has_form" data-id="6265062">
<div class="inside_form">
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265062_local_need_by_date"><span class="required">*</span>Date Souhaitée Livraison (1ère Fact. Cde
Durée)</label><span class="data s-local_need_by_date" id="order_header_order_line_attributes_6265062_need_by_date">24/01/23</span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265062_source_part_num">Code Article</label><span class="data s-source_part_num"
id="order_header_order_line_attributes_6265062_source_part_num"><span class="show none">Aucun</span></span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265062_manufacturer_name">Nom Du Fabricant</label><span class="data s-manufacturer_name"
id="order_header_order_line_attributes_6265062_manufacturer_name"><span class="show none">Aucun</span></span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265062_manufacturer_part_number">Numéro De Pièce Du Fabricant</label><span
class="data s-manufacturer_part_number" id="order_header_order_line_attributes_6265062_manufacturer_part_number"><span class="show none">Aucun</span></span></div>
<br class="clear">
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265062_custom_field_2">Date confirmée de livraison</label><input aria-label="Date confirmée de livraison"
aria-placeholder="jj/mm/aa" label="Date confirmée de livraison" cf_editable="true" hint="A renseigner par le fournisseur. En cas de modification, merci de saisir un commentaire" select_intent="true"
as_supplier="true" id="order_header_order_line_attributes_6265062_custom_field_2" type="text" name="order_header[order_line_attributes][6265062][custom_field_2]" value="" class="date date_picker hasDatepicker"
size="10" placeholder="jj/mm/aa"><button type="button" class="ui-datepicker-trigger"><img src="/images/calendar.svg" alt="Vue du calendrier" title="Vue du calendrier"></button>
<div class="hint">A renseigner par le fournisseur. En cas de modification, merci de saisir un commentaire</div>
</div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265062_order_line">Réf. fournisseur</label>FFA-20230391</div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265062_order_line">Conditionnement</label><span class="show none">Aucun</span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265062_order_line">Dont écotaxe</label><span class="show none">Aucun</span></div>
<br class="clear">
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="stripe_odd coupa_datatable_row coupa_datatable_row_wrapper" id="supplier_order_line_row_6265063" valign="top">
<td>
<div data-id="6265063" class="line-wrapper">
<input type="hidden" name="order_header[order_line_attributes][6265063][is_modified]" id="order_header_order_line_attributes_6265063_is_modified">
<input type="hidden" value="6265063" name="order_header[order_line_attributes][6265063][id]" id="order_header_order_line_attributes_6265063_id">
<div class="left center line_num">
<div class="number">2</div>
</div>
<div class="line_fields">
<div class="form_element center col_sm wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265063_type">Type</label>
<img title="Ligne basée sur le montant" alt="Ligne basée sur le montant" class="icon icon_button sprite-money" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif">
</div>
<div class="form_element col_lg wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265063_description">Article</label><span class="data s-description"
id="order_header_order_line_attributes_6265063_description">FRAIS ASSISTANCE ADMINISTRATIVE T4 2022</span></div>
<div class="form_element col_sm"></div>
<div class="form_element col_sm"></div>
<div class="form_element col_md textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265063_price">Prix</label><span class="data s-price"
id="order_header_order_line_attributes_6265063_price"><span title="EUR">2 252,00</span></span></div>
<div class="form_element col_md textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265063_total">Total </label><span class="data s-total"
id="order_header_order_line_attributes_6265063_total"><span title="EUR">2 252,00</span></span></div>
<div class="association_links right">
<div class="received_invoiced">
<div class="form_element textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265063_invoiced_amount">Facturé</label>
<a href="/supplier_invoices?cond%5B1%5D%5Bcol_key%5D=invoice_lines.order_line.order_header_id&cond%5B1%5D%5Binvoice_lines.order_line.order_header_id%5D=3004871&cond%5B1%5D%5Binvoice_lines.order_line.order_header_id_op%5D=eq&cond_op=any&search=+&search_mode=advanced"><span title="EUR">2 252,00</span></a>
</div>
</div>
</div>
<br class="clear">
<div id="order_line_6265063_more" class="has_form" data-id="6265063">
<div class="inside_form">
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265063_local_need_by_date"><span class="required">*</span>Date Souhaitée Livraison (1ère Fact. Cde
Durée)</label><span class="data s-local_need_by_date" id="order_header_order_line_attributes_6265063_need_by_date">24/01/23</span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265063_source_part_num">Code Article</label><span class="data s-source_part_num"
id="order_header_order_line_attributes_6265063_source_part_num"><span class="show none">Aucun</span></span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265063_manufacturer_name">Nom Du Fabricant</label><span class="data s-manufacturer_name"
id="order_header_order_line_attributes_6265063_manufacturer_name"><span class="show none">Aucun</span></span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265063_manufacturer_part_number">Numéro De Pièce Du Fabricant</label><span
class="data s-manufacturer_part_number" id="order_header_order_line_attributes_6265063_manufacturer_part_number"><span class="show none">Aucun</span></span></div>
<br class="clear">
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265063_custom_field_2">Date confirmée de livraison</label><input aria-label="Date confirmée de livraison"
aria-placeholder="jj/mm/aa" label="Date confirmée de livraison" cf_editable="true" hint="A renseigner par le fournisseur. En cas de modification, merci de saisir un commentaire" select_intent="true"
as_supplier="true" id="order_header_order_line_attributes_6265063_custom_field_2" type="text" name="order_header[order_line_attributes][6265063][custom_field_2]" value="" class="date date_picker hasDatepicker"
size="10" placeholder="jj/mm/aa"><button type="button" class="ui-datepicker-trigger"><img src="/images/calendar.svg" alt="Vue du calendrier" title="Vue du calendrier"></button>
<div class="hint">A renseigner par le fournisseur. En cas de modification, merci de saisir un commentaire</div>
</div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265063_order_line">Réf. fournisseur</label>FFA-20230391</div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265063_order_line">Conditionnement</label><span class="show none">Aucun</span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265063_order_line">Dont écotaxe</label><span class="show none">Aucun</span></div>
<br class="clear">
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="stripe_even coupa_datatable_row coupa_datatable_row_wrapper" id="supplier_order_line_row_6265064" valign="top">
<td>
<div data-id="6265064" class="line-wrapper">
<input type="hidden" name="order_header[order_line_attributes][6265064][is_modified]" id="order_header_order_line_attributes_6265064_is_modified">
<input type="hidden" value="6265064" name="order_header[order_line_attributes][6265064][id]" id="order_header_order_line_attributes_6265064_id">
<div class="left center line_num">
<div class="number">3</div>
</div>
<div class="line_fields">
<div class="form_element center col_sm wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265064_type">Type</label>
<img title="Ligne basée sur le montant" alt="Ligne basée sur le montant" class="icon icon_button sprite-money" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif">
</div>
<div class="form_element col_lg wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265064_description">Article</label><span class="data s-description"
id="order_header_order_line_attributes_6265064_description">FRAIS ASSISTANCE ADMINISTRATIVE T4 2022</span></div>
<div class="form_element col_sm"></div>
<div class="form_element col_sm"></div>
<div class="form_element col_md textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265064_price">Prix</label><span class="data s-price"
id="order_header_order_line_attributes_6265064_price"><span title="EUR">1 496,71</span></span></div>
<div class="form_element col_md textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265064_total">Total </label><span class="data s-total"
id="order_header_order_line_attributes_6265064_total"><span title="EUR">1 496,71</span></span></div>
<div class="association_links right">
<div class="received_invoiced">
<div class="form_element textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265064_invoiced_amount">Facturé</label>
<a href="/supplier_invoices?cond%5B1%5D%5Bcol_key%5D=invoice_lines.order_line.order_header_id&cond%5B1%5D%5Binvoice_lines.order_line.order_header_id%5D=3004871&cond%5B1%5D%5Binvoice_lines.order_line.order_header_id_op%5D=eq&cond_op=any&search=+&search_mode=advanced"><span title="EUR">1 496,71</span></a>
</div>
</div>
</div>
<br class="clear">
<div id="order_line_6265064_more" class="has_form" data-id="6265064">
<div class="inside_form">
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265064_local_need_by_date"><span class="required">*</span>Date Souhaitée Livraison (1ère Fact. Cde
Durée)</label><span class="data s-local_need_by_date" id="order_header_order_line_attributes_6265064_need_by_date">24/01/23</span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265064_source_part_num">Code Article</label><span class="data s-source_part_num"
id="order_header_order_line_attributes_6265064_source_part_num"><span class="show none">Aucun</span></span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265064_manufacturer_name">Nom Du Fabricant</label><span class="data s-manufacturer_name"
id="order_header_order_line_attributes_6265064_manufacturer_name"><span class="show none">Aucun</span></span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265064_manufacturer_part_number">Numéro De Pièce Du Fabricant</label><span
class="data s-manufacturer_part_number" id="order_header_order_line_attributes_6265064_manufacturer_part_number"><span class="show none">Aucun</span></span></div>
<br class="clear">
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265064_custom_field_2">Date confirmée de livraison</label><input aria-label="Date confirmée de livraison"
aria-placeholder="jj/mm/aa" label="Date confirmée de livraison" cf_editable="true" hint="A renseigner par le fournisseur. En cas de modification, merci de saisir un commentaire" select_intent="true"
as_supplier="true" id="order_header_order_line_attributes_6265064_custom_field_2" type="text" name="order_header[order_line_attributes][6265064][custom_field_2]" value="" class="date date_picker hasDatepicker"
size="10" placeholder="jj/mm/aa"><button type="button" class="ui-datepicker-trigger"><img src="/images/calendar.svg" alt="Vue du calendrier" title="Vue du calendrier"></button>
<div class="hint">A renseigner par le fournisseur. En cas de modification, merci de saisir un commentaire</div>
</div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265064_order_line">Réf. fournisseur</label>FFA-20230391</div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265064_order_line">Conditionnement</label><span class="show none">Aucun</span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265064_order_line">Dont écotaxe</label><span class="show none">Aucun</span></div>
<br class="clear">
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="stripe_odd coupa_datatable_row coupa_datatable_row_wrapper" id="supplier_order_line_row_6265065" valign="top">
<td>
<div data-id="6265065" class="line-wrapper">
<input type="hidden" name="order_header[order_line_attributes][6265065][is_modified]" id="order_header_order_line_attributes_6265065_is_modified">
<input type="hidden" value="6265065" name="order_header[order_line_attributes][6265065][id]" id="order_header_order_line_attributes_6265065_id">
<div class="left center line_num">
<div class="number">4</div>
</div>
<div class="line_fields">
<div class="form_element center col_sm wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265065_type">Type</label>
<img title="Ligne basée sur le montant" alt="Ligne basée sur le montant" class="icon icon_button sprite-money" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif">
</div>
<div class="form_element col_lg wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265065_description">Article</label><span class="data s-description"
id="order_header_order_line_attributes_6265065_description">FRAIS ASSISTANCE ADMINISTRATIVE T4 2022</span></div>
<div class="form_element col_sm"></div>
<div class="form_element col_sm"></div>
<div class="form_element col_md textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265065_price">Prix</label><span class="data s-price"
id="order_header_order_line_attributes_6265065_price"><span title="EUR">451,17</span></span></div>
<div class="form_element col_md textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265065_total">Total </label><span class="data s-total"
id="order_header_order_line_attributes_6265065_total"><span title="EUR">451,17</span></span></div>
<div class="association_links right">
<div class="received_invoiced">
<div class="form_element textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265065_invoiced_amount">Facturé</label>
<a href="/supplier_invoices?cond%5B1%5D%5Bcol_key%5D=invoice_lines.order_line.order_header_id&cond%5B1%5D%5Binvoice_lines.order_line.order_header_id%5D=3004871&cond%5B1%5D%5Binvoice_lines.order_line.order_header_id_op%5D=eq&cond_op=any&search=+&search_mode=advanced"><span title="EUR">451,17</span></a>
</div>
</div>
</div>
<br class="clear">
<div id="order_line_6265065_more" class="has_form" data-id="6265065">
<div class="inside_form">
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265065_local_need_by_date"><span class="required">*</span>Date Souhaitée Livraison (1ère Fact. Cde
Durée)</label><span class="data s-local_need_by_date" id="order_header_order_line_attributes_6265065_need_by_date">24/01/23</span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265065_source_part_num">Code Article</label><span class="data s-source_part_num"
id="order_header_order_line_attributes_6265065_source_part_num"><span class="show none">Aucun</span></span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265065_manufacturer_name">Nom Du Fabricant</label><span class="data s-manufacturer_name"
id="order_header_order_line_attributes_6265065_manufacturer_name"><span class="show none">Aucun</span></span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265065_manufacturer_part_number">Numéro De Pièce Du Fabricant</label><span
class="data s-manufacturer_part_number" id="order_header_order_line_attributes_6265065_manufacturer_part_number"><span class="show none">Aucun</span></span></div>
<br class="clear">
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265065_custom_field_2">Date confirmée de livraison</label><input aria-label="Date confirmée de livraison"
aria-placeholder="jj/mm/aa" label="Date confirmée de livraison" cf_editable="true" hint="A renseigner par le fournisseur. En cas de modification, merci de saisir un commentaire" select_intent="true"
as_supplier="true" id="order_header_order_line_attributes_6265065_custom_field_2" type="text" name="order_header[order_line_attributes][6265065][custom_field_2]" value="" class="date date_picker hasDatepicker"
size="10" placeholder="jj/mm/aa"><button type="button" class="ui-datepicker-trigger"><img src="/images/calendar.svg" alt="Vue du calendrier" title="Vue du calendrier"></button>
<div class="hint">A renseigner par le fournisseur. En cas de modification, merci de saisir un commentaire</div>
</div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265065_order_line">Réf. fournisseur</label>FFA-20230391</div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265065_order_line">Conditionnement</label><span class="show none">Aucun</span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265065_order_line">Dont écotaxe</label><span class="show none">Aucun</span></div>
<br class="clear">
</div>
</div>
</div>
</div>
</td>
</tr>
<tr class="stripe_even coupa_datatable_row coupa_datatable_row_wrapper" id="supplier_order_line_row_6265066" valign="top">
<td>
<div data-id="6265066" class="line-wrapper">
<input type="hidden" name="order_header[order_line_attributes][6265066][is_modified]" id="order_header_order_line_attributes_6265066_is_modified">
<input type="hidden" value="6265066" name="order_header[order_line_attributes][6265066][id]" id="order_header_order_line_attributes_6265066_id">
<div class="left center line_num">
<div class="number">5</div>
</div>
<div class="line_fields">
<div class="form_element center col_sm wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265066_type">Type</label>
<img title="Ligne basée sur le montant" alt="Ligne basée sur le montant" class="icon icon_button sprite-money" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif">
</div>
<div class="form_element col_lg wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265066_description">Article</label><span class="data s-description"
id="order_header_order_line_attributes_6265066_description">FRAIS ASSISTANCE ADMINISTRATIVE T4 2022</span></div>
<div class="form_element col_sm"></div>
<div class="form_element col_sm"></div>
<div class="form_element col_md textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265066_price">Prix</label><span class="data s-price"
id="order_header_order_line_attributes_6265066_price"><span title="EUR">17 066,63</span></span></div>
<div class="form_element col_md textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265066_total">Total </label><span class="data s-total"
id="order_header_order_line_attributes_6265066_total"><span title="EUR">17 066,63</span></span></div>
<div class="association_links right">
<div class="received_invoiced">
<div class="form_element textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265066_invoiced_amount">Facturé</label>
<a href="/supplier_invoices?cond%5B1%5D%5Bcol_key%5D=invoice_lines.order_line.order_header_id&cond%5B1%5D%5Binvoice_lines.order_line.order_header_id%5D=3004871&cond%5B1%5D%5Binvoice_lines.order_line.order_header_id_op%5D=eq&cond_op=any&search=+&search_mode=advanced"><span title="EUR">17 066,63</span></a>
</div>
</div>
</div>
<br class="clear">
<div id="order_line_6265066_more" class="has_form" data-id="6265066">
<div class="inside_form">
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265066_local_need_by_date"><span class="required">*</span>Date Souhaitée Livraison (1ère Fact. Cde
Durée)</label><span class="data s-local_need_by_date" id="order_header_order_line_attributes_6265066_need_by_date">24/01/23</span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265066_source_part_num">Code Article</label><span class="data s-source_part_num"
id="order_header_order_line_attributes_6265066_source_part_num"><span class="show none">Aucun</span></span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265066_manufacturer_name">Nom Du Fabricant</label><span class="data s-manufacturer_name"
id="order_header_order_line_attributes_6265066_manufacturer_name"><span class="show none">Aucun</span></span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265066_manufacturer_part_number">Numéro De Pièce Du Fabricant</label><span
class="data s-manufacturer_part_number" id="order_header_order_line_attributes_6265066_manufacturer_part_number"><span class="show none">Aucun</span></span></div>
<br class="clear">
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265066_custom_field_2">Date confirmée de livraison</label><input aria-label="Date confirmée de livraison"
aria-placeholder="jj/mm/aa" label="Date confirmée de livraison" cf_editable="true" hint="A renseigner par le fournisseur. En cas de modification, merci de saisir un commentaire" select_intent="true"
as_supplier="true" id="order_header_order_line_attributes_6265066_custom_field_2" type="text" name="order_header[order_line_attributes][6265066][custom_field_2]" value="" class="date date_picker hasDatepicker"
size="10" placeholder="jj/mm/aa"><button type="button" class="ui-datepicker-trigger"><img src="/images/calendar.svg" alt="Vue du calendrier" title="Vue du calendrier"></button>
<div class="hint">A renseigner par le fournisseur. En cas de modification, merci de saisir un commentaire</div>
</div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265066_order_line">Réf. fournisseur</label>FFA-20230391</div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265066_order_line">Conditionnement</label><span class="show none">Aucun</span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_6265066_order_line">Dont écotaxe</label><span class="show none">Aucun</span></div>
<br class="clear">
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div class="s-dtAriaLive ariaHelperContent" aria-live="polite"></div>
<div class="foot">
<div class="inside">
<div id="supplier_order_line_grp_btns" style="float: left;">
</div>
<div class="pagination" style="display: inline;">
<span id="supplier_order_line_page_links">
<script src="/assets/data_table_pagination-fe859229d3da37b0811c2656f6874dd6a38d2991a94033f9bd44859a450801e3.js"></script>
<input type="hidden" name="key" id="supplier_order_line_key" value="SupplierOrderHeadersController:supplier_order_line">
<input type="hidden" name="sort" id="supplier_order_line_sort">
<input type="hidden" name="dir" id="supplier_order_line_dir">
<span class="per_page_links" style="float: left;">
<span id="per_page_links_label">Par page</span>
<span role="group" aria-labelledby="per_page_links_label">
<a class="" role="button" aria-label="15 par page" aria-pressed="false" data-remote="true" href="/supplier_order_headers/search_supplier_order_line_table?data_table_name=supplier_order_line&id=3004871&key=SupplierOrderHeadersController%3Asupplier_order_line&user%5Buser_attributes_hash%5D%5Bdata_table_per_page%5D=15">15</a>
|
<a class="" role="button" aria-label="45 par page" aria-pressed="false" data-remote="true" href="/supplier_order_headers/search_supplier_order_line_table?data_table_name=supplier_order_line&id=3004871&key=SupplierOrderHeadersController%3Asupplier_order_line&user%5Buser_attributes_hash%5D%5Bdata_table_per_page%5D=45">45</a>
|
<a class="" role="button" aria-label="90 par page" aria-pressed="false" data-remote="true" href="/supplier_order_headers/search_supplier_order_line_table?data_table_name=supplier_order_line&id=3004871&key=SupplierOrderHeadersController%3Asupplier_order_line&user%5Buser_attributes_hash%5D%5Bdata_table_per_page%5D=90">90</a>
</span>
</span>
<a class="supplier_order_line_wait refresh_data_table" style="display:none" submit="#supplier_order_line_data_table_form_search" data-remote="true" href="/supplier_order_headers/search_supplier_order_line_table?data_table_name=supplier_order_line&id=3004871&key=SupplierOrderHeadersController%3Asupplier_order_line&reload=1">↺</a>
<p style="text-align: center;"> </p>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="bottomRow">
<div class="totalRow">
<div class="shadow supplier_po ">
<div class="total empty">
<span></span>
</div>
</div>
<div class="shadow total">
<span class="total_container"> Total <span class="quantity">
<span title="EUR">22 324,55</span>
</span>
<div class="smaller">EUR</div>
</span>
</div>
</div>
<br class="clear">
</div>
</div>
</div>
<div class="page_buttons_right">
<div class="page_button">
<a popup="printable_purchase_order width=1024,height=768,scrollbars=yes,resizable=yes" class=" rollover button " href="/supplier_order_headers/show_custom/3004871?version=1"><span><img aria-hidden="true" class="icon icon_button sprite-printer" alt="" title="" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif"> Imprimer la vue</span></a>
</div>
<div class="page_button">
<button type="submit" class="button " data-disable-on-click="true"><span>Enregistrer</span></button>
</div>
</div>
</form>Text Content
Se déconnecter BON DE COMMANDE N° 0013004871 INFORMATIONS GÉNÉRALES StatutÉmis - Envoyé par courrier électronique Date de la commande20/01/23 Date de révision20/01/23 DemandeurEmeline BRANGER Courriel emeline.branger@engie.com Terme De PaiementF015 QualificationRegularisation TVA auto-liquidéeNon Conditions spéciales de facturation(vide) N° RégularisationT4-2022 Instructions spécifiques d'expéditionAucun Réponse FournisseurAucun Pièces Jointes * Aucun Accepté Affecté à * EXPÉDITION Expédier à L’Adresse REGULARISATION REGULARISATION . REGUL France Attn : Emeline BRANGER *Nom de rechercheREGUL ConditionsAucun SUIVI DE L’ENVOI AJOUTER Aucun suivi d’envoi. LIGNES Avancé Trier par Numéro de ligne: 0 → 9 Numéro de ligne: 9 → 0 Article: A → Z Article: Z → A Total De La Ligne: Bas → Haut Total De La Ligne: Haut → Bas Satisfaire les conditions Satisfaire toutes les conditions Satisfaire au moins une condition Ajouter un groupe de conditions Filtrer par Article Conditionnement Date confirmée de livraison Date Souhaitée Livraison (1ère Fact. Cde Durée) Devise Dont écotaxe Facturé Numéro de ligne Prix Qté Réf. fournisseur Total De La Ligne Type UDM Clause de filtrage est est supérieur à est inférieur à entre est vide n’est pas vide Texte de filtrage et Texte de filtrage Recherche Annuler Afficher les résultats de * * limitation des résultats à jours 1 Type ArticleFRAIS ASSISTANCE ADMINISTRATIVE T4 2022 Prix1 058,04 Total 1 058,04 Facturé 1 058,04 *Date Souhaitée Livraison (1ère Fact. Cde Durée)24/01/23 Code ArticleAucun Nom Du FabricantAucun Numéro De Pièce Du FabricantAucun Date confirmée de livraison A renseigner par le fournisseur. En cas de modification, merci de saisir un commentaire Réf. fournisseurFFA-20230391 ConditionnementAucun Dont écotaxeAucun 2 Type ArticleFRAIS ASSISTANCE ADMINISTRATIVE T4 2022 Prix2 252,00 Total 2 252,00 Facturé 2 252,00 *Date Souhaitée Livraison (1ère Fact. Cde Durée)24/01/23 Code ArticleAucun Nom Du FabricantAucun Numéro De Pièce Du FabricantAucun Date confirmée de livraison A renseigner par le fournisseur. En cas de modification, merci de saisir un commentaire Réf. fournisseurFFA-20230391 ConditionnementAucun Dont écotaxeAucun 3 Type ArticleFRAIS ASSISTANCE ADMINISTRATIVE T4 2022 Prix1 496,71 Total 1 496,71 Facturé 1 496,71 *Date Souhaitée Livraison (1ère Fact. Cde Durée)24/01/23 Code ArticleAucun Nom Du FabricantAucun Numéro De Pièce Du FabricantAucun Date confirmée de livraison A renseigner par le fournisseur. En cas de modification, merci de saisir un commentaire Réf. fournisseurFFA-20230391 ConditionnementAucun Dont écotaxeAucun 4 Type ArticleFRAIS ASSISTANCE ADMINISTRATIVE T4 2022 Prix451,17 Total 451,17 Facturé 451,17 *Date Souhaitée Livraison (1ère Fact. Cde Durée)24/01/23 Code ArticleAucun Nom Du FabricantAucun Numéro De Pièce Du FabricantAucun Date confirmée de livraison A renseigner par le fournisseur. En cas de modification, merci de saisir un commentaire Réf. fournisseurFFA-20230391 ConditionnementAucun Dont écotaxeAucun 5 Type ArticleFRAIS ASSISTANCE ADMINISTRATIVE T4 2022 Prix17 066,63 Total 17 066,63 Facturé 17 066,63 *Date Souhaitée Livraison (1ère Fact. Cde Durée)24/01/23 Code ArticleAucun Nom Du FabricantAucun Numéro De Pièce Du FabricantAucun Date confirmée de livraison A renseigner par le fournisseur. En cas de modification, merci de saisir un commentaire Réf. fournisseurFFA-20230391 ConditionnementAucun Dont écotaxeAucun Par page 15 | 45 | 90 ↺ Total 22 324,55 EUR Imprimer la vue Enregistrer 0COMMENTAIRES Désactiver le son des commentaires Cliquez pour ne plus recevoir de notifications de commentaire pour ce document Entrez un commentaire Ajouter * Fichier * URL Envoyer la notification Commentaire à un utilisateur en tapant @nom (p. ex. @JohnSmith) Ajouter un commentaire La création d’une demande de modification d’un bon de commande volumineux peut prendre un certain temps. Veuillez ne pas actualiser la page. Business Spend Management • Français * Dansk * Deutsch * English * Español * Français * Italiano * Nederlands * Norsk * Polski * Português * Română * Svenska * Tiếng Việt * Türkçe * magyar * suomi * čeština * Ελληνικά * Русский * ไทย * 中文 * 日本語 * 한국어 Paramètres de la langue et de la région