+
+
onProjectNameChange(e.target.value)} placeholder="project name"/>
} onClick={onExportClick}>
Export code
diff --git a/src/frameworks/tkinter/widgets/base.js b/src/frameworks/tkinter/widgets/base.js
index b6860d3..e21b914 100644
--- a/src/frameworks/tkinter/widgets/base.js
+++ b/src/frameworks/tkinter/widgets/base.js
@@ -31,28 +31,27 @@ export class TkinterBase extends Widget {
const col = this.getAttrValue("gridManager.col")
layoutManager = `grid(row=${row}, col=${col})`
}else{
- // FIXME: position may not be correct
layoutManager = `place(x=${this.state.pos.x}, y=${this.state.pos.y})`
}
return layoutManager
}
- setParentLayout(parentLayout){
+ setParentLayout(layout){
- if (!parentLayout){
+ if (!layout){
return {}
}
- const {layout, direction, gap} = parentLayout
+ const {layout: parentLayout, direction, gap} = layout
// show attributes related to the layout manager
let updates = {
- parentLayout: parentLayout,
+ parentLayout: layout,
}
this.removeAttr("gridManager")
- if (layout === Layouts.FLEX || layout === Layouts.GRID) {
+ if (parentLayout === Layouts.FLEX || parentLayout === Layouts.GRID) {
updates = {
...updates,
@@ -154,7 +153,7 @@ export class TkinterBase extends Widget {
}
- } else if (layout === Layouts.PLACE) {
+ } else if (parentLayout === Layouts.PLACE) {
updates = {
...updates,
positionType: PosType.ABSOLUTE
@@ -204,11 +203,10 @@ export class TkinterBase extends Widget {
...layoutUpdates
}
- console.log("new data: ", newData, data)
this.setState(newData, () => {
- let layoutAttrs = this.setParentLayout(parentLayout) || {}
-
+ let layoutAttrs = this.setParentLayout(parentLayout).attrs || {}
+
// UPdates attrs
let newAttrs = { ...this.state.attrs, ...layoutAttrs }
@@ -257,6 +255,8 @@ export class TkinterWidgetBase extends TkinterBase{
const newAttrs = removeKeyFromObject("layout", this.state.attrs)
+ console.log("new attrs: ", newAttrs)
+
this.state = {
...this.state,
attrs: {
diff --git a/src/frameworks/tkinter/widgets/slider.js b/src/frameworks/tkinter/widgets/slider.js
index 91d4705..85a63c0 100644
--- a/src/frameworks/tkinter/widgets/slider.js
+++ b/src/frameworks/tkinter/widgets/slider.js
@@ -62,6 +62,27 @@ class Slider extends TkinterWidgetBase{
onChange: (value) => this.setAttrValue("scale.default", value)
}
},
+ orientation: {
+ label: "Orientation",
+ tool: Tools.SELECT_DROPDOWN,
+ toolProps: {placeholder: "select orientation"},
+ value: "",
+ options: [{value: "horizontal", label: "horizontal"}, {value: "vertical", label: "vertical"}],
+ onChange: (value) => {
+
+ // const widgetStyling = {
+ // transformOrigin: "0 0",
+ // transform: value === "horizontal" ? "rotate(0deg)" : "rotate(90deg)"
+ // }
+
+ // this.setState((prev) => ({
+ // widgetOuterStyling: {...prev, ...widgetStyling}
+ // }))
+ // this.setWidgetOuterStyle("transform-origin", "0 0")
+ // this.setWidgetOuterStyle("transform", value === "horizontal" ? "rotate(0deg)" : "rotate(90deg)")
+ this.setAttrValue("orientation", value)
+ }
+ },
}
}
@@ -81,6 +102,10 @@ class Slider extends TkinterWidgetBase{
config["to"] = this.getAttrValue("scale.max")
config["resolution"] = this.getAttrValue("scale.step")
+ if (this.getAttrValue("orientation")){
+ config["orientation"] = this.getAttrValue("orientation")
+ }
+
const defaultValue = this.getAttrValue("defaultValue")
return [
@@ -109,7 +134,8 @@ class Slider extends TkinterWidgetBase{
renderContent(){
return (
-
+
diff --git a/src/sidebar/templatesContainer.js b/src/sidebar/templatesContainer.js
new file mode 100644
index 0000000..d55a26d
--- /dev/null
+++ b/src/sidebar/templatesContainer.js
@@ -0,0 +1,67 @@
+import { useEffect, useState } from "react"
+
+import Doggy from "../assets/images/doggy.png"
+
+import { filterObjectListStartingWith } from "../utils/filter"
+import { SearchComponent } from "../components/inputs"
+
+
+
+function TemplatesContainer(){
+
+
+ const [searchValue, setSearchValue] = useState("")
+ const [widgetData, setWidgetData] = useState([])
+
+
+ useEffect(() => {
+
+ if (searchValue.length > 0){
+ const searchData = filterObjectListStartingWith([], "name", searchValue)
+ setWidgetData(searchData)
+ }else{
+ setWidgetData([])
+ }
+
+ }, [searchValue])
+
+ function onSearch(event){
+
+ setSearchValue(event.target.value)
+
+ }
+
+ return (
+ Fund development. Pre-order one Time License}
- style={{ zIndex: 14000, gap: '10px', maxWidth: '80vw', placeItems: "center" }}
+ style={{ zIndex: 14000, gap: '5px', placeItems: "center" }}
+ className="max-xl:tw-max-w-full"
onCancel={onClose}
centered
onOk={onClose}
@@ -32,12 +33,12 @@ function Premium({ children, className = "" }) {
width={'auto'}
open={premiumModalOpen}
>
-
+
+ setSearchValue("")} />
+
+ )
+
+}
+
+
+export default TemplatesContainer
\ No newline at end of file
diff --git a/src/sidebar/utils/premium.js b/src/sidebar/utils/premium.js
index d2daebd..c33b310 100644
--- a/src/sidebar/utils/premium.js
+++ b/src/sidebar/utils/premium.js
@@ -24,7 +24,8 @@ function Premium({ children, className = "" }) {
{children}
+
+
+
+
+ Templates coming soon. until then, here's a picture of doggo :)
+
+
+
+ 
+
+
+
+
+
+ Want to be notified of the release?
+ Subscribe to newsletter
+
+
I am Paul, a self-funded open-source dev.
If you find this tool useful and want to fund and support it's development, consider buying a one time license.
- By buying pre-order license, you get advance features, priority support, early access, upcoming features, and more. + By buying pre-order license, you get advance features, priority support, early access, upcoming features, and {/* Paid Plan */} -
- By buying pre-order license, you get advance features, priority support, early access, upcoming features, and more. + By buying pre-order license, you get advance features, priority support, early access, upcoming features, and {/* Paid Plan */} -
Limited time offer