(function ($) { /** * The constructor of the dropdown object * @param {object} element The menu element. * @returns {object} The dropdown menu object. */ function um_dropdownMenu(element) { var self = { get: function(){ return self; }, show: function () { self.hideAll(); /* add dropdown into the */ self.$menu = self.$element.find('.um-new-dropdown'); if ( !self.$menu.length ) { self.$menu = $('div.um-new-dropdown[data-element="' + self.data.element + '"]').first(); } self.$dropdown = self.$menu.clone(); self.$dropdown.on('click', 'li a', self.itemHandler).attr('data-cloned', '1'); /* add the handler for menu items */ $(window).on('resize', self.updatePosition); /* update the position on window resize */ var parent = '' !== self.data.parent ? self.data.parent : document.body; $(parent).append(self.$dropdown); /* trigger event */ self.$element.trigger('um_new_dropdown_render', { dropdown_layout: self.$dropdown, trigger: self.data.trigger, element: self.data.elemen, obj: self.$element }); /* set styles and show */ self.$dropdown.css(self.calculatePosition()).show(); self.$element.addClass('um-new-dropdown-shown').data('um-new-dropdown-show', true); return self; }, hide: function () { if ( self.$dropdown && self.$dropdown.is(':visible') ) { $(window).off('resize', self.updatePosition); self.$dropdown.remove(); self.$element.removeClass('um-new-dropdown-shown').data('um-new-dropdown-show', false); } return self; }, hideAll: function () { if ( self.$element.data('um-new-dropdown-show') ) { self.hide(); } $( 'div.um-new-dropdown[data-cloned="1"]' ).remove(); $('.um-new-dropdown-shown').removeClass('um-new-dropdown-shown').data('um-new-dropdown-show', false); return self; }, calculatePosition: function () { var rect = self.$element.get(0).getBoundingClientRect(), height = self.$dropdown.innerHeight() || 150, width = self.data.width || 150, place = ''; var offset; if ( '' !== self.data.parent ) { var parentPos = $( self.data.parent ).offset(); var childPos = self.$element.offset(); offset = { top: childPos.top - parentPos.top, left: childPos.left - parentPos.left }; } else { offset = self.$element.offset(); } var base_width = '' !== self.data.parent ? $( self.data.parent )[0].offsetWidth : window.innerWidth; var base_height = '' !== self.data.parent ? $( self.data.parent )[0].offsetHeight : window.innerHeight; var css = { position: 'absolute', width: width + 'px' }; /* vertical position */ if ( base_height - rect.bottom > height ) { css.top = offset.top + rect.height + 'px'; place += 'bottom'; } else { place += 'top'; css.top = offset.top - height + 'px'; } /* horisontal position */ if ( offset.left > width || offset.left > base_width / 2 ) { css.left = offset.left + rect.width - width + 'px'; place += '-left'; } else { css.left = offset.left + 'px'; place += '-right'; } /* border */ switch ( place ) { case 'bottom-right': css.borderRadius = '0px 5px 5px 5px'; break; case 'bottom-left': css.borderRadius = '5px 0px 5px 5px'; break; case 'top-right': css.borderRadius = '5px 5px 5px 0px'; break; case 'top-left': css.borderRadius = '5px 5px 0px 5px'; break; } return css; }, updatePosition: function () { if ( self.$dropdown && self.$dropdown.is(':visible') ) { self.$dropdown.css(self.calculatePosition()); } return self; }, itemHandler: function (e) { e.stopPropagation(); /* trigger 'click' in the original menu */ var attrClass = $(e.currentTarget).attr('class'); self.$menu.find('li a[class="' + attrClass + '"]').trigger('click'); /* hide dropdown */ if ( self.$element.data('um-new-dropdown-show') ) { self.hide(); } }, triggerHandler: function(e) { e.stopPropagation(); self.$element = $(e.currentTarget); if ( self.$element.data('um-new-dropdown-show') ) { self.hide(); } else { self.show(); } } }; // hidden dropdown menu block generated via PHP. Is used for cloning when 'action' on the 'link' self.$menu = $(element); // 'link' data self.data = self.$menu.data(); // base 'link' which we use for 'action' and show a clone of the hidden dropdown self.$element = self.$menu.closest(self.data.element); if ( ! self.$element.length ) { self.$element = $( self.data.element ).first(); } self.$dropdown = $(document.body).children('div[data-element="' + self.data.element + '"]'); if ( typeof self.data.initted === 'undefined' ) { // single init based on 'initted' data and add 'action' handler for the 'link' self.$menu.data('initted', true); self.data = self.$menu.data(); // screenTriggers is used to not duplicate the triggers for more than 1 element on the page if ( typeof um_dropdownMenu.screenTriggers === 'undefined' ) { um_dropdownMenu.screenTriggers = {}; } if ( um_dropdownMenu.screenTriggers[ self.data.element ] !== self.data.trigger ) { um_dropdownMenu.screenTriggers[ self.data.element ] = self.data.trigger; $(document.body).on( self.data.trigger, self.data.element, self.triggerHandler ); } } if ( typeof um_dropdownMenu.globalHandlersInitted === 'undefined' ) { um_dropdownMenu.globalHandlersInitted = true; //var globalParent = '' !== self.data.parent ? self.data.parent : document.body; $( document.body ).on('click', function(e) { if ( ! $( e.target ).closest('.um-new-dropdown').length ) { self.hideAll(); } }); } return self; } /* Add the method um_dropdownMenu() to the jQuery */ $.fn.um_dropdownMenu = function (action) { if ( typeof action === 'string' && action ) { return this.map( function (i, menu) { var obj = um_dropdownMenu( menu ); return typeof obj[action] === 'function' ? obj[action]() : obj[action]; } ).toArray(); } else { return this.each( function (i, menu) { um_dropdownMenu( menu ); } ); } }; })(jQuery); function um_init_new_dropdown() { jQuery('.um-new-dropdown').um_dropdownMenu(); } /* Init all dropdown menus on page load */ jQuery( document ).ready( function($) { um_init_new_dropdown(); }); # Advanced Custom Fields Welcome to the official Advanced Custom Fields repository on GitHub. ACF is a WordPress plugin used to take full control of your edit screens & custom field data. ## Documentation Do you need help getting started with ACF, or do you have questions about one of the ACF features? You can [search through our documentation here](https://www.advancedcustomfields.com/resources/). If you don't find the answers you're looking for, you can start a new forum thread in the [support forum](https://support.advancedcustomfields.com/) or contact our [support team](https://www.advancedcustomfields.com/contact/) If you've got feedback or a feature suggestion for ACF, please use our [feedback board](https://www.advancedcustomfields.com/feedback/) ## Support This repository is not suitable for support. Please don't use our issue tracker for support requests, but for core issues only. Support can take place in the appropriate channels: * Community forum * Email based ticket system These channels can be accessed from our [support website](https://support.advancedcustomfields.com/). ## Contributing If you have a patch, or stumbled upon an issue with ACF core, you can contribute this back to the code. Please create a new github issue with as much information as possible, and a PR if appropriate. ## Translations If you're looking to translate ACF, you can submit new PRO translations via a PR on this repo. Any strings from the free version are imported from [translate.wordpress.org](https://translate.wordpress.org/projects/wp-plugins/advanced-custom-fields/stable/). For more information, please view our [translation guide](https://www.advancedcustomfields.com/resources/how-to-help-translate-acf-into-other-languages/) Design & Build Services - Everlast Construction - Everlast Cosntruction

Satisfaction
Guarantee

Quality
Workmanship

Qualified
Professionals

Architectural Design

High quality design guarantee

Interior Design

Elevate Your Interior Design

Permitting Service

Making Approvals Hassle-Free

FREE SERVICE

Software & Communication

Play Video

Tien Bui

Bathroom Remodel, San Francisco, Ca

Design & Build Mastery

Crafting Your Vision into Reality with Everlast Construction

At Everlast Construction, we go beyond conventional remodeling – we bring dreams to life with our Design & Build service. Our seasoned team seamlessly integrates design flair with construction precision, offering you a single-source solution for transforming your vision into reality. Elevate your home with our comprehensive approach, where innovative design meets impeccable craftsmanship, ensuring a harmonious blend of aesthetics and functionality. Trust Everlast Construction to be your partner in crafting a home that reflects your unique style and exceeds your expectations. Your dream home journey starts here.

Where you start & Finish Your Day

Design & Build SERVICES
WE OFFER

Architectural Design

Interior Design

Construction Planning

Construction Management

Remodeling and Building

Post Construction

FREE IN-HOME CONSULTATION

Let’s Talk About Your Upcoming Project

Book 2 hours in-home consultation for free

Video Testimonials

What our clients say

Play Video
Play Video
Play Video
Play Video
Play Video
Play Video
Contact

Let's Connect with us

Don’t wait! Reach out to us today and let’s start a conversation. Your inquiry is important to us.