From bb8315f3589175f2d7263d8e24a0ab5ed39a4f8c Mon Sep 17 00:00:00 2001
From: Ned Zimmerman <ned@bight.ca>
Date: Thu, 12 Mar 2020 15:00:04 -0600
Subject: [PATCH] feat: indicate when a subscription is required (resolves
 #218) (#223)

* feat: indicate when a subscription is required (resolves #218)

* fix: add screen reader text

* fix: use aria-hidden
---
 app/Controllers/Partials/Resource.php                 | 11 +++++++++++
 resources/assets/images/lock.svg                      |  1 +
 resources/assets/styles/layouts/_resources.scss       |  9 +++++++++
 .../views/partials/content-lc_resource.blade.php      |  3 +++
 .../partials/content-single-lc_resource.blade.php     |  7 ++++++-
 5 files changed, 30 insertions(+), 1 deletion(-)
 create mode 100644 resources/assets/images/lock.svg

diff --git a/app/Controllers/Partials/Resource.php b/app/Controllers/Partials/Resource.php
index 621362a..b3b3de8 100644
--- a/app/Controllers/Partials/Resource.php
+++ b/app/Controllers/Partials/Resource.php
@@ -330,4 +330,15 @@ public static function isFavorited()
         }
         return false;
     }
+
+    public static function requiresSubscription()
+    {
+        global $post;
+
+        if ($post->post_type == 'lc_resource') {
+            return (get_post_meta($post->ID, 'lc_resource_has_paywall', true) === 'on');
+        }
+
+        return false;
+    }
 }
diff --git a/resources/assets/images/lock.svg b/resources/assets/images/lock.svg
new file mode 100644
index 0000000..fb9c16d
--- /dev/null
+++ b/resources/assets/images/lock.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><g id="lock" fill="currentColor"><path d="m16 7h-1a5 5 0 0 0 -10 0h-1a1 1 0 0 0 -1 1v9a1 1 0 0 0 1 1h12a1 1 0 0 0 1-1v-9a1 1 0 0 0 -1-1zm-6-3a3 3 0 0 1 3 3h-6a3 3 0 0 1 3-3zm5 12h-10v-7h10z"/><path d="m9 12.61v1.39a1 1 0 0 0 2 0v-1.39a1.5 1.5 0 1 0 -2 0z"/></g></svg>
diff --git a/resources/assets/styles/layouts/_resources.scss b/resources/assets/styles/layouts/_resources.scss
index d3c1a7c..2610071 100644
--- a/resources/assets/styles/layouts/_resources.scss
+++ b/resources/assets/styles/layouts/_resources.scss
@@ -32,3 +32,12 @@
   list-style: none;
   padding-left: 0;
 }
+
+.card__meta.card__subscription,
+.resource__meta.resource__subscription {
+  color: var(--red-500);
+
+  svg {
+    color: inherit;
+  }
+}
diff --git a/resources/views/partials/content-lc_resource.blade.php b/resources/views/partials/content-lc_resource.blade.php
index 6c5bc2e..641b46d 100644
--- a/resources/views/partials/content-lc_resource.blade.php
+++ b/resources/views/partials/content-lc_resource.blade.php
@@ -1,6 +1,9 @@
 <article @php post_class('card card--resource') @endphp>
   <header>
     <h3 class="card__title"><a class="card__link" href="{{ get_permalink() }}">{!! Archive::getShortTitle() !!}</a></h3>
+    @if(Archive::requiresSubscription())
+    <p class="card__meta card__subscription">@svg('lock', 'icon--lock', ['focusable' => 'false', 'aria-hidden' => 'true']) <span aria-hidden="true">{{ __('Subscription required', 'coop-library') }}</span><span class="screen-reader-text">{{ __('Subscription required to access this resource', 'coop-library') }}</span></p>
+    @endif
     @if(Archive::getAuthors())
     <p class="card__byline">
       @svg('author', 'icon--author', ['focusable' => 'false', 'aria-hidden' => 'true'])
diff --git a/resources/views/partials/content-single-lc_resource.blade.php b/resources/views/partials/content-single-lc_resource.blade.php
index 72541eb..6146b16 100644
--- a/resources/views/partials/content-single-lc_resource.blade.php
+++ b/resources/views/partials/content-single-lc_resource.blade.php
@@ -1,6 +1,9 @@
 <article @php post_class() @endphp>
   <div class="page-header resource__header">
     <h1 class="resource__title">{!! get_the_title() !!}</h1>
+    @if(Single::requiresSubscription())
+    <p class="resource__meta resource__subscription">@svg('lock', 'icon--lock', ['focusable' => 'false', 'aria-hidden' => 'true']) <span aria-hidden="true">{{ __('Subscription required', 'coop-library') }}</span><span class="screen-reader-text">{{ __('Subscription required to access this resource', 'coop-library') }}</span></p>
+    @endif
     @if(Single::getAuthors())
     <div class="resource__meta resource__byline">@svg('author', 'icon--author', ['focusable' => 'false', 'aria-hidden' => 'true']) {{ sprintf(__('By %s', 'coop-library'), Single::getAuthors()) }}</div>
     @endif
@@ -20,6 +23,8 @@
         @svg('info', 'icon--info', ['focusable' => 'false', 'aria-hidden' => 'true'])
         @if($current_language !== Single::getLanguage())
         <span class="resource__language"><span class="screen-reader-text">{{ __('language', 'coop-library') }}: </span>{{ $languages[Single::getLanguage()] }}</span>
+        @endif
+        @if($current_language !== Single::getLanguage() && Single::getPublicationDate())
         <span class="separator">.</span>
         @endif
         @if(Single::getPublicationDate())
@@ -47,7 +52,7 @@
   </div>
   @endif
   <div class="resource__cta">
-    <p><a rel="external" class="cta" href="{{ Single::getPermanentLink() }}">{{ __('Visit full resource', 'coop-library') }} @svg('external', 'icon--external', ['focusable' => 'false', 'aria-hidden' => 'true'])</a></p>
+    <p><a rel="external" class="cta" href="{{ Single::getPermanentLink() }}">@if(Single::requiresSubscription()){{ __('Visit full resource (subscription required)', 'coop-library') }}@else{{ __('Visit full resource', 'coop-library') }}@endif @svg('external', 'icon--external', ['focusable' => 'false', 'aria-hidden' => 'true'])</a></p>
   </div>
   <div class="resource__actions">
     <button id="favorite" type="button" class="button button--borderless" data-id="{{ get_the_id() }}" data-favorite="false">