8000 autocommit docs · SimonBiggs/phosphorjs.github.io@f4f87a5 · GitHub
[go: up one dir, main page]
Skip to content

Commit f4f87a5

Browse files
author
Travis Bot
committed
autocommit docs
1 parent 296171c commit f4f87a5

File tree

6 files changed

+1070
-1054
lines changed

6 files changed

+1070
-1054
lines changed

‎examples/dockpanel/bundle.js

Lines changed: 1036 additions & 1033 deletions
Large diffs are not rendered by default.

‎examples/dockpanel/index.css

Lines changed: 8 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -21,6 +21,14 @@ body {
2121
}
2222

2323

24+
.CodeMirrorWidget {
25+
border: 1px solid #C0C0C0;
26+
min-width: 200px;
27+
min-height: 200px;
28+
z-index: 0; /* isolate stacking context */
29+
}
30+
31+
2432
.content {
2533
border: 1px solid black;
2634
min-width: 50px;

‎examples/dockpanel/index.html

Lines changed: 0 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,3 @@
1-
21
<!DOCTYPE html>
32
<html>
43
<head>

‎examples/dockpanel/index.js

Lines changed: 12 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -52,6 +52,9 @@ var CodeMirrorWidget = (function (_super) {
5252
};
5353
return CodeMirrorWidget;
5454
})(phosphor_widget_1.Widget);
55+
/**
56+
* Create a placeholder content widget.
57+
*/
5558
function createContent(title) {
5659
var widget = new phosphor_widget_1.Widget();
5760
widget.addClass('content');
@@ -61,6 +64,9 @@ function createContent(title) {
6164
phosphor_dockpanel_1.DockPanel.setTab(widget, tab);
6265
return widget;
6366
}
67+
/**
68+
* The main application entry point.
69+
*/
6470
function main() {
6571
var r1 = createContent('Red');
6672
var r2 = createContent('Red');
@@ -74,7 +80,6 @@ function main() {
7480
var y2 = createContent('Yellow');
7581
var panel = new phosphor_dockpanel_1.DockPanel();
7682
panel.id = 'main';
77-
// Create the CodeMirror widget with a typescript mode.
7883
var cmSource = new CodeMirrorWidget({
7984
mode: 'text/typescript',
8085
lineNumbers: true,
@@ -87,17 +92,15 @@ function main() {
8792
tabSize: 2,
8893
});
8994
cmCss.loadTarget('./index.css');
90-
var sourceTab = new phosphor_tabs_1.Tab('Source');< 8000 /span>
91-
phosphor_dockpanel_1.DockPanel.setTab(cmSource, sourceTab);
92-
var cssTab = new phosphor_tabs_1.Tab('CSS');
93-
phosphor_dockpanel_1.DockPanel.setTab(cmCss, cssTab);
94-
panel.addWidget(r1);
95-
panel.addWidget(b1, phosphor_dockpanel_1.DockPanel.SplitRight, r1);
95+
phosphor_dockpanel_1.DockPanel.setTab(cmSource, new phosphor_tabs_1.Tab('Source'));
96+
phosphor_dockpanel_1.DockPanel.setTab(cmCss, new phosphor_tabs_1.Tab('CSS'));
97+
panel.addWidget(cmSource);
98+
panel.addWidget(b1, phosphor_dockpanel_1.DockPanel.SplitRight, cmSource);
9699
panel.addWidget(y1, phosphor_dockpanel_1.DockPanel.SplitBottom, b1);
97100
panel.addWidget(g1, phosphor_dockpanel_1.DockPanel.SplitLeft, y1);
98101
panel.addWidget(b2, phosphor_dockpanel_1.DockPanel.SplitBottom);
99-
panel.addWidget(cmCss, phosphor_dockpanel_1.DockPanel.TabBefore, r1);
100-
panel.addWidget(cmSource, phosphor_dockpanel_1.DockPanel.TabBefore, cmCss);
102+
panel.addWidget(cmCss, phosphor_dockpanel_1.DockPanel.TabAfter, cmSource);
103+
panel.addWidget(r1, phosphor_dockpanel_1.DockPanel.TabAfter, cmCss);
101104
panel.addWidget(g2, phosphor_dockpanel_1.DockPanel.TabBefore, b2);
102105
panel.addWidget(y2, phosphor_dockpanel_1.DockPanel.TabBefore, g2);
103106
panel.addWidget(g3, phosphor_dockpanel_1.DockPanel.TabBefore, y2);

‎examples/dockpanel/index.ts

Lines changed: 12 additions & 10 deletions
Original file line numberDiff line numberDiff line change
@@ -65,6 +65,9 @@ class CodeMirrorWidget extends Widget {
6565
}
6666

6767

68+
/**
69+
* Create a placeholder content widget.
70+
*/
6871
function createContent(title: string): Widget {
6972
var widget = new Widget();
7073
widget.addClass('content');
@@ -78,6 +81,9 @@ function createContent(title: string): Widget {
7881
}
7982

8083

84+
/**
85+
* The main application entry point.
86+
*/
8187
function main(): void {
8288
var r1 = createContent('Red');
8389
var r2 = createContent('Red');
@@ -96,7 +102,6 @@ function main(): void {
96102
var panel = new DockPanel();
97103
panel.id = 'main';
98104

99-
// Create the CodeMirror widget with a typescript mode.
100105
var cmSource = new CodeMirrorWidget({
101106
mode: 'text/typescript',
102107
lineNumbers: true,
@@ -111,21 +116,18 @@ function main(): void {
111116
});
112117
cmCss.loadTarget('./index.css');
113118

114-
var sourceTab = new Tab('Source');
115-
DockPanel.setTab(cmSource, sourceTab);
116-
117-
var cssTab = new Tab('CSS');
118-
DockPanel.setTab(cmCss, cssTab);
119+
DockPanel.setTab(cmSource, new Tab('Source'));
120+
DockPanel.setTab(cmCss, new Tab('CSS'));
119121

120-
panel.addWidget(r1);
121-
panel.addWidget(b1, DockPanel.SplitRight, r1);
122+
panel.addWidget(cmSource);
123+
panel.addWidget(b1, DockPanel.SplitRight, cmSource);
122124
panel.addWidget(y1, DockPanel.SplitBottom, b1);
123125
panel.addWidget(g1, DockPanel.SplitLeft, y1);
124126

125127
panel.addWidget(b2, DockPanel.SplitBottom);
126128

127-
panel.addWidget(cmCss, DockPanel.TabBefore, r1);
128-
panel.addWidget(cmSource, DockPanel.TabBefore, cmCss);
129+
panel.addWidget(cmCss, DockPanel.TabAfter, cmSource);
130+
panel.addWidget(r1, DockPanel.TabAfter, cmCss);
129131
panel.addWidget(g2, DockPanel.TabBefore, b2);
130132
panel.addWidget(y2, DockPanel.TabBefore, g2);
131133
panel.addWidget(g3, DockPanel.TabBefore, y2);

‎examples/dockpanel/package.json

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,8 @@
66
"postinstall": "npm dedupe"
77
},
88
"dependencies": {
9-
"phosphor-dockpanel": "^0.9.0",
9+
"phosphor-dockpanel": "^0.9.1",
10+
"phosphor-messaging": "^1.0.4",
1011
"phosphor-tabs": "^0.9.5",
1112
"phosphor-widget": "^0.9.9"
1213
},

0 commit comments

Comments
 (0)
0