<c-container [formGroup]="screenFormGroup" novalidate [magic]="mgc.TodoList">

    <h1 id="h1.1"></h1>
    <h1 id="h1.2">ToDoList</h1>
    <c-row id="c-row.1">
        <c-col id="c-column.1">
            <mat-form-field id="mat-input.1">
                <input matInput [magic]="mgc.V_vTodo" [formControlName]="mgc.V_vTodo" mgFormat>
                    <mgError [magic]="mgc.V_vTodo"></mgError>
                </mat-form-field>
            </c-col>
            <c-col id="c-column.2">
                <button id="button.1" [magic]="mgc.BtnAdd" mat-raised-button color="primary" icon-start name="add">
                    <mat-icon>add</mat-icon>
                    {{ mg.getValue(mgc.BtnAdd) }}</button>
            </c-col>
        </c-row>
        <div id="subform.1">
            <magic-subform [magic]="mgc.SFTodoList"></magic-subform>
        </div>
    </c-container>