mitie.coupahost.com
Open in
urlscan Pro
3.248.216.136
Public Scan
Submitted URL: https://mitie.coupahost.com/supplier_order_headers/view_po_via_email/da00b5aecbdb578b8e79bb28292d42b2fbc24891
Effective URL: https://mitie.coupahost.com/supplier_order_headers/470210
Submission: On January 22 via api from IE — Scanned from DE
Effective URL: https://mitie.coupahost.com/supplier_order_headers/470210
Submission: On January 22 via api from IE — Scanned from DE
Form analysis 1 forms found in the DOM
POST /supplier_order_headers/470210
<form enctype="multipart/form-data" action="/supplier_order_headers/470210" 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="d0SIhDNwBQYZZCfIjABZvNnDys1ZpuSbPh7P+Q4Cv4ykhUNTU2OG8ESjQRy7Vqv75yLii6QA5BYWbNfEJ2SqcA==">
<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">01/19/24</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">01/19/24</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">Darren Moore</span></div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_email">Email</label> Darren.Moore@mitie.com </div>
<div class="inline_form_element">
<label> Payment Term </label>
<span class="data">
<span class="term code">V045 - 45 Days (From Invoice Date)</span>
<a class="accelerate_button rollover button " id="accelerate_button" data-disable-on-click="true" data-remote="true" data-method="get" href="/supplier_order_headers/accelerate_payment_popup?acceleratable_type=OrderHeader&id=470210"><span><img aria-hidden="true" class="icon icon_button sprite-money" alt="" title="" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif"> Get Paid Faster</span></a>
<span class="has_hovertip has_detailed_hovertip "><span class="hover_target" tabindex="-1" title="Offer discounts on your purchase orders and invoices in exchange for getting paid faster."><img aria-hidden="true"
class="icon icon_button sprite-info" alt="" title="" src="/assets/blank-47043e4823a6c21a8881de789b4185355330b5804629d23f6b43dd93f5265292.gif"></span><span class="hovertip detailed_hovertip">Offer discounts on your purchase orders and
invoices in exchange for getting paid faster.</span></span>
</span>
</div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_order_header">CAFM Work Order ID</label><span class="show none">None</span></div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_order_header">CAFM PO Number</label><span class="show none">None</span></div>
<div class="form_element wrapper_vertical"><label class="group_label" for="order_header_order_header">CAFM Header Long Description</label><span class="show none">None</span></div>
<div class="form_element wrapper_vertical" role="group"><label class="group_label" for="order_header_attachments" id="attachments_ul_21508587">Attachments</label>
<div class="attachments attachified attachments_77785505">
<ul class="attachments-list" aria-labelledby="attachments_ul_21508587">
<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/470210?version=1" data-with="flag" type="checkbox" value="1" checked="checked"
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">Assigned to</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="Select"
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=\"Remove 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">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"> Graeme High School<br>Callendar Roadenue<br>Falkirkuir<br>FK1 1SY<br>United
Kingdom<br>Location Code: 5301704<br>Attn: Darren Moore </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"><span class="show none">None</span></span></div>
</div>
</section>
<div class="clear"></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="470210">
</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_188867_w">
<span class="conjunction hide"></span>
<label for="conditions_188867_col_key">Filter By</label>
<select name="conditions[188867][col_key]" id="conditions_188867_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=188867" data-cond-col-select-table-name="supplier_order_line"
data-cond-col-select-param-prefix="conditions" data-rand-id="188867">
<option value="currency">Currency</option>
<option value="custom_field_4">End Date</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_3">Start Date</option>
<option value="type">Type</option>
<option value="uom">UOM</option>
</select>
<span id="supplier_order_line_conditions_188867_c" class="condition_clause">
<label for="conditions_188867_position_op">Filter Clause</label>
<select name="conditions[188867][position_op]" id="conditions_188867_position_op" class="cond_comparator s-changeDecFloatInt" aria-label="Filter Clause" data-key="position" data-randid="188867">
<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_188867">
<label for="conditions_188867_position">Filter Text</label>
<input type="text" name="conditions[188867][position]" id="conditions_188867_position" size="10" aria-label="Filter Text">
</span>
<span id="position_btw_188867" style="display:none;"> and <label for="conditions_188867_position_id">Filter Text</label>
<input type="text" name="conditions[188867][position_to]" id="conditions_188867_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[188867][del]" id="supplier_order_line_cond_188867_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_705231" valign="top">
<td>
<div data-id="705231" class="line-wrapper">
<input type="hidden" name="order_header[order_line_attributes][705231][is_modified]" id="order_header_order_line_attributes_705231_is_modified">
<input type="hidden" value="705231" name="order_header[order_line_attributes][705231][id]" id="order_header_order_line_attributes_705231_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_705231_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_705231_description">Item</label><span class="data s-description"
id="order_header_order_line_attributes_705231_description">Pupil entrance at assembly hall Door bar is sticking in the open position And bottom bar sticking as well.</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_705231_price">Price</label><span class="data s-price"
id="order_header_order_line_attributes_705231_price"><span title="GBP">1.00</span></span></div>
<div class="form_element col_md textRight wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_705231_total">Total</label><span class="data s-total"
id="order_header_order_line_attributes_705231_total"><span title="GBP">1.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_705231_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=470210&cond%5B1%5D%5Binvoice_lines.order_line.order_header_id_op%5D=eq&cond_op=any&search=+&search_mode=advanced"><span title="GBP">0.00</span></a>
</div>
</div>
</div>
<br class="clear">
<div id="order_line_705231_more" class="has_form" data-id="705231">
<div class="inside_form">
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_705231_local_need_by_date"><span class="required" aria-hidden="true">*</span>Need By</label><span
class="data s-local_need_by_date" id="order_header_order_line_attributes_705231_need_by_date">01/20/24</span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_705231_source_part_num">Supplier Part Number</label><span class="data s-source_part_num"
id="order_header_order_line_attributes_705231_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_705231_manufacturer_name">Manufacturer Name</label><span class="data s-manufacturer_name"
id="order_header_order_line_attributes_705231_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_705231_manufacturer_part_number">Manufacturer Part Number</label><span
class="data s-manufacturer_part_number" id="order_header_order_line_attributes_705231_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_705231_order_line">Start Date</label><span class="show none">None</span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_705231_order_line">CAFM Line Long Description</label><span class="show none">None</span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_705231_order_line">End Date</label><span class="show none">None</span></div>
<div class="form_element wrapper_horizontal"><label class="group_label" for="order_header_order_line_attributes_705231_order_line">CAFM Work Order ID</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=470210&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=470210&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=470210&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=470210&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="GBP">1.00</span>
</span>
<div class="smaller">GBP</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/470210?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/470210/flip_po"><span>Create Invoice</span></a>
</div>
</div>
</form>Text Content
Manage your Mitie Group Plc orders and more with Coupa Login Sign Out PURCHASE ORDER #A00700470210 GENERAL INFO StatusIssued - Sent via Email Order Date01/19/24 Revision Date01/19/24 RequesterDarren Moore Email Darren.Moore@mitie.com Payment Term V045 - 45 Days (From Invoice Date) Get Paid Faster Offer discounts on your purchase orders and invoices in exchange for getting paid faster. CAFM Work Order IDNone CAFM PO NumberNone CAFM Header Long DescriptionNone Attachments * None Acknowledged Assigned to * SHIPPING Ship-To Address Graeme High School Callendar Roadenue Falkirkuir FK1 1SY United Kingdom Location Code: 5301704 Attn: Darren Moore TermsNone 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 End Date Invoiced Item Line Number Line Total Need By Price Qty Start 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 ItemPupil entrance at assembly hall Door bar is sticking in the open position And bottom bar sticking as well. Price1.00 Total1.00 Invoiced 0.00 *Need By01/20/24 Supplier Part NumberNone Manufacturer NameNone Manufacturer Part NumberNone Start DateNone CAFM Line Long DescriptionNone End DateNone CAFM Work Order IDNone Per page 15 | 45 | 90 ↺ Total 1.00 GBP 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