Chris Chen
55 lines
2.1 KiB
HTML
55 lines
2.1 KiB
HTML
<div class="k-dialog-content">
|
|
<form #form="ngForm">
|
|
<div class="row form-group">
|
|
<div class="col-md-4">
|
|
|
|
<label class="k-label">Hero Class *</label>
|
|
<kendo-dropdownlist [(ngModel)]="selectedHeroClass" name="heroClass" [data]="heroClasses"
|
|
[valueField]="'value'" [textField]="'text'"
|
|
[defaultItem]="{ value: null, text: 'Select hero class...' }">
|
|
</kendo-dropdownlist>
|
|
</div>
|
|
<div class="col-md-4">
|
|
|
|
<label class="k-label">Title</label>
|
|
<input kendoTextBox [(ngModel)]="model.title" name="title" class="k-input"
|
|
placeholder="Enter hero profile title" />
|
|
</div>
|
|
<div class="col-md-2">
|
|
|
|
<label class="k-label">Mana</label>
|
|
<kendo-numerictextbox [(ngModel)]="model.mana" name="mana" [format]="'n0'" [min]="0" [max]="100"
|
|
class="k-input" placeholder="Enter mana value">
|
|
</kendo-numerictextbox>
|
|
</div>
|
|
<div class="col-md-2">
|
|
|
|
<label class="k-label">HP</label>
|
|
<kendo-numerictextbox [(ngModel)]="model.hp" name="hP" [format]="'n0'" [min]="0" [max]="100"
|
|
class="k-input" placeholder="Enter HP value">
|
|
</kendo-numerictextbox>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<div class="form-group">
|
|
<label class="k-label">Skill HTML</label>
|
|
|
|
<md2-html-editor [(ngModel)]="model.skillHtml" name="skillHtml" class="htmlEditor"></md2-html-editor>
|
|
</div>
|
|
|
|
<div class="form-group">
|
|
<label class="k-label">Shadow Skill HTML</label>
|
|
<md2-html-editor [(ngModel)]="model.shadowSkillHtml" name="shadowSkillHtml"
|
|
class="htmlEditor"></md2-html-editor>
|
|
</div>
|
|
|
|
</form>
|
|
</div>
|
|
|
|
<kendo-dialog-actions>
|
|
<button kendoButton (click)="close()">Cancel</button>
|
|
<button kendoButton [primary]="true" (click)="save()" [disabled]="!isValid || processing">
|
|
{{ processing ? 'Saving...' : 'Save' }}
|
|
</button>
|
|
</kendo-dialog-actions> |