46 lines
2.3 KiB
HTML
46 lines
2.3 KiB
HTML
<div class="action--editor">
|
|
<div class="row">
|
|
<div class="col-xs-4 editor__tab-links">
|
|
<ul class="nav nav-pills nav-stacked">
|
|
<li #macroText [class.active]="activeTab === TabName.Text" (click)="selectTab(TabName.Text)">
|
|
<a>
|
|
<i class="fa fa-font"></i>
|
|
<span>Type text</span>
|
|
</a>
|
|
</li>
|
|
<li #macroKeypress [class.active]="activeTab === TabName.Keypress" (click)="selectTab(TabName.Keypress)">
|
|
<a>
|
|
<i class="fa fa-keyboard-o"></i>
|
|
<span>Key action</span>
|
|
</a>
|
|
</li>
|
|
<li #macroMouse [class.active]="activeTab === TabName.Mouse" (click)="selectTab(TabName.Mouse)">
|
|
<a>
|
|
<i class="fa fa-mouse-pointer"></i>
|
|
<span>Mouse action</span>
|
|
</a>
|
|
</li>
|
|
<li #macroDelay [class.active]="activeTab === TabName.Delay" (click)="selectTab(TabName.Delay)">
|
|
<a>
|
|
<i class="fa fa-clock-o"></i>
|
|
<span>Delay</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="col-xs-8 editor__tabs" [ngSwitch]="activeTab">
|
|
<macro-text-tab #tab *ngSwitchCase="TabName.Text" [macroAction]="editableMacroAction"></macro-text-tab>
|
|
<macro-key-tab #tab *ngSwitchCase="TabName.Keypress" [macroAction]="editableMacroAction"></macro-key-tab>
|
|
<macro-mouse-tab #tab *ngSwitchCase="TabName.Mouse" [macroAction]="editableMacroAction"></macro-mouse-tab>
|
|
<macro-delay-tab #tab *ngSwitchCase="TabName.Delay" [macroAction]="editableMacroAction"></macro-delay-tab>
|
|
</div>
|
|
</div>
|
|
<div class="row">
|
|
<div class="col-xs-12 flex-button-wrapper editor__actions-container">
|
|
<div class="editor__actions">
|
|
<button class="btn btn-sm btn-default flex-button" type="button" (click)="onCancelClick()"> Cancel </button>
|
|
<button class="btn btn-sm btn-primary flex-button" type="button" (click)="onSaveClick()"> Save </button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |