@shift72/core-template 1.5.0 → 1.6.0

package/site/templates/bundle/list.jet

@@ -5,17 +5,21 @@
     {{itemLayout := config("default_image_type") == "portrait" ? "portrait" : "landscape"}}
     {{itemsPerRow := itemLayout == "portrait" ? "4" : "3"}}
 
-    <section  class="page-collection page-collection-list page-collection-list-{{itemsPerRow}} page-collection-list-{{itemLayout}} list-{{itemsPerRow}} list-{{itemLayout}} page-collection-{{itemsPerRow}}-list" aria-label="{{i18n("wcag_aria_label_bundle_items")}}">
-      <div class="page-collection-list-title">
-        <h2>{{i18n("meta_detail_bundle_items_title")}}</h2>
-      </div>
+    <section class="page-collection page-collection-list page-collection-list-{{itemsPerRow}} page-collection-list-{{itemLayout}} list-{{itemsPerRow}} list-{{itemLayout}} page-collection-{{itemsPerRow}}-list" aria-label="{{i18n("wcag_aria_label_bundle_items")}}">
+      <div class="collection-wrapper-container">
+        <div class="collection-container">
+          <div class="page-collection-list-title">
+            <h2>{{i18n("meta_detail_bundle_items_title")}}</h2>
+          </div>
 
-      <div class="page-collection-items collection-items">
-        {{range index, item := items}}
-          <div class="page-collection-item page-collection-list-item page-collection-list-item-{{itemLayout}} page-collection-item-{{itemLayout}} page-collection-list-item-{{itemsPerRow}} page-collection-item-{{itemsPerRow}}">
-            {{yield pageCollectionItem(item=item, layout=itemLayout)}}
+          <div class="page-collection-items collection-items">
+            {{range index, item := items}}
+              <div class="page-collection-item page-collection-list-item page-collection-list-item-{{itemLayout}} page-collection-item-{{itemLayout}} page-collection-list-item-{{itemsPerRow}} page-collection-item-{{itemsPerRow}}">
+                {{yield pageCollectionItem(item=item, layout=itemLayout)}}
+              </div>
+            {{end}}
           </div>
-        {{end}}
+        </div>
       </div>
     </section>
   {{end}}

package/site/templates/collection/carousel/item.jet

@@ -16,6 +16,8 @@
 
       {{if showItemContent}}
         <div class="carousel-item-caption">
+          <s72-live-label data-slug="{{item.Slug}}"></s72-live-label>
+
           {{if item.ItemType == "film"}}
             {{if len(item.InnerItem.AwardCategories) > 0 || item.InnerItem.ImageMap["Sponsor"]}}
               <div class="sponsor-awards-wrapper">
@@ -24,6 +26,7 @@
               </div>
             {{end}}
           {{end}}
+
           <div class="meta-item-content">
             {{yield carouselItemTitle(title=item.GetTitle(i18n))}}
 
@@ -34,8 +37,8 @@
             {{end}}
 
             <s72-availability-label data-slug="{{item.Slug}}"></s72-availability-label>
-            
-            {{yield ctaButtons(itemType=item.ItemType) item.InnerItem}}
+
+            {{yield ctaButtons(itemType=item.ItemType, context="carousel") item.InnerItem}}
 
 
           </div>

package/site/templates/collection/list.jet

@@ -3,21 +3,23 @@
 {{block pageCollectionList(showTitle=true)}}
 {{if len(.Items) > 0}}
 <section class="page-collection page-collection-list page-collection-list-{{.ItemsPerRow}} page-collection-list-{{.ItemLayout}} list-{{.ItemsPerRow}} list-{{.ItemLayout}} page-collection-{{.ItemsPerRow}}-list" aria-label="{{i18n("wcag_aria_label_collection_list")}}">
+  <div class="collection-wrapper-container">
+    <div class="collection-container">
+      {{ if showTitle }}
+        <div class="page-collection-list-title">
+          <h3>{{.DisplayName}}</h3>
+        </div>
+      {{ end }}
 
-  {{ if showTitle }}
-  <div class="page-collection-list-title">
-    <h3>{{.DisplayName}}</h3>
-  </div>
-  {{ end }}
-
-  <div class="page-collection-items collection-items">
-    {{range item := .Items}}
-      <div class="page-collection-item page-collection-list-item page-collection-list-item-{{.ItemLayout}} page-collection-item-{{.ItemLayout}} page-collection-list-item-{{.ItemsPerRow}} page-collection-item-{{.ItemsPerRow}}">
-        {{yield pageCollectionItem(item=item, layout=.ItemLayout)}}
+      <div class="page-collection-items collection-items">
+        {{range item := .Items}}
+          <div class="page-collection-item page-collection-list-item page-collection-list-item-{{.ItemLayout}} page-collection-item-{{.ItemLayout}} page-collection-list-item-{{.ItemsPerRow}} page-collection-item-{{.ItemsPerRow}}">
+            {{yield pageCollectionItem(item=item, layout=.ItemLayout)}}
+          </div>
+        {{end}}
       </div>
-    {{end}}
+    </div>
   </div>
-
 </section>
 {{end}}
 {{end}}

package/site/templates/collection/slider.jet

@@ -3,8 +3,8 @@
 {{block pageCollectionSlider()}}
 {{if len(.Items) > 0}}
 <section class="page-collection page-collection-slider page-collection-slider-{{.ItemsPerRow}} page-collection-slider-{{.ItemLayout}} slider-{{.ItemsPerRow}} slider-{{.ItemLayout}} page-collection-{{.ItemsPerRow}}-slider" aria-label="{{i18n("wcag_aria_label_collection_slider")}}">
-  <div class="swiper-wrapper-container">
-    <div class="swiper-container" data-items-per-row="{{.ItemsPerRow}}" data-layout="{{.ItemLayout}}">
+  <div class="collection-wrapper-container swiper-wrapper-container">
+    <div class="collection-container swiper-container" data-items-per-row="{{.ItemsPerRow}}" data-layout="{{.ItemLayout}}">
       {{if .DisplayName != ""}}
       <div class="swiper-title">
           <h3>{{.DisplayName}}</h3>

package/site/templates/collection/wishlist.jet

@@ -24,11 +24,11 @@
 
 {{end}}
   <section class="page-collection" aria-label="{{i18n("wcag_aria_label_wishlist")}}">
-    <div class="swiper-wrapper-container">
+    <div class="collection-wrapper-container swiper-wrapper-container">
       {{if config("default_image_type") == "portrait"}}
-        <div class="swiper-container" is-wishlist="true" data-items-per-row="6" data-layout="portrait">
+        <div class="collection-container swiper-container" is-wishlist="true" data-items-per-row="6" data-layout="portrait">
       {{else}}
-        <div class="swiper-container" is-wishlist="true" data-items-per-row="4" data-layout="landscape">
+        <div class="collection-container swiper-container" is-wishlist="true" data-items-per-row="4" data-layout="landscape">
       {{end}}
             {{if i18n("userwishlist_slider_header") != ""}}
             <div class="swiper-title">

package/site/templates/common/cta_buttons.jet

@@ -1,10 +1,11 @@
 {{import "./social-media-buttons.jet"}}
 
-{{block ctaButtons(itemType)}}
+{{block ctaButtons(itemType, context="item")}}
   {{isFilm := itemType == "film"}}
   {{isSeason := itemType == "tvseason"}}
   {{isEpisode := itemType == "tvepisode"}}
   {{isBundle := itemType == "bundle"}}
+  {{isCarousel := context == "carousel"}}
 
   {{slug := .Slug}}
   {{trailerURL := isBundle ? .PromoURL : (isFilm || isSeason) && len(.Trailers) > 0 ? .Trailers[0].URL : ""}}
@@ -15,10 +16,12 @@
   {{showTrailerButton := trailerURL != ""}}
   {{showWishlistButton := isFilm || isSeason || isEpisode}}
   {{showShareButton := isFilm || isSeason || isEpisode || isBundle}}
+  {{autoplay := !isCarousel}}
 
   {{showCtaButtons := showPricingButtons || showPlayButton || showCanBeWatchedButton || showTrailerButton || showWishlistButton || showShareButton}}
   {{showExtraButtons := showTrailerButton || showWishlistButton || showShareButton}}
 
+
   {{if showCtaButtons}}
     <div class="cta-buttons">
 
@@ -41,7 +44,7 @@
 
           {{if showTrailerButton}}
             {{dataLabel := i18n("play_trailer")}}
-            <s72-modal-player src="{{trailerURL}}" class="s72-btn-trailer" data-slug="{{slug}}" data-label="{{dataLabel}}" autoplay="querystring" layout="tooltip"></s72-modal-player>
+            <s72-modal-player src="{{trailerURL}}" class="s72-btn-trailer" data-slug="{{slug}}" data-label="{{dataLabel}}" {{if autoplay}}autoplay="querystring"{{end}} layout="tooltip"></s72-modal-player>
           {{end}}
 
           {{if showWishlistButton}}

package/site/templates/common/slider.jet

@@ -1,6 +1,6 @@
 {{block slider(itemsPerRow, itemLayout, title="", fluid=false)}}
-  <div class="swiper-wrapper-container">
-      <div class="swiper-container">
+  <div class="collection-wrapper-container swiper-wrapper-container">
+      <div class="collection-container swiper-container">
           {{if title != ""}}
           <div class="swiper-title">
               <h3>{{title}}</h3>

package/site/templates/film/item.jet

@@ -27,16 +27,22 @@
     </div>
     <div class="container">
       <div class="meta-detail-main">
+        <s72-live-label data-slug="{{film.Slug}}"></s72-live-label>
+
         <div class="poster-wrapper">
           {{if config("default_image_type") == "portrait"}}
             {{yield sponsor() film}}
-            <div class="poster poster-portrait">
-              <s72-availability-status data-slug="{{film.Slug}}"></s72-availability-status>
-              <s72-image src="{{film.ImageMap["Classification"]}}" alt="" class="classification-image">
-              <s72-image src="{{film.ImageMap["Portrait"]}}" alt="{{film.Title}}" class="poster poster-image poster-image-portrait"></s72-image>
-            </div>
+
+            {{if film.ImageMap["Portrait"] != ""}}
+              <div class="poster poster-portrait">
+                <s72-availability-status data-slug="{{film.Slug}}"></s72-availability-status>
+                <s72-image src="{{film.ImageMap["Classification"]}}" alt="" class="classification-image">
+                <s72-image src="{{film.ImageMap["Portrait"]}}" alt="{{film.Title}}" class="poster poster-image poster-image-portrait"></s72-image>
+              </div>
+            {{end}}
           {{end}}
         </div>
+
         <div class="meta-detail-content">
           <h1>{{ film.Title }}</h1>
           <div class="meta-detail-tagline-and-classification">
@@ -55,6 +61,8 @@
             <br>
           {{end}}
 
+          {{yield awardNominations() film}}
+
           <div class="element-switcher-wrapper">
             <s72-element-switcher>
               {{if isEnabled("element_switcher_enabled")}}
@@ -144,7 +152,6 @@
             </s72-element-switcher>
             {{yield sponsor() film}}
           </div>
-          {{yield awardNominations() film}}
           {{if len(film.Bonuses) > 0 && !film.CustomFields.GetBool("hide_bonus_content", false)}}
             <section class="meta-detail-bonus-content" aria-label="{{i18n("meta_detail_bonus_title")}}">
               <h2>{{i18n("meta_detail_bonus_title")}}</h2>
@@ -163,11 +170,11 @@
 
     {{if len(film.Recommendations) > 0 }}
     <section class="page-collection recommendations-collection" aria-label="{{i18n("meta_detail_recommendations_title")}}">
-      <div class="swiper-wrapper-container">
+      <div class="collection-wrapper-container swiper-wrapper-container">
         {{if config("default_image_type") == "portrait"}}
-          <div class="swiper-container" data-items-per-row="6" data-layout="portrait">
+          <div class="collection-container swiper-container" data-items-per-row="6" data-layout="portrait">
         {{else}}
-          <div class="swiper-container" data-items-per-row="4" data-layout="landscape">
+          <div class="collection-container swiper-container" data-items-per-row="4" data-layout="landscape">
         {{end}}
           <div class="swiper-title">
               <h2>{{i18n("meta_detail_recommendations_title")}}</h2>

package/site/templates/tv/detail.jet

@@ -23,12 +23,15 @@
     </div>
     <div class="container">
       <div class="meta-detail-main">
-        {{if config("default_image_type") == "portrait"}}
-          <div class="poster poster-portrait">
-            <s72-image src="{{tvseason.Images.Classification}}" alt="" class="classification-image">
-            <s72-image src="{{tvseason.Images.Portrait}}" alt="{{tvseason.Title}}" class="poster poster-image poster-image-portrait"></s72-image>
-          </div>
-        {{end}}
+        <div class="poster-wrapper">
+          {{if config("default_image_type") == "portrait"}}
+            <div class="poster poster-portrait">
+              <s72-image src="{{tvseason.Images.Classification}}" alt="" class="classification-image">
+              <s72-image src="{{tvseason.Images.Portrait}}" alt="{{tvseason.Title}}" class="poster poster-image poster-image-portrait"></s72-image>
+            </div>
+          {{end}}
+        </div>
+
         <div class="meta-detail-content">
           <h1>{{tvseason.GetTitle(i18n)}}</h1>
           <div class="meta-detail-tagline-and-classification">
@@ -103,12 +106,12 @@
     </div>
     {{if len(tvseason.Recommendations) > 0 }}
       <section class="page-collection recommendations-collection" aria-label="{{i18n("meta_detail_recommendations_title")}}">
-        <div class="swiper-wrapper-container">
+        <div class="collection-wrapper-container swiper-wrapper-container">
 
           {{if config("default_image_type") == "portrait"}}
-            <div class="swiper-container" data-items-per-row="6" data-layout="portrait">
+            <div class="collection-container swiper-container" data-items-per-row="6" data-layout="portrait">
           {{else}}
-            <div class="swiper-container" data-items-per-row="4" data-layout="landscape">
+            <div class="collection-container swiper-container" data-items-per-row="4" data-layout="landscape">
           {{end}}
 
             <div class="swiper-title">

package/site/tr_TR.all.json

@@ -1413,6 +1413,21 @@
   "shopping_error_invalid_session_token": {
     "other": "Alışveriş oturumunun süresi doldu, lütfen tekrar deneyin."
   },
+  "live_stream_starts": {
+    "other": "Akış başlıyor {{.Date}}"
+  },
+  "live_streaming_now": {
+    "other": "Şimdi yayınlanıyor"
+  },
+  "live_streaming_ended": {
+    "other": "Akış sona erdi"
+  },
+  "availability_live": {
+    "other": "CANLI"
+  },
+  "shopping_action_get_ticket": {
+    "other": "Bilet al"
+  },
   "shopping_error_credit_discounts_not_allowed": {
     "other": "Bu satın alma veya kiralama için promosyon kodu kullanamazsınız"
   },
@@ -1433,5 +1448,68 @@
   },
   "shopping_error_missing_code": {
     "other": "Promosyon kodu sağlanmadı"
+  },
+  "live_label_ended": {
+    "other": "CANLI: SONA ERDİ"
+  },
+  "live_label_live": {
+    "other": "CANLI"
+  },
+  "live_label_minutes": {
+    "one": "CANLI: 1 DAKİKA",
+    "other": "CANLI: {{.Count}} DAKİKA"
+  },
+  "live_label_hours": {
+    "one": "CANLI: 1 SAAT",
+    "other": "CANLI: {{.Count}} SAAT"
+  },
+  "live_label_days": {
+    "one": "CANLI: 1 GÜN",
+    "other": "CANLI: {{.Count}} GÜNLER"
+  },
+  "shopping_info_subtitle_live_event": {
+    "other": "Canlı yayın"
+  },
+  "shopping_info_release_date_title_live_event": {
+    "other": "Bu Canlı Bir Etkinliktir. "
+  },
+  "shopping_info_release_date_explanation1_live_event_rent": {
+    "other": "Şimdi bir bilet satın alabilirsiniz, ancak yayın canlıyken izlemeniz gerekecek."
+  },
+  "shopping_info_release_date_explanation2_live_event_rent": {
+    "other": "Yayın canlıyken izlemeniz gerekecek."
+  },
+  "shopping_info_release_date_explanation3_live_event_rent": {
+    "other": "Bu etkinlik şu anda yayında. "
+  },
+  "shopping_info_available_until_date_title_live_event": {
+    "other": "Akış biter {{.Date}}. "
+  },
+  "shopping_info_available_until_date_explanation_live_event_rent": {
+    "other": "Bundan sonra yayını izleyemezsiniz."
+  },
+  "shopping_action_ticket": {
+    "other": "Bilet al"
+  },
+  "shopping_info_release_date_title_live_event_start": {
+    "other": "Akış başlar {{.Date}}. "
+  },
+  "shopping_info_release_date_explanation4_live_event_rent": {
+    "other": "{{.Date}} başladı. "
+  },
+  "shopping_info_release_date_explanation5_live_event_rent": {
+    "other": "Geri saramazsınız."
+  },
+  "shopping_error_stripe_invalid_expiry_month_past": {
+    "other": "Kartınızın son kullanma tarihi geçmişte."
+  },
+  "shopping_error_stripe_invalid_expiry_year_past": {
+    "other": "Kartınızın son kullanma yılı geçmişte kaldı."
+  },
+  "shopping_error_stripe_invalid_number": {
+    "other": "Kart numaranız geçersiz."
+  },
+  "new_card_error_timed_out": {
+    "other": "Bu kartı eklerken bir şeyler ters gitti. Lütfen daha sonra tekrar deneyin veya farklı bir kart kullanın."
   }
 }

package/site/uk_UA.all.json

@@ -1467,6 +1467,21 @@
   "shopping_error_invalid_session_token": {
     "other": "Сеанс покупки закінчився, повторіть спробу."
   },
+  "live_stream_starts": {
+    "other": "Потік починається {{.Date}}"
+  },
+  "live_streaming_now": {
+    "other": "Зараз транслюється"
+  },
+  "live_streaming_ended": {
+    "other": "Потік закінчено"
+  },
+  "availability_live": {
+    "other": "НАЖИВО"
+  },
+  "shopping_action_get_ticket": {
+    "other": "Отримати квиток"
+  },
   "shopping_error_credit_discounts_not_allowed": {
     "other": "Ви не можете використовувати промокод для цієї покупки або оренди"
   },
@@ -1487,5 +1502,74 @@
   },
   "shopping_error_missing_code": {
     "other": "Промокод не надано"
+  },
+  "live_label_ended": {
+    "other": "НАЖИВО: ЗАВЕРШЕНО"
+  },
+  "live_label_live": {
+    "other": "НАЖИВО"
+  },
+  "live_label_minutes": {
+    "one": "НАЖИВО: 1 ХВИЛИНА",
+    "few": "НАЖИВО: {{.Count}} ХВИЛИНИ",
+    "many": "НАЖИВО: {{.Count}} ХВИЛИНИ",
+    "other": "НАЖИВО: {{.Count}} ХВИЛИНИ"
+  },
+  "live_label_hours": {
+    "one": "НАЖИВО: 1 ГОДИНА",
+    "few": "НАЖИВО: {{.Count}} ГОДИНИ",
+    "many": "НАЖИВО: {{.Count}} ГОДИНИ",
+    "other": "НАЖИВО: {{.Count}} ГОДИНИ"
+  },
+  "live_label_days": {
+    "one": "НАЖИВО: 1 ДЕНЬ",
+    "few": "НАЖИВО: {{.Count}} ДНІВ",
+    "many": "НАЖИВО: {{.Count}} ДНІВ",
+    "other": "НАЖИВО: {{.Count}} ДНІВ"
+  },
+  "shopping_info_subtitle_live_event": {
+    "other": "Наживо"
+  },
+  "shopping_info_release_date_title_live_event": {
+    "other": "Це подія в прямому ефірі. "
+  },
+  "shopping_info_release_date_explanation1_live_event_rent": {
+    "other": "Ви можете придбати квиток зараз, але вам потрібно буде дивитися, поки йде трансляція."
+  },
+  "shopping_info_release_date_explanation2_live_event_rent": {
+    "other": "Вам потрібно буде дивитися, поки йде трансляція."
+  },
+  "shopping_info_release_date_explanation3_live_event_rent": {
+    "other": "Ця подія зараз транслюється. "
+  },
+  "shopping_info_available_until_date_title_live_event": {
+    "other": "Потік закінчується {{.Date}}. "
+  },
+  "shopping_info_available_until_date_explanation_live_event_rent": {
+    "other": "Після цього ви не зможете дивитися трансляцію."
+  },
+  "shopping_action_ticket": {
+    "other": "Отримати квиток"
+  },
+  "shopping_info_release_date_title_live_event_start": {
+    "other": "Початок потоку {{.Date}}. "
+  },
+  "shopping_info_release_date_explanation4_live_event_rent": {
+    "other": "Це почалося о {{.Date}}. "
+  },
+  "shopping_info_release_date_explanation5_live_event_rent": {
+    "other": "Ви не можете перемотати його назад."
+  },
+  "shopping_error_stripe_invalid_expiry_month_past": {
+    "other": "Термін дії вашої картки минув."
+  },
+  "shopping_error_stripe_invalid_expiry_year_past": {
+    "other": "Рік закінчення терміну дії вашої картки минув."
+  },
+  "shopping_error_stripe_invalid_number": {
+    "other": "Номер вашої картки недійсний."
+  },
+  "new_card_error_timed_out": {
+    "other": "Під час додавання цієї картки сталася помилка. Повторіть спробу пізніше або скористайтеся іншою карткою."
   }
 }

package/site/zh_TW.all.json

@@ -1403,6 +1403,21 @@
   "shopping_error_invalid_session_token": {
     "other": "購物會話已過期，請重試。"
   },
+  "live_stream_starts": {
+    "other": "流开始 {{.Date}}"
+  },
+  "live_streaming_now": {
+    "other": "立即流式传输"
+  },
+  "live_streaming_ended": {
+    "other": "直播已结束"
+  },
+  "availability_live": {
+    "other": "居住"
+  },
+  "shopping_action_get_ticket": {
+    "other": "取票"
+  },
   "shopping_error_credit_discounts_not_allowed": {
     "other": "您不能為此購買或租賃使用促銷代碼"
   },
@@ -1423,5 +1438,65 @@
   },
   "shopping_error_missing_code": {
     "other": "未提供促銷代碼"
+  },
+  "live_label_ended": {
+    "other": "直播：結束"
+  },
+  "live_label_live": {
+    "other": "居住"
+  },
+  "live_label_minutes": {
+    "other": "直播：{{.Count}} 分钟"
+  },
+  "live_label_hours": {
+    "other": "直播：{{.Count}} 小时"
+  },
+  "live_label_days": {
+    "other": "直播：{{.Count}} 天"
+  },
+  "shopping_info_subtitle_live_event": {
+    "other": "現場直播"
+  },
+  "shopping_info_release_date_title_live_event": {
+    "other": "這是一個現場活動。"
+  },
+  "shopping_info_release_date_explanation1_live_event_rent": {
+    "other": "您現在可以購買門票，但您需要在直播期間觀看。"
+  },
+  "shopping_info_release_date_explanation2_live_event_rent": {
+    "other": "您需要在直播時觀看。"
+  },
+  "shopping_info_release_date_explanation3_live_event_rent": {
+    "other": "此活動目前正在進行中。"
+  },
+  "shopping_info_available_until_date_title_live_event": {
+    "other": "流結束{{.Date}}。"
+  },
+  "shopping_info_available_until_date_explanation_live_event_rent": {
+    "other": "之後您將無法觀看直播。"
+  },
+  "shopping_action_ticket": {
+    "other": "取票"
+  },
+  "shopping_info_release_date_title_live_event_start": {
+    "other": "流開始{{.Date}}。"
+  },
+  "shopping_info_release_date_explanation4_live_event_rent": {
+    "other": "它始於{{.Date}}。"
+  },
+  "shopping_info_release_date_explanation5_live_event_rent": {
+    "other": "你不能倒帶。"
+  },
+  "shopping_error_stripe_invalid_expiry_month_past": {
+    "other": "您卡的過期日期已過。"
+  },
+  "shopping_error_stripe_invalid_expiry_year_past": {
+    "other": "您的卡的到期年份已過去。"
+  },
+  "shopping_error_stripe_invalid_number": {
+    "other": "您的卡號無效。"
+  },
+  "new_card_error_timed_out": {
+    "other": "添加該卡時出現問題。請稍後再試或使用其他卡。"
   }
 }