aon.coupahost.com
Open in
urlscan Pro
54.246.251.194
Public Scan
Submitted URL: https://aon.coupahost.com/supplier_order_headers/view_po_via_email/115c5188fa9da9fd0331f45ce32ac8ea44163ff2
Effective URL: https://aon.coupahost.com/supplier_order_headers/1000350521
Submission: On December 01 via manual from US — Scanned from DE
Effective URL: https://aon.coupahost.com/supplier_order_headers/1000350521
Submission: On December 01 via manual from US — Scanned from DE
Form analysis 1 forms found in the DOM
POST /supplier_order_headers/1000350521
<form enctype="multipart/form-data" action="/supplier_order_headers/1000350521" 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="OJmz1pPs5uKt2NH7+vBdYHbK4CJVQ/sUhyfsyn3oGEXgjR5H/pdgqi1wl9Hn+mCQnpWxtamYuTCxaAJuqYSNQQ==">
<div class="topForm header_section">
<div class="header">
<h2><img class="header_icon header-gearIcon" alt="" title="" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif">General Info</h2>
</div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_readable_status">Status</label><span class="data s-readable_status" id="order_header_readable_status">Issued - Sent via Email</span></div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_local_header_created_at">Order Date</label><span class="data s-local_header_created_at" id="order_header_local_header_created_at">11/30/23</span></div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_local_version_created_at">Revision Date</label><span class="data s-local_version_created_at" id="order_header_local_version_created_at">11/30/23</span></div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_requester">Requester</label><span class="data s-requester" id="order_header_requester">Ginette Gazaille</span></div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_email">Email</label> ginette.gazaille@aon.ca </div>
<div class="form_element inline wrapper_vertical" id="order_header_payment_term"><span class="group_label label_readonly">Payment Term</span><span class="data">45D</span></div>
<div class="form_element wrapper_vertical" role="group"><label class="group_label" for="order_header_attachments">Attachments</label>
<div class="attachments attachified attachments_61155598">
<ul aria-label="Attachment List" class="attachments-list">
<li class="show none">None</li>
</ul>
</div>
</div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_acknowledged_at">Acknowledged</label>
<input name="order_header[acknowledged_at]" type="hidden" value="0"><input class="remote-field" data-url="/supplier_order_headers/acknowledge/1000350521?version=1" data-with="flag" type="checkbox" value="1" checked="checked"
name="order_header[acknowledged_at]" id="order_header_acknowledged_at">
</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">Shipping
</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">Ship-To Address</label><span class="address"> 1000 de la Gauchetiere Street West, Suite 2400<br>Montreal, QC H3B
4W5<br>Canada<br>Location Code: 4990<br>Attn: Ginette Gazaille </span>
</div>
</div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_shipping_term">Terms</label><span class="data s-shipping_term" id="order_header_shipping_term">Best Way</span></div>
</div>
</section>
<div class="clear"></div>
<div class="shippableWidget" id="s-SupplierShippableWidget" data-shippable-type="OrderHeader" data-shippable-id="1000350521" 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>Shipment Tracking</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>Add</span></button></p>
</h2>
</div>
<div class="content">
<div class="trackerList s-trackerList"><span class="shippableApp__emptyTrackerList s-emptyTrackerList formElementReadonly">No shipment tracking.</span></div>
</div>
</section>
</div>
</div>
<div class="clear"></div>
<section class="panel_apps_section">
<script src="/assets/PanelAppsApp_wp_bundle-b16f9659cf9b9bdabc086ed0dbcd30e6f1201ef046e7be4341006bb44fdb31c7.js"></script>
</section>
<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">Lines</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(\"Finding all records may take some time. It's recommended to use advanced search instead. Continue?\")) {\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)
$("#flash_container > .esErrorFlashMessages").parent().slideUp(800, 'easeInBack');
$(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');
var isRtl = $('html').attr('dir') === 'rtl';
tableWrapperElement.css({
'margin-left': 0,
'width': 'auto'
});
var margin;
if (tertiaryNavElement.length > 0) {
margin = -1 * (tableWrapperElement.offset().left - 56);
} else {
margin = -1 * (tableWrapperElement.offset().left - 24);
}
var tableElementWidth = tableElement.width();
if (tableElementWidth > windowWidth) {
tableWrapperElement.css({
...(isRtl ? {
'margin-right': margin
} : {
'margin-left': margin
}),
'width': tableElementWidth
});
} else {
tableWrapperElement.css({
...(isRtl ? {
'margin-right': margin
} : {
'margin-left': margin
}),
'width': windowWidth
});
}
buttonsContainer.css({
...(isRtl ? {
'margin-right': margin
} : {
'margin-left': margin
}),
'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': 0,
'width': 'auto'
});
buttonsContainer.css({
'margin': 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="1000350521">
</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" role="presentation">
<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="Advanced Search" href="#"><span>Advanced</span></a>
</td>
<td>
<div class="search_box_wrapper">
<input type="text" name="search" id="sf_supplier_order_line" value="" class="search" placeholder="Search" aria-label="Search" data-max-terms-allowed="10">
<a class="search_icon" id="sfBtn_supplier_order_line" href="javascript: void(0);" role="button" aria-label="Search"></a>
</div>
</td>
<td>
<label for="sort_dropdown">Sort by</label>
</td>
<td class="filter">
<select class="data_table_dropdown_sort" id="sort_dropdown">
<option data-dir="asc" data-sort="position" value="position_asc">Line Number: 0 → 9</option>
<option data-dir="desc" data-sort="position" value="position_desc">Line Number: 9 → 0</option>
<option data-dir="asc" data-sort="description" value="description_asc">Item: A → Z</option>
<option data-dir="desc" data-sort="description" value="description_desc">Item: Z → A</option>
<option data-dir="asc" data-sort="total" value="total_asc">Line Total: Low → High</option>
<option data-dir="desc" data-sort="total" value="total_desc">Line Total: High → Low</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="10" data-table-key="SupplierOrderHeadersController:supplier_order_line">
<div class="group_options_header">
<span class="conditions_operator">
<label for="cond_op">Match Conditions</label>
<select name="cond_op" id="cond_op_supplier_order_line" class="cond_op" data-table="cond_op" aria-label="Match Conditions">
<option value="all">Match all conditions</option>
<option value="any">Match at least one 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>Add group of 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_571539_w">
<span class="conjunction hide"></span>
<label for="conditions_571539_col_key">Filter By</label>
<select name="conditions[571539][col_key]" id="conditions_571539_col_key" aria-label="Filter By" 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=571539" data-cond-col-select-table-name="supplier_order_line"
data-cond-col-select-param-prefix="conditions" data-rand-id="571539">
<option value="currency">Currency</option>
<option value="invoiced">Invoiced</option>
<option value="description">Item</option>
<option selected="selected" value="position">Line Number</option>
<option value="total">Line Total</option>
<option value="need_by_date">Need By</option>
<option value="price">Price</option>
<option value="quantity">Qty</option>
<option value="custom_field_1">Service Expiration Date</option>
<option value="type">Type</option>
<option value="uom">UOM</option>
</select>
<span id="supplier_order_line_conditions_571539_c" class="condition_clause">
<label for="conditions_571539_position_op">Filter Clause</label>
<select name="conditions[571539][position_op]" id="conditions_571539_position_op" class="cond_comparator s-changeDecFloatInt" aria-label="Filter Clause" data-key="position" data-randid="571539">
<option value="eq">is</option>
<option value="greater">more than</option>
<option value="less">less than</option>
<option value="between">between</option>
<option value="blank">is blank</option>
<option value="not_blank">is not blank</option>
</select>
<span id="position_main_571539">
<label for="conditions_571539_position">Filter Text</label>
<input type="text" name="conditions[571539][position]" id="conditions_571539_position" size="10" aria-label="Filter Text">
</span>
<span id="position_btw_571539" style="display:none;"> and <label for="conditions_571539_position_id">Filter Text</label>
<input type="text" name="conditions[571539][position_to]" id="conditions_571539_position_to" size="10" aria-label="Filter Text">
</span>
</span>
<div class="table_condition_button">
<a aria-label="add filter" 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="add filter" alt="add filter" class="icon icon_button sprite-add" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif"></a>
<a class="condition_del_link" style="display: none" aria-label="delete filter" data-toggle="keyclick" href="#"><img title="delete filter" alt="delete filter" class="icon icon_button sprite-delete" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif"></a>
<input type="hidden" name="conditions[571539][del]" id="supplier_order_line_cond_571539_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>Search</span></button>
<div class="cancel_text">
<a data-table="cancel_advanced" href="#">Cancel</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;"> Showing results for </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="Clear results filter" href="#"><img class="asset_sprites assets-x_table" alt="Clear" title="Clear" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif"></a>
</li>
<li id="supplier_order_line_date_limiting_rem" style="display: none;"> limiting results to days
<a role="button" aria-label="Clear results filter" href="#"><img class="asset_sprites assets-x_table" alt="Clear" title="Clear" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif"></a>
</li>
</ul>
<div class="clear"></div>
</div>
<div class="datatable_wrapper ">
<div class="expand_collapse_buttons" style="margin: 0px; width: 956px; display: none;">
<div tabindex="0" class="collapse primary_bkgd" id="supplier_order_line_collapse" role="button" aria-expanded="true" aria-label="Collapse table" title="Collapse 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="Expand table" title="Expand table" style="display: inline-block;">
<div class="arrow_icon"></div>
</div>
</div>
<div class="wrap" style="margin: 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_647474" valign="top">
<td>
<div data-id="647474" class="line-wrapper">
<input type="hidden" name="order_header[order_line_attributes][647474][is_modified]" id="order_header_order_line_attributes_647474_is_modified">
<input type="hidden" value="647474" name="order_header[order_line_attributes][647474][id]" id="order_header_order_line_attributes_647474_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_647474_type">Type</label>
<img title="Amount-based line" alt="Amount-based line" 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_647474_description">Item</label><span class="data s-description"
id="order_header_order_line_attributes_647474_description">PO for Mckesson invoices</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_647474_price">Price</label><span class="data s-price"
id="order_header_order_line_attributes_647474_price"><span title="CAD">10,000.00</span></span></div>
<div class="form_element col_md textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_647474_total">Total</label><span class="data s-total"
id="order_header_order_line_attributes_647474_total"><span title="CAD">10,000.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_647474_invoiced_amount">Invoiced</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=1000350521&cond%5B1%5D%5Binvoice_lines.order_line.order_header_id_op%5D=eq&cond_op=any&search=+&search_mode=advanced"><span title="CAD">0.00</span></a>
</div>
</div>
</div>
<br class="clear">
<div id="order_line_647474_more" class="has_form" data-id="647474">
<div class="inside_form">
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_647474_source_part_num">Part Number</label><span class="data s-source_part_num"
id="order_header_order_line_attributes_647474_source_part_num"><span class="show none">None</span></span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_647474_manufacturer_name">Manufacturer Name</label><span class="data s-manufacturer_name"
id="order_header_order_line_attributes_647474_manufacturer_name"><span class="show none">None</span></span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_647474_manufacturer_part_number">Manufacturer Part Number</label><span
class="data s-manufacturer_part_number" id="order_header_order_line_attributes_647474_manufacturer_part_number"><span class="show none">None</span></span></div>
<br class="clear">
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_647474_order_line">Service Expiration Date</label><span class="show none">None</span></div>
<br class="clear">
</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>
</table>
<div class="s-dtAriaLive ariaHelperContent" aria-live="polite"></div>
</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-e12a5f716928ab08bfa2585ab29645a1851fd24a824ddd9e58aea4410117f3d8.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">Per page </span>
<span role="group" aria-labelledby="per_page_links_label">
<a class="" role="button" aria-label="15 per page" aria-pressed="false" data-remote="true" href="/supplier_order_headers/search_supplier_order_line_table?data_table_name=supplier_order_line&id=1000350521&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 per page" aria-pressed="false" data-remote="true" href="/supplier_order_headers/search_supplier_order_line_table?data_table_name=supplier_order_line&id=1000350521&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 per page" aria-pressed="false" data-remote="true" href="/supplier_order_headers/search_supplier_order_line_table?data_table_name=supplier_order_line&id=1000350521&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=1000350521&key=SupplierOrderHeadersController%3Asupplier_order_line&reload=1">↺</a>
<p style="text-align: center;"> </p>
</span>
</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="CAD">10,000.00</span>
</span>
<div class="smaller">CAD</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/1000350521?version=1"><span><img aria-hidden="true" class="icon icon_button sprite-printer" alt="" title="" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif"> Print View</span></a>
</div>
<div class="page_button">
<button type="submit" class="button " data-disable-on-click="true"><span>Save</span></button>
</div>
<div class="page_button">
<a id="create_invoice_button" data-disable="true" data-disable-on-click="true" class=" rollover button " rel="nofollow" data-method="post" href="/supplier_invoices/1000350521/flip_po"><span>Create Invoice</span></a>
</div>
</div>
</form>Text Content
Sign Out PURCHASE ORDER #M00311000350521 GENERAL INFO StatusIssued - Sent via Email Order Date11/30/23 Revision Date11/30/23 RequesterGinette Gazaille Email ginette.gazaille@aon.ca Payment Term45D Attachments * None Acknowledged SHIPPING Ship-To Address 1000 de la Gauchetiere Street West, Suite 2400 Montreal, QC H3B 4W5 Canada Location Code: 4990 Attn: Ginette Gazaille TermsBest Way SHIPMENT TRACKING ADD No shipment tracking. LINES Advanced Sort by Line Number: 0 → 9 Line Number: 9 → 0 Item: A → Z Item: Z → A Line Total: Low → High Line Total: High → Low Match Conditions Match all conditions Match at least one condition Add group of conditions Filter By Currency Invoiced Item Line Number Line Total Need By Price Qty Service Expiration Date Type UOM Filter Clause is more than less than between is blank is not blank Filter Text and Filter Text Search Cancel Showing results for * * limiting results to days 1 Type ItemPO for Mckesson invoices Price10,000.00 Total10,000.00 Invoiced 0.00 Part NumberNone Manufacturer NameNone Manufacturer Part NumberNone Service Expiration DateNone Per page 15 | 45 | 90 ↺ Total 10,000.00 CAD Print View Save Create Invoice 0COMMENTS Mute Comments Click to stop receiving comment notifications for this document Enter Comment Add * File * URL Send Comment notification to a user by typing @name (ex. @JohnSmith) Add Comment Creating a change request on a large purchase order may take some time. Please do not refresh the page. Business Spend Management • English (United States) * Deutsch * English * Nederlands * Tiếng Việt * Türkçe * dansk * español * français * italiano * magyar * norsk * polski * português * română * suomi * svenska * čeština * Ελληνικά * русский * ไทย * 中文 * 日本語 * 한국어 Language and Region Settings