Corporate
Newsroom Careers Contact Us Vendor Relations Supplier Diversity
Corporate
Newsroom Careers Contact Us Vendor Relations Supplier Diversity
Reports & Resources
Sustainability Report Year in Review Report GHG Emissions Reduction Targets Safety Data Sheets
- Phillips 66 Internet and App Legal Terms
- Phillips 66 Privacy Statement
- California Transparency in Supply Chains Disclosure (SB 657)
© Phillips 66 Company. All rights reserved.
' /* beautify ignore:end */ ), location: '.pane--footer' }, offsetTopElem: [$('.pane--banner')], offsetTopBreakPoint: [], getTopOffset: function(_offsetElem, _offsetBreakPoint) { var inst = this, offsetElem = typeof _offsetElem !== "undefined" ? _offsetElem : inst.offsetTopElem, offsetBreakPoint = typeof _offsetBreakPoint !== "undefined" ? _offsetBreakPoint : inst.offsetTopBreakPoint, topOffsetScroll = 0; if ((offsetBreakPoint.length && $(window).width() > offsetBreakPoint[0].breakPoint) || !offsetBreakPoint.length) { if (offsetElem.length) { $.each(offsetElem, function(i, thisOffsetelem) { topOffsetScroll += thisOffsetelem.outerHeight(); }); } } else { $.each(offsetBreakPoint, function(i, thisBreakPoint) { var index = offsetBreakPoint.length - 1, next = i + 1; if (!(index > 0 && index > i && $(window).width() <= offsetBreakPoint[next].breakPoint)) { if ($(window).width() <= thisBreakPoint.breakPoint && thisBreakPoint.offsetTopElem.length) { $.each(thisBreakPoint.offsetTopElem, function(j, thisOffsetelem) { topOffsetScroll += thisOffsetelem.outerHeight(); }); } } }); } return topOffsetScroll; } }), setHeaderOffset: function() { var app = this; o = this.options; $(window).on('resize.headerOffset', function() { app.options.headerOffset = app.options.getTopOffset() + 50; }).trigger('resize.headerOffset'); }, init: function() { var app = this, o = app.opt; app.cleanUp(); app.setHeaderOffset(); app.unWrapLink('a.module-stock-header_stock-price'); app.submitOnEnter('.module-unsubscribe'); app.submitOnEnter('.module-search'); app.validateSubmit('.module-search'); app.mobileMenuToggle($('.layout'), '.pane--header', '.module_menu-toggle button'); app.cleanQuickLinks($('.module-links')); app.copyright($('.module-copyright_year')); app.docTracking(); app.searchFunctionality(); app.fancySignup(); app.resetDate(['.nav a[href*="s3.q4web.com"]:not([href$=".pdf"])']); app.previewToolbar(); app.arrowsAppend(); app.arrowsFunctionality($('.nav--main .level1')); app.arrowsFunctionality($('.nav--secondary .level2')); app.customOnMobileMenuExpand($('.module-mobile-nav--main')); app.customOnMobileMenuExpand($('.module-mobile-corp-nav')); app.signUpButtonText(); app.scrollArrowsFunction($('.nav--main .level1 > li.has-children'), $('.nav--main .level1')); app.backToTop(); // app.nav_sticky({ // $stikyElem: $('.pane--banner .pane_inner'), // $stickyElemTrigger: $('.pane--banner'), // stopStickySwitchCondition: true, // stopStickyBreakPoint: 768, // }); // app.nav_sticky({ // $stikyElem: $('.layout .layout_inner'), // $stickyElemTrigger: $('.layout'), // stopStickySwitchCondition: false, // stopStickyBreakPoint: 768, // }); // app.nav_sticky({ // $stikyElem: $('.pane--banner .pane_inner'), // $stickyElemTrigger: $('.module_nav_sticky'), // // $stickyElemTrigger: $('.pane--banner'), // stopStickySwitchCondition: true, // stopStickyBreakPoint: 1024, // }); // app.nav_sticky({ // $stikyElem: $('.layout .layout_inner'), // // $stickyElemTrigger: $('.layout'), // $stickyElemTrigger: $('.module_nav_sticky'), // stopStickySwitchCondition: false, // stopStickyBreakPoint: 328, // // stopStickyBreakPoint: 768, // }); app.nav_scrollToSection({ menu: '.nav--banner', level: '.level3', sectionClass: '.module--section-', hrefId: 'section=', scrollOnLoad: true, updateHrefHash: true, addActiveClass: true, closeMobileNav: true, offsetTopElem: [$('.pane--banner .pane_inner')] }); app.NavBackgroundChange(); // app.sections(); }, _ariaAttr_on_of: function($elem, ariaAttr) { $elem.attr(ariaAttr, function(i, attr) { return attr == 'true' ? 'false' : 'true'; }); }, backToTop: function() { $('.module-back-to-top').on('click', function(e) { e.preventDefault(); $('body,html').animate({ scrollTop: 0 }, 800); }); $(window).scroll(function() { if ($(window).scrollTop() >= 300) { $('.pane--credits .module-back-to-top').addClass('js--toggled'); } else { $('.pane--credits .module-back-to-top').removeClass('js--toggled'); } }); }, customOnMobileMenuExpand: function($nav) { $('.button-menu-close').on('click', function() { // document.location="/investors/default.aspx"; $('.layout').removeClass('js--mobile'); }); $nav.on('click', '.level1 > li.has-children > a', function(e) { var $this = $(this), $parent = $this.parent(); if (!$parent.hasClass('js--expanded')) { e.preventDefault(); var heightLevel = $this.next('ul').height(); $('.module-mobile-header-links').css("margin-top", heightLevel); $('.layout').addClass('js--navigation-expanded'); $parent.siblings().removeClass('js--expanded').addClass('js--hidden'); $parent.addClass('js--expanded').removeClass('js--hidden'); $('.js--navigation-expanded .mobile-expand').addClass('js--hidden'); $this.parents('.mobile-expand').removeClass('js--hidden'); } }); $nav.on('click', '.back-link', function() { var $this = $(this); $this.closest('li.has-children').removeClass('js--expanded').siblings().removeClass("js--hidden"); if ($this.parent('.level2').length) { $('.mobile-expand').removeClass('js--hidden'); $('.layout').removeClass('js--navigation-expanded'); $('.module-mobile-header-links').removeAttr('style'); } else if ($this.parent('.level3').length) { var heightLevel = $this.closest('.level3').height(); $('.module-mobile-header-links').css("margin-top", heightLevel); } else if ($this.parent('.level4').length) { var heightLevel = $this.closest('.level4').height(); $('.module-mobile-header-links').css("margin-top", heightLevel); } }); $nav.on('click', '.level2 > li.has-children > a', function(e) { var $this = $(this), $parent = $this.parent(); if (!$parent.hasClass('js--expanded')) { e.preventDefault(); var heightLevel = $this.next('ul').height(); $('.module-mobile-header-links').css("margin-top", heightLevel); $parent.siblings().removeClass('js--expanded').addClass('js--hidden'); $parent.addClass('js--expanded').removeClass('js--hidden'); $('.js--navigation-expanded .mobile-expand').addClass('js--hidden'); $this.parents('.mobile-expand').removeClass('js--hidden'); } }); $nav.on('click', '.level3 > li.has-children > a', function(e) { var $this = $(this), $parent = $this.parent(); if (!$parent.hasClass('js--expanded')) { e.preventDefault(); var heightLevel = $this.next('ul').height(); $('.module-mobile-header-links').css("margin-top", heightLevel); $parent.siblings().removeClass('js--expanded').addClass('js--hidden'); $parent.addClass('js--expanded').removeClass('js--hidden'); $('.js--navigation-expanded .mobile-expand').addClass('js--hidden'); $this.parents('.mobile-expand').removeClass('js--hidden'); } }); }, searchFunctionality: function() { var app = this, $searchToggle = $('.search-toggle_button'), $searchInput = $('.module-search_input'), $layoutInner = $('.layout_inner'); $searchToggle.on('click', function() { $layoutInner.toggleClass('js--search-active'); $('.pane--banner > div').toggleClass('js--menu-open'); app._ariaAttr_on_of($searchToggle, 'aria-expanded'); $searchInput.focus(); }); $('.layout').on('click', '.js--search-active', function(e) { if (!$(e.target).closest('.pane--banner, .pane--header').length) { $layoutInner.removeClass('js--search-active'); $searchToggle.focus(); app._ariaAttr_on_of($searchToggle, 'aria-expanded'); } }) }, signUpButtonText: function() { $('.module-subscribe').find('input[type="submit"]').attr("value", "Sign Up"); }, arrowsAppend: function() { //Main Nav Arrows $('.nav--main .level2').prepend(''); $('.nav--main .level2').append(''); //Mobile Nav Investors Link $('.mobile-nav--main .level2').prepend('Overview'); }, arrowsFunctionality: function($nav) { var scrolled = 0; $nav.on("click", '.right-arrow', function() { scrolled = scrolled + 20; $nav.animate({ scrollLeft: scrolled }); }); $nav.on("click", '.left-arrow', function() { scrolled = scrolled - 20; $nav.animate({ scrollLeft: scrolled }); }); }, scrollArrowsFunction: function($container, $scroll_container) { $scroll_container.on("scroll", function() { var currentScroll = $(this).scrollLeft(); if (currentScroll == 0) { $container.addClass('js--arrow-right').removeClass('js--arrow-left'); } else { var maxScroll = $(this)[0].scrollWidth - $scroll_container.width(); if (currentScroll == maxScroll) { $container.addClass('js--arrow-left').removeClass('js--arrow-right'); } else { $container.addClass('js--arrow-right js--arrow-left'); } } }); }, nav_scrollToSection: function(options) { this.options.prevent_make_section_active = false; var q4Options = this.options, sts = { //do no modify setting here, only on initialization settings: { menu: null, level: null, sectionClass: null, hrefId: null, scrollSpeed: 400, scrollOnLoad: false, updateHrefHash: false, addActiveClass: false, addScrollEvent: false, scrollSectionOffset: 0, addActiveClassScrollTolerance: 0, closeMobileNav: false, mobileNavShowingClass: 'js--mobile', onCloseMobileNav: function() { $('.layout').removeClass(this.mobileNavShowingClass); }, offsetTopElem: [], offsetTopBreakPoint: [], getTopOffset: q4Options.getTopOffset, onClick: function(event, clickData) {}, onScrollEachSection: function(event, scrollData) {}, onScrollActiveSection: function(event, scrollData) {} }, init: function(settings) { var inst = this, o = inst.settings; $.extend(inst.settings, settings); if (o.menu && o.level && o.sectionClass && o.hrefId) { var initID = inst._asignInitID(); $(o.menu).attr('data-scrolltosection', initID).addClass('js--scroll-to-section'); inst._onClick(initID); inst._onScroll(initID); inst._onLoad(initID); } }, _asignInitID: function() { var inst = this, o = inst.settings, getHrefId = o.hrefId.slice(1, -1), initName = 'scrollTo' + getHrefId, index = $('[data-scrolltosection^="' + initName + '"]').length; return ('scrollTo' + getHrefId + "-" + index); }, _onClick: function(_initID) { var inst = this, o = inst.settings, $selectedLevelItemsLinks = $(o.menu).find(".selected > " + o.level + ' > li > a[href*="' + o.hrefId + '"]'); $selectedLevelItemsLinks.on('click.' + _initID, function(e) { var $this = $(this), sectionSpecificCls = $this.attr("href").split(o.hrefId).pop(), $sectionSelected = $(o.sectionClass + sectionSpecificCls); e.preventDefault(); o.onClick(e, { $selectedLevelItemsLinks: $selectedLevelItemsLinks, $clickedLink: $this, $sectionSelected: $sectionSelected, sectionSpecificCls: sectionSpecificCls, }); inst._scrollTo($sectionSelected); if (o.updateHrefHash) location.hash = o.hrefId + sectionSpecificCls; if (o.closeMobileNav) o.onCloseMobileNav(); if (o.addActiveClass) $this.parent('li').addClass('js--active').siblings().removeClass('js--active'); }); }, _onScroll: function(_initID) { var inst = this, o = inst.settings, elemHasEventNamespace = !inst._elemHasEventNamespace(window, 'scroll', _initID); if (o.addActiveClass || o.updateHrefHash || o.addScroll) { //cache element before triggering scroll event var sectionCommonCls = o.sectionClass.substr(1), //remove point from begining of class $sectionsElem = $('[class*="' + sectionCommonCls + '"]'), $selectedLevel = $(o.menu).find(".selected > " + o.level), $selectedLevelItems = $(o.menu).find(" .selected > " + o.level + ' > li'); $(window).on('scroll.' + _initID, function(e) { //only run if physical scroll and not on animation scroll achived by changing q4Options.prevent_make_section_active value in _scrollTo function. if (q4Options.prevent_make_section_active === false) { inst._make_section_active(e, $sectionsElem, $selectedLevel, $selectedLevelItems, sectionCommonCls, elemHasEventNamespace); } }); } }, _onLoad: function(_initID) { var inst = this, o = inst.settings, elemHasEventNamespace = !inst._elemHasEventNamespace(window, 'load', _initID); if (o.scrollOnLoad && elemHasEventNamespace) { $(window).on('load.' + _initID, function() { inst._scroll_to_sec_load(o.sectionClass, o.hrefId, o.scrollSpeed); }); } }, _make_section_active: function(_event, _$sectionsElem, _$selectedLevel, _$selectedLevelItems, _sectionCommonCls, _eventNamespace) { var inst = this, o = inst.settings, curentScroll = $(window).scrollTop() + o.addActiveClassScrollTolerance, offsetTop = o.getTopOffset(); //cache value before running each. _$sectionsElem.each(function() { var $this = $(this), currentSectionOffsetTop = $this.offset().top - offsetTop - o.scrollSectionOffset, currentSectionHeight = $this.outerHeight(), inViewPort = curentScroll >= currentSectionOffsetTop, notAboveViewPort = curentScroll < currentSectionOffsetTop + currentSectionHeight, eachData = { $sectionsElem: _$sectionsElem, $selectedLevel: _$selectedLevel, $selectedLevelItems: _$selectedLevelItems, sectionCommonCls: _sectionCommonCls, hasEventNameSpace: _eventNamespace, $currentSection: $this, curentScroll: curentScroll, currentSectionHeight: currentSectionHeight, currentSectionOffsetTop: currentSectionOffsetTop, inViewPort: inViewPort, notAboveViewPort: notAboveViewPort }; if (_eventNamespace) o.onScrollEachSection(_event, eachData); // verify only sections that are in viewport if (inViewPort && notAboveViewPort) { var sectionSpecificCls = $this.attr("class").split(_sectionCommonCls).pop().split(" ").shift(), $selectedLevelActiveItem = _$selectedLevel.find('a[href$="' + sectionSpecificCls + '"]').parent(); if (_eventNamespace) { o.onScrollActiveSection(_event, $.extend({ sectionSpecificCls: sectionSpecificCls, $selectedLevelActiveItem: $selectedLevelActiveItem }, eachData)); } if (o.addActiveClass) { _$selectedLevelItems.removeClass('js--active'); $selectedLevelActiveItem.addClass('js--active'); } var hash = window.location.hash.length ? window.location.hash.substring(1) : ''; hash = hash.split('=').pop(); // console.log('test', o.updateHrefHash, _eventNamespace, location.hash, o.hrefId , sectionSpecificCls) if (scrollUpdate) { // if (o.updateHrefHash && _eventNamespace) location.hash = o.hrefId + hash; if (o.updateHrefHash && _eventNamespace) location.hash = o.hrefId + sectionSpecificCls; } } }); }, _scroll_to_sec_load: function(sectionClass, hrefId, scrollSpeed) { var inst = this, o = inst.settings; if (location.hash.indexOf(o.hrefId) > -1) { var $sectionFromHref = $(o.sectionClass + location.hash.split(o.hrefId).pop()); scrollUpdate = true, inst._scrollTo($sectionFromHref); } }, _elemHasEventNamespace: function(elem, event, namespace) { var events = $._data(elem, 'events'), checkEvent = events.hasOwnProperty(event) ? events[event] : false, result = 0; if (checkEvent) { $.each(checkEvent, function(i, event) { if (event.namespace.split("-").shift() == namespace.split("-").shift()) { result++; } }); } if (result > 0) return true; else return false; }, _scrollTo: function($section) { var inst = this; o = inst.settings; //prevent make_section_active function to run while page is animating scroll when the links are clicked q4Options.prevent_make_section_active = true; $('html,body').animate({ scrollTop: $section.offset().top - o.getTopOffset() - o.scrollSectionOffset }, o.scrollSpeed, function() { if (!$(this).is(':animated')) { //restore make_section_active fucntion to run when the animated scroll stopped q4Options.prevent_make_section_active = false; } }); } }; sts.init(options); }, //test // nav_sticky: function(settings) { // var generalOpt = this.options, // sticky = { // options: { // $stikyElem: null, // $stickyElemTrigger: null, // layoutStickyActiveCls: null, // stopStickyBreakPoint: null, // stopStickySwitchCondition: null, // offsetTopElem: [], // offsetTopBreakPoint: [], // getTopOffset: generalOpt.getTopOffset, // onSticky: function(event) {}, // onUnSticky: function(event) {}, // onStopSticky: function(event) {} // }, // init: function(options) { // $.extend(this.options, options); // var inst = this; // inst._onScroll(); // inst._onResize(); // }, // _onScroll: function() { // var inst = this; // $(window).on('scroll.navSticky', function(e) { // inst._addRemoveSticky(e); // }).trigger('scroll.navSticky'); // }, // _onResize: function() { // var inst = this, // o = inst.options; // $(window).on('resize.navSticky', function(e) { // inst._addRemoveSticky(e); // if (o.stopStickySwitchCondition === ($(window).width() <= o.stopStickyBreakPoint)) { // o.$stikyElem.removeClass('js--sticky').add(o.$stickyElemTrigger).removeAttr('style'); // if (o.layoutStickyActiveCls) $('.layout').removeClass(o.layoutStickyActiveCls); // o.onStopSticky(e); // } // }); // }, // _addRemoveSticky: function(_event) { // var inst = this, // o = inst.options, // condition = o.stopStickySwitchCondition === ($(window).width() <= o.stopStickyBreakPoint); // if (!condition) { // var curentScroll = $(window).scrollTop(), // topOffset = o.getTopOffset(); // stickyElemWrapper_offsetTop = o.$stickyElemTrigger.offset().top - topOffset; // //o.$stickyElemTrigger.css('height', o.$stikyElem.outerHeight()); // if (curentScroll >= stickyElemWrapper_offsetTop) { // o.$stikyElem.addClass('js--sticky').css("top", topOffset + 'px'); // if (o.layoutStickyActiveCls) $('.layout').addClass(o.layoutStickyActiveCls); // o.onSticky(_event); // } else { // o.$stikyElem.removeClass('js--sticky').removeAttr('style'); // if (o.layoutStickyActiveCls) $('.layout').removeClass(o.layoutStickyActiveCls); // o.onUnSticky(_event); // } // } // } // }; // sticky.init(settings); // }, // sections: function(){ // var check = true; // var hash = window.location.hash.length ? window.location.hash.substring(1) : ''; // hash = hash.split('=').pop(); // if (check) { // if ( $('.module-'+hash).length ) { // check = false; // setTimeout(function(){ // q4App.scrollTo($('.module-'+hash)); // }, 1000); // } // } // }, NavBackgroundChange: function() { $('.pane--banner .pane_inner').on('mouseenter', function() { $('.pane--banner .pane_inner').addClass('js--bgHover'); }); $('.pane--banner .pane_inner').on('mouseleave', function() { $('.pane--banner .pane_inner').removeClass('js--bgHover'); }); }, }); // $('.module-mobile-nav--main .level1').prepend($('.module-mobile-corp-nav_item--top')); // $('.module-mobile-nav--main .level1').append($('.module-mobile-corp-nav_item--bottom')); // // mobile sticky // window.addEventListener("scroll", function(e){ // if(window.scrollY <= 40) { // $('.layout_header .pane--banner > .pane_inner').removeClass("js--sticky"); // } else { // $('.layout_header .pane--banner > .pane_inner').addClass("js--sticky"); // } // }); // $('.module_menu-toggle button').on('click', function() { // $(this).parent().toggleClass('js--open'); // $('.layout').toggleClass('js--mobile'); // }) ; // // scroll classes // var position = $(window).scrollTop(); // should start at 0 // $(window).scroll(function() { // var scroll = $(window).scrollTop(); // if(scroll > position) { // // scroll down // $('.layout_header .pane--banner > .pane_inner').removeClass("js--scroll-up"); // $('.layout_header .pane--banner > .pane_inner').addClass("js--scroll-down"); // } else { // // scroll up // $('.layout_header .pane--banner > .pane_inner').removeClass("js--scroll-down"); // $('.layout_header .pane--banner > .pane_inner').addClass("js--scroll-up"); // } // position = scroll; // }); q4App.init(); ' + '' ); $('.module-mobile-nav--main .level3 .back-link').each(function() { var parentText = $(this).parent().parent().children('a:first-child').text(); // console.log(parentText); $(this).append(parentText); }); $(document).mouseup(function (e) { if ($(e.target).closest(".module-corp-nav").length === 0) { $('.module-corp-nav--list li').removeClass('clicked'); $('.module-corp-nav--list li .level-two').addClass('hidden'); $('.pane--banner').removeClass('bg-white'); } }); $('.module-corp-nav--list li .module-corp-nav_item').click(function() { $('.module-corp-nav--list li').not($(this).parent()).removeClass('clicked'); $($(this).parent()).toggleClass('clicked'); $('.module-corp-nav--list li.clicked .level-two').removeClass('hidden'); $('.module-corp-nav--list li:not(.clicked) .level-two').addClass('hidden'); $('.pane--banner').toggleClass('bg-white'); }); $('.module-corp-nav--list li .module-corp-nav_item + svg').click(function() { $('.module-corp-nav--list li').not($(this).parent()).removeClass('clicked'); $($(this).parent()).toggleClass('clicked'); $('.module-corp-nav--list li.clicked .level-two').removeClass('hidden'); $('.module-corp-nav--list li:not(.clicked) .level-two').addClass('hidden'); $('.pane--banner').toggleClass('bg-white'); }); $('.module-corp-nav .level-two.business-nav .level-two-right.operations li.midstream-item').click(function() { $('.module-corp-nav .level-two.business-nav .level-two-right.midstream').toggleClass('hidden'); $(this).show("slide", { direction: "right" }, 4500); $('.module-corp-nav .level-two.business-nav .level-two-right.operations li.midstream-item span').toggleClass('active'); $('.module-corp-nav .level-two.business-nav .level-two-right.operations li.midstream-item').toggleClass('midstream-item-active'); $('.module-corp-nav .level-two.business-nav .level-two-right.operations').toggleClass('midstream-clicked'); $('.module-corp-nav .level-two.business-nav .level-two-right.operations').toggleClass('border-right'); });
