Uri: https%3A%2F%2Fwww.artscommons.ca%2Fwhats-on%2Flea-salonga-stage-and-screen-and-everything-in-between
Page name: Lea Salonga: Stage, Screen and Everything in Between
Edit | BackDate Scraped: 2026-04-22 17:10:53 -0400
Last Successful Refresh: 2026-04-22 17:10:53 -0400
Created: 2025-06-24 17:38:58 -0400
Updated: 2026-04-22 17:10:53 -0400
HTTP Response Code: 200
Html:
<!doctype html><html lang="en"><head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@glidejs/glide/dist/css/glide.core.min.css">
<link rel="preload" as="style" href="https://werklundcentre.ca/hubfs/Arts%20Commons/fonts/fonts.css">
<script>
console.log("foundEvent with Tess Id = 21640");
</script>
<script>
console.log("Counted:1\n[{prod_season_no=21640, perf_no=21652, perf_dt=2025-10-15T00:00:00-06:00, perf_time= 7:30PM, onsale_dt=2025-05-29T00:00:00-06:00, onsale_time= 10:00AM}]");
</script>
<script>
console.log("foundEvent first_perf = 1760556600000");
</script>
<script type="application/ld+json">
{
"@context":"http://schema.org",
"@type":"Event",
"additionalType":"MusicPerformance",
"@url":"https://werklundcentre.ca/whats-on/lea-salonga-stage-and-screen-and-everything-in-between",
"@id":"188924026714",
"name":"Lea Salonga: Stage, Screen and Everything in Between",
"description":"Back by popular demand, legendary Lea Salonga returns to Calgary for a one-night-only performance of her best loved songs.",
"startDate":"2025-10-15T19:30:00",
"location":"Jack Singer Concert Hall",
"organizer":"Werklund Centre"
}
</script>
<meta charset="utf-8">
<title>Lea Salonga: Stage, Screen and Everything in Between</title>
<link rel="shortcut icon" href="https://werklundcentre.ca/hubfs/AC-ACT2/Logo.svg">
<meta name="description" content="Back by popular demand, legendary Lea Salonga returns to Calgary for a one-night-only performance of her best loved songs.">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta property="og:description" content="Back by popular demand, legendary Lea Salonga returns to Calgary for a one-night-only performance of her best loved songs.">
<meta property="og:title" content="Lea Salonga: Stage, Screen and Everything in Between">
<meta name="twitter:description" content="Back by popular demand, legendary Lea Salonga returns to Calgary for a one-night-only performance of her best loved songs.">
<meta name="twitter:title" content="Lea Salonga: Stage, Screen and Everything in Between">
<style>
a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px}
</style>
<link rel="stylesheet" href="https://werklundcentre.ca/hubfs/hub_generated/template_assets/1/191225725837/1776804435570/template_main-wc.min.css">
<link rel="stylesheet" href="https://werklundcentre.ca/hubfs/hub_generated/template_assets/1/186175452756/1776804434444/template_theme-overrides-act2.min.css">
<link rel="stylesheet" href="https://werklundcentre.ca/hubfs/hub_generated/template_assets/1/47129096368/1776804428233/template_events.min.css">
<link rel="stylesheet" href="https://werklundcentre.ca/hubfs/hub_generated/module_assets/1/81325456796/1770932046785/module_emergency-response-banner.min.css">
<link rel="stylesheet" href="https://werklundcentre.ca/hubfs/hub_generated/module_assets/1/193400783540/1774019264971/module_wc_-_Header_Section.min.css">
<link rel="stylesheet" href="https://werklundcentre.ca/hubfs/hub_generated/module_assets/1/187631249155/1756415883884/module_SiteWideNoticeACT2.min.css">
<link rel="stylesheet" href="https://werklundcentre.ca/hubfs/hub_generated/module_assets/1/81325456739/1776460769863/module_Blog_Header_v3.min.css">
<link rel="stylesheet" href="https://werklundcentre.ca/hubfs/hub_generated/module_assets/1/55848382034/1742511966506/module_Full_Width_Photo_Or_Video.min.css">
<link rel="stylesheet" href="https://werklundcentre.ca/hubfs/hub_generated/module_assets/1/78483170980/1774022449418/module_Event_Showcase_Listing_v3.min.css">
<link rel="stylesheet" href="https://werklundcentre.ca/hubfs/hub_generated/module_assets/1/76018115140/1776104305343/module_Event_Detail_-_Smart_-_Tessitura_Test_v3.min.css">
<link rel="stylesheet" href="https://werklundcentre.ca/hubfs/hub_generated/module_assets/1/115314721566/1772133416137/module_Multi-Purpose-Content.min.css">
<style>
.oembed_container {
display: inline-block;
height: 100%;
position: relative;
width: 100%;
}
.oembed_container .iframe_wrapper > * {
height: 100%;
left: 0;
margin: 0 auto;
position: absolute;
right: 0;
top: 0;
width: 100%;
}
.iframe_wrapper {
height: 0;
padding-bottom: 56.25%;
padding-top: 25px;
position: relative;
}
</style>
<link rel="stylesheet" href="https://werklundcentre.ca/hubfs/hub_generated/module_assets/1/80672346024/1742511999580/module_Optional_Modules_v3.min.css">
<style>
@font-face {
font-family: "Austin News Headline Cond Web";
src: url("https://werklundcentre.ca/hubfs/AustinNewsHeadlineCondensed-Light.otf") format("opentype");
font-display: swap;
font-weight: 400;
}
@font-face {
font-family: "Founders Grotesk Condensed";
src: url("https://werklundcentre.ca/hubfs/TestFoundersGroteskCondensed-Regular.otf") format("opentype");
font-display: swap;
font-weight: 400;
}
</style>
<!-- Import Slick Slider CSS File -->
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css">
<!-- Google Tag Manager -->
<script>
(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-WDRBT8');
</script>
<!-- End Google Tag Manager -->
<meta name="p:domain_verify" content="c4bc57def9f875e207b852e476a32973">
<link rel="amphtml" href="https://werklundcentre.ca/whats-on/lea-salonga-stage-and-screen-and-everything-in-between?hs_amp=true">
<meta property="og:image" content="https://werklundcentre.ca/hubfs/SP%20Salonga_EventBio.jpg">
<meta property="og:image:width" content="560">
<meta property="og:image:height" content="672">
<meta name="twitter:image" content="https://werklundcentre.ca/hubfs/SP%20Salonga_EventBio.jpg">
<meta property="og:url" content="https://werklundcentre.ca/whats-on/lea-salonga-stage-and-screen-and-everything-in-between">
<meta name="twitter:card" content="summary_large_image">
<link rel="canonical" href="https://werklundcentre.ca/whats-on/lea-salonga-stage-and-screen-and-everything-in-between">
<!-- Hotjar Tracking Code for What's on -->
<script>
(function(h,o,t,j,a,r){
h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
h._hjSettings={hjid:6466339,hjsv:6};
a=o.getElementsByTagName('head')[0];
r=o.createElement('script');r.async=1;
r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
a.appendChild(r);
})(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
</script>
<meta property="og:type" content="article">
<link rel="alternate" type="application/rss+xml" href="https://werklundcentre.ca/whats-on/rss.xml">
<meta name="twitter:domain" content="werklundcentre.ca">
<script src="//platform.linkedin.com/in.js" type="text/javascript">
lang: en_US
</script>
<meta http-equiv="content-language" content="en">
<meta name="generator" content="HubSpot"></head>
<body class="base-h">
<div class="body-wrapper ac hs-content-id-188924026714 hs-blog-post hs-blog-id-57981828621">
<header>
<div data-global-resource-path="ARTS Theme 2021/templates/partials/header-wc.html">
<a href="#main-content" class="header__skip">Skip to content</a>
<div class="emergency-response">
<script>
var emerg_hidden = true
</script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
</div>
<div id="hs_cos_wrapper_module_175442144950918" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="header wc headerSection axc2 sticky">
<div class="header__container--desktop content-wrapper ">
<div class="header__row-2 sticky">
<div class="header__main_nav">
<div class="header__logo header__logo--sticky">
<span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="https://werklundcentre.ca" id="hs-link-module_175442144950918_" style="border-width:0px;border:0px;"><img src="https://werklundcentre.ca/hubfs/AC-ACT2/Logo.svg" class="hs-image-widget " height="38" style="height: auto;width:40px;border-width:0px;border:0px;" width="40" alt="Logo" title="Logo"></a></span>
</div>
<div class="header__nav--main navigation ">
<span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu">
<div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch no-flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="194061948812" aria-label="Navigation Menu">
<ul role="menu">
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem"><span class="whats-on-w">What's On</span></a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/whats-on" role="menuitem"><span class="all-evnts">All Shows & Events</span></a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=comedy" role="menuitem">Comedy</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=community" role="menuitem">Community</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=dance" role="menuitem">Dance</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=education" role="menuitem">Education</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=family" role="menuitem">Family</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=free" role="menuitem">Free</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=music" role="menuitem">Music</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=talks" role="menuitem">Talks</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=theatre" role="menuitem">Theatre</a></li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/all-exhibitions" role="menuitem">Current Exhibitions</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/plus15-galleries" role="menuitem">+15 Galleries</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/visit/galleries/plus15-soundscape" role="menuitem">+15 Soundscape</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/visig/galleries/ledge-gallery" role="menuitem">Ledge Gallery</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/visit/galleries/lightbox-studio" role="menuitem">Lightbox Studio</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/visit/galleries/microcinema" role="menuitem">Micro Cinema</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/visit/galleries/window-galleries" role="menuitem">Window Galleries</a></li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/rentals/host-your-event" role="menuitem">Host Your Event</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/contact-event-advisor" role="menuitem">Speak with an Event Advisor</a></li>
</ul>
</li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/visit" aria-haspopup="true" aria-expanded="false" role="menuitem">Your Visit</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/visit/getting-here" role="menuitem">Getting Here</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/visit/health-accessibility" role="menuitem">Accessibility</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/visit/box-office" role="menuitem">Tickets & Box Office</a></li>
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/rentals/our-venues" role="menuitem">Our Venues</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/jack-singer-concert-hall" role="menuitem">Jack Singer Concert Hall</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/max-bell-theatre" role="menuitem">Max Bell Theatre</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/martha-cohen-theatre" role="menuitem">Martha Cohen Theatre</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/big-secret-theatre" role="menuitem">Big Secret Theatre</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/engineered-air-theatre" role="menuitem">Engineered Air Theatre</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/jack-singer-rehearsal-hall" role="menuitem">Jack Singer Rehearsal Hall</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/motel" role="menuitem">Motel Theatre</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/jack-singer-lobby" role="menuitem">JSCH Lobby</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/founders-room" role="menuitem">Founders Room</a></li>
</ul>
</li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Our Story</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/our-story/about-us" role="menuitem">About Us</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/mission-vision-values" role="menuitem">Mission, Vision, Values</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/organizational-culture" role="menuitem">Organizational Culture</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/careers-volunteers" role="menuitem">Careers</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/email-list" role="menuitem">Newsletter</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/news-resources" role="menuitem">Press</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/about-us" role="menuitem">Our Story</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/act" role="menuitem">Our Transformation</a></li>
</ul>
</li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Learn & Engage</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/learn-and-engage/education" role="menuitem">Education</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/arts-reimagined" role="menuitem">Arts ReimaginED</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/learn-and-engage/education/conocophillips-hub" role="menuitem">ConocoPhillips Hub for Inspired Learning</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/learn-and-engage/resident-company-education-programs" role="menuitem">Resident Company Education Programs</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/learn-and-engage/education/wonder-workshops" role="menuitem">Wonder Days</a></li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/learn-and-engage/artist-development" role="menuitem">Artist Development</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/learn-and-engage/connects/td-incubator" role="menuitem">TD Incubator</a></li>
</ul>
</li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Support Us</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/support-us" role="menuitem">Ways to Support</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/support-us/why-werklund-centre" role="menuitem">Why Arts Commons</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://shop.werklundcentre.ca/donate/q/donate" role="menuitem">Donate Now</a></li>
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/support-us/founders-circle" role="menuitem">Founders Circle Membership</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/support-us/founders-circle/members" role="menuitem">Meet our Members</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://shop.werklundcentre.ca/donate/q/founders?hsCtaTracking=348a8d1d-7566-4671-aaca-ca4964bb20b1%7Cc54b80fb-09e4-416e-82be-19bbbfff0fc2" role="menuitem">Join Today!</a></li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/support-us/explorers-circle" role="menuitem">Explorers Circle Membership</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/support-us/explorers-circle/members" role="menuitem">Meet our Members</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://shop.werklundcentre.ca/donate/q/explorerscircle?hsCtaTracking=9984f46d-ee43-426d-a05b-e043806c28dc%7C340f73fd-de3d-475d-9f91-666d1f81fad8" role="menuitem">Join Today!</a></li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/support-us/corporate-sponsorship" role="menuitem">Corporate Sponsorship</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/support-us/corporate-sponsorship/sponsors" role="menuitem">Meet Our Sponsors</a></li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/support-us/government-foundation-partnerships" role="menuitem">Government & Foundation Partnerships</a></li>
</ul>
</li>
</ul>
</div>
</span>
</div>
</div>
<div class="headerSearchBar">
<div class="headerSiteSerach header__search header--element">
<div class="hs-search-field">
<div class="hs-search-field__bar">
<form action="/hs-search-results">
<input type="text" class="hs-search-field__input" name="term" autocomplete="off" aria-label="Search" placeholder="Search">
</form>
</div>
</div>
<a class="sub_menu header__search--toggle" href="javascript:void(0);"></a>
</div>
<div class="sub_menu header__sticky_account">
<a target="_top" href="https://shop.werklundcentre.ca/account/upcomingevents" role="menuitem" class="my-account-ctm"><img src="https://werklundcentre.ca/hubfs/user-11.png"></a>
</div>
<div class="sub_menu header__sticky_cart">
<a target="_top" href="https://shop.werklundcentre.ca/cart/details" role="menuitem" class="my-account-ctm"><img src="https://werklundcentre.ca/hubfs/shopping-cart.png"></a>
</div>
<div class="sub_menu header__sticky_donate">
<a target="_top" href="https://shop.werklundcentre.ca/donate/q/donate" role="menuitem" class="donate-ctm">DONATE</a>
</div>
</div>
</div>
</div>
<div class="header__container--mobile">
<div class="header__row-1 sticky">
<div class="content-wrapper">
<div class="header__home">
<a target="_top" href="https://werklundcentre.ca/">
<svg id="Home" xmlns="http://www.w3.org/2000/svg" width="17" height="17" viewbox="0 0 17 17">
<path id="Path_23" data-name="Path 23" d="M742.982,247.072,741,245.578v-4.132h-2.833v2l-3.4-2.564-8.215,6.2a.9.9,0,0,0-.285.6v9.461a.74.74,0,0,0,.739.739h4.928V252.21a1.133,1.133,0,0,1,1.133-1.133h3.4a1.134,1.134,0,0,1,1.133,1.133v5.667h4.928a.741.741,0,0,0,.739-.739v-9.461A.9.9,0,0,0,742.982,247.072Z" transform="translate(-726.267 -240.877)" fill="#fff" />
</svg>
</a>
</div>
<div class="header__logo">
<span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="https://werklundcentre.ca" id="hs-link-module_175442144950918_" style="border-width:0px;border:0px;"><img src="https://werklundcentre.ca/hubfs/AC-ACT2/Logo.svg" class="hs-image-widget " height="38" style="height: auto;width:40px;border-width:0px;border:0px;" width="40" alt="Logo" title="Logo"></a></span>
</div>
<div class="content-wrapper">
<div class="right" style="display: flex;">
<div class="header__sticky_filters_mobile hidden">
<a onclick="openFilters()" role="menuitem" class="my-account-ctm"><img src="https://werklundcentre.ca/hubfs/AC-WhatsOn/new-filter-white.png"></a>
</div>
<div class="headerSearchBar">
<div class="headerSiteSerach header__search header--element">
<div class="hs-search-field">
<div class="hs-search-field__bar">
<form action="/hs-search-results">
<input type="text" class="hs-search-field__input" name="term" autocomplete="off" aria-label="Search" placeholder="Search">
<input type="hidden" name="type" value="BLOG_POST">
<input type="hidden" name="type" value="LISTING_PAGE">
</form>
</div>
</div>
<a class="header__search--toggle" href="javascript:void(0);"></a>
</div>
</div>
<div class="header__sticky_account_mobile">
<a target="_top" href="https://shop.werklundcentre.ca/account/upcomingevents" role="menuitem" class="my-account-ctm"><img src="https://werklundcentre.ca/hubfs/user-11.png"></a>
</div>
<div class="header__sticky_cart_mobile">
<a target="_top" href="https://shop.werklundcentre.ca/cart/details" role="menuitem" class="my-account-ctm"><img src="https://werklundcentre.ca/hubfs/shopping-cart.png"></a>
</div>
<div class="header__sticky_donate_mobile">
<a target="_top" href="https://shop.werklundcentre.ca/donate/q/donate" role="menuitem" class="donate-ctm"><img src="https://werklundcentre.ca/hubfs/IT%20(Please%20dont%20Delete)/DonateIcon.svg"></a>
</div>
<div class="headerMainNavigation">
<div class="headerMainInner">
<div class="headerNavSection">
<div class="navigation">
<span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu">
<div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch no-flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="194061948812" aria-label="Navigation Menu">
<ul role="menu">
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem"><span class="whats-on-w">What's On</span></a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/whats-on" role="menuitem"><span class="all-evnts">All Shows & Events</span></a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=comedy" role="menuitem">Comedy</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=community" role="menuitem">Community</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=dance" role="menuitem">Dance</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=education" role="menuitem">Education</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=family" role="menuitem">Family</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=free" role="menuitem">Free</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=music" role="menuitem">Music</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=talks" role="menuitem">Talks</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://www.werklundcentre.ca/whats-on?tag=theatre" role="menuitem">Theatre</a></li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/all-exhibitions" role="menuitem">Current Exhibitions</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/plus15-galleries" role="menuitem">+15 Galleries</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/visit/galleries/plus15-soundscape" role="menuitem">+15 Soundscape</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/visig/galleries/ledge-gallery" role="menuitem">Ledge Gallery</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/visit/galleries/lightbox-studio" role="menuitem">Lightbox Studio</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/visit/galleries/microcinema" role="menuitem">Micro Cinema</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/visit/galleries/window-galleries" role="menuitem">Window Galleries</a></li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/rentals/host-your-event" role="menuitem">Host Your Event</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/contact-event-advisor" role="menuitem">Speak with an Event Advisor</a></li>
</ul>
</li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/visit" aria-haspopup="true" aria-expanded="false" role="menuitem">Your Visit</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/visit/getting-here" role="menuitem">Getting Here</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/visit/health-accessibility" role="menuitem">Accessibility</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/visit/box-office" role="menuitem">Tickets & Box Office</a></li>
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/rentals/our-venues" role="menuitem">Our Venues</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/jack-singer-concert-hall" role="menuitem">Jack Singer Concert Hall</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/max-bell-theatre" role="menuitem">Max Bell Theatre</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/martha-cohen-theatre" role="menuitem">Martha Cohen Theatre</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/big-secret-theatre" role="menuitem">Big Secret Theatre</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/engineered-air-theatre" role="menuitem">Engineered Air Theatre</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/jack-singer-rehearsal-hall" role="menuitem">Jack Singer Rehearsal Hall</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/motel" role="menuitem">Motel Theatre</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/jack-singer-lobby" role="menuitem">JSCH Lobby</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/rentals/our-venues/founders-room" role="menuitem">Founders Room</a></li>
</ul>
</li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Our Story</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/our-story/about-us" role="menuitem">About Us</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/mission-vision-values" role="menuitem">Mission, Vision, Values</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/organizational-culture" role="menuitem">Organizational Culture</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/careers-volunteers" role="menuitem">Careers</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/email-list" role="menuitem">Newsletter</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/news-resources" role="menuitem">Press</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/our-story/about-us" role="menuitem">Our Story</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/act" role="menuitem">Our Transformation</a></li>
</ul>
</li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Learn & Engage</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/learn-and-engage/education" role="menuitem">Education</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/arts-reimagined" role="menuitem">Arts ReimaginED</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/learn-and-engage/education/conocophillips-hub" role="menuitem">ConocoPhillips Hub for Inspired Learning</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/learn-and-engage/resident-company-education-programs" role="menuitem">Resident Company Education Programs</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/learn-and-engage/education/wonder-workshops" role="menuitem">Wonder Days</a></li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/learn-and-engage/artist-development" role="menuitem">Artist Development</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/learn-and-engage/connects/td-incubator" role="menuitem">TD Incubator</a></li>
</ul>
</li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Support Us</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/support-us" role="menuitem">Ways to Support</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/support-us/why-werklund-centre" role="menuitem">Why Arts Commons</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://shop.werklundcentre.ca/donate/q/donate" role="menuitem">Donate Now</a></li>
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/support-us/founders-circle" role="menuitem">Founders Circle Membership</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/support-us/founders-circle/members" role="menuitem">Meet our Members</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://shop.werklundcentre.ca/donate/q/founders?hsCtaTracking=348a8d1d-7566-4671-aaca-ca4964bb20b1%7Cc54b80fb-09e4-416e-82be-19bbbfff0fc2" role="menuitem">Join Today!</a></li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/support-us/explorers-circle" role="menuitem">Explorers Circle Membership</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/support-us/explorers-circle/members" role="menuitem">Meet our Members</a></li>
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://shop.werklundcentre.ca/donate/q/explorerscircle?hsCtaTracking=9984f46d-ee43-426d-a05b-e043806c28dc%7C340f73fd-de3d-475d-9f91-666d1f81fad8" role="menuitem">Join Today!</a></li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-2 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/support-us/corporate-sponsorship" role="menuitem">Corporate Sponsorship</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-3" role="none"><a href="https://werklundcentre.ca/support-us/corporate-sponsorship/sponsors" role="menuitem">Meet Our Sponsors</a></li>
</ul>
</li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/support-us/government-foundation-partnerships" role="menuitem">Government & Foundation Partnerships</a></li>
</ul>
</li>
</ul>
</div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="MegamenuGroup" style="display:none;">
<div class="apppend-to-1">
<div class="menu-wrapper hs-menu-children-wrapper">
<div class="megaMenu megaMenu-1">
<div class="megaMenuWrapper">
<div class="megamenuInner">
<div class="megamenuInnerLoop w33 ">
<div class="menumenuInnerNavigation navigationHalfWidth ">
<span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu">
<div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
<ul role="menu">
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/whats-on" aria-haspopup="true" aria-expanded="false" role="menuitem" target="_self">All Shows & Events</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&ft=genre&fv=Comedy" role="menuitem" target="_self">Comedy</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&ft=genre&fv=Community" role="menuitem" target="_self">Community</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&ft=genre&fv=Dance" role="menuitem" target="_self">Dance</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&ft=genre&fv=Education" role="menuitem" target="_self">Education</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&ft=genre&fv=Family" role="menuitem" target="_self">Family</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&ft=genre&fv=Free" role="menuitem" target="_self">Free</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&ft=genre&fv=Music" role="menuitem" target="_self">Music</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&ft=genre&fv=Talks" role="menuitem" target="_self">Talks</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/whats-on?&ft=genre&fv=Theatre" role="menuitem" target="_self">Theatre</a></li>
</ul>
</li>
</ul>
</div>
</span>
</div>
</div>
<div class="megamenuInnerLoop w33 ">
<div class="menumenuInnerNavigation navigationHalfWidth ">
<span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu">
<div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
<ul role="menu">
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/whats-on/art-galleries-exhibitions/all-exhibitions" role="menuitem" target="_self">Current Exhibitions</a></li>
</ul>
</div>
</span>
</div>
</div>
<div class="megamenuInnerLoop w33 ">
<div class="menumenuInnerNavigation navigationHalfWidth ">
<span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu">
<div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
<ul role="menu">
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/rentals" aria-haspopup="true" aria-expanded="false" role="menuitem" target="_self">Host Your Event</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/rentals/contact-event-advisor" role="menuitem" target="_self">Speak with an Event Advisor</a></li>
</ul>
</li>
</ul>
</div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="apppend-to-2">
<div class="menu-wrapper hs-menu-children-wrapper">
<div class="megaMenu megaMenu-2">
<div class="megaMenuWrapper">
<div class="megamenuInner">
<div class="megamenuInnerLoop w33 ">
<div class="menumenuInnerNavigation ">
<span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu">
<div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
<ul role="menu">
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/visit" role="menuitem" target="_self">Your Visit</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/visit/getting-here" role="menuitem" target="_self">Getting Here</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/visit/health-accessibility" role="menuitem" target="_self">Accessibility</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/visit/box-office" role="menuitem" target="_self">Tickets & Box Office</a></li>
</ul>
</div>
</span>
</div>
</div>
<div class="megamenuInnerLoop w33 ">
<div class="menumenuInnerNavigation ">
<span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu">
<div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
<ul role="menu">
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/visit/galleries" role="menuitem" target="_self">Our Galleries</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/rentals/our-venues" role="menuitem" target="_self">Our Venues</a></li>
</ul>
</div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="apppend-to-3">
<div class="menu-wrapper hs-menu-children-wrapper">
<div class="megaMenu megaMenu-3">
<div class="megaMenuWrapper">
<div class="megamenuInner">
<div class="megamenuInnerLoop w33 ">
<div class="menumenuInnerNavigation ">
<span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu">
<div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
<ul role="menu">
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/our-story/about-us" aria-haspopup="true" aria-expanded="false" role="menuitem" target="_self">About Us</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/mission-vision-values" role="menuitem" target="_self">Mission, Mandate, & Values</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/our-path-to-reconciliation-at-werklund-centre" role="menuitem" target="_self">Path to Reconciliation</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/organizational-culture" role="menuitem" target="_self">Organizational Culture</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/our-story/who-we-are/careers-volunteers" role="menuitem" target="_self">Careers & Volunteers</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/our-story/our-people" role="menuitem" target="_self">Our People</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/our-story/news-resources" role="menuitem" target="_self">News & Resources</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/act" role="menuitem" target="_self">Our Transformation</a></li>
</ul>
</li>
</ul>
</div>
</span>
</div>
</div>
<div class="megamenuInnerLoop w33 ">
<div class="menumenuInnerNavigation ">
<span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu">
<div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
<ul role="menu">
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/resident-companies" role="menuitem" target="_self">Resident Companies</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/programs" role="menuitem" target="_self">Werklund Centre Programming</a></li>
</ul>
</div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="apppend-to-4">
<div class="menu-wrapper hs-menu-children-wrapper">
<div class="megaMenu megaMenu-4">
<div class="megaMenuWrapper">
<div class="megamenuInner">
<div class="megamenuInnerLoop w33 ">
<div class="menumenuInnerNavigation navigationHalfWidth ">
<span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu">
<div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
<ul role="menu">
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/learn-and-engage/education" aria-haspopup="true" aria-expanded="false" role="menuitem" target="_self">Education</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/arts-reimagined" role="menuitem" target="_self">Arts ReimaginED</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/learn-and-engage/education/conocophillips-hub" role="menuitem" target="_self">ConocoPhillips Hub for Inspired Learning</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/learn-and-engage/resident-company-education-programs" role="menuitem" target="_self">Resident Company Education Programs</a></li>
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/learn-and-engage/education/wonder-workshops" role="menuitem" target="_self">Wonder Program</a></li>
</ul>
</li>
</ul>
</div>
</span>
</div>
</div>
<div class="megamenuInnerLoop w33 ">
<div class="menumenuInnerNavigation ">
<span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu">
<div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
<ul role="menu">
<li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="https://werklundcentre.ca/learn-and-engage/artist-development" aria-haspopup="true" aria-expanded="false" role="menuitem" target="_self">Artist Development</a>
<ul role="menu" class="hs-menu-children-wrapper">
<li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://werklundcentre.ca/learn-and-engage/connects/td-incubator" role="menuitem" target="_self">TD Incubator</a></li>
</ul>
</li>
</ul>
</div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="apppend-to-5">
<div class="menu-wrapper hs-menu-children-wrapper">
<div class="megaMenu megaMenu-5">
<div class="megaMenuWrapper">
<div class="megamenuInner">
<div class="megamenuInnerLoop w33 ">
<div class="menumenuInnerNavigation ">
<span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu">
<div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
<ul role="menu">
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/support-us/why-werklund-centre" role="menuitem" target="_self">Why Werklund Centre?</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/support-us" role="menuitem" target="_self">Ways to Support</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://shop.werklundcentre.ca/donate/q/donate" role="menuitem" target="_self">Donate Now</a></li>
</ul>
</div>
</span>
</div>
<div class="navigationCta">
</div>
</div>
<div class="megamenuInnerLoop w33 ">
<div class="menumenuInnerNavigation ">
<span id="hs_cos_wrapper_module_175442144950918_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu">
<div id="hs_menu_wrapper_module_175442144950918_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu">
<ul role="menu">
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/support-us/founders-circle" role="menuitem" target="_self">Founders Circle Membership</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/support-us/explorers-circle" role="menuitem" target="_self">Explorers Circle Membership</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/support-us/corporate-sponsorship" role="menuitem" target="_self">Corporate Sponsorship</a></li>
<li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://werklundcentre.ca/support-us/government-foundation-partnerships" role="menuitem" target="_self">Government & Foundation Partners</a></li>
</ul>
</div>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="sitewide_notice">
<div id="hs_cos_wrapper_module_17557049690057" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="WCBanner" style="display: none">
<script>
var swn2_hidden = true;
</script>
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
<section>
<div class="sw-banner-body2">
<div class="sw-banner-text2">
<p><strong><span lang="en-US">Brand Update in Progress</span></strong><span lang="en-US"> -</span><span lang="en-CA"> We appreciate your patience and understanding as we work to enhance your experience.</span></p>
</div>
</div>
</section>
</div>
</div>
</div>
</div>
</header>
<link rel="stylesheet" type="text/css" href="https://werklundcentre.ca/hubfs/Arts%20Commons/fonts/fonts.css">
<script>
event_tessitura_id = 21640;
console.log("event_tessitura_id xxx: 21640");
console.log("event_perf_ids = null");
var perf_ids = [];
perf_ids.push(String(null));
console.log("perf_ids = " + perf_ids);
</script>
<main id="" class="body-container-wrapper microsite_">
<div id="hs_cos_wrapper_module_16570403326113" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<script>
console.log("Blog Header event id: 21640 + + ");
</script>
<div id="module_16570403326113" class="il_hero v3">
<div class="content-wrapper left">
<div class="image-col">
<div class="ctas-wrapper" data-url="">
<div class="cta event-cta-w main-cta">
<a href="https://shop.werklundcentre.ca/21640/" class="cta_button tessitura orange Get Tickets">Get Tickets</a>
</div>
<script>
console.log("secondCTA-label : + false + false");
</script>
</div>
</div>
<div class="content-col">
<div class="inner">
<h5 class="tag" style="color: #323232">Werklund Centre presents</h5>
<h1 class="title">Lea Salonga: Stage, Screen & Everything in Between</h1>
<div class="content">
</div>
</div>
</div>
</div>
</div>
<style>
.il_hero {background-color: #EEEEEE;}
</style>
<script src="https://apis.google.com/js/client.js?onload=googleApiClientReady"></script></div>
<div class="body-container body-container--blog-post">
<div class="arts_ev_detail light">
<div class="content-wrapper">
<div class="detail-wrapper" id="details-tessitura-app">
<div v-if="byHubDBShowPromo" class="promo-box only-mobile">
<div ref="form">
<input class="promo" @keyup.enter="validatePromo" v-model="promocode" placeholder="Enter Promo Code" value="">
<a class="cta_button orange" v-on:click="validatePromo">SUBMIT</a>
</div>
<div class="promo-error" v-if="isError">
<p>Promo code not found for this show. Please try again or call <a tel="403.294.9494">403.294.9494</a>.</p>
</div>
</div>
<div class="item">
<div class="top-col">
<div id="hs_cos_wrapper_module_1632344833215114" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="Featured-Graphic">
<!-- Vimeo -->
<!-- Youtube -->
<!-- Images -->
<div class="Photo">
<img src="https://werklundcentre.ca/hubfs/SP%20Salonga_EventBanner.jpg" alt="SP Salonga_EventBanner" loading="lazy" style="max-width: 100%; height: auto;">
</div>
<div class="mobile-background">
</div>
</div>
</div>
</div>
<div class="inner-content" id="event-description">
<div class="content-col">
<span id="hs_cos_wrapper_post_body" class="hs_cos_wrapper hs_cos_wrapper_meta_field hs_cos_wrapper_type_rich_text" style="" data-hs-cos-general-type="meta_field" data-hs-cos-type="rich_text">
<p><span lang="en-CA">Back by popular demand, Lea Salonga returns to Calgary for a one-night-only performance of her best-loved songs. Whether you know her as a Filipino pop idol, a Disney Legend, or as a Tony Award-winning Broadway star, Lea Salonga's career proves she has the talent to do it all!</span><span lang="en-US"> </span></p>
<p><span lang="en-US"><!--more-->In her North American tour</span><span lang="en-US">, musical theatre fans will experience stage and screen classics from Lea’s iconic roles including songs from </span><em><span lang="en-US">Miss Saigon</span></em><span lang="en-US">, </span><em><span lang="en-US">Les Misérables</span></em><span lang="en-US">, </span><span lang="en-US"><em>Aladdin</em>, </span><span lang="en-US">and </span><em><span lang="en-US">Mulan</span></em><span lang="en-US">, new-found favorites from the critically acclaimed Broadway and West End hit <em>Old Friends</em>, Broadway blockbusters, pop classics, and much more from her celebrated career and beyond.</span></p>
<p><span lang="en-US">Hailed by critics and beloved by fans, </span><span lang="en-CA">Lea Salonga’s star power doesn’t end there – after sold-out concerts around the globe including the Disney Concert Hall in Los Angeles and the Sydney Opera House, Lea is now bringing her incomparable voice once again to Calgary.</span><span lang="en-US"> </span></p>
<p><span lang="en-CA">Join us for a magical evening in this Werklund Centre Special Presentation, live at Jack Singer Concert Hall. You don’t want to miss it!</span><span lang="en-US"> </span></p>
<p><span lang="en-US">Starting at 6:30 pm, we welcome you to enjoy our lobby preshow performance with Nina, Christine, and Jez.</span></p>
</span>
<!-- Module : Custom Get Tickets Link -->
<div id="hs_cos_wrapper_module_16549604804462" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"></div>
<!--Tessitura App. -->
<div class="content-col link_url_">
<div class="showcase-listing" id="event-listing-content">
<div class="ctas-w tess">
<div class="cta get_tickets a1" id="tessitura-listing-app" v-if="isSinglePerformance && !isSaleOver">
<a id="ghost-event-btn" :href="ticketURL + tessituraID + '/' + firstPerformanceNo" class="cta_button orange" :class="isMainShowON ? '' : 'disabled'">
<div v-if="mainCTALabel">{{ mainCTALabel }}</div>
<div v-else>GET TICKETS</div>
</a>
</div>
<div class="event-details here" id="tessitura-listing-app" v-else>
<ul class="listing-w" v-if="showPerformances && !isSaleOver">
<li v-for="item in this.getVisibleShows">
<!-- <template v-if="perf_ids.includes(item.perf_no)"> -->
<div class="perf_dt">{{ item.perf_dt|formatDate }} {{ item.perf_time }}</div>
<div class="cta get_tickets">
<a v-if="mainCTAOpenNewTab" target="_blank" :class="isMainShowON ? '' : 'disabled'" :href="ticketURL + tessituraID + '/' + item.perf_no" class="cta_button orange performanceButton">Select</a>
<a v-else :class="isMainShowON ? '' : 'disabled'" :href="ticketURL + tessituraID + '/' + item.perf_no" class="cta_button orange performanceButton">Select</a>
</div>
<!-- </template> -->
</li>
</ul>
<div class="cta get_tickets a2" v-else>
<a id="ghost-event-btn" v-if="!isSaleOver" class="cta_button orange" :class="isMainShowON ? '' : 'disabled'" v-on:click="showPerformances = !showPerformances"><span v-if="showPerformances && !isSaleOver">View Production Info</span><span v-else>{{ mainCTALabel }}</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="image-col">
<img src="https://werklundcentre.ca/hubfs/SP%20Salonga_EventBio.jpg" alt="">
<div class="tag-col">
<a class="tag" href="https://werklundcentre.ca/whats-on/tag/music" rel="tag">Music</a>
</div>
</div>
</div>
</div>
<div class="sidebar">
<div id="hs_cos_wrapper_module_16388080306139" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><link rel="stylesheet" href="https://werklundcentre.ca/hubfs/hub_generated/template_assets/1/182227248545/1776804435400/template_View_from_Seat.min.css">
<div class="Sidebar v3 tessitura-content">
<div class="Event-Details" id="tessitura-app">
<div class="Debug" v-if="debug">
<div>
<h5>Canada Time</h5>
{{ timestamp.now_canada }}
</div>
<div>
<h5>Canada Timestamp</h5>
{{ timestamp.now_canada_timestamp }}
</div>
<div>
<h5>Onsale Timestamp</h5>
{{ timestamp.onsale_timestamp }}
</div>
<div>
<h5>isMainShowON</h5>
{{ isMainShowON }}
</div>
<div>
<h5>isSaleOver</h5>
{{ isSaleOver }}
</div>
</div>
<div class="isShowOn" v-if="byHubDBisSaleOpen === '1'">
<div class="cta get_tickets" id="tessitura-listing-app" v-if="byHubDBSinglePerformance == 1">
<a :href="current_hubdb_data.eventURL" class="cta_button orange byHubDBSinglePerformance">GET TICKETS</a>
</div>
<div class="Event-Details" id="tessitura-listing-app" v-else>
<div class="cta get_tickets select-showtime">
<a class="cta_button orange showPerformanceList click-event-attached" v-on:click="showPerformanceList(false)">
<span v-if="showPerformances">View Production Info</span>
<span v-else>Select Showtime</span>
</a>
</div>
</div>
</div>
<div class="else-case"></div>
<!-- Pre-Sale Date -->
<div>
<div ref="form" class="only-desktop">
<input class="promo" @keyup.enter="validatePromo" v-model="promocode" placeholder="Enter Promo Code" value="">
<a class="cta_button orange" v-on:click="validatePromo">SUBMIT</a>
</div>
<div class="promo-error" v-if="isError">
<p>Promo code not found for this show. Please try again or call <a tel="403.294.9494">403.294.9494</a>.</p>
</div>
</div>
<!-- Content by input fields -->
<div class="Presented">
<h5>
Presented By
</h5>
<div class="Presented_Images">
<img src="https://werklundcentre.ca/hubfs/AC-ACT2/WERKLUNDCENTRE_MAINLOGO_RGB_K.svg" alt="Werklund Centre" loading="lazy">
</div>
</div>
<div class="Venue">
<h5>
Event Venue
</h5>
Jack Singer Concert Hall
<div class="cta event-cta-w extra-cta view-from-seat" data-event-hall="jack_singer_concert_hall" style="padding-top:8px">
<a class="cta_button purple" id="view-from-seat" onclick="showMainPopup();">View from seat</a>
</div>
</div>
<!-- Override Tessitura Data anyways -->
<!-- {#Show Date#} -->
<!-- HubDB Object - if exists -->
<div class="hubdb-data Show-Date" v-if="current_hubdb_data && current_hubdb_data.first_perf">
<h5 v-if="(current_hubdb_data.first_perf && !current_hubdb_data.last_perf) || (current_hubdb_data.first_perf == current_hubdb_data.last_perf)">
Show Date
</h5>
<h5 v-if="(current_hubdb_data.first_perf && current_hubdb_data.last_perf) && (current_hubdb_data.first_perf != current_hubdb_data.last_perf)">
Show Dates
</h5>
<div class="first_perf_only" v-if="(current_hubdb_data.first_perf && !current_hubdb_data.last_perf) || (current_hubdb_data.first_perf == current_hubdb_data.last_perf)">
<div class="first-perf-only-if" :class="'length-' + performances.length" v-if="performances.length > 1">
{{ current_hubdb_data.first_perf|formatDate }} {{ current_hubdb_data.first_perf_time }} - {{ current_hubdb_data.last_perf_time }}
</div>
<div class="first-perf-only-else" v-else>
{{ current_hubdb_data.first_perf|formatDate }} {{ current_hubdb_data.first_perf_time }}
</div>
</div>
<div class="both-dates" v-if="(current_hubdb_data.first_perf && current_hubdb_data.last_perf) && (current_hubdb_data.first_perf != current_hubdb_data.last_perf)">
{{ current_hubdb_data.first_perf|formatDate }} - {{ current_hubdb_data.last_perf|formatDate }}
</div>
</div>
<div class="tess-data Show-Date" v-else> <!-- Tessitura Object - if exists -->
<div class="Show-Date" v-if="mainShow">
<h5 v-if="(mainShow.first_perf_dt && !mainShow.last_perf_dt) || (mainShow.first_perf_dt == mainShow.last_perf_dt)">
Show Date
</h5>
<h5 v-if="(mainShow.first_perf_dt && mainShow.last_perf_dt) && (mainShow.first_perf_dt != mainShow.last_perf_dt)">
Show Dates
</h5>
<div class="first_perf_only" v-if="(mainShow.first_perf_dt && !mainShow.last_perf_dt) || (mainShow.first_perf_dt == mainShow.last_perf_dt)">
{{ mainShow.first_perf_dt|formatDate }} {{ mainShow.first_perf_time }}
</div>
<div class="both-dates" v-if="(mainShow.first_perf_dt && mainShow.last_perf_dt) && (mainShow.first_perf_dt != mainShow.last_perf_dt)">
{{ mainShow.first_perf_dt|formatDate }} - {{ mainShow.last_perf_dt|formatDate }}
</div>
</div>
</div>
<!-- {#Price Range#} -->
<!-- HubDB Object - if exists -->
<div class="hubdb-data Price" v-if="current_hubdb_data && current_hubdb_data.min_price">
<h5 v-if="(current_hubdb_data.min_price && !current_hubdb_data.max_price) || (current_hubdb_data.min_price == current_hubdb_data.max_price)">
Price
</h5>
<h5 v-else-if="current_hubdb_data.min_price && current_hubdb_data.max_price">
Price Range
</h5>
<div class="low_price_only" v-if="(current_hubdb_data.min_price && !current_hubdb_data.max_price) || (current_hubdb_data.min_price == current_hubdb_data.max_price)">
{{ current_hubdb_data.min_price|formatCurrency }}
</div>
<div class="both-prices" v-else-if="current_hubdb_data.min_price && current_hubdb_data.max_price">
{{ current_hubdb_data.min_price|formatCurrency }} - {{ current_hubdb_data.max_price|formatCurrency }}
</div>
</div>
<div class="tess-data" v-else> <!-- Tessitura Object - if exists -->
<div class="Price" v-if="mainShow.min_price">
<h5 v-if="(mainShow.min_price && !mainShow.max_price) || (mainShow.min_price == mainShow.max_price)">
Price
</h5>
<h5 v-else-if="mainShow.min_price && mainShow.max_price">
Price Range
</h5>
<div class="low_price_only" v-if="(mainShow.min_price && !mainShow.max_price) || (mainShow.min_price == mainShow.max_price)">
{{ mainShow.min_price|formatCurrency }}
</div>
<div class="both-prices" v-else-if="mainShow.min_price && mainShow.max_price">
{{ mainShow.min_price|formatCurrency }} - {{ mainShow.max_price|formatCurrency }}
</div>
</div>
</div>
<div class="Fee">
<h5>
Fee Information
</h5>
Prices include GST, service charges and facility fees. A processing fee may be added in the shopping cart at checkout.
</div>
<div class="Disclaimer">
<h5>
Event Disclaimer
</h5>
<div id="hs_cos_wrapper_module_16388080306139_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_text" data-hs-cos-field="disclaimer">Ticket price subject to change</div>
</div>
<div class="Event-Series opt-ACP Special Presentations">
<h5>
Event Series
</h5>
Special Presentations
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</main>
<div class="event-detail__fullwidth light">
<div id="hs_cos_wrapper_module_168391423053229" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/assets/owl.carousel.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/material-design-iconic-font/2.2.0/css/material-design-iconic-font.css">
<div class="multi-flex-container">
<!-- IMAGES -->
<!-- SPOTIFY -->
<!-- VIDEO -->
<div class="content-search-item">
<div class="oembed_container oembed_container--full-size" id="oembed_container-module_168391423053229">
<div class="iframe_wrapper" data-embed-url="https://youtu.be/ImJ9YlftkEs">
</div>
</div>
</div>
<!-- end flex container -->
</div>
</div>
<div id="hs_cos_wrapper_module_165929223454160" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module">
<div class="content-wrapper">
<div class="row-fluid-wrapper">
<div class="row-fluid">
<div class="sponsor_container">
<div class="sponsor_title">
<div id="hs_cos_wrapper_module_165929223454160_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="sponsor_controller.top_content">
<h4>Thank You Sponsors!</h4>
<p>All of your contributions are greatly appreciated.</p>
</div>
</div>
<div class="sponsor_group">
<hr class="solid">
<div class="sponsor_group_title">
<div id="hs_cos_wrapper_module_165929223454160_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_text" data-hs-cos-field="title">
<h6>Supporting Sponsors</h6>
</div>
</div>
<div class="sponsor_module_logos cols-6">
<a href=""><img src="https://werklundcentre.ca/hubfs/ACP-Shows/Series%20Sponsors/ACP-SponsorSoup-ALSA.svg" alt="ACP-SponsorSoup-ALSA" style="max-width: 100%; height: auto;"></a>
<a href=""><img src="https://werklundcentre.ca/hubfs/ACP-Shows/Series%20Sponsors/ACP-SponsorSoup-Servantage.svg" alt="ACP-SponsorSoup-Servantage" style="max-width: 100%; height: auto;"></a>
</div>
</div>
<div class="sponsor_group">
<hr class="solid">
<div class="sponsor_group_title">
<div id="hs_cos_wrapper_module_165929223454160_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_text" data-hs-cos-field="title">
<h6>Public Sector Support</h6>
</div>
</div>
<div class="sponsor_module_logos cols-6">
<a href=""><img src="https://werklundcentre.ca/hubfs/ACP-Shows/Series%20Sponsors/Sponsors_Canada_CanGov.svg" alt="Sponsors_Canada_CanGov" style="max-width: 100%; height: auto;"></a>
<a href=""><img src="https://werklundcentre.ca/hubfs/ACP-Shows/Series%20Sponsors/ACP-SponsorSoup-Alberta.svg" alt="ACP-SponsorSoup-Alberta" style="max-width: 100%; height: auto;"></a>
<a href=""><img src="https://werklundcentre.ca/hubfs/ACP-Shows/Series%20Sponsors/ACP-SponsorSoup-AlbertaFoundArts-AFA.svg" alt="ACP-SponsorSoup-AlbertaFoundArts-AFA" style="max-width: 100%; height: auto;"></a>
<a href=""><img src="https://werklundcentre.ca/hubfs/ACP-Shows/Series%20Sponsors/ACP-SponsorSoup-CityCalgary.svg" alt="ACP-SponsorSoup-CityCalgary" style="max-width: 100%; height: auto;"></a>
</div>
</div>
<div class="sponsor_group">
<hr class="solid">
<div class="sponsor_group_title">
<div id="hs_cos_wrapper_module_165929223454160_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_text" data-hs-cos-field="title">
<h6>Media Sponsors</h6>
</div>
</div>
<div class="sponsor_module_logos cols-6">
<a href=""><img src="https://werklundcentre.ca/hubfs/ACP-Shows/Series%20Sponsors/ACP-SponsorSoup-CalgaryHerald.svg" alt="ACP-SponsorSoup-CalgaryHerald" style="max-width: 100%; height: auto;"></a>
<a href=""><img src="https://werklundcentre.ca/hubfs/ACP-Shows/Series%20Sponsors/ACP-Sponsor-CKUA.svg" alt="ACP-Sponsor-CKUA" style="max-width: 100%; height: auto;"></a>
</div>
</div>
<div class="sponsor_group">
<hr class="solid">
<div class="sponsor_group_title">
<div id="hs_cos_wrapper_module_165929223454160_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_text" data-hs-cos-field="title">
<h6>Hospitality Sponsor</h6>
</div>
</div>
<div class="sponsor_module_logos cols-6">
<a href=""><img src="https://werklundcentre.ca/hubfs/ACP-Shows/Series%20Sponsors/TESTS/ACP-Sponsor-Teatro.svg" alt="ACP-Sponsor-Teatro" style="max-width: 100%; height: auto;"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div data-global-resource-path="ARTS Theme 2021/templates/partials/footer-wc.html">
<footer class="footer">
<div class="footer__container content-wrapper">
<div class="footer__row">
<div class="contact_us">
<p class="contact_us_info"><span class="f_section_title">Our Campus</span><br>
205 - 8 Avenue SE<br>
Calgary, Alberta<br>
T2G 0K9<br>
<br>
<a class="wc-cta-small wc-green" href="https://werklundcentre.ca/contact">Contact us</a>
<br>
<br>
REGISTERED CHARITY NO: 11882 3269 RR0001
<br>
<a class="donate_link" href="https://shop.werklundcentre.ca/donate/q/donate">DONATE</a></p>
</div>
<div class="footer__logo">
<img src="https://werklundcentre.ca/hubfs/AC-ACT2/Logo.svg">
</div>
<div class="footer__social">
<div>
<a target="_blank" class="footer_social_link_text" href="https://www.facebook.com/werklundcentre">FACEBOOK</a></div>
<div>
<a target="_blank" class="footer_social_link_text" href="https://www.instagram.com/werklundcentre/">INSTAGRAM</a></div>
<div>
<a target="_blank" class="footer_social_link_text" href="https://www.youtube.com/@werklundcentre">YOUTUBE</a></div>
<div>
<a target="_blank" class="footer_social_link_text" href="https://www.tiktok.com/@werklundcentre">TIKTOK</a></div>
<div>
<a target="_blank" class="footer_social_link_text" href="https://www.linkedin.com/company/werklundcentre">LINKEDIN</a></div>
<div>
<a target="_blank" class="footer_social_link_text" href="https://werklundcentre.ca/blog/">BLOG</a></div>
</div>
</div>
<div class="footer__stack">
<div class="footer__logo">
<img src="https://werklundcentre.ca/hubfs/AC-ACT2/Logo.svg">
</div>
<div class="stack_contact_us">
<p class="contact_us_info"><span class="f_section_title">Our Campus</span><br>
205 - 8 Avenue SE<br>
Calgary, Alberta<br>
T2G 0K9<br>
<a class="wc-cta-small wc-green" href="https://werklundcentre.ca/contact">Contact us</a>
<br>
<br>
REGISTERED CHARITY NO: 11882 3269 RR0001
<br>
<a class="donate_link" href="https://shop.werklundcentre.ca/donate/q/donate">DONATE</a></p>
</div>
<div class="footer__social">
<div>
<a target="_blank" class="footer_social_link" href="https://www.facebook.com/werklundcentre"><img class="footer_social_link_img" src="https://werklundcentre.ca/hubfs/IT%20(Please%20dont%20Delete)/icon-facebook-hollow.png"></a></div>
<div>
<a target="_blank" class="footer_social_link" href="https://www.instagram.com/werklundcentre/"><img class="footer_social_link_img" src="https://werklundcentre.ca/hubfs/IT%20(Please%20dont%20Delete)/icon-instagram-hollow.png"></a></div>
<div>
<a target="_blank" class="footer_social_link" href="https://www.youtube.com/@werklundcentre"><img class="footer_social_link_img" src="https://werklundcentre.ca/hubfs/IT%20(Please%20dont%20Delete)/icon-youtube-hollow.png"></a></div>
<div>
<a target="_blank" class="footer_social_link" href="https://www.tiktok.com/@werklundcentre"><img class="footer_social_link_img" src="https://werklundcentre.ca/hubfs/IT%20(Please%20dont%20Delete)/icon-tiktok-hollow.png"></a></div>
<div>
<a target="_blank" class="footer_social_link" href="https://www.linkedin.com/company/werklundcentre"><img class="footer_social_link_img" src="https://werklundcentre.ca/hubfs/IT%20(Please%20dont%20Delete)/icon-linkedin-hollow.png"></a></div>
</div>
</div>
<img class="footer_wordmark" src="https://werklundcentre.ca/hubfs/AC-ACT2/WERKLUNDCENTRE_WORDMARK_RGB_W.png">
<hr class="footer_pages_break">
<div class="footer_pages">
<a class="footer_page_link" href="https://shop.werklundcentre.ca/account/login?ReturnUrl=%2faccount%2fupcomingevents">MY ACCOUNT</a>
<a class="footer_page_link" href="https://werklundcentre.ca/plan-your-visit/box-office">BOX OFFICE</a>
<a class="footer_page_link" href="https://werklundcentre.ca/our-story/who-we-are/careers-volunteers">CAREER & VOLUNTEERS</a>
<a class="footer_page_link" href="https://werklundcentre.ca/our-story/who-we-are/press-releases">NEWS & RESOURCES</a>
<a class="footer_page_link" href="https://werklundcentre.ca/our-story/who-we-are/email-list">EMAIL LIST</a>
</div>
<div class="footer_pages_mobile">
<a class="footer_page_link" href="https://shop.werklundcentre.ca/account/login?ReturnUrl=%2faccount%2fupcomingevents">MY ACCOUNT</a>
<a class="footer_page_link" href="https://werklundcentre.ca/plan-your-visit/box-office">BOX OFFICE</a>
<a class="footer_page_link" href="https://werklundcentre.ca/our-story/who-we-are/careers-volunteers">CAREER & VOLUNTEERS</a>
</div>
<div class="footer_pages_mobile">
<a class="footer_page_link" href="https://werklundcentre.ca/our-story/who-we-are/press-releases">NEWS & RESOURCES</a>
<a class="footer_page_link" href="https://werklundcentre.ca/our-story/who-we-are/email-list">EMAIL LIST</a>
<a class="footer_page_link" href="https://werklundcentre.ca/blog/">BLOG</a>
</div>
<hr class="footer_pages_break">
<br>
<div class="footer__text">
In the spirit of truth and reconciliation, we acknowledge that Werklund Centre operates on the territories of the Blackfoot Confederacy, comprised of the Siksika, Kainai, and Piikani First Nations; the Tsuut’ina, and the Iyarhe Nakoda, comprised of the Chiniki, Goodstoney, and Bearspaw First Nations. This territory is also the homeland of the Métis Nation of Alberta, Battle River Territory, Calgary Nose Hill and Calgary Elbow Métis Districts 5 & 6. <br>
<br>
Acknowledging the land where we have the privilege to live, work, and play is an act of reciprocity and respect. We thank these Nations for reminding us of our collective responsibility to each other, to the land, and to all of creation.
</div>
<div class="footer_text_links">
<a href="https://werklundcentre.ca/sitemap/" class="footer_text_link">Site Maps</a>
<a href="https://werklundcentre.ca/privacy/" class="footer_text_link">Privacy Policy</a>
<a href="https://werklundcentre.ca/terms-of-use/" class="footer_text_link">Terms of Use</a>
</div>
</div>
<script type="text/javascript">
(function(e,t,o,n,p,r,i){e.visitorGlobalObjectAlias=n;e[e.visitorGlobalObjectAlias]=e[e.visitorGlobalObjectAlias]||function(){(e[e.visitorGlobalObjectAlias].q=e[e.visitorGlobalObjectAlias].q||[]).push(arguments)};e[e.visitorGlobalObjectAlias].l=(new Date).getTime();r=t.createElement("script");r.src=o;r.async=true;i=t.getElementsByTagName("script")[0];i.parentNode.insertBefore(r,i)})(window,document,"https://diffuser-cdn.app-us1.com/diffuser/diffuser.js","vgo");
vgo('setAccount', '226488623');
vgo('setTrackByDefault', true);
vgo('process');
</script>
</footer>
</div>
<script src="https://cdn.jsdelivr.net/npm/@glidejs/glide"></script>
<script src="https://cdn.jsdelivr.net/npm/simple-parallax-js@5.5.1/dist/simpleParallax.min.js"></script>
<script>
//console.log("//8919754.fs1.hubspotusercontent-na1.net/hubfs/8919754/hub_generated/template_assets/1/46215011866/1776804429714/template_main.min.js");
</script>
<!-- HubSpot performance collection script -->
<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
<script src="https://cdn.jsdelivr.net/npm/vue@2/dist/vue.js"></script>
<script src="https://werklundcentre.ca/hubfs/hub_generated/template_assets/1/87270061630/1776804437137/template_axios-local.min.js"></script>
<!-- Include SweetAlert2 JS -->
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11/dist/sweetalert2.all.min.js"></script>
<script src="https://werklundcentre.ca/hubfs/hub_generated/template_assets/1/193206100507/1776804437237/template_view-from-seat.min.js"></script>
<script src="https://werklundcentre.ca/hubfs/hub_generated/template_assets/1/46215011866/1776804429714/template_main.min.js"></script>
<script>
var hsVars = hsVars || {}; hsVars['language'] = 'en';
</script>
<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
<script src="https://werklundcentre.ca/hubfs/hub_generated/module_assets/1/81325456796/1770932046785/module_emergency-response-banner.min.js"></script>
<script src="https://werklundcentre.ca/hubfs/hub_generated/module_assets/1/193400783540/1774019264971/module_wc_-_Header_Section.min.js"></script>
<script src="https://werklundcentre.ca/hubfs/hub_generated/module_assets/1/187631249155/1756415883884/module_SiteWideNoticeACT2.min.js"></script>
<script src="https://werklundcentre.ca/hubfs/hub_generated/module_assets/1/81325456739/1776460769863/module_Blog_Header_v3.min.js"></script>
<script>
console.log("canada_now : 2026-04-22 15:10:52 | timestamp: 1776917452742 | gmt_now_ts 1776892252742");
const baseUriServer = "https://us-central1-fit-territory-328419.cloudfunctions.net/arts-service-manager";
var blogPostTags = [];
var hubDBData = "";
var _current_hubdb_data = {"name" : "Lea Salonga: Stage, Screen and Everything in Between",
"postID" : "188924026714",
"isSinglePerformance" : 1,
"eventURL": "https://shop.werklundcentre.ca/21640/21652",
"genres" : '[]',
"presale" : "2025-05-27T10:00:00-06:00",
"onsale" : "2025-05-29T10:00:00-06:00",
"first_perf" : "2025-10-15T00:00:00-06:00",
"last_perf" : "2025-10-15T00:00:00-06:00",
"min_price" : "58.2500",
"max_price" : "112.7500",
"show_promo" : "Y",
"first_perf_time" : " 7:30PM",
"last_perf_time" : " 7:30PM",
"presale_time" : " 10:00AM",
"onsale_time" : " 10:00AM",
"performances" : '[{"prod_season_no":"21640","perf_no":"21652","perf_dt":"2025-10-15T00:00:00-06:00","perf_time":" 7:30PM","onsale_dt":"2025-05-29T00:00:00-06:00","onsale_time":" 10:00AM"}]',
"isSaleOpen" : 1,
"first_perf_timestamp" : 1760556600000,
"last_perf_timestamp" : 1760556600000,
"onsale_timestamp" : 1748512800000,
"presale_timestamp" : 1748340000000,
"off_sale_timestamp" : 1760562000000
};
console.log( _current_hubdb_data.name + " ; _current_hubdb_data : " + _current_hubdb_data.first_perf_timestamp);
console.log( 'Hubdb Price Range: $' + _current_hubdb_data.min_price + " - $" + _current_hubdb_data.max_price);
Array.prototype.equals = function (array, strict) {
if (!array){
return false;
console.log("This is the this: " + this + " and this is the array: " + array);
}
if (arguments.length == 1)
strict = true;
console.log("This is the this length: " + this.length + " and this is the array length: " + array.length);
if (this.length != array.length)
return false;
for (var i = 0; i < this.length; i++) {
if (this[i] instanceof Array && array[i] instanceof Array) {
console.log("Recursive call for " + this[i] + ", " + array[i]);
if (!this[i].equals(array[i], strict))
return false;
}
else if (strict && this[i] != array[i]) {
return false;
}
else if (!strict) {
console.log("Just before sort in for loop");
return this.sort().equals(array.sort(), true);
}
}
console.log("Exited for loop");
return true;
};
if(!blogPostTags["Music"]) blogPostTags.push("Music");
console.log("RUN Tessitura Logic only in the LIVE mode!");
var app = new Vue({
el: '#details-tessitura-app',
data: {
message: 'Hello Vue!',
eventTitle: "Lea Salonga: Stage, Screen and Everything in Between",
postID : '188924026714',
tessituraID : '21640',
shows : "",
mainShow : "",
performances : "",
perf_ids : null,
genres: "",
ticketURL : "https://shop.werklundcentre.ca/",
shopURL : "https://shop.werklundcentre.ca/",
mainCTALabel : "",
mainCTAOpenNewTab : false,
additionalCTAOpenNewTab : false,
showPerformances : false,
promocode : "",
isPromotionValid : false,
loading : false,
isError : false,
blogPostTags : blogPostTags,
blogTags : "",
current_hubdb_data : _current_hubdb_data,
byHubDBShowPromo : "Y",
byHubDBSinglePerformance : "1",
byHubDBisSaleOpen : "1",
timestamp : {
first_perf_timestamp : 0,
last_perf_timestamp : 0,
onsale_timestamp : 0,
presale_timestamp : 0,
off_sale_timestamp : 0,
now_canada : "2026-04-22 15:10:52",
now_canada_timestamp : "1776917452742"
},
debug: false,
isEdit : false
},
methods : {
stringToTimeStamp : function(strDate){
/* For Debug */
const dt = new Date(strDate).getTime();
return dt / 1000;
},
validatePromo : function(){
this.loading = true;
var _this = this;
const _data = { "action" : "validatePromoCode", "promoCode" : this.promocode };
const options = {
url: baseUriServer,
method: 'POST',
data: _data
};
console.log("axios method() here!");
if(!this.isEdit){
axios(options)
.then(response => {
console.log(response.status);
if(response.data[0].Data[0].Column1){
this.isPromotionValid = response.data[0].Data[0].Column1 === "True" ? true : false;
if(this.isPromotionValid){
if(this.performances.length == 1){
var redirectTo = this.ticketURL + this.tessituraID + "/" + this.firstPerformanceNo + "?promo=" + this.promocode;
console.log("redirectTo : " + redirectTo);
window.location.href = redirectTo;
}
else{
this.showPerformanceList(true);
console.log("else case.");
_this.loading = false;
_this.isError = false;
}
}
else{
_this.isError = true;
_this.loading = false;
}
}
}).catch(error => {
this.errorMessage = error.message;
console.error("There was an error!", error);
_this.loading = false;
_this.isError = true;
}).finally(() => {
console.log("all done.");
});;
}
},
updateAllPerformanceCTAs : function(){
var _promocode = this.promocode;
$(".event-details a.performanceButton").each(function() {
var newHref = $(this).attr("href") + "?promo=" + _promocode;
console.log("newHref : " + newHref);
$(this).attr("href", newHref);
});
},
updateGetTicketCTA: function(tessID, seasonID ){
/* should only appear if the onsale date has been reached example june 11,2021 10am is the onsale then the buttom appears should also have the correct purchase path which is
* shop.artscommons.ca/prodseason#/perf# -> e.g : https://shop.werklundcentre.ca/15042/15063
* for test its https://test-na-ectr.tn.services/prodseason#/perf# also if the show has mulitple dates needs to read as select showtime */
//var showURLLive = "https://shop.werklundcentre.ca/";
// https://shop.werklundcentre.ca/18942/18943
// TESS ID : 18942
var newSlug = this.ticketURL + tessID + "/" + seasonID;
console.log("newSlug --> " + newSlug);
$("div.cta.get_tickets a.cta_button").attr("href", newSlug);
},
showPerformanceList: function(isTrue){
console.log("XXXXXXXXXXXXX showPerformanceList method XXXXXXXXXXXXXXXXXX : " + isTrue);
if(!isTrue) this.showPerformances = !this.showPerformances;
else this.showPerformances = true;
console.log("------------NEXT CLICK ON!");
this.$nextTick(() => {
if(this.isPromotionValid) this.updateAllPerformanceCTAs();
$('html, body').animate({
scrollTop: $("#event-listing-content").offset().top - 100
}, 1000);
})
},
checkTopicsWithGenres: function(){
/* Checking Blog Post's topics and comparing them with Tessitura's Genres */
/* this.blogTags VS this.genres */
var _genres = this.genres,
_tags = this.blogPostTags,
_postID = this.postID,
_genresStrArr = [];
$.each( _genres, function( key, value ) {
if(_genresStrArr.indexOf(value.genre) < 0){
console.log("pushing " + value.genre + " onto array " + _genresStrArr);
_genresStrArr.push(value.genre);}
});
console.log("Calling .equals() on [" + _genresStrArr + "] with " + ((_tags) ? ('[' + _tags + ']') : 'NULL') + " as a parameter");
var _comp = _genresStrArr.equals(_tags, false);
/* let's check dates */
/* Before - we were using date strings and converting them to time()
* However, this conversion takes place locally and does not show the right date.
* */
/*
var tessitura_on_sale_date_and_time = new Date(this.mainShow.onsale_dt).getTime(),
tessitura_pre_sale_date_and_time = new Date(this.mainShow.presale_dt).getTime(),
tessitura_first_perf_dt = new Date(this.mainShow.first_perf_dt).getTime(),
tessitura_last_perf_dt = new Date(this.mainShow.last_perf_dt).getTime();
*/
/* After - Now Tessitura gives us accurate timestamp that can be directly used as a timestamp*/
var tessitura_on_sale_date_and_time = this.mainShow.onsale_timestamp,
tessitura_pre_sale_date_and_time = this.mainShow.presale_timestamp,
tessitura_first_perf_dt = this.mainShow.first_perf_timestamp,
tessitura_last_perf_dt = this.mainShow.last_perf_timestamp;
if(!_comp){
/* Call Cloud App. to update this blog post & publish it */
const _data = { "action" : "updateBlogPostTags", "postID" : _postID, "updatedTagList" : _genresStrArr };
const options = {
url: baseUriServer,
method: 'POST',
data: _data
};
console.log("updating blog postx...");
axios(options)
.then(response => {
console.log(response.status);
console.log("--> : " + response.data );
}).catch(error => {
this.errorMessage = error.message;
console.error("There was an error!", error);
});
}
},
updateHubDB: function(tessID, new_hubdb_data){
const _data = { "action" : "updateQuestionDataHubLv2", "tessID" : tessID, "details" : new_hubdb_data };
const options = {
url: baseUriServer,
method: 'POST',
data: _data
};
console.log("updating blog post TABLE..");
if(!this.isEdit){
axios(options)
.then(response => {
console.log(response.status);
console.log("--> : " + response.data );
}).catch(error => {
this.errorMessage = error.message;
console.error("There was an error!", error);
});
}
},
disableCTAs: function(){
if($(".il_hero .event-cta-w a.cta_button").length > 0) $(".il_hero .event-cta-w a.cta_button").addClass("disabled");
},
isSaleOpen : function(onsale_dt){
console.log("debugx : onsale_dt : " + onsale_dt);
if(onsale_dt){
var _nowCanada = this.timestamp.now_canada_timestamp;
/* We should reach the Sale date! */
if(_nowCanada >= onsale_dt) return true;
else return false;
}
return false;
},
scrollToEventDetails: function(id){
console.log("scroll to event details!");
$('html, body').animate({
scrollTop: $("#" + id).offset().top - 350
}, 1000);
}
},
mounted() {
console.log("Tess Dev. module mounted! isEdit -> " + this.isEdit);
var _this = this;
if(this.tessituraID && !_this.isEdit){
/* Get Event Details by ID */
// var data = { "action" : "getTessitura", "procedure": "LP_GET_UMBRACO_DATES", "procedureID": "145", "tessitura_id": this.tessituraID };
const _data = { "action" : "getAllTessitura", "procedure": "", "tessitura_id": this.tessituraID };
const options = {
url: baseUriServer,
method: 'POST',
data: _data
};
console.log("axios method() here!");
axios(options).then(response => {
console.log(response.status);
/* 1. Data for the Main Show */
this.mainShow = response.data[0][0];
/* 2. Data for Genres */
this.genres = response.data[1];
var val_genres = JSON.stringify(response.data[1]);
/* Method: Compare if Tessitura's Genres match Blog Post's Topics */
//this.checkTopicsWithGenres();
/* 3. Data for the performances */
console.log("performances are here!");
this.performances = response.data[2];
var val_performances = JSON.stringify(response.data[2]);
//this.perf_ids = perf_ids;
console.log(this.performances);
console.log(this.perf_ids);
/* Method: Update GetTicketCTAs */
if(this.performances[0]) {
this.updateGetTicketCTA(this.tessituraID, this.performances[0].perf_no);
var _isSinglePerformance = this.isSinglePerformance ? 1 : 0;
var _ticketURL = this.ticketURL + this.tessituraID + '/' + this.performances[0].perf_no;
console.log("format time data1 : " + this.mainShow.first_perf_timestamp);
this.timestamp.first_perf_timestamp = this.mainShow.first_perf_timestamp ? Number(this.mainShow.first_perf_timestamp) * 1000 : 0;
this.timestamp.last_perf_timestamp = this.mainShow.last_perf_timestamp ? Number(this.mainShow.last_perf_timestamp) * 1000 : 0;
this.timestamp.onsale_timestamp = this.mainShow.onsale_timestamp ? Number(this.mainShow.onsale_timestamp) * 1000 : 0;
this.timestamp.presale_timestamp = this.mainShow.presale_timestamp ? Number(this.mainShow.presale_timestamp) * 1000 : 0;
this.timestamp.off_sale_timestamp = this.mainShow.off_sale_timestamp ? Number(this.mainShow.off_sale_timestamp) * 1000 : 0;
console.log("format time data2 : " + this.timestamp.first_perf_timestamp);
var val_presale_dt = this.mainShow.presale_dt ? this.mainShow.presale_dt : "",
val_onsale_dt = this.mainShow.onsale_dt ? this.mainShow.onsale_dt : "",
val_first_perf_dt = this.mainShow.first_perf_dt ? this.mainShow.first_perf_dt : "",
val_last_perf_dt = this.mainShow.last_perf_dt ? this.mainShow.last_perf_dt : "",
val_min_price = this.mainShow.min_price ? this.mainShow.min_price : "",
val_max_price = this.mainShow.max_price ? this.mainShow.max_price : "",
val_show_promo = this.mainShow.show_promo ? this.mainShow.show_promo : "",
val_first_perf_time = this.mainShow.first_perf_time ? this.mainShow.first_perf_time : "",
val_last_perf_time = this.mainShow.last_perf_time ? this.mainShow.last_perf_time : "",
val_presale_time = this.mainShow.presale_time ? this.mainShow.presale_time : "",
val_onsale_time = this.mainShow.onsale_time ? this.mainShow.onsale_time : "",
val_isSaleOpen = this.isSaleOpen(_this.timestamp.onsale_timestamp) ? 1 : 0,
val_first_perf_timestamp = _this.timestamp.first_perf_timestamp,
val_last_perf_timestamp = _this.timestamp.last_perf_timestamp,
val_onsale_timestamp = _this.timestamp.onsale_timestamp,
val_presale_timestamp = _this.timestamp.presale_timestamp,
val_off_sale_timestamp = _this.timestamp.off_sale_timestamp,
_new_hubdb_data = {"name" : this.eventTitle,
"postID" : this.postID,
"isSinglePerformance" : _isSinglePerformance,
"eventURL": _ticketURL,
"genres" : val_genres,
"presale" : val_presale_dt,
"onsale" : val_onsale_dt,
"first_perf" : val_first_perf_dt,
"last_perf" : val_last_perf_dt,
"min_price" : val_min_price,
"max_price" : val_max_price,
"show_promo" : val_show_promo,
"first_perf_time" : val_first_perf_time,
"last_perf_time" : val_last_perf_time,
"presale_time" : val_presale_time,
"onsale_time" : val_onsale_time,
"performances" : val_performances,
"isSaleOpen" : val_isSaleOpen,
"first_perf_timestamp" : val_first_perf_timestamp,
"last_perf_timestamp" : val_last_perf_timestamp,
"onsale_timestamp" : val_onsale_timestamp,
"presale_timestamp" : val_presale_timestamp,
"off_sale_timestamp" : val_off_sale_timestamp};
console.log("API Price Range: $" + _new_hubdb_data.min_price + " - $" + _new_hubdb_data.max_price);
<!-- IF HubDB Table DATA for the Event matches the Tessitura Data, then all good. If NOT, then update the HubDB data for that specific event! -->
if(JSON.stringify(_this.current_hubdb_data) === JSON.stringify(_new_hubdb_data)) console.log("comparison --> true");
else
{
console.log("comparison --> FALSE --> Update HubDB DATA based on Tessitura DATA.");
_this.updateHubDB(this.tessituraID, _new_hubdb_data);
}
}
else{
console.log("NO NEED FOR a COMPARISON!");
}
}).catch(error => {
this.errorMessage = error.message;
console.error("There was an error!", error);
});
}
if($(".il_hero .event-cta-w a.cta_button").length > 0){
// Add this event only for the main CTA on the header ( not for the additional CTA )
$(".il_hero .event-cta-w.main-cta a.cta_button").click(function(event){
event.preventDefault();
console.log("redirectionx... : " + $("#ghost-event-btn").length);
if($("#ghost-event-btn").length > 0){
$("#ghost-event-btn")[0].click();
if(!_this.isSinglePerformance) {
$(".cta.event-cta-w.main-cta a").text("Show Description");
_this.scrollToEventDetails("event-listing-content");
}
}
else{
//Check if it is with multiple perf. If so, then scroll
if(!_this.isSinglePerformance) {
_this.scrollToEventDetails("event-description");
_this.showPerformances = !_this.showPerformances;
$(".cta.event-cta-w.main-cta a").text("Select Showtime");
}
else $(".cta.event-cta-w.main-cta a").text("Get Tickets");
}
});
}
},
computed: {
<!-- Show the event only if the date criteria is met -->
isHubDObjectExists : function(){
if(this.current_hubdb_data)
return true;
else
return false;
},
isMainShowON : function(){
if(this.isPromotionValid) return true;
if(this.mainShow){
var _onSaleDate = this.timestamp.onsale_timestamp;
var _nowCanada = this.timestamp.now_canada_timestamp;
/* We should reach the Sale date! */
if(_nowCanada >= _onSaleDate) return true;
else return false;
}
return false;
},
isSaleOver : function(){
if(this.mainShow){
// Two-levels of Check
if(this.timestamp.off_sale_timestamp){
// Check 1 - By TimeStamp Data
var _offSaleDate = this.timestamp.off_sale_timestamp;
var _nowCanada = this.timestamp.now_canada_timestamp;
console.log("isSaleOver | by timestamp , eventOffSale : " + _offSaleDate + " | vs | now: " + _nowCanada);
if(_nowCanada >= _offSaleDate && _offSaleDate == 0) return true;
else return false;
}
else
return true;
}
},
firstPerformanceNo : function(){
var vis_perfs = this.getVisibleShows;
if(vis_perfs[0]) return vis_perfs[0].perf_no;
else return "";
},
isSinglePerformance : function(){
var vis_perfs = this.getVisibleShows;
var newEventURL = this.ticketURL + this.tessituraID + '/' + this.firstPerformanceNo;
console.log(vis_perfs);
<!-- console.log("newEventURL : " + newEventURL); -->
if(vis_perfs.length > 1){
if($(".il_hero .event-cta-w a.cta_button").length > 0) {
var _label = "Select Showtime";
console.log("this.mainCTALabel : " + this.mainCTALabel);
console.log("_label 1 : " + _label);
if(this.mainCTALabel){
_label = this.mainCTALabel;
}
else {
this.mainCTALabel = _label;
}
console.log("_label : " + _label);
$(".il_hero .event-cta-w.main-cta a.cta_button").text(_label);
if(!this.isMainShowON || this.isSaleOver) this.disableCTAs();
else {
console.log("HERO CTA -> : " + newEventURL);
$(".il_hero .event-cta-w a.cta_button").removeClass("disabled");
$(".il_hero .event-cta-w.main-cta a.cta_button").attr("href", newEventURL);
}
}
return false;
}
else{
if(!this.isMainShowON || this.isSaleOver) this.disableCTAs();
else{
console.log("HERO CTA -> : " + newEventURL);
$(".il_hero .event-cta-w a.cta_button").removeClass("disabled")
$(".il_hero .event-cta-w.main-cta a.cta_button").attr("href", newEventURL);
}
return true;
}
},
inPerfList: function(){
if(perf_ids == null)
return true;
else
return perf_ids.includes(this.perf_id);
},
getVisibleShows: function(){
var perfs = this.performances;
var shown = [];
if(perf_ids[0] == "null"){
return perfs;
}
else{
for(i = 0; i < perfs.length; i++){
if(perf_ids.includes(perfs[i].perf_no))
shown.push(perfs[i]);
}
return shown;
}
}
},
filters: {
formatDate: function (value) {
if(value){
let fdate = value.slice(0,-6);
var formattedDate = new Date(fdate).toLocaleDateString(
'en-us',
{
year: 'numeric',
month: 'long',
day: 'numeric'
}
);
console.log("formattedDate : " + formattedDate);
return formattedDate;
}
else{
console.log("formattedDate : Unknown exception!");
return "";
}
},
formatDateByTime: function (value) {
return new Date(value).toLocaleDateString(
'en-us',
{
year: 'numeric',
month: 'long',
day: 'numeric',
hour: 'numeric',
minute: 'numeric'
}
);
},
formatCurrency: function (amount) {
var amount = parseFloat(amount);
return "$" + amount.toFixed(2).replace(/\d(?=(\d{3})+\.)/g, "$&,");
},
}
});
</script>
<script src="https://werklundcentre.ca/hubfs/hub_generated/module_assets/1/115314721566/1772133416137/module_Multi-Purpose-Content.min.js"></script>
<script>
function loadEmbedField(oembedContainer) {
const iframeWrapper = oembedContainer.querySelector('.iframe_wrapper');
if (!iframeWrapper) {
return;
}
const url = iframeWrapper.dataset.embedUrl;
if (!url) {
return;
}
const request = new XMLHttpRequest();
const requestUrl = "/_hcms/oembed?url=" + url + "&autoplay=0";
request.open('GET', requestUrl, true);
request.onload = function() {
if (request.status >= 200 && request.status < 400) {
const data = JSON.parse(request.responseText);
const maxHeight = iframeWrapper.dataset.maxHeight !== undefined && !iframeWrapper.dataset.maxHeight ? data.height : iframeWrapper.dataset.maxHeight;
const maxWidth = iframeWrapper.dataset.maxWidth !== undefined && !iframeWrapper.dataset.maxWidth ? data.width : iframeWrapper.dataset.maxWidth;
const height = iframeWrapper.dataset.height !== undefined && !iframeWrapper.dataset.height ? data.height : iframeWrapper.dataset.height;
const width = iframeWrapper.dataset.width !== undefined && !iframeWrapper.dataset.width ? data.width : iframeWrapper.dataset.width;
const el = document.createElement('div');
el.innerHTML = data.html;
const iframe = el.firstChild;
iframeWrapper.appendChild(iframe);
if (maxHeight) {
const maxHeightStr = maxHeight.toString(10) + "px";
oembedContainer.style.maxHeight = maxHeightStr;
iframe.style.maxHeight = maxHeightStr;
}
if (maxWidth) {
const maxWidthStr = maxWidth.toString(10) + "px";
oembedContainer.style.maxWidth = maxWidthStr;
iframe.style.maxWidth = maxWidthStr;
}
if (height) {
const heightStr = height.toString(10) + "px";
oembedContainer.style.height = heightStr;
iframe.style.height = heightStr;
}
if (width) {
const widthStr = width.toString(10) + "px";
oembedContainer.style.width = widthStr;
iframe.style.width = widthStr;
}
} else {
console.error('Server reached, error retrieving results.');
}
};
request.onerror = function() {
console.error('Could not reach the server.');
};
request.send();
}
document.addEventListener('DOMContentLoaded', function() {
var oEmbedContainers = document.getElementsByClassName('oembed_container');
Array.prototype.forEach.call(oEmbedContainers, loadEmbedField)
});
</script>
<!-- Start of HubSpot Analytics Code -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(["setContentType", "blog-post"]);
_hsq.push(["setCanonicalUrl", "https:\/\/werklundcentre.ca\/whats-on\/lea-salonga-stage-and-screen-and-everything-in-between"]);
_hsq.push(["setPageId", "188924026714"]);
_hsq.push(["setContentMetadata", {
"contentPageId": 188924026714,
"legacyPageId": "188924026714",
"contentFolderId": null,
"contentGroupId": 57981828621,
"abTestId": null,
"languageVariantId": 188924026714,
"languageCode": "en",
}]);
</script>
<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/8919754.js"></script>
<!-- End of HubSpot Analytics Code -->
<script type="text/javascript">
var hsVars = {
render_id: "62418725-d712-4792-81d6-28af309760d1",
ticks: 1776892252733,
page_id: 188924026714,
content_group_id: 57981828621,
portal_id: 8919754,
app_hs_base_url: "https://app.hubspot.com",
cp_hs_base_url: "https://cp.hubspot.com",
language: "en",
analytics_page_type: "blog-post",
scp_content_type: "",
analytics_page_id: "188924026714",
category_id: 3,
folder_id: 0,
is_hubspot_user: false
}
</script>
<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WDRBT8" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<div id="fb-root"></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v3.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script> <script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
</script>
<!-- Import Slick Slider JS File -->
<script type="text/javascript" src="//cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
</body></html>