From 0a6044d775cbb7c92bcde0d48ea1be1a77bdd3e4 Mon Sep 17 00:00:00 2001
From: Fabien egg O'Carroll <fabien@allou.is>
Date: Thu, 2 Dec 2021 12:38:16 +0200
Subject: [PATCH] Added beforeAfterCard feature flag & UI toggle

refs https://github.com/TryGhost/Team/issues/1249

Usage of this card will be behind a feature flag until release
---
 ghost/admin/app/services/feature.js         |  1 +
 ghost/admin/app/templates/settings/labs.hbs | 13 +++++++++++++
 2 files changed, 14 insertions(+)

diff --git a/ghost/admin/app/services/feature.js b/ghost/admin/app/services/feature.js
index 719f2f7a4f..8567e3d5f3 100644
--- a/ghost/admin/app/services/feature.js
+++ b/ghost/admin/app/services/feature.js
@@ -64,6 +64,7 @@ export default Service.extend({
     videoCard: feature('videoCard'),
     productCard: feature('productCard'),
     quoteStyles: feature('quoteStyles'),
+    beforeAfterCard: feature('beforeAfterCard'),
 
     _user: null,
 
diff --git a/ghost/admin/app/templates/settings/labs.hbs b/ghost/admin/app/templates/settings/labs.hbs
index 270cf53619..b42c085100 100644
--- a/ghost/admin/app/templates/settings/labs.hbs
+++ b/ghost/admin/app/templates/settings/labs.hbs
@@ -443,6 +443,19 @@
                         </div>
                     </div>
                 </div>
+                <div class="gh-expandable-block">
+                    <div class="gh-expandable-header">
+                        <div>
+                            <h4 class="gh-expandable-title">Cardmageddon - Before/After</h4>
+                            <p class="gh-expandable-description">
+                                Card for comparing two images
+                            </p>
+                        </div>
+                        <div class="for-switch">
+                           <GhFeatureFlag @flag="beforeAfterCard" />
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
         {{/if}}