<nb-card [nbSpinner]="processing">
    <nb-card-header>
        {{group.name}} 幸福周
        <button nbButton hero status="primary" class="float-right" size="small" (click)="openTaskDlg(currentWeek)"
            *ngIf="currentWeek">{{currentWeek.topic}} 分工</button>
    </nb-card-header>
    <nb-card-body>

        <nb-list>
            <nb-list-item *ngFor="let week of group.happinessWeeks" class="d-block">
                <div class="row text-center text-md-left">
                    <div class="col-md-6">
                        <p [outerHTML]="weekDisplay(week.seq)"></p>

                        <!-- <nb-user [name]="weekDisplay(week.seq)">
                        </nb-user> -->

                    </div>

                    <div class="col-md mt-2 mt-md-0 text-md-right">

                        <button nbButton hero status="primary" class="mr-1" size="small"
                            (click)="openEditDlg(week)">Edit</button>
                        <button nbButton hero status="primary" class="mr-1" size="small"
                            (click)="openTaskDlg(week,false)">Tasks</button>
                        <button nbButton hero status="primary" class="mr-1" size="small"
                            (click)="openTaskDlg(week,true)">Costs</button>

                    </div>

                </div>

            </nb-list-item>
        </nb-list>

    </nb-card-body>
    <nb-card-footer>
        <button class="float-right" nbButton hero status="danger" size="small" (click)="close()"
            *ngIf="isDlg">Close</button>
    </nb-card-footer>
</nb-card>