open log button on page

Author: ShMcK

CHANGELOG.md

@@ -22,5 +22,5 @@ This project adheres to [Semantic Versioning](http://semver.org/).
 - fix tutorial progress issues
 - use `::>` to set cursor position
 
-## [0.5.4] - 2016-03
+## [0.5.4] - coming soon
 - fix bug that prevented scroll in Atom 1.6+

lib/atom/editor.js

@@ -96,3 +96,7 @@ function openFolder() {
     atom.open();
 }
 exports.openFolder = openFolder;
+function toggleDevTools() {
+    atom.toggleDevTools();
+}
+exports.toggleDevTools = toggleDevTools;

lib/components/page/toolbar.js

@@ -42,7 +42,7 @@ var default_1 = (function (_super) {
     default_1.prototype.render = function () {
         var _a = this.props, tasks = _a.tasks, taskPosition = _a.taskPosition;
         var progress = taskProgress(taskPosition, tasks.length);
-        return (React.createElement("section", {className: 'cr-page-toolbar'}, React.createElement(ProgressBar, {progress: progress}), React.createElement(material_ui_1.Toolbar, null, React.createElement(material_ui_1.ToolbarGroup, {float: 'right'}, this.getButton()))));
+        return (React.createElement("section", {className: 'cr-page-toolbar'}, React.createElement(ProgressBar, {progress: progress}), React.createElement(material_ui_1.Toolbar, null, React.createElement(material_ui_1.ToolbarGroup, {float: 'left'}, React.createElement(material_ui_1.FlatButton, {label: 'Log', onTouchTap: editor_1.toggleDevTools})), React.createElement(material_ui_1.ToolbarGroup, {float: 'right'}, this.getButton()))));
     };
     default_1 = __decorate([
         react_redux_1.connect(null, function (dispatch, state) {

package.json

@@ -6,7 +6,10 @@
   "author": "Shawn McKay <shawn.j.mckay@gmail.com>",
   "keywords": [
     "atom",
-    "coderoad"
+    "coderoad",
+    "tutorial",
+    "learn",
+    "education"
   ],
   "activationCommands": {
     "atom-workspace": "cr-viewer:toggle"
@@ -49,7 +52,7 @@
   },
   "devDependencies": {
     "ava": "^0.12.0",
-    "enzyme": "2.0.0",
+    "enzyme": "2.1.0",
     "jsdom": "8.1.0",
     "react-addons-test-utils": "0.14.7"
   },

src/atom/editor.ts

@@ -107,3 +107,7 @@ export function quit() {
 export function openFolder() {
   atom.open();
 }
+
+export function toggleDevTools() {
+  atom.toggleDevTools();
+}

src/components/page/toolbar.tsx

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import {connect} from 'react-redux';
 import * as Action from '../../actions/actions';
-import {LinearProgress, Toolbar, ToolbarGroup, RaisedButton} from 'material-ui';
-import {save} from '../../atom/editor';
+import {LinearProgress, Toolbar, ToolbarGroup, RaisedButton, FlatButton} from 'material-ui';
+import {save, toggleDevTools} from '../../atom/editor';
 import {store} from '../../_base';
 
 const ProgressBar = ({progress}) => <LinearProgress mode='determinate'
@@ -41,6 +41,10 @@ export default class extends React.Component<{
 
       <Toolbar>
 
+      <ToolbarGroup float='left'>
+        <FlatButton label='Log' onTouchTap={toggleDevTools} />
+      </ToolbarGroup>
+
       <ToolbarGroup float='right'>
         {/* add log here */}
         {this.getButton()}

tsconfig.json

@@ -63,6 +63,7 @@
     "src/atom/main.ts",
     "src/atom/subscriptions.ts",
     "src/components/_components.ts",
+    "src/components/dialog/dialog.ts",
     "src/components/remove-later.ts",
     "src/components/theme/theme.ts",
     "src/reducers/alert/alert.ts",