From f9c9ee7bb999b0325d6b395a78de8f7f6c99e3ce Mon Sep 17 00:00:00 2001
From: Sebastian Stehle <sebastian@squidex.io>
Date: Sun, 27 Sep 2020 19:20:44 +0200
Subject: [PATCH] Feature/sidebar plugin (#582)

* Another sidebar plugin.
---
 .../wwwroot/scripts/sidebar-content.html      | 49 +++++++++++++++++++
 1 file changed, 49 insertions(+)
 create mode 100644 backend/src/Squidex/wwwroot/scripts/sidebar-content.html
diff --git a/backend/src/Squidex/wwwroot/scripts/sidebar-content.html b/backend/src/Squidex/wwwroot/scripts/sidebar-content.html
new file mode 100644
index 000000000..ece7ad296
--- /dev/null
+++ b/backend/src/Squidex/wwwroot/scripts/sidebar-content.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8">
+
+    <!-- Load the editor sdk from the local folder or https://cloud.squidex.io/scripts/editor-sdk.js -->
+    <script src="editor-sdk.js"></script>
+
+    <style>
+        textarea {
+            box-sizing: border-box; 
+            border: 0;
+            border-radius: 0;
+            resize: none;
+            overflow: hidden;
+            width: 100%;
+        }
+    </style>
+</head>
+
+<body>
+    <script>
+        function grow(element) {
+            element.style.height = "5px";
+            element.style.height = (element.scrollHeight)+"px";
+        }
+    </script>
+
+    <textarea  oninput="grow(this)" name="content" id="editor"></textarea>
+
+    <script>
+        var element = document.getElementById('editor');
+
+        // When the plugin is instantiated it notifies the UI that it has been loaded.
+        // 
+        // Furthermore it sends the current size to the parent.
+        var plugin = new SquidexPlugin();
+
+        // The content is only available when it is used as a sidebar plugin for single content items.
+        plugin.onContentChanged(function (content) {
+            element.innerHTML = JSON.stringify(content, null, 2);
+
+            grow(element);
+        });
+    </script>
+</body>
+
+</html>
\ No newline at end of file
