Examples with FlexBoxLayout io.bssw.psip.ui.components.FlexBoxLayout used on opensource projects

Example 1 with FlexBoxLayout

use of io.bssw.psip.ui.components.FlexBoxLayout in project psip-automation by bssw-psip.

the class Tracking method createContent.

private Component createContent() {
    description = new Html("<p></p>");
    FlexBoxLayout content = new FlexBoxLayout(description);
    content.setFlexDirection(FlexDirection.COLUMN);
    content.setMargin(Horizontal.AUTO);
    content.setMaxWidth("840px");
    content.setPadding(Uniform.RESPONSIVE_L);
    return content;
}

Example 2 with FlexBoxLayout

use of io.bssw.psip.ui.components.FlexBoxLayout in project psip-automation by bssw-psip.

the class MainLayout method initStructure.

/**
 * Initialise the required components and containers.
 */
private void initStructure() {
    naviDrawer = new NaviDrawer();
    viewContainer = new Main();
    viewContainer.addClassName(CLASS_NAME + "__view-container");
    UIUtils.setDisplay(Display.FLEX, viewContainer);
    UIUtils.setFlexGrow(1, viewContainer);
    UIUtils.setOverflow(Overflow.HIDDEN, viewContainer);
    column = new FlexBoxLayout(viewContainer);
    column.addClassName(CLASS_NAME + "__column");
    column.setFlexDirection(FlexDirection.COLUMN);
    column.setFlexGrow(1, viewContainer);
    column.setOverflow(Overflow.HIDDEN);
    row = new FlexBoxLayout(naviDrawer, column);
    row.addClassName(CLASS_NAME + "__row");
    row.setFlexGrow(1, column);
    row.setOverflow(Overflow.HIDDEN);
    add(row);
    setFlexGrow(1, row);
}

Example 3 with FlexBoxLayout

use of io.bssw.psip.ui.components.FlexBoxLayout in project psip-automation by bssw-psip.

the class Assessment method createContent.

private Component createContent() {
    description = new Label();
    mainLayout = new VerticalLayout();
    mainLayout.setMargin(false);
    mainLayout.setHeightFull();
    FlexBoxLayout content = new FlexBoxLayout(new VerticalLayout(description), mainLayout);
    content.setFlexDirection(FlexDirection.COLUMN);
    content.setMargin(Horizontal.AUTO);
    content.setMaxWidth("840px");
    content.setPadding(Uniform.RESPONSIVE_L);
    content.setHeightFull();
    return content;
}

Example 4 with FlexBoxLayout

use of io.bssw.psip.ui.components.FlexBoxLayout 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;
}

Example 5 with FlexBoxLayout

use of io.bssw.psip.ui.components.FlexBoxLayout in project psip-automation by bssw-psip.

the class Integration method createContent.

private Component createContent() {
    description = new Html("<p></p>");
    FlexBoxLayout content = new FlexBoxLayout(description);
    content.setFlexDirection(FlexDirection.COLUMN);
    content.setMargin(Horizontal.AUTO);
    content.setMaxWidth("840px");
    content.setPadding(Uniform.RESPONSIVE_L);
    return content;
}