Examples with ListItem com.vaadin.flow.component.html.ListItem used on opensource projects

Example 6 with ListItem

use of com.vaadin.flow.component.html.ListItem in project psip-automation by bssw-psip.

the class Home method createContent.

private Component createContent() {
    Div intro = new Div();
    intro.add(new Image(UIUtils.IMG_PATH + "logos/ryp_logo.png", "Rate Your Project"));
    intro.add(new H2("A self assessment tool for improving software practices"));
    intro.add(new Paragraph("Software engineering is a systematic approach to the design, development, and maintenance of a software system. " + "Teams seldom have the time to stop development and focus solely on improving productivity or sustainability. However, " + "teams can incorporate improvements on the way to developing new science capabilities."));
    intro.add(new Paragraph("The tools on this site will help you:"));
    intro.add(new UnorderedList(new ListItem("Assess your current practices"), new ListItem("Create progress tracking cards"), new ListItem("Integrate tracking cards with your workflow")));
    intro.add(new Paragraph("The self-assessment introduces software engineering practices that increase in maturity. " + "Check the practices that your project already uses to rate your project."));
    intro.add(new Paragraph(new Emphasis("Click on the assessment to the left " + "tab to get started. You can also click the arrow icon on the assessment tab to view the practice categories.")));
    intro.add(new Paragraph("Good luck!"));
    Anchor documentation = new Anchor("https://bssw-psip.github.io/ptc-catalog/", UIUtils.createButton("Read the documentation", VaadinIcon.EXTERNAL_LINK));
    FlexBoxLayout links = new FlexBoxLayout(documentation);
    links.setFlexWrap(FlexWrap.WRAP);
    links.setSpacing(Right.S);
    FlexBoxLayout content = new FlexBoxLayout(intro, links);
    content.setFlexDirection(FlexDirection.COLUMN);
    content.setMargin(Horizontal.AUTO);
    content.setMaxWidth("840px");
    content.setPadding(Uniform.RESPONSIVE_L);
    return content;
}