-
-
Notifications
You must be signed in to change notification settings - Fork 202
/
ApplicationComponent.js
101 lines (79 loc) · 2.2 KB
/
ApplicationComponent.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
import {
get,
computed,
inject,
observer,
Component
} from "Ember";
import { themes } from "config";
import { isDarwin } from "utils/node/platform";
import guiSelectable from "gui/selectable";
import {
enable as enableSmoothScroll,
disable as disableSmoothScroll
} from "gui/smoothscroll";
import layout from "templates/components/ApplicationComponent.hbs";
const { alias } = computed;
const { service } = inject;
const { themes: themesList } = themes;
const reTheme = /^theme-/;
export default Component.extend({
routing: service( "-routing" ),
settings: service(),
layout,
tagName: "body",
classNames: [ "wrapper", "vertical" ],
theme: alias( "settings.content.gui_theme" ),
themeObserver: observer( "themes", "theme", function() {
var theme = get( this, "theme" );
if ( themesList.indexOf( theme ) === -1 ) {
theme = "default";
}
var list = document.documentElement.classList;
[].forEach.call( list, function( name ) {
if ( !reTheme.test( name ) ) { return; }
list.remove( name );
});
list.add( `theme-${theme}` );
}).on( "init" ),
smoothscrollObserver: observer( "settings.content.gui_smoothscroll", function() {
if ( get( this, "settings.content.gui_smoothscroll" ) ) {
enableSmoothScroll();
} else {
disableSmoothScroll();
}
}).on( "didInsertElement" ),
init() {
document.documentElement.removeChild( document.body );
this._super( ...arguments );
},
didInsertElement() {
guiSelectable();
this.disableGlobalDragAndDrop();
this._super( ...arguments );
},
keyUp( e ) {
// f5 or ctrl+r
if ( e.keyCode === 116 || e.keyCode === 82 && e.ctrlKey === true ) {
// MacOS has its menubar with its own hotkeys
if ( isDarwin ) { return; }
get( this, "routing" ).refresh();
// alt+left
} else if ( e.keyCode === 37 && e.altKey ) {
get( this, "routing" ).history( -1 );
// alt+right
} else if ( e.keyCode === 39 && e.altKey ) {
get( this, "routing" ).history( +1 );
} else {
return;
}
e.preventDefault();
e.stopImmediatePropagation();
},
disableGlobalDragAndDrop() {
this.$().on( "dragstart dragover dragend dragenter dragleave dragexit drag drop", e => {
e.preventDefault();
e.stopImmediatePropagation();
});
}
});