Hero Edit.Component

@if (data.hero) {

{{this.data.hero.name}}Edit @if (!synced) {

Warning:

Someone else has changed this document. If you click save, you will overwrite the changes.

resync } @if ((data.hero.deleted$ | async)) {

Error:

Someone else has deleted this document. You can not save anymore.

} @if (error) { {{error}} }

cancel @if (!(data.hero.deleted$ | async)) { submit } }