Jayrude
/
fmeditor-slint
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add basic panel widget

This commit is contained in:
Jarrod Doyle 2024-04-09 22:12:54 +01:00
parent dfcf3ebbd3
commit 23daf927cd
Signed by: Jayrude
GPG Key ID: 38B57B16E7C0ADF7
2 changed files with 144 additions and 199 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

306
ui/object_tool_panel.slint
View File

@ -1,4 +1,5 @@
import { Theme } from "theme.slint";
import { Panel } from "widgets/panel.slint";
export component ObjectToolPanel inherits Rectangle {
width: 280px;
@ -18,233 +19,140 @@ export component ObjectToolPanel inherits Rectangle {
}
}
Rectangle {
border-color: black;
border-width: 1px;
border-radius: Theme.radius-md;
clip: true;
Panel {
title: @tr("Favourites");
VerticalLayout {
Rectangle {
Panel {
title: "Group Name";
title-alignment: center;
content-padding: 0px;
content-spacing: 0px;
HorizontalLayout {
height: Theme.size-md;
border-color: black;
border-width: 1px;
HorizontalLayout {
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: @tr("Favourites");
vertical-alignment: center;
}
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: "Object Name";
vertical-alignment: center;
}
}
VerticalLayout {
padding: Theme.padding-md;
spacing: Theme.spacing-md;
Rectangle {
border-color: black;
border-width: 1px;
border-radius: Theme.radius-md;
clip: true;
VerticalLayout {
Rectangle {
height: Theme.size-md;
border-color: black;
border-width: 1px;
HorizontalLayout {
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: "Group Name";
vertical-alignment: center;
horizontal-alignment: center;
}
}
}
HorizontalLayout {
height: Theme.size-md;
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: "Object Name";
vertical-alignment: center;
}
}
HorizontalLayout {
height: Theme.size-md;
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: "Object Name";
vertical-alignment: center;
}
}
HorizontalLayout {
height: Theme.size-md;
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: "Object Name";
vertical-alignment: center;
}
}
}
HorizontalLayout {
height: Theme.size-md;
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: "Object Name";
vertical-alignment: center;
}
}
VerticalLayout {
padding: Theme.padding-md;
spacing: Theme.spacing-md;
HorizontalLayout {
height: Theme.size-md;
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: "Object Name";
vertical-alignment: center;
}
}
}
Rectangle {
border-color: black;
border-width: 1px;
border-radius: Theme.radius-md;
clip: true;
VerticalLayout {
Rectangle {
height: Theme.size-md;
border-color: black;
border-width: 1px;
HorizontalLayout {
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: "Group Name";
vertical-alignment: center;
horizontal-alignment: center;
}
}
}
Panel {
title: "Group Name";
title-alignment: center;
content-padding: 0px;
content-spacing: 0px;
HorizontalLayout {
height: Theme.size-md;
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: "Object Name";
vertical-alignment: center;
}
}
HorizontalLayout {
height: Theme.size-md;
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: "Object Name";
vertical-alignment: center;
}
}
HorizontalLayout {
height: Theme.size-md;
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: "Object Name";
vertical-alignment: center;
}
}
HorizontalLayout {
height: Theme.size-md;
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: "Object Name";
vertical-alignment: center;
}
}
HorizontalLayout {
height: Theme.size-md;
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: "Object Name";
vertical-alignment: center;
}
}
}
HorizontalLayout {
height: Theme.size-md;
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: "Object Name";
vertical-alignment: center;
}
}
}
}
Rectangle {
border-color: black;
border-width: 1px;
border-radius: Theme.radius-md;
clip: true;
VerticalLayout {
Panel {
title: @tr("Hierarchy");
HorizontalLayout {
spacing: Theme.spacing-md;
height: Theme.size-md;
Text {
font-size: Theme.font-md;
vertical-alignment: center;
text: @tr("Name:");
}
Rectangle {
height: Theme.size-md;
border-color: black;
border-width: 1px;
HorizontalLayout {
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: @tr("Hierarchy");
vertical-alignment: center;
}
border-radius: Theme.radius-md;
Text {
font-size: Theme.font-md;
vertical-alignment: center;
horizontal-alignment: left;
text: "VicHutch (-514)";
}
}
VerticalLayout {
padding: Theme.padding-md;
spacing: Theme.spacing-md;
Rectangle {
border-color: black;
border-width: 1px;
border-radius: Theme.radius-md;
HorizontalLayout {
spacing: Theme.spacing-md;
height: Theme.size-md;
Text {
font-size: Theme.font-md;
vertical-alignment: center;
text: @tr("Name:");
}
width: Theme.size-md;
}
Rectangle {
border-color: black;
border-width: 1px;
border-radius: Theme.radius-md;
Rectangle {
border-color: black;
border-width: 1px;
border-radius: Theme.radius-md;
Text {
font-size: Theme.font-md;
vertical-alignment: center;
horizontal-alignment: left;
text: "VicHutch (-514)";
}
}
width: Theme.size-md;
}
}
Rectangle {
border-color: black;
border-width: 1px;
border-radius: Theme.radius-md;
Rectangle {
border-color: black;
border-width: 1px;
border-radius: Theme.radius-md;
clip: true;
width: Theme.size-md;
}
Rectangle {
border-color: black;
border-width: 1px;
border-radius: Theme.radius-md;
width: Theme.size-md;
}
}
Rectangle {
border-color: black;
border-width: 1px;
border-radius: Theme.radius-md;
clip: true;
Text {
font-size: Theme.font-lg;
text: "INSERT TREE VIEW HERE";
vertical-alignment: center;
horizontal-alignment: center;
}
}
Text {
font-size: Theme.font-lg;
text: "INSERT TREE VIEW HERE";
vertical-alignment: center;
horizontal-alignment: center;
}
}
}

37
ui/widgets/panel.slint Normal file
View File

@ -0,0 +1,37 @@
import { Theme } from "../theme.slint";
export component Panel inherits Rectangle {
in property <string> title: "Title";
in property <TextHorizontalAlignment> title-alignment: left;
in property <length> content-padding: Theme.padding-md;
in property <length> content-spacing: Theme.spacing-md;
border-color: black;
border-width: 1px;
border-radius: Theme.radius-md;
clip: true;
VerticalLayout {
Rectangle {
height: Theme.size-md;
border-color: black;
border-width: 1px;
HorizontalLayout {
padding-left: Theme.padding-md;
padding-right: Theme.padding-md;
Text {
font-size: Theme.font-md;
text: title;
vertical-alignment: center;
horizontal-alignment: title-alignment;
}
}
}
VerticalLayout {
padding: content-padding;
spacing: content-spacing;
@children
}
}
}