|
1 | 1 | "use strict"; |
| 2 | +var __extends = (this && this.__extends) || function (d, b) { |
| 3 | + for (var p in b) if (b.hasOwnProperty(p)) d[p] = b[p]; |
| 4 | + function __() { this.constructor = d; } |
| 5 | + d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __()); |
| 6 | +}; |
2 | 7 | var React = require('react'); |
3 | 8 | var DynamicStepper_1 = require('./DynamicStepper'); |
4 | 9 | var StepCheck_1 = require('./StepCheck'); |
5 | 10 | var VerifyButton_1 = require('./VerifyButton'); |
6 | 11 | var Card_1 = require('material-ui/Card'); |
7 | 12 | var colors_1 = require('material-ui/styles/colors'); |
8 | | -var SystemChecks = function (_a) { |
9 | | - var checks = _a.checks; |
10 | | - var system = checks.system; |
11 | | - if (system.passed) { |
12 | | - return null; |
| 13 | +var SystemChecks = (function (_super) { |
| 14 | + __extends(SystemChecks, _super); |
| 15 | + function SystemChecks() { |
| 16 | + _super.apply(this, arguments); |
13 | 17 | } |
14 | | - var status = [system.node, system.npm]; |
15 | | - return (React.createElement(Card_1.Card, {className: 'cr-check'}, |
16 | | - React.createElement(Card_1.CardHeader, {title: 'System Checks', subtitle: 'CodeRoad requires several key dependencies'}), |
17 | | - React.createElement(Card_1.CardText, null, |
18 | | - React.createElement(DynamicStepper_1.default, {status: status}, |
19 | | - React.createElement(StepCheck_1.default, {label: 'Node >= 0.10', completed: system.node}, |
20 | | - React.createElement("p", null, |
21 | | - "Install a newer version of ", |
22 | | - React.createElement("a", {style: { color: colors_1.pink500 }, href: 'https://nodejs.org'}, "NodeJS")), |
23 | | - React.createElement("p", null, "Either version 4 (stable) or above.")), |
24 | | - React.createElement(StepCheck_1.default, {label: 'NPM >= 3', completed: system.npm}, |
25 | | - "Update your version of NPM.", |
26 | | - React.createElement("br", null), |
27 | | - React.createElement("code", null, "> npm update -g npm"), |
28 | | - React.createElement("br", null)), |
29 | | - React.createElement(StepCheck_1.default, {label: 'Atom >= 1.8', completed: system.atom}, |
30 | | - React.createElement("p", null, "First make sure you have atom shell commands installed." + ' ' + "Click the atom menu and select \"Istall Shell Commands\"."), |
31 | | - React.createElement("p", null, |
32 | | - "Otherwise, update your version of Atom.", |
| 18 | + SystemChecks.prototype.render = function () { |
| 19 | + var system = this.props.checks.system; |
| 20 | + if (system.passed) { |
| 21 | + return null; |
| 22 | + } |
| 23 | + var status = [system.node, system.npm]; |
| 24 | + return (React.createElement(Card_1.Card, {className: 'cr-check'}, |
| 25 | + React.createElement(Card_1.CardHeader, {title: 'System Checks', subtitle: 'CodeRoad requires several key dependencies'}), |
| 26 | + React.createElement(Card_1.CardText, null, |
| 27 | + React.createElement(DynamicStepper_1.default, {status: status}, |
| 28 | + React.createElement(StepCheck_1.default, {label: 'Node >= 0.10', completed: system.node}, |
| 29 | + React.createElement("p", null, |
| 30 | + "Install a newer version of ", |
| 31 | + React.createElement("a", {style: { color: colors_1.pink500 }, href: 'https://nodejs.org'}, "NodeJS")), |
| 32 | + React.createElement("p", null, "Either version 4 (stable) or above.")), |
| 33 | + React.createElement(StepCheck_1.default, {label: 'NPM >= 3', completed: system.npm}, |
| 34 | + "Update your version of NPM.", |
33 | 35 | React.createElement("br", null), |
34 | | - "Click on the blue \"update\" squirrel in the bottom right corner of your editor.")), |
35 | | - React.createElement(StepCheck_1.default, {label: 'Xcode', completed: system.xcode}, |
36 | | - React.createElement("p", null, |
37 | | - "Install ", |
38 | | - React.createElement("a", {style: { color: colors_1.pink500 }, href: 'https://developer.apple.com/xcode/download/'}, "XCode")) |
39 | | - )) |
40 | | - ), |
41 | | - React.createElement(Card_1.CardActions, null, |
42 | | - React.createElement(VerifyButton_1.default, null) |
43 | | - ))); |
44 | | -}; |
| 36 | + React.createElement("code", null, "> npm update -g npm"), |
| 37 | + React.createElement("br", null)), |
| 38 | + React.createElement(StepCheck_1.default, {label: 'Atom >= 1.8', completed: system.atom}, |
| 39 | + React.createElement("p", null, "First make sure you have atom shell commands installed." + ' ' + "Click the atom menu and select \"Istall Shell Commands\"."), |
| 40 | + React.createElement("p", null, |
| 41 | + "Otherwise, update your version of Atom.", |
| 42 | + React.createElement("br", null), |
| 43 | + "Click on the blue \"update\" squirrel in the bottom right corner of your editor.")), |
| 44 | + React.createElement(StepCheck_1.default, {label: 'Xcode', completed: system.xcode}, |
| 45 | + React.createElement("p", null, |
| 46 | + "Install ", |
| 47 | + React.createElement("a", {style: { color: colors_1.pink500 }, href: 'https://developer.apple.com/xcode/download/'}, "XCode")) |
| 48 | + )) |
| 49 | + ), |
| 50 | + React.createElement(Card_1.CardActions, null, |
| 51 | + React.createElement(VerifyButton_1.default, null) |
| 52 | + ))); |
| 53 | + }; |
| 54 | + return SystemChecks; |
| 55 | +}(React.Component)); |
| 56 | +; |
45 | 57 | Object.defineProperty(exports, "__esModule", { value: true }); |
46 | 58 | exports.default = SystemChecks; |
0 commit comments