added MainWindow widget and updated readme

2024-09-22 19:23:06 +05:30
parent d942663b39
commit 65d7aec1a2
14 changed files with 210 additions and 33 deletions
--- a/src/frameworks/tkinter/widgets/mainWindow.js
+++ b/src/frameworks/tkinter/widgets/mainWindow.js
@@ -0,0 +1,46 @@
+import { CloseCircleFilled, ExpandOutlined, MinusCircleFilled } from "@ant-design/icons"
+import Widget from "../../../canvas/widgets/base"
+
+
+class MainWindow extends Widget{
+
+    static widgetType = "main_window"
+
+    constructor(props) {
+        super(props)
+
+        this.droppableTags = {
+            exclude: ["image", "video", "media"]
+        }
+
+        this.state = {
+            ...this.state,
+
+        }
+        this.setAttrValue("styling.backgroundColor", "#E4E2E2")
+    }
+
+    renderContent(){
+        return (
+            <div className="tw-w-flex tw-flex-col tw-w-full tw-h-full tw-rounded-md tw-overflow-hidden">
+                <div className="tw-flex tw-w-full tw-h-[25px] tw-bg-[#adadad] tw-shadow-md">
+                    <div className="tw-ml-auto tw-flex tw-gap-1 tw-p-1 tw-place-items-center">
+                        <div className="tw-bg-yellow-400 tw-rounded-full tw-w-[15px] tw-h-[15px]">
+                        </div>
+                        <div className="tw-bg-blue-400 tw-rounded-full tw-w-[15px] tw-h-[15px]">
+                        </div>
+                        <div className="tw-bg-red-400 tw-rounded-full tw-w-[15px] tw-h-[15px]">
+                        </div>
+                    </div>
+                </div>
+                <div className="tw-p-2 tw-w-full tw-h-full tw-content-start" style={this.state.widgetStyling}>
+                    {this.props.children}
+                </div>
+            </div>
+        )
+    }
+
+}
+
+
+export default MainWindow