<?xml version="1.0" encoding="UTF-8"?>

<?import javafx.geometry.*?>
<?import javafx.scene.control.*?>
<?import javafx.scene.layout.*?>

<BorderPane prefHeight="170.0" prefWidth="300.0" xmlns="http://javafx.com/javafx/8" xmlns:fx="http://javafx.com/fxml/1"
            fx:controller="xyz.wbsite.dbtool.javafx.ctrl.OptionVueController">
    <center>
        <VBox prefHeight="200" prefWidth="300">
            <children>
                <GridPane prefHeight="40.0" prefWidth="300.0" BorderPane.alignment="CENTER">
                    <columnConstraints>
                        <ColumnConstraints hgrow="SOMETIMES" prefWidth="80.0"/>
                        <ColumnConstraints hgrow="SOMETIMES" prefWidth="200.0"/>
                    </columnConstraints>
                    <rowConstraints>
                        <RowConstraints maxHeight="40.0" minHeight="40.0" prefHeight="40.0" vgrow="SOMETIMES"/>
                    </rowConstraints>
                    <children>
                        <Label text="项目名称" GridPane.halignment="CENTER" GridPane.rowIndex="0"
                               GridPane.valignment="CENTER"/>
                        <TextField fx:id="name" text="my-app" GridPane.columnIndex="1" GridPane.rowIndex="0"/>
                    </children>
                    <opaqueInsets>
                        <Insets/>
                    </opaqueInsets>
                    <VBox.margin>
                        <Insets left="10.0" right="10.0"/>
                    </VBox.margin>
                </GridPane>

                <VBox prefHeight="100.0" prefWidth="300.0">
                    <children>
                        <RadioButton mnemonicParsing="false" text="vue" id="1" selected="true">
                            <toggleGroup>
                                <ToggleGroup fx:id="type"/>
                            </toggleGroup>
                            <padding>
                                <Insets bottom="5.0"/>
                            </padding>
                        </RadioButton>
                        <RadioButton mnemonicParsing="false" text="vue-element-admin" id="2" toggleGroup="$type">
                            <padding>
                                <Insets bottom="5.0"/>
                            </padding>
                        </RadioButton>
                        <RadioButton mnemonicParsing="false" text="vue-admin-template" toggleGroup="$type">
                            <padding>
                                <Insets bottom="5.0"/>
                            </padding>
                        </RadioButton>
                    </children>
                    <padding>
                        <Insets bottom="3.0" left="30.0" right="10.0" top="10.0"/>
                    </padding>
                </VBox>
            </children>
        </VBox>
    </center>
    <bottom>
        <Pane prefHeight="50.0" prefWidth="300.0" BorderPane.alignment="CENTER">
            <children>
                <Button fx:id="ok" layoutX="75.0" layoutY="9.0" mnemonicParsing="false" text="确认"/>
                <Button fx:id="cancel" layoutX="185.0" layoutY="9.0" mnemonicParsing="false" text="取消"/>
            </children>
        </Pane>
    </bottom>
</BorderPane>