Martin Brennan
38 lines
1.0 KiB
Plaintext
38 lines
1.0 KiB
Plaintext
import Component from "@glimmer/component";
|
|
import { tracked } from "@glimmer/tracking";
|
|
import { action } from "@ember/object";
|
|
import { service } from "@ember/service";
|
|
import DButton from "discourse/components/d-button";
|
|
import bodyClass from "discourse/helpers/body-class";
|
|
|
|
export default class ComposerPeekModeToggle extends Component {
|
|
@service composer;
|
|
@service keyValueStore;
|
|
|
|
@tracked
|
|
peekModeActive = this.keyValueStore.getItem("peekModeActive") === "true";
|
|
|
|
get bodyCssClass() {
|
|
return this.peekModeActive ? "peek-mode-active" : "";
|
|
}
|
|
|
|
@action
|
|
togglePeekMode() {
|
|
this.peekModeActive = !this.peekModeActive;
|
|
this.keyValueStore.setItem("peekModeActive", this.peekModeActive);
|
|
if (this.composer.showPreview) {
|
|
this.composer.togglePreview();
|
|
}
|
|
}
|
|
|
|
<template>
|
|
{{bodyClass this.bodyCssClass}}
|
|
<DButton
|
|
@action={{this.togglePeekMode}}
|
|
@preventFocus={{true}}
|
|
@icon="discourse-sidebar"
|
|
class="btn-mini-toggle no-text peek-mode-toggle btn-transparent"
|
|
/>
|
|
</template>
|
|
}
|