feat: uservoice

Author: ZEROM22

assets/javascripts/discourse/connectors/admin-config-area-filtered-site-settings/onlyoffice-uservoice.gjs

@@ -0,0 +1,27 @@
+import Component from "@glimmer/component";
+import { i18n } from "discourse-i18n";
+
+export default class OnlyofficeWelcomeBanner extends Component {
+  get shouldShow() {
+    return window.location.pathname.includes("/admin/plugins/onlyoffice-discourse/settings");
+  }
+
+  <template>
+    {{#if this.shouldShow}}
+      <div class="onlyoffice-uservoice">
+        <h3>{{i18n "admin.onlyoffice.welcome.title"}}</h3>
+        <p>{{i18n "admin.onlyoffice.welcome.description"}}</p>
+        <p>
+          <a
+            href="https://feedback.onlyoffice.com/forums/966080-your-voice-matters?category_id=519288"
+            target="_blank"
+            rel="noopener noreferrer"
+          >
+            {{i18n "admin.onlyoffice.welcome.suggest_feature"}}
+          </a>
+        </p>
+      </div>
+    {{/if}}
+    {{yield}}
+  </template>
+}

assets/stylesheets/onlyoffice.scss

@@ -599,3 +599,40 @@ $onlyoffice-padding-lg: 1.5rem;
 .onlyoffice-container {
   height: 100%;
 }
+
+// Uservoice banner on settings page
+.onlyoffice-uservoice {
+  background: var(--primary-very-low);
+  border: 1px solid var(--primary-low);
+  border-radius: $onlyoffice-border-radius;
+  padding: $onlyoffice-padding-lg;
+  margin-bottom: 1.5rem;
+
+  h3 {
+    margin: 0 0 0.75rem 0;
+    font-size: 1.25rem;
+    font-weight: 600;
+    color: var(--primary);
+  }
+
+  p {
+    margin: 0.5rem 0;
+    color: var(--primary-high);
+    line-height: 1.5;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  a {
+    color: var(--tertiary);
+    text-decoration: none;
+    font-weight: 500;
+
+    &:hover {
+      color: var(--tertiary-hover);
+      text-decoration: underline;
+    }
+  }
+}

config/locales/client.en.yml

@@ -48,3 +48,9 @@ en:
       error: "Failed to load editor"
       demo_expired: "The 30-day test period is over. You are no longer able to connect to the demo server."
       demo_notice: "You are successfully connected to the demo server. It will be available until %{date}. To disable it, uncheck the box in plugin settings."
+    admin:
+      onlyoffice:
+        welcome:
+          title: "Welcome to ONLYOFFICE Docs!"
+          description: "Work on all kinds of office documents within Discourse using ONLYOFFICE Docs."
+          suggest_feature: "Suggest a feature"

config/locales/client.ru.yml

@@ -45,4 +45,10 @@ ru:
       can_edit: "Может редактировать"
     onlyoffice_editor:
       loading: "Загрузка редактора..."
-      error: "Не удалось загрузить редактор"
+      error: "Не удалось загрузить редактор"
+    admin:
+      onlyoffice:
+        welcome:
+          title: "Добро пожаловать в ONLYOFFICE Docs!"
+          description: "Работайте со всеми видами офисных документов в Discourse с помощью ONLYOFFICE Docs."
+          suggest_feature: "Предложить функцию"