@shift72/core-template 1.7.0 → 1.9.0-prerelease.1

package/site/styles/_forms.scss

@@ -112,6 +112,19 @@ s72-activatedevice-form,
       color: rgba(var(--body-color-rgb), 0.8);
     }
   }
+
+  &.s72-form-control-readonly,
+  &.s72-form-control-readonly:focus {
+    border: 0;
+    color: rgba(var(--body-color-rgb), 0.5);
+    cursor: not-allowed;
+    outline: none;
+
+    /* Make sure all text based inputs have the right padding */
+    &input:not([type='submit']):not([type='file']) {
+      padding: 0.375rem 0.75rem;
+    }
+  }
 }
 // Account Page Change Password Field
 .s72-form-control-static {

package/site/styles/_icons.scss

@@ -82,10 +82,30 @@
   content: '\e002';
 }
 
+.fa-instagram-footer::before {
+  content: '\e007';
+}
+
 .fa-twitter::before {
   content: '\e008';
 }
 
+.fa-twitter-footer::before {
+  content: '\e01f';
+}
+
+.fa-facebook-footer::before {
+  content: '\e01e';
+}
+
+.fa-youtube-footer::before {
+  content: '\e005';
+}
+
+.fa-letterboxd-footer::before {
+  content: '\e006';
+}
+
 .fa-star::before {
   content: '\e009';
 }
@@ -118,6 +138,10 @@
   content: '\e010';
 }
 
+.fa-external-link::before {
+  content: '\e004';
+}
+
 .fa-linkedin::before {
   content: '\e011';
 }

package/site/styles/_shift72.scss

@@ -34,6 +34,10 @@
   @extend .btn-primary-override;
 }
 
+.s72-btn-purchase-option {
+  @extend .btn-primary-override;
+}
+
 .s72-btn-close {
   @extend .close;
 }
@@ -110,6 +114,39 @@
   }
 }
 
+.s72-auth-selector {
+  padding-bottom: 10px;
+
+  p {
+    text-align: center;
+  }
+
+  .s72-auth-selector-buttons {
+    align-items: center;
+    display: flex;
+    flex-direction: column;
+
+    > * {
+      width: 80%;
+    }
+  }
+
+  .s72-or-divider {
+    display: flex;
+    margin: 16px 0;
+    padding: 0 10px;
+    width: 75%;
+
+    hr {
+      flex: 1;
+    }
+
+    div {
+      padding: 0 10px;
+    }
+  }
+}
+
 .s72-combined-auth-email {
   @extend .alert;
   @extend .alert-secondary;
@@ -230,15 +267,6 @@
   @extend .form-check-input;
 }
 
-.s72-form-control-readonly,
-.s72-form-control-static {
-  @extend .form-control-plaintext;
-
-  .form-page & {
-    color: rgba(var(--body-color-rgb), 0.5);
-  }
-}
-
 // some fields which are "readonly" shouldn't have the padding and font-size applied to them because they are text (not masked "****" values)
 .s72-readonly-text .s72-form-control-readonly {
   @extend .py-0;
@@ -249,11 +277,6 @@
 }
 
 s72-useraccount-form {
-  .s72-form-control-readonly {
-    @extend .s72-form-control-static;
-    border-radius: $border-radius;
-  }
-
   .s72-account-password-form-group,
   .s72-account-pin-form-group {
     margin-top: 30px;

package/site/styles/_variables.scss

@@ -136,6 +136,31 @@
   --subtitle-2-style-font-size: 14px;
   --caption-1-style-font-size: 16px;
   --overline-style-font-size: 14px;
+
+  /* Alert component dark theme colours */
+
+  --alert-background-color-error: #25262b;
+  --alert-border-color-error: #ff6b6b;
+  --alert-title-color-error: #ff6b6b;
+  --alert-text-color-error: #c1c2c5;
+
+  --alert-background-color-success: #25262b;
+  --alert-border-color-success: #20c997;
+  --alert-title-color-success: #20c997;
+  --alert-text-color-success: #c1c2c5;
+
+  /* Alert component light theme colours */
+  /* Swap above with these for light theme templates
+  --alert-background-color-error: #ffffff;
+  --alert-border-color-error: #fa5252;
+  --alert-title-color-error: #fa5252;
+  --alert-text-color-error: #000000;
+
+  --alert-background-color-success: #ffffff;
+  --alert-border-color-success: #12b886;
+  --alert-title-color-success: #12b886;
+  --alert-text-color-success: #000000;
+  */
 }
 
 // Bootstrap 4 overrides START

package/site/templates/application/footer/app-badges.jet

@@ -3,23 +3,42 @@
 {{block appBadges()}}
   {{app_link_ios := config("app_link_ios")}}
   {{app_link_android := config("app_link_android")}}
-  {{if config("app_link_ios") != "" || config("app_link_android") != ""}}
+  {{app_link_apple_tv_enabled := config("app_link_apple_tv_enabled")}}
+  {{app_link_android_tv := config("app_link_android_tv")}}
+  {{app_link_fire_tv := config("app_link_fire_tv")}}
+
+  {{if app_link_ios != "" || app_link_android != ""}}
     <div class="app-banner">
       <h2 class="app-badge-title">{{ i18n("app_badge_title") }}</h2>
+
       <div class="app-badge-container">
-        {{if config("app_link_ios") != ""}}
-          <a class="app-badge-link" href="{{app_link_ios}}" target="_blank">
-            <s72-image src="/images/icons/app-store-badge.png" alt="{{ i18n("app_badge_ios") }}" class="app-badge-image"></s72-image>
-          </a>
-        {{end}}
-        {{if config("app_link_android") != ""}}
-          <a class="app-badge-link" href="{{app_link_android}}" target="_blank">
-            <s72-image src="/images/icons/google-play-badge.png" alt="{{ i18n("app_badge_android") }}" class="app-badge-image"></s72-image>
-          </a>
-        {{end}}
+        {{yield appBadge(href=app_link_ios, image="/images/icons/app-store-badge.png", altKey="app_badge_ios", imgClass="app-badge-image")}}
+        {{yield appBadge(href=app_link_android, image="/images/icons/google-play-badge.png", altKey="app_badge_android", imgClass="app-badge-image")}}     
+      </div>
+    </div>
+
+    {{yield separator()}}
+  {{end}}
+
+  {{if app_link_apple_tv_enabled == "true" || app_link_android_tv != "" || app_link_fire_tv != ""}}
+    <div class="tv-app-banner">
+      <h2 class="tv-app-badge-title">{{ i18n("tv_app_badge_title") }}</h2>
+
+      <div class="tv-app-badge-container">
+        {{yield appBadge(href=app_link_fire_tv, image="/images/icons/amazonfiretv.png", altKey="app_badge_fire_tv", imgClass="tv-badge-image")}}
+        {{yield appBadge(href=app_link_android_tv, image="/images/icons/androidtv.png", altKey="app_badge_android_tv", imgClass="tv-badge-image")}} 
+        {{yield appBadge(href=app_link_apple_tv_enabled, image="/images/icons/appletv.png", altKey="app_badge_apple_tv", imgClass="tv-badge-image")}} 
       </div>
     </div>
 
     {{yield separator()}}
   {{end}}
 {{end}}
+
+{{block appBadge(href, image, altKey, imgClass)}}
+  {{if href != "" && href != "false"}}
+    <a class="app-badge-link" {{if href != "true" }} href="{{href}}" target="_blank" {{end}}>
+      <s72-image class="{{imgClass}}" src="{{image}}" alt="{{ i18n(altKey) }}" ></s72-image>
+    </a>
+  {{end}}
+{{end}}

package/site/templates/application/footer/footer.jet

@@ -3,6 +3,7 @@
 {{import "./nav.jet"}}
 {{import "./app-badges.jet"}}
 {{import "./sponsor-banner.jet"}}
+{{import "./social-media-buttons.jet"}}
 
 {{block footer()}}
 
@@ -16,6 +17,8 @@
 
     {{yield footerNav(navLinks=site.Navigation.Footer)}}
 
+    {{yield footerSocialMediaButtons()}}
+
     {{yield footerInfo()}}
   </footer>
 {{end}}

package/site/templates/application/footer/nav.jet

@@ -1,13 +1,13 @@
 {{ block footerNav(navLinks) }}
-  <nav class="footer-nav" aria-label="{{ i18n("wcag_aria_label_footer") }}">
-    {{ if len(navLinks) > 0 }}
-      <ul class="nav">
-        {{ range navLinks }}
-          <li class="nav-item {{ len(.Link.ExternalURL) == 0 && routeToSlug(.Link.Slug) == currentUrlPath ? "active" : "" }}">
-            <a class="nav-link" href="{{ len(.Link.ExternalURL) > 0 ? .Link.ExternalURL : routeToSlug(.Link.Slug) }}">{{ .Label }}</a>
-          </li>
-        {{ end }}
-      </ul>
-    {{ end }}
-  </nav>
-{{ end }}
+  {{ if len(navLinks) > 0 }}
+    <nav class="footer-nav" aria-label="{{ i18n("wcag_aria_label_footer") }}">
+        <ul class="nav">
+          {{ range navLinks }}
+            <li class="nav-item {{ len(.Link.ExternalURL) == 0 && routeToSlug(.Link.Slug) == currentUrlPath ? "active" : "" }}">
+              <a class="nav-link" href="{{ len(.Link.ExternalURL) > 0 ? .Link.ExternalURL : routeToSlug(.Link.Slug) }}">{{ .Label }}</a>
+            </li>
+          {{ end }}
+        </ul>
+    </nav>
+  {{ end }}
+{{ end }}

package/site/templates/application/footer/social-media-buttons.jet

@@ -0,0 +1,25 @@
+{{block footerSocialMediaButtons()}}
+  {{social_link_instagram := config("social_link_instagram")}}
+  {{social_link_youtube := config("social_link_youtube")}}
+  {{social_link_facebook := config("social_link_facebook")}}
+  {{social_link_twitter := config("social_link_twitter")}}
+  {{social_link_letterboxd := config("social_link_letterboxd")}}
+
+  {{if social_link_instagram != "" || social_link_youtube != "" || social_link_facebook != "" || social_link_twitter != "" || social_link_letterboxd != ""}}
+    <div class="footer-social-media-icons">
+      {{yield footerSocialMediaIcon(link=social_link_instagram, iconClass="instagram", titleKey="wcag_aria_label_social_instagram")}}
+      {{yield footerSocialMediaIcon(link=social_link_youtube, iconClass="youtube", titleKey="wcag_aria_label_social_youtube")}}
+      {{yield footerSocialMediaIcon(link=social_link_facebook, iconClass="facebook", titleKey="wcag_aria_label_social_facebook")}}
+      {{yield footerSocialMediaIcon(link=social_link_twitter, iconClass="twitter", titleKey="wcag_aria_label_social_twitter")}}
+      {{yield footerSocialMediaIcon(link=social_link_letterboxd, iconClass="letterboxd", titleKey="wcag_aria_label_social_letterboxd")}}
+    </div>
+  {{end}}
+{{end}}
+
+{{block footerSocialMediaIcon(link, iconClass, titleKey)}}
+  {{if link != ""}}
+    <a class="s72-btn" target="_blank" title="{{i18n(titleKey)}}" href="{{link}}">
+      <i class="fa fa-{{iconClass}}-footer"></i>
+    </a>
+  {{end}}
+{{end}}

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

@@ -39,8 +39,6 @@
             <s72-availability-label data-slug="{{item.Slug}}"></s72-availability-label>
 
             {{yield ctaButtons(itemType=item.ItemType, context="carousel") item.InnerItem}}
-
-
           </div>
         </div>
       {{end}}

package/site/templates/items/meta_item.jet

@@ -29,9 +29,7 @@
   {{end}}
   {{pill := ""}}
   {{pillSupplement := ""}}
-  {{slugRoute := routeToSlug(item.Slug)}}
   {{if isEpisode}}
-    {{slugRoute = routeToSlug(item.InnerItem.Season.Slug) + "#episode-" + item.InnerItem.EpisodeNumber}}
     {{synopsis = item.InnerItem.Overview}}
     {{pill = i18n("episode_name") + " " + item.InnerItem.EpisodeNumber}}
     {{pillSupplement = "from " + i18n("season_name") + " " + item.InnerItem.Season.SeasonNumber}}

package/site/templates/items/tagline.jet

@@ -17,7 +17,7 @@
 
     {{if isset(.Runtime)}}
       {{yield item(class="runtime") content}}
-        {{if .Runtime > 60}}
+        {{if .Runtime > 59}}
           {{.Runtime.Hours()}}{{i18n("runtime_hours")}}
         {{end}}
         {{.Runtime.Minutes()}}{{i18n("runtime_minutes")}}

package/site/templates/tv/detail.jet

@@ -81,6 +81,7 @@
               <h2>{{i18n("meta_detail_episodes_title")}}</h2>
               {{yield list(itemsPerRow=4, itemLayout="portrait") content}}
                 {{range episode := tvseason.Episodes}}
+                  <a id="episode-{{episode.EpisodeNumber}}"></a>
                   {{yield subItem(item=episode)}}
                 {{end}}
               {{end}}

package/site/tr_TR.all.json

@@ -1511,5 +1511,125 @@
   },
   "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."
+  },
+  "tv_app_badge_title": {
+    "other": "TV uygulamalarında kullanılabilir"
+  },
+  "app_badge_fire_tv": {
+    "other": "Amazon Fire TV'den alın"
+  },
+  "app_badge_android_tv": {
+    "other": "Android TV'de alın"
+  },
+  "app_badge_apple_tv": {
+    "other": "Apple TV'de alın"
+  },
+  "wcag_aria_label_social_instagram": {
+    "other": "Bizi Instagram'da ziyaret edin"
+  },
+  "wcag_aria_label_social_youtube": {
+    "other": "Youtube'da abone olun"
+  },
+  "wcag_aria_label_social_facebook": {
+    "other": "Facebook'ta bizi ziyaret edin"
+  },
+  "wcag_aria_label_social_twitter": {
+    "other": "Twitter'da bizi ziyaret edin"
+  },
+  "wcag_aria_label_social_letterboxd": {
+    "other": "Bizi Letterboxd'da ziyaret edin"
+  },
+  "validate_email_about": {
+    "other": "Bir hesap oluşturmak için önce e-posta adresinizi doğrulamalıyız. E-postanızı girin, bir hesap kayıt daveti göndereceğiz."
+  },
+  "validate_email_success": {
+    "other": "{{.Email}} adresine bir doğrulama e-postası gönderildi. Lütfen e-postanızı kontrol edin ve hesap oluşturma talimatlarını takip edin."
+  },
+  "validate_email_email_already_in_use": {
+    "other": "Bu e-posta zaten kullanılıyor."
+  },
+  "validate_email_verify_email_already_sent": {
+    "other": "{{.Email}} adresine zaten bir doğrulama e-postası gönderildi. Lütfen e-posta hesabınızı kontrol edin."
+  },
+  "validate_email_alert_success": {
+    "other": "Başarı"
+  },
+  "validate_email_alert_error": {
+    "other": "Hata!"
+  },
+  "validate_email_submit_button_text": {
+    "other": "Hesap oluşturmak"
+  },
+  "validate_email_submit_button_text_in_progress": {
+    "other": "Hesap oluşturuluyor..."
+  },
+  "signup_form_error_email_verification_missing": {
+    "other": "Doğrulama kodu eksik."
+  },
+  "signup_form_error_email_verification_expired": {
+    "other": "Doğrulama jetonunun süresi doldu."
+  },
+  "signup_form_error_email_verification_no_match": {
+    "other": "Bu e-posta doğrulanmadı."
+  },
+  "alert_title_success": {
+    "other": "Başarı"
+  },
+  "alert_title_error": {
+    "other": "Hata!"
+  },
+  "signup_form_error_email_verification_status_rejected": {
+    "other": "Sağlanan posta adresi, kısıtlanmış bir etki alanı içindir. Lütfen farklı bir e-posta sağlayıcısı ile kaydolun."
+  },
+  "signup_form_error_email_verification_generic": {
+    "other": "E-posta adresiniz doğrulanırken bilinmeyen bir hata oluştu. Sayfayı yenilemeyi veya site yöneticinizle iletişime geçmeyi deneyin."
+  },
+  "signup_form_error_generic": {
+    "other": "Hesabınız oluşturulurken bilinmeyen bir hata oluştu. Sayfayı yenilemeyi veya site yöneticinizle iletişime geçmeyi deneyin."
+  },
+  "signup_form_error_email_verification_link_text": {
+    "other": "E-posta doğrulamasını yeniden dene"
+  },
+  "auth_selector_info": {
+    "other": "Bu içeriği satın almak için bir hesap gereklidir."
+  },
+  "auth_selector_sign_in_button_text": {
+    "other": "Zaten bir üye misiniz? Kayıt olmak"
+  },
+  "auth_selector_sign_up_button_text": {
+    "other": "Hesap oluşturmak"
+  },
+  "auth_selector_or_divider_text": {
+    "other": "veya"
+  },
+  "validate_email_error_verify_email_already_sent": {
+    "other": "Bir doğrulama e-postası zaten gönderildi. Lütfen e-posta hesabınızı kontrol edin."
+  },
+  "validate_email_error_email_invalid": {
+    "other": "E-posta geçerli değil."
+  },
+  "validate_email_error_email_required": {
+    "other": "Bir e-mail gerekli."
+  },
+  "validate_email_error_email_taken": {
+    "other": "Bu e-posta zaten kullanılıyor."
+  },
+  "validate_email_error_email_verification_status_rejected": {
+    "other": "Sağlanan posta adresi, kısıtlanmış bir etki alanı içindir. Lütfen farklı bir e-posta sağlayıcısı ile kaydolun."
+  },
+  "validate_email_error_pin_required": {
+    "other": "Bir PIN kodu gereklidir."
+  },
+  "validate_email_error_signups_disabled": {
+    "other": "Kayıtlar şu anda devre dışı."
+  },
+  "validate_email_error_too_many_requests": {
+    "other": "Çok fazla talep var.Lütfen daha sonra tekrar deneyin."
+  },
+  "validate_email_error_verify_email_disabled": {
+    "other": "E-posta doğrulama şu anda devre dışı."
+  },
+  "validate_email_error_generic": {
+    "other": "Sağlanan e-posta doğrulanırken bilinmeyen bir hata oluştu. Sayfayı yenilemeyi veya site yöneticinizle iletişime geçmeyi deneyin."
   }
 }

package/site/uk_UA.all.json

@@ -1571,5 +1571,125 @@
   },
   "new_card_error_timed_out": {
     "other": "Під час додавання цієї картки сталася помилка. Повторіть спробу пізніше або скористайтеся іншою карткою."
+  },
+  "tv_app_badge_title": {
+    "other": "Доступно в додатках для телевізора"
+  },
+  "app_badge_fire_tv": {
+    "other": "Отримайте його на Amazon Fire TV"
+  },
+  "app_badge_android_tv": {
+    "other": "Завантажте на Android TV"
+  },
+  "app_badge_apple_tv": {
+    "other": "Отримайте його на Apple TV"
+  },
+  "wcag_aria_label_social_instagram": {
+    "other": "Відвідайте нас в Instagram"
+  },
+  "wcag_aria_label_social_youtube": {
+    "other": "Підпишіться на Youtube"
+  },
+  "wcag_aria_label_social_facebook": {
+    "other": "Відвідайте нас на Facebook"
+  },
+  "wcag_aria_label_social_twitter": {
+    "other": "Відвідайте нас у Twitter"
+  },
+  "wcag_aria_label_social_letterboxd": {
+    "other": "Відвідайте нас на Letterboxd"
+  },
+  "validate_email_about": {
+    "other": "Щоб створити обліковий запис, ми повинні спочатку підтвердити вашу електронну адресу. Введіть свою електронну адресу, і ми надішлемо запрошення на реєстрацію облікового запису."
+  },
+  "validate_email_success": {
+    "other": "Електронний лист для підтвердження надіслано на {{.Email}} . Перевірте свою електронну пошту та дотримуйтесь інструкцій щодо створення облікового запису."
+  },
+  "validate_email_email_already_in_use": {
+    "other": "Ця електронна адреса вже використовується."
+  },
+  "validate_email_verify_email_already_sent": {
+    "other": "Електронний лист для підтвердження вже надіслано на {{.Email}} . Перевірте свій обліковий запис електронної пошти."
+  },
+  "validate_email_alert_success": {
+    "other": "Успіх"
+  },
+  "validate_email_alert_error": {
+    "other": "Помилка!"
+  },
+  "validate_email_submit_button_text": {
+    "other": "Створити акаунт"
+  },
+  "validate_email_submit_button_text_in_progress": {
+    "other": "Створення облікового запису..."
+  },
+  "signup_form_error_email_verification_missing": {
+    "other": "Відсутній код підтвердження."
+  },
+  "signup_form_error_email_verification_expired": {
+    "other": "Термін дії маркера підтвердження минув."
+  },
+  "signup_form_error_email_verification_no_match": {
+    "other": "Ця електронна адреса не була підтверджена."
+  },
+  "alert_title_success": {
+    "other": "Успіх"
+  },
+  "alert_title_error": {
+    "other": "Помилка!"
+  },
+  "signup_form_error_email_verification_status_rejected": {
+    "other": "Надана адреса електронної пошти призначена для обмеженого домену. Зареєструйтеся в іншого постачальника електронної пошти."
+  },
+  "signup_form_error_email_verification_generic": {
+    "other": "Під час перевірки адреси електронної пошти сталася невідома помилка. Спробуйте оновити сторінку або зверніться до адміністратора сайту."
+  },
+  "signup_form_error_generic": {
+    "other": "Під час створення облікового запису сталася невідома помилка. Спробуйте оновити сторінку або зверніться до адміністратора сайту."
+  },
+  "signup_form_error_email_verification_link_text": {
+    "other": "Повторіть перевірку електронної пошти"
+  },
+  "auth_selector_info": {
+    "other": "Щоб придбати цей вміст, потрібен обліковий запис."
+  },
+  "auth_selector_sign_in_button_text": {
+    "other": "Вже учасник? Увійти"
+  },
+  "auth_selector_sign_up_button_text": {
+    "other": "Створити акаунт"
+  },
+  "auth_selector_or_divider_text": {
+    "other": "або"
+  },
+  "validate_email_error_verify_email_already_sent": {
+    "other": "Електронний лист для підтвердження вже надіслано. Перевірте свій обліковий запис електронної пошти."
+  },
+  "validate_email_error_email_invalid": {
+    "other": "Електронна адреса недійсна."
+  },
+  "validate_email_error_email_required": {
+    "other": "Потрібна електронна адреса."
+  },
+  "validate_email_error_email_taken": {
+    "other": "Ця електронна адреса вже використовується."
+  },
+  "validate_email_error_email_verification_status_rejected": {
+    "other": "Надана адреса електронної пошти призначена для обмеженого домену. Зареєструйтеся в іншого постачальника електронної пошти."
+  },
+  "validate_email_error_pin_required": {
+    "other": "Необхідно ввести PIN-код."
+  },
+  "validate_email_error_signups_disabled": {
+    "other": "Реєстрацію наразі вимкнено."
+  },
+  "validate_email_error_too_many_requests": {
+    "other": "Забагато запитів, спробуйте пізніше."
+  },
+  "validate_email_error_verify_email_disabled": {
+    "other": "Перевірку електронної пошти наразі вимкнено."
+  },
+  "validate_email_error_generic": {
+    "other": "Під час перевірки наданої електронної пошти сталася невідома помилка. Спробуйте оновити сторінку або зверніться до адміністратора сайту."
   }
 }