You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@couchdb.apache.org by ga...@apache.org on 2016/05/31 07:58:31 UTC
[03/27] fauxton commit: updated refs/heads/master to 0ca35da
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/0ca35da7/app/addons/styletests/styletests.react.jsx
----------------------------------------------------------------------
diff --git a/app/addons/styletests/styletests.react.jsx b/app/addons/styletests/styletests.react.jsx
index 57c4c50..bbb3049 100644
--- a/app/addons/styletests/styletests.react.jsx
+++ b/app/addons/styletests/styletests.react.jsx
@@ -23,508 +23,503 @@
// License for the specific language governing permissions and limitations under
// the License.
-define([
- "app",
- "api",
- 'react'
+import app from "app";
+import FauxtonAPI from "api";
+import React from "react";
-], function (app, FauxtonAPI, React) {
+var StyleTests = React.createClass({
- var StyleTests = React.createClass({
+ render: function () {
+ return (
+ <div className="container theme-showcase">
- render: function () {
- return (
- <div className="container theme-showcase">
+ <div className="jumbotron">
+ <h1>Fauxton Style Guide <small>mostly made of Bootstrap 2.x</small></h1>
+ <p>(Mostly) Standard Bootstrap styles customized for Fauxton.</p>
+ </div>
- <div className="jumbotron">
- <h1>Fauxton Style Guide <small>mostly made of Bootstrap 2.x</small></h1>
- <p>(Mostly) Standard Bootstrap styles customized for Fauxton.</p>
- </div>
+ <div className="page-header">
+ <h1>Typography</h1>
+ </div>
+ <h1>h1. Heading 1</h1>
+ <h2>h2. Heading 2</h2>
+ <h3>h3. Heading 3</h3>
+ <h4>h4. Heading 4</h4>
+ <h5>h5. Heading 5</h5>
+ <h6>h6. Heading 6</h6>
+
+ <div className="page-header">
+ <h1>Buttons</h1>
+ </div>
- <div className="page-header">
- <h1>Typography</h1>
- </div>
- <h1>h1. Heading 1</h1>
- <h2>h2. Heading 2</h2>
- <h3>h3. Heading 3</h3>
- <h4>h4. Heading 4</h4>
- <h5>h5. Heading 5</h5>
- <h6>h6. Heading 6</h6>
-
- <div className="page-header">
- <h1>Buttons</h1>
- </div>
+ <h4>Bootstrap Standard Button className names</h4>
+ <p>.btn.btn-large.btn-*<br />
+ <button type="button" className="btn btn-large btn-default">Default</button>
+ <button type="button" className="btn btn-large btn-primary">Primary</button>
+ <button type="button" className="btn btn-large btn-success">Success</button>
+ <button type="button" className="btn btn-large btn-info">Info</button>
+ <button type="button" className="btn btn-large btn-warning">Warning</button>
+ <button type="button" className="btn btn-large btn-danger">Danger</button>
+ <button type="button" className="btn btn-large btn-link">Link</button>
+ </p>
+ <p>.btn.btn-*<br />
+ <button type="button" className="btn btn-default">Default</button>
+ <button type="button" className="btn btn-primary">Primary</button>
+ <button type="button" className="btn btn-success">Success</button>
+ <button type="button" className="btn btn-info">Info</button>
+ <button type="button" className="btn btn-warning">Warning</button>
+ <button type="button" className="btn btn-danger">Danger</button>
+ <button type="button" className="btn btn-link">Link</button>
+ </p>
+ <p>.btn.btn-small.btn-*<br />
+ <button type="button" className="btn btn-small btn-default">Default</button>
+ <button type="button" className="btn btn-small btn-primary">Primary</button>
+ <button type="button" className="btn btn-small btn-success">Success</button>
+ <button type="button" className="btn btn-small btn-info">Info</button>
+ <button type="button" className="btn btn-small btn-warning">Warning</button>
+ <button type="button" className="btn btn-small btn-danger">Danger</button>
+ <button type="button" className="btn btn-small btn-link">Link</button>
+ </p>
+ <p>.btn.btn-mini.btn-*<br />
+ <button type="button" className="btn btn-mini btn-default">Default</button>
+ <button type="button" className="btn btn-mini btn-primary">Primary</button>
+ <button type="button" className="btn btn-mini btn-success">Success</button>
+ <button type="button" className="btn btn-mini btn-info">Info</button>
+ <button type="button" className="btn btn-mini btn-warning">Warning</button>
+ <button type="button" className="btn btn-mini btn-danger">Danger</button>
+ <button type="button" className="btn btn-mini btn-link">Link</button>
+ </p>
+
+ <h4>with Icons</h4>
+ <p>.btn.btn-large.btn-*<br />
+ <button type="button" className="btn btn-large btn-default"><i className="icon fonticon-new-database"></i> Default</button>
+ <button type="button" className="btn btn-large btn-primary"><i className="icon fonticon-new-database"></i> Primary</button>
+ <button type="button" className="btn btn-large btn-success"><i className="icon fonticon-new-database"></i> Success</button>
+ <button type="button" className="btn btn-large btn-info"><i className="icon fonticon-new-database"></i> Info</button>
+ <button type="button" className="btn btn-large btn-warning"><i className="icon fonticon-new-database"></i> Warning</button>
+ <button type="button" className="btn btn-large btn-danger"><i className="icon fonticon-new-database"></i> Danger</button>
+ <button type="button" className="btn btn-large btn-link"><i className="icon fonticon-new-database"></i> Link</button>
+ </p>
+
+ <p>.btn.btn-*<br />
+ <button type="button" className="btn btn-default"><i className="icon fonticon-new-database"></i> Default</button>
+ <button type="button" className="btn btn-primary"><i className="icon fonticon-new-database"></i> Primary</button>
+ <button type="button" className="btn btn-success"><i className="icon fonticon-new-database"></i> Success</button>
+ <button type="button" className="btn btn-info"><i className="icon fonticon-new-database"></i> Info</button>
+ <button type="button" className="btn btn-warning"><i className="icon fonticon-new-database"></i> Warning</button>
+ <button type="button" className="btn btn-danger"><i className="icon fonticon-new-database"></i> Danger</button>
+ <button type="button" className="btn btn-link"><i className="icon fonticon-new-database"></i> Link</button>
+ </p>
+ <p>.btn.btn-small.btn-*<br />
+ <button type="button" className="btn btn-small btn-default"><i className="icon fonticon-new-database"></i> Default</button>
+ <button type="button" className="btn btn-small btn-primary"><i className="icon fonticon-new-database"></i> Primary</button>
+ <button type="button" className="btn btn-small btn-success"><i className="icon fonticon-new-database"></i> Success</button>
+ <button type="button" className="btn btn-small btn-info"><i className="icon fonticon-new-database"></i> Info</button>
+ <button type="button" className="btn btn-small btn-warning"><i className="icon fonticon-new-database"></i> Warning</button>
+ <button type="button" className="btn btn-small btn-danger"><i className="icon fonticon-new-database"></i> Danger</button>
+ <button type="button" className="btn btn-small btn-link"><i className="icon fonticon-new-database"></i> Link</button>
+ </p>
+ <p>.btn.btn-mini.btn-*<br />
+ <button type="button" className="btn btn-mini btn-default"><i className="icon fonticon-new-database"></i> Default</button>
+ <button type="button" className="btn btn-mini btn-primary"><i className="icon fonticon-new-database"></i> Primary</button>
+ <button type="button" className="btn btn-mini btn-success"><i className="icon fonticon-new-database"></i> Success</button>
+ <button type="button" className="btn btn-mini btn-info"><i className="icon fonticon-new-database"></i> Info</button>
+ <button type="button" className="btn btn-mini btn-warning"><i className="icon fonticon-new-database"></i> Warning</button>
+ <button type="button" className="btn btn-mini btn-danger"><i className="icon fonticon-new-database"></i> Danger</button>
+ <button type="button" className="btn btn-mini btn-link"><i className="icon fonticon-new-database"></i> Link</button>
+ </p>
+
+ <h4>just Icons</h4>
+ <p>.btn.btn-large.btn-*<br />
+ <button type="button" className="btn btn-large btn-default"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-large btn-primary"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-large btn-success"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-large btn-info"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-large btn-warning"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-large btn-danger"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-large btn-link"><i className="icon fonticon-new-database"></i></button>
+ </p>
+
+ <p>.btn.btn-*<br />
+ <button type="button" className="btn btn-default"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-primary"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-success"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-info"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-warning"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-danger"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-link"><i className="icon fonticon-new-database"></i></button>
+ </p>
+ <p>.btn.btn-small.btn-*<br />
+ <button type="button" className="btn btn-small btn-default"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-small btn-primary"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-small btn-success"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-small btn-info"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-small btn-warning"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-small btn-danger"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-small btn-link"><i className="icon fonticon-new-database"></i></button>
+ </p>
+ <p>.btn.btn-mini.btn-*<br />
+ <button type="button" className="btn btn-mini btn-default"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-mini btn-primary"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-mini btn-success"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-mini btn-info"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-mini btn-warning"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-mini btn-danger"><i className="icon fonticon-new-database"></i></button>
+ <button type="button" className="btn btn-mini btn-link"><i className="icon fonticon-new-database"></i></button>
+ </p>
+ <p>.btn-group<br />
+ <div className="btn-group">
+ <a href="#" className="btn btn-small edits">Edit design doc</a>
+ <button href="#" className="btn btn-small btn-danger delete" title="Delete this document."><i className="icon icon-trash"></i></button>
+ </div>
+ </p>
+
+ <h4>disabled</h4>
+ <p>.btn.btn-*<br />
+ <button type="button" disabled="disabled" className="btn btn-default"><i className="icon fonticon-new-database"></i> Default</button>
+ <button type="button" disabled="disabled" className="btn btn-primary"><i className="icon fonticon-new-database"></i> Primary</button>
+ <button type="button" disabled="disabled" className="btn btn-success"><i className="icon fonticon-new-database"></i> Success</button>
+ <button type="button" disabled="disabled" className="btn btn-info"><i className="icon fonticon-new-database"></i> Info</button>
+ <button type="button" disabled="disabled" className="btn btn-warning"><i className="icon fonticon-new-database"></i> Warning</button>
+ <button type="button" disabled="disabled" className="btn btn-danger"><i className="icon fonticon-new-database"></i> Danger</button>
+ <button type="button" disabled="disabled" className="btn btn-link"><i className="icon fonticon-new-database"></i> Link</button>
+ </p>
+ <p>.btn.btn-*<br />
+ <button type="button" disabled="disabled" className="btn btn-default">Default</button>
+ <button type="button" disabled="disabled" className="btn btn-primary">Primary</button>
+ <button type="button" disabled="disabled" className="btn btn-success">Success</button>
+ <button type="button" disabled="disabled" className="btn btn-info">Info</button>
+ <button type="button" disabled="disabled" className="btn btn-warning">Warning</button>
+ <button type="button" disabled="disabled" className="btn btn-danger">Danger</button>
+ <button type="button" disabled="disabled" className="btn btn-link">Link</button>
+ </p>
+
+ <div className="page-header">
+ <h1>Forms</h1>
+ </div>
- <h4>Bootstrap Standard Button className names</h4>
- <p>.btn.btn-large.btn-*<br />
- <button type="button" className="btn btn-large btn-default">Default</button>
- <button type="button" className="btn btn-large btn-primary">Primary</button>
- <button type="button" className="btn btn-large btn-success">Success</button>
- <button type="button" className="btn btn-large btn-info">Info</button>
- <button type="button" className="btn btn-large btn-warning">Warning</button>
- <button type="button" className="btn btn-large btn-danger">Danger</button>
- <button type="button" className="btn btn-large btn-link">Link</button>
- </p>
- <p>.btn.btn-*<br />
- <button type="button" className="btn btn-default">Default</button>
- <button type="button" className="btn btn-primary">Primary</button>
- <button type="button" className="btn btn-success">Success</button>
- <button type="button" className="btn btn-info">Info</button>
- <button type="button" className="btn btn-warning">Warning</button>
- <button type="button" className="btn btn-danger">Danger</button>
- <button type="button" className="btn btn-link">Link</button>
- </p>
- <p>.btn.btn-small.btn-*<br />
- <button type="button" className="btn btn-small btn-default">Default</button>
- <button type="button" className="btn btn-small btn-primary">Primary</button>
- <button type="button" className="btn btn-small btn-success">Success</button>
- <button type="button" className="btn btn-small btn-info">Info</button>
- <button type="button" className="btn btn-small btn-warning">Warning</button>
- <button type="button" className="btn btn-small btn-danger">Danger</button>
- <button type="button" className="btn btn-small btn-link">Link</button>
- </p>
- <p>.btn.btn-mini.btn-*<br />
- <button type="button" className="btn btn-mini btn-default">Default</button>
- <button type="button" className="btn btn-mini btn-primary">Primary</button>
- <button type="button" className="btn btn-mini btn-success">Success</button>
- <button type="button" className="btn btn-mini btn-info">Info</button>
- <button type="button" className="btn btn-mini btn-warning">Warning</button>
- <button type="button" className="btn btn-mini btn-danger">Danger</button>
- <button type="button" className="btn btn-mini btn-link">Link</button>
- </p>
-
- <h4>with Icons</h4>
- <p>.btn.btn-large.btn-*<br />
- <button type="button" className="btn btn-large btn-default"><i className="icon fonticon-new-database"></i> Default</button>
- <button type="button" className="btn btn-large btn-primary"><i className="icon fonticon-new-database"></i> Primary</button>
- <button type="button" className="btn btn-large btn-success"><i className="icon fonticon-new-database"></i> Success</button>
- <button type="button" className="btn btn-large btn-info"><i className="icon fonticon-new-database"></i> Info</button>
- <button type="button" className="btn btn-large btn-warning"><i className="icon fonticon-new-database"></i> Warning</button>
- <button type="button" className="btn btn-large btn-danger"><i className="icon fonticon-new-database"></i> Danger</button>
- <button type="button" className="btn btn-large btn-link"><i className="icon fonticon-new-database"></i> Link</button>
- </p>
-
- <p>.btn.btn-*<br />
- <button type="button" className="btn btn-default"><i className="icon fonticon-new-database"></i> Default</button>
- <button type="button" className="btn btn-primary"><i className="icon fonticon-new-database"></i> Primary</button>
- <button type="button" className="btn btn-success"><i className="icon fonticon-new-database"></i> Success</button>
- <button type="button" className="btn btn-info"><i className="icon fonticon-new-database"></i> Info</button>
- <button type="button" className="btn btn-warning"><i className="icon fonticon-new-database"></i> Warning</button>
- <button type="button" className="btn btn-danger"><i className="icon fonticon-new-database"></i> Danger</button>
- <button type="button" className="btn btn-link"><i className="icon fonticon-new-database"></i> Link</button>
- </p>
- <p>.btn.btn-small.btn-*<br />
- <button type="button" className="btn btn-small btn-default"><i className="icon fonticon-new-database"></i> Default</button>
- <button type="button" className="btn btn-small btn-primary"><i className="icon fonticon-new-database"></i> Primary</button>
- <button type="button" className="btn btn-small btn-success"><i className="icon fonticon-new-database"></i> Success</button>
- <button type="button" className="btn btn-small btn-info"><i className="icon fonticon-new-database"></i> Info</button>
- <button type="button" className="btn btn-small btn-warning"><i className="icon fonticon-new-database"></i> Warning</button>
- <button type="button" className="btn btn-small btn-danger"><i className="icon fonticon-new-database"></i> Danger</button>
- <button type="button" className="btn btn-small btn-link"><i className="icon fonticon-new-database"></i> Link</button>
- </p>
- <p>.btn.btn-mini.btn-*<br />
- <button type="button" className="btn btn-mini btn-default"><i className="icon fonticon-new-database"></i> Default</button>
- <button type="button" className="btn btn-mini btn-primary"><i className="icon fonticon-new-database"></i> Primary</button>
- <button type="button" className="btn btn-mini btn-success"><i className="icon fonticon-new-database"></i> Success</button>
- <button type="button" className="btn btn-mini btn-info"><i className="icon fonticon-new-database"></i> Info</button>
- <button type="button" className="btn btn-mini btn-warning"><i className="icon fonticon-new-database"></i> Warning</button>
- <button type="button" className="btn btn-mini btn-danger"><i className="icon fonticon-new-database"></i> Danger</button>
- <button type="button" className="btn btn-mini btn-link"><i className="icon fonticon-new-database"></i> Link</button>
- </p>
-
- <h4>just Icons</h4>
- <p>.btn.btn-large.btn-*<br />
- <button type="button" className="btn btn-large btn-default"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-large btn-primary"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-large btn-success"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-large btn-info"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-large btn-warning"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-large btn-danger"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-large btn-link"><i className="icon fonticon-new-database"></i></button>
- </p>
-
- <p>.btn.btn-*<br />
- <button type="button" className="btn btn-default"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-primary"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-success"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-info"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-warning"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-danger"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-link"><i className="icon fonticon-new-database"></i></button>
- </p>
- <p>.btn.btn-small.btn-*<br />
- <button type="button" className="btn btn-small btn-default"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-small btn-primary"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-small btn-success"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-small btn-info"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-small btn-warning"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-small btn-danger"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-small btn-link"><i className="icon fonticon-new-database"></i></button>
- </p>
- <p>.btn.btn-mini.btn-*<br />
- <button type="button" className="btn btn-mini btn-default"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-mini btn-primary"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-mini btn-success"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-mini btn-info"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-mini btn-warning"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-mini btn-danger"><i className="icon fonticon-new-database"></i></button>
- <button type="button" className="btn btn-mini btn-link"><i className="icon fonticon-new-database"></i></button>
- </p>
- <p>.btn-group<br />
- <div className="btn-group">
- <a href="#" className="btn btn-small edits">Edit design doc</a>
- <button href="#" className="btn btn-small btn-danger delete" title="Delete this document."><i className="icon icon-trash"></i></button>
- </div>
- </p>
-
- <h4>disabled</h4>
- <p>.btn.btn-*<br />
- <button type="button" disabled="disabled" className="btn btn-default"><i className="icon fonticon-new-database"></i> Default</button>
- <button type="button" disabled="disabled" className="btn btn-primary"><i className="icon fonticon-new-database"></i> Primary</button>
- <button type="button" disabled="disabled" className="btn btn-success"><i className="icon fonticon-new-database"></i> Success</button>
- <button type="button" disabled="disabled" className="btn btn-info"><i className="icon fonticon-new-database"></i> Info</button>
- <button type="button" disabled="disabled" className="btn btn-warning"><i className="icon fonticon-new-database"></i> Warning</button>
- <button type="button" disabled="disabled" className="btn btn-danger"><i className="icon fonticon-new-database"></i> Danger</button>
- <button type="button" disabled="disabled" className="btn btn-link"><i className="icon fonticon-new-database"></i> Link</button>
- </p>
- <p>.btn.btn-*<br />
- <button type="button" disabled="disabled" className="btn btn-default">Default</button>
- <button type="button" disabled="disabled" className="btn btn-primary">Primary</button>
- <button type="button" disabled="disabled" className="btn btn-success">Success</button>
- <button type="button" disabled="disabled" className="btn btn-info">Info</button>
- <button type="button" disabled="disabled" className="btn btn-warning">Warning</button>
- <button type="button" disabled="disabled" className="btn btn-danger">Danger</button>
- <button type="button" disabled="disabled" className="btn btn-link">Link</button>
- </p>
-
- <div className="page-header">
- <h1>Forms</h1>
+ <form className="navbar-form database-search">
+ <div className="input-append">
+ <input className="search-autocomplete" name="search-query" autoComplete="off" placeholder="Database name" type="text" />
+ <button className="btn btn-primary" type="submit"><i className="icon icon-search"></i></button>
</div>
+ </form>
- <form className="navbar-form database-search">
- <div className="input-append">
- <input className="search-autocomplete" name="search-query" autoComplete="off" placeholder="Database name" type="text" />
- <button className="btn btn-primary" type="submit"><i className="icon icon-search"></i></button>
- </div>
- </form>
+ <form className="navbar-form database-search">
+ <div className="input-append">
+ <input className="search-autocomplete" name="search-query" autoComplete="off" placeholder="Database name" type="text" />
+ <button className="btn btn-primary" type="submit"><i className="icon icon-search"></i> Search</button>
+ </div>
+ </form>
- <form className="navbar-form database-search">
- <div className="input-append">
- <input className="search-autocomplete" name="search-query" autoComplete="off" placeholder="Database name" type="text" />
- <button className="btn btn-primary" type="submit"><i className="icon icon-search"></i> Search</button>
- </div>
- </form>
+ <form className="navbar-form">
+ <div className="input-append">
+ <input name="search-query" placeholder="Database name" type="text" />
+ <button className="btn btn-primary" type="submit">Search</button>
+ </div>
+ </form>
- <form className="navbar-form">
- <div className="input-append">
- <input name="search-query" placeholder="Database name" type="text" />
- <button className="btn btn-primary" type="submit">Search</button>
- </div>
- </form>
-
- <form>
- <fieldset>
- <legend>Legend</legend>
- <label>Label name</label>
- <input type="text" placeholder="Type something\u2026" />
- <span className="help-block">Example block-level help text here.</span>
- <label className="checkbox">
- <input type="checkbox" /> Check me out
- </label>
- <button type="submit" className="btn">Submit</button>
- </fieldset>
- </form>
-
- <p>Search</p>
- <form className="form-search">
- <input type="text" className="input-medium search-query" />
- <button type="submit" className="btn">Search</button>
- </form>
-
- <p>Sign in</p>
- <form className="form-inline">
- <input type="text" className="input-small" placeholder="Email" />
- <input type="password" className="input-small" placeholder="Password" />
+ <form>
+ <fieldset>
+ <legend>Legend</legend>
+ <label>Label name</label>
+ <input type="text" placeholder="Type something\u2026" />
+ <span className="help-block">Example block-level help text here.</span>
<label className="checkbox">
- <input type="checkbox" /> Remember me
+ <input type="checkbox" /> Check me out
</label>
- <button type="submit" className="btn">Sign in</button>
- </form>
-
- <p>Whole form</p>
- <form className="form-horizontal">
- <div className="control-group">
- <label className="control-label" htmlFor="inputEmail">Email</label>
- <div className="controls">
- <input type="text" id="inputEmail" placeholder="Email" />
- </div>
- </div>
- <div className="control-group">
- <label className="control-label" htmlFor="inputPassword">Password</label>
- <div className="controls">
- <input type="password" id="inputPassword" placeholder="Password" />
- </div>
- </div>
- <div className="control-group">
- <div className="controls">
- <label className="checkbox">
- <input type="checkbox" /> Remember me
- </label>
- <button type="submit" className="btn">Sign in</button>
- </div>
+ <button type="submit" className="btn">Submit</button>
+ </fieldset>
+ </form>
+
+ <p>Search</p>
+ <form className="form-search">
+ <input type="text" className="input-medium search-query" />
+ <button type="submit" className="btn">Search</button>
+ </form>
+
+ <p>Sign in</p>
+ <form className="form-inline">
+ <input type="text" className="input-small" placeholder="Email" />
+ <input type="password" className="input-small" placeholder="Password" />
+ <label className="checkbox">
+ <input type="checkbox" /> Remember me
+ </label>
+ <button type="submit" className="btn">Sign in</button>
+ </form>
+
+ <p>Whole form</p>
+ <form className="form-horizontal">
+ <div className="control-group">
+ <label className="control-label" htmlFor="inputEmail">Email</label>
+ <div className="controls">
+ <input type="text" id="inputEmail" placeholder="Email" />
</div>
- </form>
-
- <p>Selects</p>
- <select>
- <option>1</option>
- <option>2</option>
- <option>3</option>
- <option>4</option>
- <option>5</option>
- </select>
-
- <select multiple="multiple">
- <option>1</option>
- <option>2</option>
- <option>3</option>
- <option>4</option>
- <option>5</option>
- </select>
-
- <p>Inputs with pre</p>
- <div className="input-prepend">
- <span className="add-on">@</span>
- <input className="span2" id="prependedInput" type="text" placeholder="Username" />
- </div>
- <p>Inputs with post</p>
- <div className="input-append">
- <input className="span2" id="appendedInput" type="text" />
- <span className="add-on">.00</span>
+ </div>
+ <div className="control-group">
+ <label className="control-label" htmlFor="inputPassword">Password</label>
+ <div className="controls">
+ <input type="password" id="inputPassword" placeholder="Password" />
</div>
- <p>Inputs with pre and post</p>
- <div className="input-prepend input-append">
- <span className="add-on">$</span>
- <input className="span2" id="appendedPrependedInput" type="text" />
- <span className="add-on">.00</span>
+ </div>
+ <div className="control-group">
+ <div className="controls">
+ <label className="checkbox">
+ <input type="checkbox" /> Remember me
+ </label>
+ <button type="submit" className="btn">Sign in</button>
</div>
- <p>Inputs with button</p>
- <div className="input-append">
- <input className="span2" id="appendedInputButton" type="text" />
- <button className="btn" type="button">Go!</button>
</div>
- <p>Inputs with two buttons</p>
- <div className="input-append">
- <input className="span2" id="appendedInputButtons" type="text" />
- <button className="btn" type="button">Search</button>
- <button className="btn" type="button">Options</button>
+ </form>
+
+ <p>Selects</p>
+ <select>
+ <option>1</option>
+ <option>2</option>
+ <option>3</option>
+ <option>4</option>
+ <option>5</option>
+ </select>
+
+ <select multiple="multiple">
+ <option>1</option>
+ <option>2</option>
+ <option>3</option>
+ <option>4</option>
+ <option>5</option>
+ </select>
+
+ <p>Inputs with pre</p>
+ <div className="input-prepend">
+ <span className="add-on">@</span>
+ <input className="span2" id="prependedInput" type="text" placeholder="Username" />
</div>
- <p>Inputs with dropdown button</p>
+ <p>Inputs with post</p>
<div className="input-append">
- <input className="span2" id="appendedDropdownButton" type="text" />
- <div className="btn-group">
- <button className="btn dropdown-toggle" data-toggle="dropdown">
- Action
- <span className="caret"></span>
- </button>
- <ul className="dropdown-menu">
- ...
- </ul>
- </div>
+ <input className="span2" id="appendedInput" type="text" />
+ <span className="add-on">.00</span>
</div>
- <p>Inputs sizes</p>
- <input className="input-mini" type="text" placeholder=".input-mini" />
- <input className="input-small" type="text" placeholder=".input-small" />
- <input className="input-medium" type="text" placeholder=".input-medium" />
- <input className="input-large" type="text" placeholder=".input-large" />
- <input className="input-xlarge" type="text" placeholder=".input-xlarge" />
- <input className="input-xxlarge" type="text" placeholder=".input-xxlarge" />
-
-
- <div className="page-header">
- <h1>Thumbnails</h1>
- </div>
- <img src="dashboard.assets/img/ripley.jpeg" className="img-rounded" />
- <img src="dashboard.assets/img/ripley.jpeg" className="img-circle" />
- <img src="dashboard.assets/img/ripley.jpeg" className="img-polaroid" />
+ <p>Inputs with pre and post</p>
+ <div className="input-prepend input-append">
+ <span className="add-on">$</span>
+ <input className="span2" id="appendedPrependedInput" type="text" />
+ <span className="add-on">.00</span>
+ </div>
+ <p>Inputs with button</p>
+ <div className="input-append">
+ <input className="span2" id="appendedInputButton" type="text" />
+ <button className="btn" type="button">Go!</button>
+ </div>
+ <p>Inputs with two buttons</p>
+ <div className="input-append">
+ <input className="span2" id="appendedInputButtons" type="text" />
+ <button className="btn" type="button">Search</button>
+ <button className="btn" type="button">Options</button>
+ </div>
+ <p>Inputs with dropdown button</p>
+ <div className="input-append">
+ <input className="span2" id="appendedDropdownButton" type="text" />
+ <div className="btn-group">
+ <button className="btn dropdown-toggle" data-toggle="dropdown">
+ Action
+ <span className="caret"></span>
+ </button>
+ <ul className="dropdown-menu">
+ ...
+ </ul>
+ </div>
+ </div>
+ <p>Inputs sizes</p>
+ <input className="input-mini" type="text" placeholder=".input-mini" />
+ <input className="input-small" type="text" placeholder=".input-small" />
+ <input className="input-medium" type="text" placeholder=".input-medium" />
+ <input className="input-large" type="text" placeholder=".input-large" />
+ <input className="input-xlarge" type="text" placeholder=".input-xlarge" />
+ <input className="input-xxlarge" type="text" placeholder=".input-xxlarge" />
+
+
+ <div className="page-header">
+ <h1>Thumbnails</h1>
+ </div>
+ <img src="dashboard.assets/img/ripley.jpeg" className="img-rounded" />
+ <img src="dashboard.assets/img/ripley.jpeg" className="img-circle" />
+ <img src="dashboard.assets/img/ripley.jpeg" className="img-polaroid" />
- <div className="page-header">
- <h1>Dropdown menus</h1>
- </div>
- <div className="dropdown theme-dropdown clearfix">
- <a id="dropdownMenu1" href="#" role="button" className="sr-only dropdown-toggle" data-toggle="dropdown">Dropdown <b className="caret"></b></a>
- <ul className="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
- <li role="presentation"><a role="menuitem" tabIndex="-1" href="#">Action</a></li>
- <li role="presentation"><a role="menuitem" tabIndex="-1" href="#">Another action</a></li>
- <li role="presentation"><a role="menuitem" tabIndex="-1" href="#">Something else here</a></li>
- <li role="presentation" className="divider"></li>
- <li role="presentation"><a role="menuitem" tabIndex="-1" href="#">Separated link</a></li>
- </ul>
- </div>
+ <div className="page-header">
+ <h1>Dropdown menus</h1>
+ </div>
+ <div className="dropdown theme-dropdown clearfix">
+ <a id="dropdownMenu1" href="#" role="button" className="sr-only dropdown-toggle" data-toggle="dropdown">Dropdown <b className="caret"></b></a>
+ <ul className="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1">
+ <li role="presentation"><a role="menuitem" tabIndex="-1" href="#">Action</a></li>
+ <li role="presentation"><a role="menuitem" tabIndex="-1" href="#">Another action</a></li>
+ <li role="presentation"><a role="menuitem" tabIndex="-1" href="#">Something else here</a></li>
+ <li role="presentation" className="divider"></li>
+ <li role="presentation"><a role="menuitem" tabIndex="-1" href="#">Separated link</a></li>
+ </ul>
+ </div>
- <div className="page-header">
- <h1>Navbars</h1>
- </div>
+ <div className="page-header">
+ <h1>Navbars</h1>
+ </div>
- <div className="navbar navbar-default">
- <div className="container">
- <div className="navbar-header">
- <button type="button" className="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
- <span className="icon-bar"></span>
- <span className="icon-bar"></span>
- <span className="icon-bar"></span>
- </button>
- <a className="navbar-brand" href="#">Project name</a>
- </div>
- <div className="navbar-collapse collapse">
- <ul className="nav navbar-nav">
- <li className="active"><a href="#">Home</a></li>
- <li><a href="#about">About</a></li>
- <li><a href="#contact">Contact</a></li>
- </ul>
- <ul className="nav navbar-nav navbar-right">
- <li><a href="../navbar/">Default</a></li>
- <li><a href="../navbar-static-top/">Static top</a></li>
- <li className="active"><a href="./">Fixed top</a></li>
- </ul>
- </div>
+ <div className="navbar navbar-default">
+ <div className="container">
+ <div className="navbar-header">
+ <button type="button" className="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+ <span className="icon-bar"></span>
+ <span className="icon-bar"></span>
+ <span className="icon-bar"></span>
+ </button>
+ <a className="navbar-brand" href="#">Project name</a>
+ </div>
+ <div className="navbar-collapse collapse">
+ <ul className="nav navbar-nav">
+ <li className="active"><a href="#">Home</a></li>
+ <li><a href="#about">About</a></li>
+ <li><a href="#contact">Contact</a></li>
+ </ul>
+ <ul className="nav navbar-nav navbar-right">
+ <li><a href="../navbar/">Default</a></li>
+ <li><a href="../navbar-static-top/">Static top</a></li>
+ <li className="active"><a href="./">Fixed top</a></li>
+ </ul>
</div>
</div>
+ </div>
- <div className="navbar navbar-inverse">
- <div className="container">
- <div className="navbar-header">
- <button type="button" className="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
- <span className="icon-bar"></span>
- <span className="icon-bar"></span>
- <span className="icon-bar"></span>
- </button>
- <a className="navbar-brand" href="#">Project name</a>
- </div>
- <div className="navbar-collapse collapse">
- <ul className="nav navbar-nav">
- <li className="active"><a href="#">Home</a></li>
- <li><a href="#about">About</a></li>
- <li><a href="#contact">Contact</a></li>
- </ul>
- <ul className="nav navbar-nav navbar-right">
- <li><a href="../navbar/">Default</a></li>
- <li><a href="../navbar-static-top/">Static top</a></li>
- <li className="active"><a href="./">Fixed top</a></li>
- </ul>
- </div>
+ <div className="navbar navbar-inverse">
+ <div className="container">
+ <div className="navbar-header">
+ <button type="button" className="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
+ <span className="icon-bar"></span>
+ <span className="icon-bar"></span>
+ <span className="icon-bar"></span>
+ </button>
+ <a className="navbar-brand" href="#">Project name</a>
+ </div>
+ <div className="navbar-collapse collapse">
+ <ul className="nav navbar-nav">
+ <li className="active"><a href="#">Home</a></li>
+ <li><a href="#about">About</a></li>
+ <li><a href="#contact">Contact</a></li>
+ </ul>
+ <ul className="nav navbar-nav navbar-right">
+ <li><a href="../navbar/">Default</a></li>
+ <li><a href="../navbar-static-top/">Static top</a></li>
+ <li className="active"><a href="./">Fixed top</a></li>
+ </ul>
</div>
</div>
+ </div>
- <div className="page-header">
- <h1>Alerts</h1>
- </div>
- <div className="alert alert-success">
- <strong>Well done!</strong> You successfully read this important alert message.
- </div>
- <div className="alert alert-info">
- <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
- </div>
- <div className="alert alert-warning">
- <strong>Warning!</strong> Best check yo self, you're not looking too good.
- </div>
- <div className="alert alert-danger">
- <strong>Oh snap!</strong> Change a few things up and try submitting again.
- </div>
+ <div className="page-header">
+ <h1>Alerts</h1>
+ </div>
+ <div className="alert alert-success">
+ <strong>Well done!</strong> You successfully read this important alert message.
+ </div>
+ <div className="alert alert-info">
+ <strong>Heads up!</strong> This alert needs your attention, but it's not super important.
+ </div>
+ <div className="alert alert-warning">
+ <strong>Warning!</strong> Best check yo self, you're not looking too good.
+ </div>
+ <div className="alert alert-danger">
+ <strong>Oh snap!</strong> Change a few things up and try submitting again.
+ </div>
- <div className="page-header">
- <h1>Progresss</h1>
- </div>
- <div className="progress">
- <div className="bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style={{width: '60%'}}><span className="sr-only">60% Complete</span></div>
- </div>
- <div className="progress">
- <div className="bar bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style={{width: '40%'}}><span className="sr-only">40% Complete (success)</span></div>
- </div>
- <div className="progress">
- <div className="bar bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style={{width: '20%'}}><span className="sr-only">20% Complete</span></div>
- </div>
- <div className="progress">
- <div className="bar bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style={{width: '60%'}}><span className="sr-only">60% Complete (warning)</span></div>
- </div>
- <div className="progress">
- <div className="bar bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style={{width: '80%'}}><span className="sr-only">80% Complete (danger)</span></div>
- </div>
- <div className="progress">
- <div className="bar bar-success" style={{width: '35%'}}><span className="sr-only">35% Complete (success)</span></div>
- <div className="bar bar-warning" style={{width: '20%'}}><span className="sr-only">20% Complete (warning)</span></div>
- <div className="bar bar-danger" style={{width: '10%'}}><span className='sr-only'>10% Complete (danger)</span></div>
- </div>
+ <div className="page-header">
+ <h1>Progresss</h1>
+ </div>
+ <div className="progress">
+ <div className="bar" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style={{width: '60%'}}><span className="sr-only">60% Complete</span></div>
+ </div>
+ <div className="progress">
+ <div className="bar bar-success" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style={{width: '40%'}}><span className="sr-only">40% Complete (success)</span></div>
+ </div>
+ <div className="progress">
+ <div className="bar bar-info" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style={{width: '20%'}}><span className="sr-only">20% Complete</span></div>
+ </div>
+ <div className="progress">
+ <div className="bar bar-warning" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style={{width: '60%'}}><span className="sr-only">60% Complete (warning)</span></div>
+ </div>
+ <div className="progress">
+ <div className="bar bar-danger" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style={{width: '80%'}}><span className="sr-only">80% Complete (danger)</span></div>
+ </div>
+ <div className="progress">
+ <div className="bar bar-success" style={{width: '35%'}}><span className="sr-only">35% Complete (success)</span></div>
+ <div className="bar bar-warning" style={{width: '20%'}}><span className="sr-only">20% Complete (warning)</span></div>
+ <div className="bar bar-danger" style={{width: '10%'}}><span className='sr-only'>10% Complete (danger)</span></div>
+ </div>
- <div className="page-header">
- <h1>List groups</h1>
+ <div className="page-header">
+ <h1>List groups</h1>
+ </div>
+ <div className="row">
+ <div className="col-sm-4">
+ <ul className="nav nav-tabs nav-stacked">
+ <li className="list-group-item">Cras justo odio</li>
+ <li className="list-group-item">Dapibus ac facilisis in</li>
+ <li className="list-group-item">Morbi leo risus</li>
+ <li className="list-group-item">Porta ac consectetur ac</li>
+ <li className="list-group-item">Vestibulum at eros</li>
+ </ul>
</div>
- <div className="row">
- <div className="col-sm-4">
- <ul className="nav nav-tabs nav-stacked">
- <li className="list-group-item">Cras justo odio</li>
- <li className="list-group-item">Dapibus ac facilisis in</li>
- <li className="list-group-item">Morbi leo risus</li>
- <li className="list-group-item">Porta ac consectetur ac</li>
- <li className="list-group-item">Vestibulum at eros</li>
- </ul>
- </div>
- <div className="col-sm-4">
- <div className="nav nav-tabs nav-stacked">
- <a href="#" className="list-group-item active">
- Cras justo odio
- </a>
- <a href="#" className="list-group-item">Dapibus ac facilisis in</a>
- <a href="#" className="list-group-item">Morbi leo risus</a>
- <a href="#" className="list-group-item">Porta ac consectetur ac</a>
- <a href="#" className="list-group-item">Vestibulum at eros</a>
- </div>
+ <div className="col-sm-4">
+ <div className="nav nav-tabs nav-stacked">
+ <a href="#" className="list-group-item active">
+ Cras justo odio
+ </a>
+ <a href="#" className="list-group-item">Dapibus ac facilisis in</a>
+ <a href="#" className="list-group-item">Morbi leo risus</a>
+ <a href="#" className="list-group-item">Porta ac consectetur ac</a>
+ <a href="#" className="list-group-item">Vestibulum at eros</a>
</div>
- <div className="col-sm-4">
- <div className="nav nav-tabs nav-stacked">
- <a href="#" className="list-group-item active">
- <h4 className="list-group-item-heading">List group item heading</h4>
- <p className="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
- </a>
- <a href="#" className="list-group-item">
- <h4 className="list-group-item-heading">List group item heading</h4>
- <p className="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
- </a>
- <a href="#" className="list-group-item">
- <h4 className="list-group-item-heading">List group item heading</h4>
- <p className="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
- </a>
- </div>
- </div>
- </div>
-
- <div className="page-header">
- <h1>Wells</h1>
</div>
- <div className="well">
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p>
+ <div className="col-sm-4">
+ <div className="nav nav-tabs nav-stacked">
+ <a href="#" className="list-group-item active">
+ <h4 className="list-group-item-heading">List group item heading</h4>
+ <p className="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
+ </a>
+ <a href="#" className="list-group-item">
+ <h4 className="list-group-item-heading">List group item heading</h4>
+ <p className="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
+ </a>
+ <a href="#" className="list-group-item">
+ <h4 className="list-group-item-heading">List group item heading</h4>
+ <p className="list-group-item-text">Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.</p>
+ </a>
+ </div>
</div>
+ </div>
-
+ <div className="page-header">
+ <h1>Wells</h1>
+ </div>
+ <div className="well">
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas sed diam eget risus varius blandit sit amet non magna. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Cras mattis consectetur purus sit amet fermentum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur.</p>
</div>
- );
- }
- });
- return {
- StyleTests: StyleTests
- };
+ </div>
+ );
+ }
});
+
+export default {
+ StyleTests: StyleTests
+};
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/0ca35da7/app/addons/verifyinstall/actions.js
----------------------------------------------------------------------
diff --git a/app/addons/verifyinstall/actions.js b/app/addons/verifyinstall/actions.js
index b19f2de..7cf5228 100644
--- a/app/addons/verifyinstall/actions.js
+++ b/app/addons/verifyinstall/actions.js
@@ -10,100 +10,94 @@
// License for the specific language governing permissions and limitations under
// the License.
-define([
- '../../app',
- '../../core/api',
- './constants',
- './resources',
- './actiontypes'
-],
-function (app, FauxtonAPI, Constants, VerifyInstall, ActionTypes) {
+import app from "../../app";
+import FauxtonAPI from "../../core/api";
+import Constants from "./constants";
+import VerifyInstall from "./resources";
+import ActionTypes from "./actiontypes";
+
+
+// helper function to publish success/fail result of a single test having been ran
+var testPassed = function (test) {
+ FauxtonAPI.dispatch({
+ type: ActionTypes.VERIFY_INSTALL_SINGLE_TEST_COMPLETE,
+ test: test,
+ success: true
+ });
+};
+
+var testFailed = function (test) {
+ return function (xhr, error) {
+ if (!xhr) { return; }
-
- // helper function to publish success/fail result of a single test having been ran
- var testPassed = function (test) {
FauxtonAPI.dispatch({
type: ActionTypes.VERIFY_INSTALL_SINGLE_TEST_COMPLETE,
test: test,
- success: true
+ success: false
});
- };
-
- var testFailed = function (test) {
- return function (xhr, error) {
- if (!xhr) { return; }
-
- FauxtonAPI.dispatch({
- type: ActionTypes.VERIFY_INSTALL_SINGLE_TEST_COMPLETE,
- test: test,
- success: false
- });
-
- FauxtonAPI.addNotification({
- msg: 'Error: ' + JSON.parse(xhr.responseText).reason,
- type: 'error'
- });
- };
- };
-
-
- return {
- resetStore: function () {
- FauxtonAPI.dispatch({ type: ActionTypes.VERIFY_INSTALL_RESET });
- },
-
- startVerification: function () {
- // announce that we're starting the verification tests
- FauxtonAPI.dispatch({ type: ActionTypes.VERIFY_INSTALL_START });
-
- var testProcess = VerifyInstall.testProcess;
-
- testProcess.setup()
- .then(function () {
- return testProcess.saveDB();
- }, testFailed(Constants.TESTS.CREATE_DATABASE))
- .then(function () {
- testPassed(Constants.TESTS.CREATE_DATABASE);
- return testProcess.saveDoc();
- }, testFailed(Constants.TESTS.CREATE_DOCUMENT))
- .then(function () {
- testPassed(Constants.TESTS.CREATE_DOCUMENT);
- return testProcess.updateDoc();
- }, testFailed(Constants.TESTS.UPDATE_DOCUMENT))
- .then(function () {
- testPassed(Constants.TESTS.UPDATE_DOCUMENT);
- return testProcess.destroyDoc();
- }, testFailed(Constants.TESTS.DELETE_DOCUMENT))
- .then(function () {
- testPassed(Constants.TESTS.DELETE_DOCUMENT);
- return testProcess.setupView();
- }, testFailed(Constants.TESTS.CREATE_VIEW))
- .then(function () {
- return testProcess.testView();
- }, testFailed(Constants.TESTS.CREATE_VIEW))
- .then(function () {
- testPassed(Constants.TESTS.CREATE_VIEW);
- return testProcess.setupReplicate();
- }, testFailed(Constants.TESTS.CREATE_VIEW))
- .then(function () {
- return testProcess.testReplicate();
- }, testFailed(Constants.TESTS.REPLICATION))
- .then(function () {
- testPassed(Constants.TESTS.REPLICATION);
-
- // now announce the tests have been ran
- FauxtonAPI.dispatch({ type: ActionTypes.VERIFY_INSTALL_ALL_TESTS_COMPLETE });
-
- FauxtonAPI.addNotification({
- msg: 'Success! Your CouchDB installation is working. Time to Relax.',
- type: 'success'
- });
-
- testProcess.removeDBs();
- }, testFailed(Constants.TESTS.REPLICATION));
- }
+ FauxtonAPI.addNotification({
+ msg: 'Error: ' + JSON.parse(xhr.responseText).reason,
+ type: 'error'
+ });
};
-
-
-});
+};
+
+
+export default {
+ resetStore: function () {
+ FauxtonAPI.dispatch({ type: ActionTypes.VERIFY_INSTALL_RESET });
+ },
+
+ startVerification: function () {
+
+ // announce that we're starting the verification tests
+ FauxtonAPI.dispatch({ type: ActionTypes.VERIFY_INSTALL_START });
+
+ var testProcess = VerifyInstall.testProcess;
+
+ testProcess.setup()
+ .then(function () {
+ return testProcess.saveDB();
+ }, testFailed(Constants.TESTS.CREATE_DATABASE))
+ .then(function () {
+ testPassed(Constants.TESTS.CREATE_DATABASE);
+ return testProcess.saveDoc();
+ }, testFailed(Constants.TESTS.CREATE_DOCUMENT))
+ .then(function () {
+ testPassed(Constants.TESTS.CREATE_DOCUMENT);
+ return testProcess.updateDoc();
+ }, testFailed(Constants.TESTS.UPDATE_DOCUMENT))
+ .then(function () {
+ testPassed(Constants.TESTS.UPDATE_DOCUMENT);
+ return testProcess.destroyDoc();
+ }, testFailed(Constants.TESTS.DELETE_DOCUMENT))
+ .then(function () {
+ testPassed(Constants.TESTS.DELETE_DOCUMENT);
+ return testProcess.setupView();
+ }, testFailed(Constants.TESTS.CREATE_VIEW))
+ .then(function () {
+ return testProcess.testView();
+ }, testFailed(Constants.TESTS.CREATE_VIEW))
+ .then(function () {
+ testPassed(Constants.TESTS.CREATE_VIEW);
+ return testProcess.setupReplicate();
+ }, testFailed(Constants.TESTS.CREATE_VIEW))
+ .then(function () {
+ return testProcess.testReplicate();
+ }, testFailed(Constants.TESTS.REPLICATION))
+ .then(function () {
+ testPassed(Constants.TESTS.REPLICATION);
+
+ // now announce the tests have been ran
+ FauxtonAPI.dispatch({ type: ActionTypes.VERIFY_INSTALL_ALL_TESTS_COMPLETE });
+
+ FauxtonAPI.addNotification({
+ msg: 'Success! Your CouchDB installation is working. Time to Relax.',
+ type: 'success'
+ });
+
+ testProcess.removeDBs();
+ }, testFailed(Constants.TESTS.REPLICATION));
+ }
+};
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/0ca35da7/app/addons/verifyinstall/actiontypes.js
----------------------------------------------------------------------
diff --git a/app/addons/verifyinstall/actiontypes.js b/app/addons/verifyinstall/actiontypes.js
index 72cf1ec..89db7e1 100644
--- a/app/addons/verifyinstall/actiontypes.js
+++ b/app/addons/verifyinstall/actiontypes.js
@@ -10,11 +10,9 @@
// License for the specific language governing permissions and limitations under
// the License.
-define([], function () {
- return {
- VERIFY_INSTALL_START: 'VERIFY_INSTALL_START',
- VERIFY_INSTALL_RESET: 'VERIFY_INSTALL_RESET',
- VERIFY_INSTALL_SINGLE_TEST_COMPLETE: 'VERIFY_INSTALL_SINGLE_TEST_COMPLETE',
- VERIFY_INSTALL_ALL_TESTS_COMPLETE: 'VERIFY_INSTALL_ALL_TESTS_COMPLETE'
- };
-});
+export default {
+ VERIFY_INSTALL_START: 'VERIFY_INSTALL_START',
+ VERIFY_INSTALL_RESET: 'VERIFY_INSTALL_RESET',
+ VERIFY_INSTALL_SINGLE_TEST_COMPLETE: 'VERIFY_INSTALL_SINGLE_TEST_COMPLETE',
+ VERIFY_INSTALL_ALL_TESTS_COMPLETE: 'VERIFY_INSTALL_ALL_TESTS_COMPLETE'
+};
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/0ca35da7/app/addons/verifyinstall/base.js
----------------------------------------------------------------------
diff --git a/app/addons/verifyinstall/base.js b/app/addons/verifyinstall/base.js
index 95e8be8..23a6ce7 100644
--- a/app/addons/verifyinstall/base.js
+++ b/app/addons/verifyinstall/base.js
@@ -10,22 +10,17 @@
// License for the specific language governing permissions and limitations under
// the License.
-define([
- '../../app',
- '../../core/api',
- './routes',
- "./assets/less/verifyinstall.less"
-],
+import app from "../../app";
+import FauxtonAPI from "../../core/api";
+import VerifyInstall from "./routes";
+import "./assets/less/verifyinstall.less";
+VerifyInstall.initialize = function () {
+ FauxtonAPI.addHeaderLink({
+ title: 'Verify',
+ href: '#verifyinstall',
+ icon: 'fonticon-ok-circled',
+ bottomNav: true
+ });
+};
-function (app, FauxtonAPI, VerifyInstall) {
- VerifyInstall.initialize = function () {
- FauxtonAPI.addHeaderLink({
- title: 'Verify',
- href: '#verifyinstall',
- icon: 'fonticon-ok-circled',
- bottomNav: true
- });
- };
-
- return VerifyInstall;
-});
+export default VerifyInstall;
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/0ca35da7/app/addons/verifyinstall/components.react.jsx
----------------------------------------------------------------------
diff --git a/app/addons/verifyinstall/components.react.jsx b/app/addons/verifyinstall/components.react.jsx
index d56b735..2b6bd54 100644
--- a/app/addons/verifyinstall/components.react.jsx
+++ b/app/addons/verifyinstall/components.react.jsx
@@ -10,134 +10,129 @@
// License for the specific language governing permissions and limitations under
// the License.
-define([
- '../../app',
- '../../core/api',
- 'react',
- './constants',
- './resources',
- './actions',
- './stores'
-],
-function (app, FauxtonAPI, React, Constants, VerifyInstall, Actions, Stores) {
-
- var store = Stores.verifyInstallStore;
-
-
- var VerifyInstallController = React.createClass({
- getInitialState: function () {
- return this.getStoreState();
- },
-
- getStoreState: function () {
- return {
- isVerifying: store.checkIsVerifying(),
- testResults: store.getTestResults()
- };
- },
-
- startVerification: function () {
- Actions.startVerification();
- },
-
- onChange: function () {
- this.setState(this.getStoreState());
- },
-
- componentDidMount: function () {
- store.on('change', this.onChange, this);
- },
-
- componentWillUnmount: function () {
- store.off('change', this.onChange);
- },
-
- render: function () {
- return (
- <div>
- <VerifyInstallButton verify={this.startVerification} isVerifying={this.state.isVerifying} />
- <VerifyInstallResults testResults={this.state.testResults} />
- </div>
- );
- }
- });
+import app from "../../app";
+import FauxtonAPI from "../../core/api";
+import React from "react";
+import Constants from "./constants";
+import VerifyInstall from "./resources";
+import Actions from "./actions";
+import Stores from "./stores";
+
+var store = Stores.verifyInstallStore;
+
+
+var VerifyInstallController = React.createClass({
+ getInitialState: function () {
+ return this.getStoreState();
+ },
+
+ getStoreState: function () {
+ return {
+ isVerifying: store.checkIsVerifying(),
+ testResults: store.getTestResults()
+ };
+ },
+
+ startVerification: function () {
+ Actions.startVerification();
+ },
+
+ onChange: function () {
+ this.setState(this.getStoreState());
+ },
+
+ componentDidMount: function () {
+ store.on('change', this.onChange, this);
+ },
+
+ componentWillUnmount: function () {
+ store.off('change', this.onChange);
+ },
+
+ render: function () {
+ return (
+ <div>
+ <VerifyInstallButton verify={this.startVerification} isVerifying={this.state.isVerifying} />
+ <VerifyInstallResults testResults={this.state.testResults} />
+ </div>
+ );
+ }
+});
- var VerifyInstallButton = React.createClass({
- propTypes: {
- verify: React.PropTypes.func.isRequired,
- isVerifying: React.PropTypes.bool.isRequired
- },
+var VerifyInstallButton = React.createClass({
+ propTypes: {
+ verify: React.PropTypes.func.isRequired,
+ isVerifying: React.PropTypes.bool.isRequired
+ },
- render: function () {
- return (
- <button id="start" className="btn btn-success" onClick={this.props.verify} disabled={this.props.isVerifying}>
- {this.props.isVerifying ? 'Verifying' : 'Verify Installation'}
- </button>
- );
- }
- });
-
-
- var VerifyInstallResults = React.createClass({
- propTypes: {
- testResults: React.PropTypes.object.isRequired
- },
-
- showTestResult: function (test) {
- if (!this.props.testResults[test].complete) {
- return '';
- }
- if (this.props.testResults[test].success) {
- return <span>✓</span>;
- }
- return <span>✗</span>;
- },
-
- render: function () {
- return (
- <table className="table table-striped table-bordered">
- <thead>
- <tr>
- <th>Test</th>
- <th>Status</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>Create Database</td>
- <td id="js-test-create-db">{this.showTestResult(Constants.TESTS.CREATE_DATABASE)}</td>
- </tr>
- <tr>
- <td>Create Document</td>
- <td id="js-test-create-doc">{this.showTestResult(Constants.TESTS.CREATE_DOCUMENT)}</td>
- </tr>
- <tr>
- <td>Update Document</td>
- <td id="js-test-update-doc">{this.showTestResult(Constants.TESTS.UPDATE_DOCUMENT)}</td>
- </tr>
- <tr>
- <td>Delete Document</td>
- <td id="js-test-delete-doc">{this.showTestResult(Constants.TESTS.DELETE_DOCUMENT)}</td>
- </tr>
- <tr>
- <td>Create View</td>
- <td id="js-test-create-view">{this.showTestResult(Constants.TESTS.CREATE_VIEW)}</td>
- </tr>
- <tr>
- <td>Replication</td>
- <td id="js-test-replication">{this.showTestResult(Constants.TESTS.REPLICATION)}</td>
- </tr>
- </tbody>
- </table>
- );
- }
- });
+ render: function () {
+ return (
+ <button id="start" className="btn btn-success" onClick={this.props.verify} disabled={this.props.isVerifying}>
+ {this.props.isVerifying ? 'Verifying' : 'Verify Installation'}
+ </button>
+ );
+ }
+});
- return {
- VerifyInstallController: VerifyInstallController,
- VerifyInstallButton: VerifyInstallButton,
- VerifyInstallResults: VerifyInstallResults
- };
+var VerifyInstallResults = React.createClass({
+ propTypes: {
+ testResults: React.PropTypes.object.isRequired
+ },
+
+ showTestResult: function (test) {
+ if (!this.props.testResults[test].complete) {
+ return '';
+ }
+ if (this.props.testResults[test].success) {
+ return <span>✓</span>;
+ }
+ return <span>✗</span>;
+ },
+
+ render: function () {
+ return (
+ <table className="table table-striped table-bordered">
+ <thead>
+ <tr>
+ <th>Test</th>
+ <th>Status</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>Create Database</td>
+ <td id="js-test-create-db">{this.showTestResult(Constants.TESTS.CREATE_DATABASE)}</td>
+ </tr>
+ <tr>
+ <td>Create Document</td>
+ <td id="js-test-create-doc">{this.showTestResult(Constants.TESTS.CREATE_DOCUMENT)}</td>
+ </tr>
+ <tr>
+ <td>Update Document</td>
+ <td id="js-test-update-doc">{this.showTestResult(Constants.TESTS.UPDATE_DOCUMENT)}</td>
+ </tr>
+ <tr>
+ <td>Delete Document</td>
+ <td id="js-test-delete-doc">{this.showTestResult(Constants.TESTS.DELETE_DOCUMENT)}</td>
+ </tr>
+ <tr>
+ <td>Create View</td>
+ <td id="js-test-create-view">{this.showTestResult(Constants.TESTS.CREATE_VIEW)}</td>
+ </tr>
+ <tr>
+ <td>Replication</td>
+ <td id="js-test-replication">{this.showTestResult(Constants.TESTS.REPLICATION)}</td>
+ </tr>
+ </tbody>
+ </table>
+ );
+ }
});
+
+export default {
+ VerifyInstallController: VerifyInstallController,
+ VerifyInstallButton: VerifyInstallButton,
+ VerifyInstallResults: VerifyInstallResults
+};
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/0ca35da7/app/addons/verifyinstall/constants.js
----------------------------------------------------------------------
diff --git a/app/addons/verifyinstall/constants.js b/app/addons/verifyinstall/constants.js
index 56de9c9..fd286c0 100644
--- a/app/addons/verifyinstall/constants.js
+++ b/app/addons/verifyinstall/constants.js
@@ -10,18 +10,15 @@
// License for the specific language governing permissions and limitations under
// the License.
-define([], function () {
+var CONSTANTS = {
+ TESTS: {
+ CREATE_DATABASE: 'TEST_CREATE_DATABASE',
+ CREATE_DOCUMENT: 'TEST_CREATE_DOCUMENT',
+ UPDATE_DOCUMENT: 'TEST_UPDATE_DOCUMENT',
+ DELETE_DOCUMENT: 'TEST_DELETE_DOCUMENT',
+ CREATE_VIEW: 'TEST_CREATE_VIEW',
+ REPLICATION: 'TEST_REPLICATION'
+ }
+};
- var CONSTANTS = {
- TESTS: {
- CREATE_DATABASE: 'TEST_CREATE_DATABASE',
- CREATE_DOCUMENT: 'TEST_CREATE_DOCUMENT',
- UPDATE_DOCUMENT: 'TEST_UPDATE_DOCUMENT',
- DELETE_DOCUMENT: 'TEST_DELETE_DOCUMENT',
- CREATE_VIEW: 'TEST_CREATE_VIEW',
- REPLICATION: 'TEST_REPLICATION'
- }
- };
-
- return CONSTANTS;
-});
+export default CONSTANTS;
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/0ca35da7/app/addons/verifyinstall/resources.js
----------------------------------------------------------------------
diff --git a/app/addons/verifyinstall/resources.js b/app/addons/verifyinstall/resources.js
index 3897850..a49d2b1 100644
--- a/app/addons/verifyinstall/resources.js
+++ b/app/addons/verifyinstall/resources.js
@@ -10,158 +10,153 @@
// License for the specific language governing permissions and limitations under
// the License.
-define([
- '../../app',
- '../../core/api',
- '../databases/resources',
- '../documents/resources'
-],
-
-function (app, FauxtonAPI, Databases, Documents) {
- var Verifyinstall = FauxtonAPI.addon();
-
- var db = new Databases.Model({
- id: 'verifytestdb',
- name: 'verifytestdb'
- });
-
- var dbReplicate = new Databases.Model({
- id: 'verifytestdb_replicate',
- name: 'verifytestdb_replicate'
- });
-
- var doc, viewDoc;
-
- Verifyinstall.testProcess = {
- saveDoc: function () {
- doc = new Documents.Doc({_id: 'test_doc_1', a: 1}, {
- database: db
- });
-
- return doc.save();
- },
-
- destroyDoc: function () {
- return doc.destroy();
- },
-
- updateDoc: function () {
- doc.set({b: 'hello'});
- return doc.save();
- },
-
- saveDB: function () {
- return db.save();
- },
-
- setupDB: function (db) {
- var deferred = FauxtonAPI.Deferred();
- db.fetch()
- .then(function () {
- return db.destroy();
- }, function (xhr) {
- deferred.resolve();
+import app from "../../app";
+import FauxtonAPI from "../../core/api";
+import Databases from "../databases/resources";
+import Documents from "../documents/resources";
+var Verifyinstall = FauxtonAPI.addon();
+
+var db = new Databases.Model({
+ id: 'verifytestdb',
+ name: 'verifytestdb'
+});
+
+var dbReplicate = new Databases.Model({
+ id: 'verifytestdb_replicate',
+ name: 'verifytestdb_replicate'
+});
+
+var doc, viewDoc;
+
+Verifyinstall.testProcess = {
+ saveDoc: function () {
+ doc = new Documents.Doc({_id: 'test_doc_1', a: 1}, {
+ database: db
+ });
+
+ return doc.save();
+ },
+
+ destroyDoc: function () {
+ return doc.destroy();
+ },
+
+ updateDoc: function () {
+ doc.set({b: 'hello'});
+ return doc.save();
+ },
+
+ saveDB: function () {
+ return db.save();
+ },
+
+ setupDB: function (db) {
+ var deferred = FauxtonAPI.Deferred();
+ db.fetch()
+ .then(function () {
+ return db.destroy();
+ }, function (xhr) {
+ deferred.resolve();
+ })
+ .then(function () {
+ deferred.resolve();
+ }, function (xhr, error, reason) {
+ if (reason === 'Unauthorized') {
+ deferred.reject(xhr, error, reason);
+ }
+ });
+
+ return deferred;
+ },
+
+ setup: function () {
+ return FauxtonAPI.when([
+ this.setupDB(db),
+ this.setupDB(dbReplicate)
+ ]);
+ },
+
+ testView: function () {
+ var deferred = FauxtonAPI.Deferred();
+ var promise = $.get(viewDoc.url() + '/_view/testview');
+
+ promise.then(function (resp) {
+ resp = _.isString(resp) ? JSON.parse(resp) : resp;
+ var row = resp.rows[0];
+ if (row.value === 6) {
+ return deferred.resolve();
+ }
+ var reason = {
+ reason: 'Values expect 6, got ' + row.value
+ };
+
+ deferred.reject({responseText: JSON.stringify(reason)});
+ }, deferred.reject);
+
+ return deferred;
+ },
+
+ setupView: function () {
+ var doc1 = new Documents.Doc({_id: 'test_doc_10', a: 1}, { database: db });
+ var doc2 = new Documents.Doc({_id: 'test_doc_20', a: 2}, { database: db });
+ var doc3 = new Documents.Doc({_id: 'test_doc_30', a: 3}, { database: db });
+
+ viewDoc = new Documents.Doc({
+ _id: '_design/view_check',
+ views: {
+ 'testview': {
+ map: 'function (doc) { emit(doc._id, doc.a); }',
+ reduce: '_sum'
+ }
+ }
+ }, {
+ database: db
+ });
+
+ return FauxtonAPI.when([doc1.save(), doc2.save(), doc3.save(), viewDoc.save()]);
+ },
+
+ setupReplicate: function () {
+ return $.ajax({
+ url: app.host + '/_replicate',
+ contentType: 'application/json',
+ type: 'POST',
+ dataType: 'json',
+ processData: false,
+ data: JSON.stringify({
+ create_target: true,
+ source: 'verifytestdb',
+ target: 'verifytestdb_replicate'
})
- .then(function () {
+ });
+ },
+
+ testReplicate: function () {
+ var deferred = FauxtonAPI.Deferred();
+ var promise = dbReplicate.fetch();
+
+ promise.then(function () {
+ var docCount = dbReplicate.get('doc_count');
+ if ( docCount === 4) {
deferred.resolve();
- }, function (xhr, error, reason) {
- if (reason === 'Unauthorized') {
- deferred.reject(xhr, error, reason);
- }
- });
-
- return deferred;
- },
-
- setup: function () {
- return FauxtonAPI.when([
- this.setupDB(db),
- this.setupDB(dbReplicate)
- ]);
- },
-
- testView: function () {
- var deferred = FauxtonAPI.Deferred();
- var promise = $.get(viewDoc.url() + '/_view/testview');
-
- promise.then(function (resp) {
- resp = _.isString(resp) ? JSON.parse(resp) : resp;
- var row = resp.rows[0];
- if (row.value === 6) {
- return deferred.resolve();
- }
- var reason = {
- reason: 'Values expect 6, got ' + row.value
- };
-
- deferred.reject({responseText: JSON.stringify(reason)});
- }, deferred.reject);
-
- return deferred;
- },
-
- setupView: function () {
- var doc1 = new Documents.Doc({_id: 'test_doc_10', a: 1}, { database: db });
- var doc2 = new Documents.Doc({_id: 'test_doc_20', a: 2}, { database: db });
- var doc3 = new Documents.Doc({_id: 'test_doc_30', a: 3}, { database: db });
-
- viewDoc = new Documents.Doc({
- _id: '_design/view_check',
- views: {
- 'testview': {
- map: 'function (doc) { emit(doc._id, doc.a); }',
- reduce: '_sum'
- }
- }
- }, {
- database: db
- });
-
- return FauxtonAPI.when([doc1.save(), doc2.save(), doc3.save(), viewDoc.save()]);
- },
-
- setupReplicate: function () {
- return $.ajax({
- url: app.host + '/_replicate',
- contentType: 'application/json',
- type: 'POST',
- dataType: 'json',
- processData: false,
- data: JSON.stringify({
- create_target: true,
- source: 'verifytestdb',
- target: 'verifytestdb_replicate'
- })
- });
- },
-
- testReplicate: function () {
- var deferred = FauxtonAPI.Deferred();
- var promise = dbReplicate.fetch();
-
- promise.then(function () {
- var docCount = dbReplicate.get('doc_count');
- if ( docCount === 4) {
- deferred.resolve();
- return;
- }
+ return;
+ }
- var reason = {
- reason: 'Replication Failed, expected 4 docs got ' + docCount
- };
+ var reason = {
+ reason: 'Replication Failed, expected 4 docs got ' + docCount
+ };
- deferred.reject({responseText: JSON.stringify(reason)});
- }, deferred.reject);
+ deferred.reject({responseText: JSON.stringify(reason)});
+ }, deferred.reject);
- return deferred;
- },
+ return deferred;
+ },
- removeDBs: function () {
- dbReplicate.destroy();
- db.destroy();
- }
- };
+ removeDBs: function () {
+ dbReplicate.destroy();
+ db.destroy();
+ }
+};
- return Verifyinstall;
-});
+export default Verifyinstall;
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/0ca35da7/app/addons/verifyinstall/routes.js
----------------------------------------------------------------------
diff --git a/app/addons/verifyinstall/routes.js b/app/addons/verifyinstall/routes.js
index 542b715..94fb346 100644
--- a/app/addons/verifyinstall/routes.js
+++ b/app/addons/verifyinstall/routes.js
@@ -10,32 +10,28 @@
// License for the specific language governing permissions and limitations under
// the License.
-define([
- '../../app',
- '../../core/api',
- './resources',
- './actions',
- './components.react'
-],
-function (app, FauxtonAPI, VerifyInstall, Actions, Components) {
+import app from "../../app";
+import FauxtonAPI from "../../core/api";
+import VerifyInstall from "./resources";
+import Actions from "./actions";
+import Components from "./components.react";
- var VerifyRouteObject = FauxtonAPI.RouteObject.extend({
- layout: 'one_pane',
+var VerifyRouteObject = FauxtonAPI.RouteObject.extend({
+ layout: 'one_pane',
- routes: {
- 'verifyinstall': 'verifyInstall'
- },
- selectedHeader: 'Verify',
+ routes: {
+ 'verifyinstall': 'verifyInstall'
+ },
+ selectedHeader: 'Verify',
- verifyInstall: function () {
- Actions.resetStore();
- this.setComponent('#dashboard-content', Components.VerifyInstallController);
- },
+ verifyInstall: function () {
+ Actions.resetStore();
+ this.setComponent('#dashboard-content', Components.VerifyInstallController);
+ },
- crumbs: [{name: 'Verify CouchDB Installation', link: '#'}]
- });
+ crumbs: [{name: 'Verify CouchDB Installation', link: '#'}]
+});
- VerifyInstall.RouteObjects = [VerifyRouteObject];
+VerifyInstall.RouteObjects = [VerifyRouteObject];
- return VerifyInstall;
-});
+export default VerifyInstall;
http://git-wip-us.apache.org/repos/asf/couchdb-fauxton/blob/0ca35da7/app/addons/verifyinstall/stores.js
----------------------------------------------------------------------
diff --git a/app/addons/verifyinstall/stores.js b/app/addons/verifyinstall/stores.js
index d3fd9b5..b9de784 100644
--- a/app/addons/verifyinstall/stores.js
+++ b/app/addons/verifyinstall/stores.js
@@ -10,90 +10,84 @@
// License for the specific language governing permissions and limitations under
// the License.
-define([
- '../../core/api',
- './constants',
- './actiontypes'
-],
-
-function (FauxtonAPI, Constants, ActionTypes) {
-
- var VerifyInstallStore = FauxtonAPI.Store.extend({
- initialize: function () {
- this.reset();
- },
-
- reset: function () {
- this._isVerifying = false;
-
- // reset all the tests
- this._tests = {};
- _.each(Object.keys(Constants.TESTS), function (key) {
- this._tests[Constants.TESTS[key]] = { complete: false };
- }, this);
- },
-
- startVerification: function () {
- this._isVerifying = true;
- },
-
- stopVerification: function () {
- this._isVerifying = false;
- },
-
- checkIsVerifying: function () {
- return this._isVerifying;
- },
-
- updateTestStatus: function (test, success) {
-
- // shouldn't ever occur since we're using constants for the test names
- if (!_.has(this._tests, test)) {
- throw new Error('Invalid test name passed to updateTestStatus()');
- }
-
- // mark this test as complete, and track whether it was a success or failure
- this._tests[test] = { complete: true, success: success };
- },
-
- getTestResults: function () {
- return this._tests;
- },
-
- dispatch: function (action) {
- switch (action.type) {
- case ActionTypes.VERIFY_INSTALL_START:
- this.startVerification();
- this.triggerChange();
- break;
-
- case ActionTypes.VERIFY_INSTALL_RESET:
- this.reset();
- this.triggerChange();
- break;
-
- case ActionTypes.VERIFY_INSTALL_SINGLE_TEST_COMPLETE:
- this.updateTestStatus(action.test, action.success);
- this.triggerChange();
- break;
-
- case ActionTypes.VERIFY_INSTALL_ALL_TESTS_COMPLETE:
- this.stopVerification();
- this.triggerChange();
- break;
-
- default:
- return;
- }
+import FauxtonAPI from "../../core/api";
+import Constants from "./constants";
+import ActionTypes from "./actiontypes";
+
+var VerifyInstallStore = FauxtonAPI.Store.extend({
+ initialize: function () {
+ this.reset();
+ },
+
+ reset: function () {
+ this._isVerifying = false;
+
+ // reset all the tests
+ this._tests = {};
+ _.each(Object.keys(Constants.TESTS), function (key) {
+ this._tests[Constants.TESTS[key]] = { complete: false };
+ }, this);
+ },
+
+ startVerification: function () {
+ this._isVerifying = true;
+ },
+
+ stopVerification: function () {
+ this._isVerifying = false;
+ },
+
+ checkIsVerifying: function () {
+ return this._isVerifying;
+ },
+
+ updateTestStatus: function (test, success) {
+
+ // shouldn't ever occur since we're using constants for the test names
+ if (!_.has(this._tests, test)) {
+ throw new Error('Invalid test name passed to updateTestStatus()');
}
- });
+ // mark this test as complete, and track whether it was a success or failure
+ this._tests[test] = { complete: true, success: success };
+ },
+
+ getTestResults: function () {
+ return this._tests;
+ },
+
+ dispatch: function (action) {
+ switch (action.type) {
+ case ActionTypes.VERIFY_INSTALL_START:
+ this.startVerification();
+ this.triggerChange();
+ break;
+
+ case ActionTypes.VERIFY_INSTALL_RESET:
+ this.reset();
+ this.triggerChange();
+ break;
+
+ case ActionTypes.VERIFY_INSTALL_SINGLE_TEST_COMPLETE:
+ this.updateTestStatus(action.test, action.success);
+ this.triggerChange();
+ break;
+
+ case ActionTypes.VERIFY_INSTALL_ALL_TESTS_COMPLETE:
+ this.stopVerification();
+ this.triggerChange();
+ break;
+
+ default:
+ return;
+ }
+ }
+});
- var Stores = {};
- Stores.verifyInstallStore = new VerifyInstallStore();
- Stores.verifyInstallStore.dispatchToken = FauxtonAPI.dispatcher.register(Stores.verifyInstallStore.dispatch);
+var Stores = {};
+Stores.verifyInstallStore = new VerifyInstallStore();
+Stores.verifyInstallStore.dispatchToken = FauxtonAPI.dispatcher.register(Stores.verifyInstallStore.dispatch);
- return Stores;
-});
+export default Stores;