feat: Templating and plaintext for Google Workspace Notification Provider (#6048)

Co-authored-by: Frank Elsinga <frank@elsinga.de>

src/components/notifications/GoogleChat.vue

@@ -10,4 +10,40 @@
             </i18n-t>
         </div>
     </div>
+
+    <div class="mb-3">
+        <div class="form-check form-switch">
+            <input id="google-chat-use-template" v-model="$parent.notification.googleChatUseTemplate" type="checkbox" class="form-check-input">
+            <label for="google-chat-use-template" class="form-check-label"> {{ $t("Template plain text instead of using cards") }} </label>
+            <i18n-t tag="p" class="form-text" keypath="issueWithGoogleChatOnAndroidHelptext">
+                <template #issuetackerURL>
+                    <a href="https://issuetracker.google.com/issues/283746283" target="_blank">issuetracker.google.com/issues/283746283</a>
+                </template>
+            </i18n-t>
+        </div>
+    </div>
+
+    <template v-if="$parent.notification.googleChatUseTemplate">
+        <div class="mb-3">
+            <TemplatedTextarea id="google-chat-template" v-model="$parent.notification.googleChatTemplate" :required="true" :placeholder="googleChatTemplatePlaceholder" />
+        </div>
+    </template>
 </template>
+
+<script>
+import TemplatedTextarea from "../TemplatedTextarea.vue";
+
+export default {
+    name: "GoogleChat",
+    components: {
+        TemplatedTextarea,
+    },
+    computed: {
+        googleChatTemplatePlaceholder() {
+            return this.$t("Example:", [
+                "{{ name }} - {{ msg }}{% if hostnameOrURL %} ({{ hostnameOrURL }}){% endif %}"
+            ]);
+        }
+    },
+};
+</script>