ISTWCMS-4124: adding view on source to Facebook

css/styles.css

@@ -3063,6 +3063,9 @@ details.details {
     max-width: 500px;
     text-align: center;
     width: 100%; }
+  .uw-facebook__view-on-source {
+    padding: 1rem 0;
+    text-align: center; }
 
 .uw-facebook .fb-post,
 .uw-facebook .fb-page {

source/_patterns/04-components/facebook/_facebook.scss

@@ -10,6 +10,11 @@
     text-align: center;
     width: 100%;
   }
+
+  &__view-on-source {
+    padding: 1rem 0;
+    text-align: center;
+  }
 }
 
 .uw-facebook {

source/_patterns/04-components/facebook/facebook.twig

@@ -7,12 +7,21 @@
            data-width="500"
            data-hide-cover="false"
            data-show-facepile="false"
-           adapt_container_width="true"></div>
+           adapt_container_width="true">
+      </div>
     {% else %}
       <div class="fb-post"
          data-href="{{ url }}"
-         data-width="500"></div>
+         data-width="500">
+      </div>
     {% endif %}
     <script src="https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v3.2"></script>
   </div>
+  <div class="uw-facebook__view-on-source">
+    {% if feed_type == 'timeline' %}
+      View on <a href="https://facebook.com/{{ username }}">Facebook</a>
+    {% else %}
+      View on <a href="{{ url }}">Facebook</a>
+    {% endif %}
+  </div>
 </div>