22
33import io .github .gleidsonmt .dashboardfx .presentation .core .CustomizablePresentation ;
44import io .github .gleidsonmt .dashboardfx .presentation .internal .Tutorial ;
5- import io .github .gleidsonmt .glad .controls .badge .Badge ;
6- import io .github .gleidsonmt .glad .controls .icon .Icon ;
7- import io .github .gleidsonmt .glad .controls .icon .SVGIcon ;
8- import io .github .gleidsonmt .presentation .Row ;
95import javafx .scene .Node ;
106import javafx .scene .control .Label ;
117import javafx .scene .layout .Region ;
12- import javafx .scene .layout .StackPane ;
13-
14- import java .util .Random ;
158
169/**
1710 * @author Gleidson Neves da Silveira | gleidisonmt@gmail.com
@@ -29,10 +22,10 @@ public Tutorial create() {
2922 .separator ()
3023 .text ("Label style examples." )
3124 .demo (new Node []{
32- createCustom ( "Danger" , "danger" ),
33- createCustom ( "Warning" , "warning" ),
34- createCustom ( "success" , "success" ),
35- createCustom ( "info" , "info" )
25+ firstDemo ( "danger" ),
26+ firstDemo ( "warning" ),
27+ firstDemo ( "success" ),
28+ firstDemo ( "info" )
3629 })
3730 .code ("""
3831 Region region = new Region();
@@ -46,70 +39,76 @@ public Tutorial create() {
4639 label.setGraphic(region);
4740 """ )
4841 .demo (new Node []{
49- createCustom2 ("Danger" , "danger" ),
50- createCustom2 ("Warning" , "warning" ),
51- createCustom2 ( "success " , "success" ),
52- createCustom2 ( "info " , "info" )
42+ secondDemo ("Danger" , "bg- danger" , "bold" , "stroke-white" , "rounded" , "text-white " ),
43+ secondDemo ("Warning" , "bg- warning" , "bold" , "stroke-white" , "rounded" , "text-white " ),
44+ secondDemo ( "Success " , "bg- success" , "bold" , "stroke-white" , "rounded" , "text-white " ),
45+ secondDemo ( "Info " , "bg- info" , "bold" , "stroke-white" , "rounded" , "text-white " )
5346 })
5447 .code ("""
5548 Label label = new Label(text);
56- label.getStyleClass().addAll( "bg-primary", "text-white", "padding-5", "rounded", "min-size-20", "align-center");
49+ // Try to update bg-primary for your color like bg-[color_name]
50+ label.getStyleClass().addAll("bg-primary", "text-white", "padding-5", "rounded", "min-size-20", "align-center");
5751 """ )
5852
5953 .demo (new Node []{
60- createDemo ( " " , "min-size-20 " , "size-20" , "bg-danger" , "heart" , "padding-5 " ),
61- createDemo ( " " , "min-size-20 " , "size-20" , "bg-warning" , "star" , "padding-5 " ),
62- createDemo ( "" , "min-size-20 " , "size-20" , " bg-amber" , "star-2 " , "padding-5 " ),
63- createDemo ( " " , "min-size-20 " , "size-20" , "bg-yellow" , "pac" , "padding-5 " ),
64- createDemo ( " " , "min-size-20 " , "size-20" , "bg-green" , "leaf" , "padding-5 " ),
65- createDemo ( " " , "min-size-20 " , "size-20" , "bg-purple" , "jelly" , "padding-5 " ),
66- createDemo ( " " , "min-size-20 " , "size-20" , "bg-success" , "lbl" , "padding-5 " )
54+ thirdDemo ( "heart " , "bg-blue " , "size-20" , "display-graphic " ),
55+ thirdDemo ( "star " , "bg-warning " , "size-20" , "display-graphic " ),
56+ thirdDemo ( "star-2 " , "bg-amber" , "size-20 " , "display-graphic " ),
57+ thirdDemo ( "pac " , "bg-yellow " , "size-20" , "display-graphic " ),
58+ thirdDemo ( "leaf " , "bg-green " , "size-20" , "display-graphic " ),
59+ thirdDemo ( "jelly " , "bg-purple " , "size-20" , "display-graphic " ),
60+ thirdDemo ( "lbl " , "bg-success " , "size-20" , "display-graphic " )
6761 })
6862 .code ("""
69- label.getStyleClass().addAll("min-size-20", "size-20", "bg-danger", "heart", "padding-5");
70- label.getStyleClass().addAll("min-size-20", "size-20", "bg-warning", "star", "padding-5");
71- label.getStyleClass().addAll("min-size-20", "size-20", "bg-amber", "star-2", "padding-5");
72- label.getStyleClass().addAll("min-size-20", "size-20", "bg-yellow", "pac", "padding-5");
73- label.getStyleClass().addAll("min-size-20", "size-20", "bg-green", "leaf", "padding-5");
74- label.getStyleClass().addAll("min-size-20", "size-20", "bg-purple", "jelly", "padding-5");
75- label.getStyleClass().addAll("min-size-20", "size-20", "bg-success", "lbl", "padding-5");
63+ // Possibles names
64+ // heart, star, star-2, pac, leaf, jelly, lbl
65+ // replace by [name] for one of the above.
66+ label.getStyleClass().addAll("[name]", min-size-20", "size-20", "bg-danger", "padding-5");
7667 """ )
7768
78- .demo (createDemo (createDemo ("" , " min-size-20" , "size-20" , "bg-warning" , "star" , "padding-5" ), "4.7" , "bold" ));
69+ .demo (createDemo (createDemo ("min-size-20" , "size-20" , "bg-warning" , "star" , "padding-5" ), "bold" ));
7970
8071 }
8172
82-
83- private Node createCustom2 (String text , String color ) {
84- Label label = new Label (text );
85- label .getStyleClass ().addAll ("bg-" + color , "text-white" , "padding-5" , "rounded" , "min-size-20" , "align-center" );
86- return label ;
73+ private Label createDemo (String ... _classes ) {
74+ return createDemo (null , _classes );
8775 }
8876
89- private Node createCustom (String text , String color ) {
77+ private Label createDemo (Node graphic , String ... _classes ) {
78+ Label text = new Label ("4.7" );
79+ text .setGraphic (graphic );
80+ text .getStyleClass ().addAll (_classes );
81+ text .getStyleClass ().addAll (" min-size-20 padding-5 bold" .split (" " ));
82+ return text ;
83+ }
9084
85+ private Region createCircleGraphic (String color ) {
9186 Region region = new Region ();
9287 region .setMinSize (20 , 20 );
9388 region .getStyleClass ().addAll ("bg-" + color , "round" , "bg-insets-5" , "border-5" );
9489
95- region .getStyleClass ().addAll ("bg-" + color );
9690 region .setStyle ("-fx-border-color: derive(-" + color + ", 90%);" );
91+ return region ;
92+ }
9793
98- Label label = new Label (text );
99- label .setGraphic (region );
94+ private Label firstDemo (String color ) {
95+ return demo (color , createCircleGraphic (color ));
96+ }
10097
101- return label ;
98+ private Label secondDemo (String color , String ... _classes ) {
99+ return demo (color , null , _classes );
102100 }
103101
104- private Label createDemo ( String _text , String ... _classes ) {
105- return createDemo ( null , _text , _classes );
102+ private Label thirdDemo ( String ... _classes ) {
103+ return demo ( "Third" , null , _classes );
106104 }
107105
108- private Label createDemo (Node graphic , String _text , String ... _classes ) {
109- Label text = new Label (_text );
110- text .setGraphic (graphic );
111- text .getStyleClass ().addAll (_classes );
112- return text ;
106+ private Label demo (String _text , Node _graphic , String ... _classes ) {
107+ Label label = new Label (_text );
108+ label .setGraphic (_graphic );
109+ label .getStyleClass ().addAll (_classes );
110+ label .getStyleClass ().addAll ("min-size-20" , "padding-5" );
111+ return label ;
113112 }
114113
115114}
0 commit comments