DEV: Add preview

admin/assets/javascripts/discourse/components/modal/preview.gjs

@@ -0,0 +1,18 @@
+import { htmlSafe } from "@ember/template";
+import DModal from "discourse/components/d-modal";
+import i18n from "discourse-common/helpers/i18n";
+
+const Preview = <template>
+  <DModal
+    @closeModal={{@closeModal}}
+    @title={{i18n "admin.adplugin.house_ads.preview"}}
+  >
+    <:body>
+      <div class="house-ad-preview">
+        {{htmlSafe @model.html}}
+      </div>
+    </:body>
+  </DModal>
+</template>;
+
+export default Preview;

admin/assets/javascripts/discourse/controllers/admin-plugins-house-ads-show.js

@@ -8,9 +8,11 @@ import { ajax } from "discourse/lib/ajax";
 import { popupAjaxError } from "discourse/lib/ajax-error";
 import Category from "discourse/models/category";
 import I18n from "I18n";
+import Preview from "../components/modal/preview";
 
 export default class adminPluginsHouseAdsShow extends Controller {
   @service router;
+  @service modal;
 
   @controller("adminPlugins.houseAds") houseAdsController;
 
@@ -133,6 +135,15 @@ export default class adminPluginsHouseAdsShow extends Controller {
     }
   }
 
+  @action
+  openPreview() {
+    this.modal.show(Preview, {
+      model: {
+        html: this.buffered.html,
+      },
+    });
+  }
+
   setCategoriesForBuffered() {
     // we need to fetch the categories because the serializer is not being used
     // to attach the category object to the house ads

admin/assets/javascripts/discourse/templates/admin/plugins-house-ads-show.hbs

@@ -60,6 +60,11 @@
       {{/unless}}
     {{/if}}
 
+    <DButton
+      @action={{this.openPreview}}
+      @label="admin.adplugin.house_ads.preview"
+    />
+
     <DButton
       @action={{this.destroy}}
       @label="admin.adplugin.house_ads.delete"

assets/stylesheets/adplugin.scss

@@ -282,3 +282,7 @@
     }
   }
 }
+
+.house-ad-preview {
+  width: 100%;
+}

config/locales/client.en.yml

@@ -28,6 +28,7 @@ en:
           show_to_logged_in_users: "Show to logged in users"
           category_chooser_description: "Choose the categories where this ad should be displayed or leave empty to show the ad everywhere. The `no_ads_for_categories` site setting has priority over this setting."
           group_chooser_description: "Choose the groups that can view this ad or leave empty to show the ad to all signed in users."
+          preview: "Preview"
 
           topic_list_top:
             title: "Topic list top ads"