source.uim.bootstrap.bs5.demos.helpers.stretchedlink source code

1 module source.uim.bootstrap.bs5.demos.helpers.stretchedlink;
2 
3 import uim.bootstrap;
4 
5 static this() {
6 	demoBS5.pages("basic/helpers/stretchedlink", new class DH5AppPage {
7 		this() { 
8 			super(); 
9 			this
10 			.created(DateTime(2020, 12, 20, 10, 10, 0))
11 			.changed(timeLastModified(__FILE_FULL_PATH__))
12 			.parameters([
13 					"pageTitle": "Stretched Link - Bootstrap 5 Demo",
14           ]);
15 		} 
16 			
17     override string content() { 
18       return 
19 H5Main(["style":"margin-top:70px;"], 
20   H5Div(["container-fluid", "mt-3", "bg-light"],
21     bs5Breadcrumbs(["/", "/demos", "/demos/uim-bootstrap", "/demos/uim-bootstrap/5/", "/demos/uim-bootstrap/5/basic/", "/demos/uim-bootstrap/5/basic/helpers"], 
22     ["UI Manufaktur", "Demos", "uim-bootstrap", "Bootstrap 5", "Basic", "Helpers"], "Stretched Link")),
23 
24   BS5Container(["mt-3"]).row(
25     H5Div(["col-12", "col-lg-2"], 
26       listLevels("basic"),
27       listAreas("basic", "helpers"),
28       listSections("basic", "helpers", "stretchedlink")),
29     H5Div(["col-12", "col-lg-8"], 
30       dateInfo(this),
31       H5H2(["display-4"], "Stretched Link"),
32       H5Hr,
33 
34       demoBs5Example("card", "Cards",
35         H5Div(
36           BS5Card(
37             BS5CardBody(
38               BS5CardTitle("Card title"),
39               BS5CardText("Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo."),
40               BS5CardLink(["stretched-link"], ["href":"#"], "Stretched link")))
41         ), ``, ``),
42 
43       demoBs5Example("custom", "Custom component",
44         H5Div(
45           H5Div(["d-flex", "position-relative"],
46             H5Img(["me-3"], ["src":"/img/200x200.png", "alt":""],
47             H5Div(
48               H5H5("Media object",
49               H5P("Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo."),
50               H5A(["stretched-link"], ["href":"#"], "Stretched link")))))
51         ), ``, ``),
52 
53       demoBs5Example("row", "Row",
54         H5Div(
55           BS5Row(["position-relative"],
56             BS5Col(["col"],
57               H5P("Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo.")),
58             BS5Col(
59               H5P("Lorem ipsum dolor sit amet, consectetur adipiscing elit. In laoreet pellentesque lorem sed elementum. Suspendisse maximus convallis ex. Etiam eleifend velit leo."),
60               H5A(["stretched-link"], ["href":"#"], "Stretched link")))
61         ), ``, ``)
62 
63      ),
64     H5Div(["col-12", "col-lg-2"]))).toString;
65     }
66   });
67 }