MontoyaTech/ignite-html-material
MontoyaTech/ignite-html-material
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Added ability to show toggle button for Drawer.

Browse Source
This commit is contained in:
Matt Mo 2021-01-05 10:32:39 -08:00
parent 07b74e39b7
commit d9bca5d579
1 changed files with 3 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

5
drawer.js
View File

@ -121,6 +121,7 @@ class Drawer extends IgniteElement {
get properties() { get properties() {
return { return {
show: false, show: false,
showToggleButton: true,
responsive: new IgniteProperty(true, (oldValue, value) => { responsive: new IgniteProperty(true, (oldValue, value) => {
//If responsive is false and mobile is true, set mobile to false. //If responsive is false and mobile is true, set mobile to false.
if (!value && this.mobile) { if (!value && this.mobile) {
@ -162,7 +163,7 @@ class Drawer extends IgniteElement {
.child( .child(
new button() new button()
.class("open-btn") .class("open-btn")
.show([this.mobile, this.show], (mobile, show) => mobile && !show) .show([this.mobile, this.show, this.showToggleButton], (mobile, show, toggle) => mobile && !show && toggle)
.onClick(() => this.show = true) .onClick(() => this.show = true)
.child("<i class='fas fa-chevron-right'></i>"), .child("<i class='fas fa-chevron-right'></i>"),
new div() new div()
@ -175,7 +176,7 @@ class Drawer extends IgniteElement {
.child( .child(
new button() new button()
.class("close-btn") .class("close-btn")
.show([this.mobile, this.show], (mobile, show) => mobile && show) .show([this.mobile, this.show, this.toggle], (mobile, show, toggle) => mobile && show && toggle)
.onClick(() => this.show = false) .onClick(() => this.show = false)
.child("<i class='fas fa-chevron-left'></i>") .child("<i class='fas fa-chevron-left'></i>")
) )