Skip to content
Snippets Groups Projects
Commit a4d596fb authored by Eugen Ciur's avatar Eugen Ciur
Browse files

add panel modes: swap, move to left, move to right

parent 59595978
No related branches found
No related tags found
No related merge requests found
<div class="d-flex"> <div class="d-flex">
<Commander::ViewMode <Commander::ViewMode
@onViewModeChange={{@onViewModeChange}} /> @onViewModeChange={{@onViewModeChange}} />
<PanelModes
@dualPanelMode={{@dualPanelMode}}
@hint={{@hint}} />
<div class="panel-mode"> <div class="panel-mode">
<button type="button" class="btn btn-light mx-1" <button type="button" class="btn btn-light mx-1"
{{on "click" (fn @onPanelToggle @hint) }}> {{on "click" (fn @onPanelToggle @hint) }}>
...@@ -11,4 +17,5 @@ ...@@ -11,4 +17,5 @@
{{/if}} {{/if}}
</button> </button>
</div> </div>
</div> </div>
{{#if @dualPanelMode}}
{{#if (is_equal @hint "left")}}
<button type="button"
class="btn btn-light mx-1">
<i class="bi-arrow-bar-right"></i>
</button>
{{else}}
<button type="button"
class="btn btn-light mx-1">
<i class="bi-arrow-bar-left"></i>
</button>
{{/if}}
<button type="button"
class="btn btn-light mx-1">
<i class="bi-arrow-left-right"></i>
</button>
{{/if}}
<div class="d-flex"> <div class="d-flex">
<PanelModes
@dualPanelMode={{@dualPanelMode}}
@hint={{@hint}} />
<div class="panel-mode"> <div class="panel-mode">
<button type="button" class="btn btn-light mx-1" <button type="button" class="btn btn-light mx-1"
{{on "click" (fn @onPanelToggle @hint)}}> {{on "click" (fn @onPanelToggle @hint)}}>
......
...@@ -36,4 +36,19 @@ export default class DocumentController extends DualPanelBaseController { ...@@ -36,4 +36,19 @@ export default class DocumentController extends DualPanelBaseController {
} }
} }
@action
onSwapPanels() {
console.log(`onSwapPanels`);
}
@action
onLeftDuplicate() {
console.log(`onLeftDuplicate`);
}
@action
onRightDuplicate() {
console.log(`onRightDuplicate`);
}
} }
...@@ -34,4 +34,19 @@ export default class NodesController extends DualPanelBaseController { ...@@ -34,4 +34,19 @@ export default class NodesController extends DualPanelBaseController {
this.extra_type = 'folder'; this.extra_type = 'folder';
} }
} }
@action
onSwapPanels() {
console.log(`onSwapPanels`);
}
@action
onLeftDuplicate() {
console.log(`onLeftDuplicate`);
}
@action
onRightDuplicate() {
console.log(`onRightDuplicate`);
}
} }
...@@ -20,5 +20,3 @@ ...@@ -20,5 +20,3 @@
} }
} }
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Please register or to comment