>
>
>
>
>
>
"); root.find(item).append(button);})}root.find("[data-read-more-toggle]").click(function () { var parent = $(this).closest(".read-more"); var btnText = $(this).find(".btn-text") parent.toggleClass("expanded"); if(parent.hasClass("expanded")){ btnText.text("read less") } else { btnText.text("read more") }}); //listing highlight slider var listingToggle = root.find("#listings").find("[data-drawer-toggle]") var listingslider = root.find("[data-listing-highlights] .card-cont .inner"); var listingarrows = listingslider.find(".arrow-cont"); var listingprev = listingarrows.find(".custom-prev") var listingnext = listingarrows.find(".custom-next") var listingCards = listingslider.find(".card"); var slickOptions = { infinite: true, slide: ".card", slidesToShow: 3, slidesToScroll: 1, arrows: true, prevArrow: listingprev, nextArrow: listingnext, dots: true, responsive: [ { breakpoint: 1024, settings: { slidesToShow: 2 } }, { breakpoint: 641, settings: { slidesToShow: 1 } } ] }; listingslider.on('init', function (event, slick, direction) { // check to see if there are one or less slides if (listingCards.length < 2) { listingarrows.addClass("hide-arrows-mobile"); }else if (listingCards.length < 3) { // remove arrows listingarrows.addClass("hide-arrows-tablet"); } else if (listingCards.length < 4){ listingarrows.addClass("hide-arrows-desktop"); } }); $(window).on('resize orientationchange', function() { if(listingslider.hasClass("slick-initialized")){ listingslider.slick('resize'); } });listingslider.slick(slickOptions);listingslider.slick('resize'); listingToggle.on('click', lodash.debounce(function() { if(listingslider.hasClass("slick-initialized")){ listingslider.slick('unslick'); } else{ listingslider.slick(slickOptions); listingslider.slick('resize'); } }, 300));//end listing detail slidervar data = {"placemark":{"recid":"9744","title":"Earthen Vessel Gallery","latitude":37.2737867,"longitude":-107.8801892,"address1":"934 Main Ave","url":"/listing/earthen-vessel-gallery/168/","crmc":"Things to Do","crmsc":"Art Galleries"}};// do not init map until tab is clicked. we bind mousedown and click to match foundation tabs behaviorvar mapInited = false;root.find("[data-sv-mapTabButton]").one("mousedown click", function() {root.find("[data-gmapcontainer]").addClass("open-map");if (mapInited === true) { return; } else { mapInited = true; }var placemarks = [{id : data.placemark.recid,marker : {position : [data.placemark.latitude, data.placemark.longitude]},infoWindow : {content : goatee.fill(infoWindowTmpl, data.placemark),maxWidth : 300}}];mapObj.init({node : root,map : {markerIcon : '/includes/public/assets/shared/map_point.png',mapOptions : { zoom: 16}}}, true);mapObj.setState({placemarksAdded : false,placemarks : placemarks});});//add tracking/* register available UI events */var watcher = new UIWatcher({}, root, document);var uid = clientLib.uuid().toString();watcher.add("jquery", "item-click", uid, { name: "Events" });var _escapeMeta = function(str) {var rtnstr = $.trim(str).replace(/("|')/g, function(val){if(val == '"'){return '\"';}else{return "\'";}});return rtnstr;}root.find("[data-ui-website]").on("click", null, {displayText: "Visit Website", type: "Text", linkTo: "Visit Website", eventName: "partner_referral" }, handleClick);root.find("[data-ui-email]").on("click", null, {displayText: "Email", type: "Text", linkTo: "Email", eventName: "partner_referral"}, handleClick);$("[data-tb-button]").on("click", "[data-ui-add-to-trip]", {displayText: "Add to Trip", type: "Button", linkTo: "Tripbuilder - Add", eventName: "add_to_favorties"}, handleClick); $("[data-tb-button]").on("click", "[data-ui-remove-from-trip]", {displayText: "Remove From Trip", type: "Button", linkTo: "Tripbuilder - Remove"}, handleClick);root.find("[data-ui-facebook]").on("click", null, {displayText: "Facebook Icon", type: "Icon", linkTo: "Link to Facebook", eventName: "partner_referral"}, handleClick);root.find("[data-ui-twitter]").on("click", null, {displayText: "Twitter Icon", type: "Icon", linkTo: "Link to Twitter", eventName: "partner_referral", "linkObject": "Social | Facebook"}, handleClick);root.find("[data-ui-pinterest]").on("click", null, {displayText: "Pinterest Icon", type: "Icon", linkTo: "Link to Pinterest", eventName: "partner_referral", "linkObject": "Social | Pinterest"}, handleClick);root.find("[data-ui-youtube]").on("click", null, {displayText: "Youtube Icon", type: "Icon", linkTo: "Link to Youtube", eventName: "partner_referral", "linkObject": "Social | YouTube"}, handleClick);root.find("[data-ui-instagram]").on("click", null, {displayText: "Instagram Icon", type: "Icon", linkTo: "Link to Instagram", eventName: "partner_referral", "linkObject": "Social | Instagram"}, handleClick);root.find("[data-ui-tab-overview]").on("click", null, {displayText: "Overview", type: "Text", linkTo: "Click Tab - Overview"}, handleClick);root.find("[data-ui-tab-listings]").on("click", null, {displayText: "Listings", type: "Text", linkTo: "Click Tab - Listings"}, handleClick);root.find("[data-ui-listing-item-img]").on("click", null, {displayText: "Listings", type: "Tab", linkTo: "Link to Detail", eventName: "link_to_detail", linkObject: "Image", itemType: "listings"}, handleClick);root.find("[data-ui-listing-item-title]").on("click", null, {displayText: "Listings", type: "Tab", linkTo: "Link to Detail", eventName: "link_to_detail", linkObject: "Title", itemType: "listings"}, handleClick);function handleClick(event) {var listingTitle = _escapeMeta("Earthen Vessel Gallery");// set up category variables required for ga4 trackingvar eventItem = event.target.closest('.crmlist');;if (eventItem?.dataset.listingTitle) { var ga4_title = eventItem?.dataset.listingTitle;}if (eventItem?.dataset.crmCategories) {var ga4_cats = eventItem?.dataset.crmCategories;}if(event.data.type === "Icon"){let textSpaceIndex = event.data.displayText.indexOf(" ");event.data.linkObject = "Social | " + event.data.displayText.substring(0,textSpaceIndex);}var title = _escapeMeta("Textured Narratives: The Art of Clay Storytelling");var catname = _escapeMeta("Arts, Culture & Heritage");var itemClickBase = {name: "Item Click", refTitle: title, view: "Detail"};var displayText = (event.data.displayText) ? event.data.displayText : $(event.target).text().trim();root.trigger("item-click", $.extend({}, itemClickBase, {displayText: displayText, type: event.data.type, linkTo: event.data.linkTo, crmc: catname, linkObject: event.data.linkObject ?? displayText, itemType: event.data.itemType ?? 'events', itemName: event.data.itemType == 'listings' ? listingTitle : title, eventName: event.data.eventName, v_crmc: event.data.v_crmc ?? undefined, o_crmc: ga4_cats ?? undefined }));}});
