aboutsummaryrefslogtreecommitdiff
path: root/src/web/js/components/Navbar.react.js
diff options
context:
space:
mode:
Diffstat (limited to 'src/web/js/components/Navbar.react.js')
-rw-r--r--src/web/js/components/Navbar.react.js138
1 files changed, 0 insertions, 138 deletions
diff --git a/src/web/js/components/Navbar.react.js b/src/web/js/components/Navbar.react.js
deleted file mode 100644
index 83f3c72c..00000000
--- a/src/web/js/components/Navbar.react.js
+++ /dev/null
@@ -1,138 +0,0 @@
-var React = require('react');
-var createReactClass = require('create-react-class');
-var Glyphicon = require('react-bootstrap/lib/Glyphicon');
-var Nav = require('react-bootstrap/lib/Nav');
-var NavItem = require('react-bootstrap/lib/NavItem');
-var Navbar = require('react-bootstrap/lib/Navbar');
-var NavDropdown = require('react-bootstrap/lib/NavDropdown');
-var MenuItem = require('react-bootstrap/lib/MenuItem');
-var Modal = require('react-bootstrap/lib/Modal');
-var Button = require('react-bootstrap/lib/Button');
-var Input = require('react-bootstrap/lib/Input');
-
-var MenuStore = require('../stores/MenuStore');
-
-JarrNavBar = createReactClass({
- getInitialState: function() {
- return {is_admin: MenuStore._datas.is_admin,
- crawling_method: MenuStore._datas.crawling_method,
- showModal: false, modalType: null};
- },
- buttonFetch: function() {
- if(this.state.is_admin && this.state.crawling_method != 'http') {
- return (<NavItem eventKey={2} href="/fetch">
- <Glyphicon glyph="import" />Fetch
- </NavItem>);
- }
- },
- sectionAdmin: function() {
- if(this.state.is_admin) {
- return (<MenuItem href="/admin/dashboard">
- <Glyphicon glyph="dashboard" />Dashboard
- </MenuItem>);
- }
- },
- getModal: function() {
- var heading = null;
- var action = null;
- var body = null;
- if(this.state.modalType == 'addFeed') {
- heading = 'Add a new feed';
- action = '/feed/bookmarklet';
- placeholder = "Site or feed url";
- body = <Input name="url" type="text" placeholder={placeholder} />;
- } else {
- heading = 'Add a new category';
- action = '/category/create';
- body = <Input name="name" type="text"
- placeholder="Name" />;
- }
- return (<Modal show={this.state.showModal} onHide={this.close}>
- <form action={action} method="POST">
- <Modal.Header closeButton>
- <Modal.Title>{heading}</Modal.Title>
- </Modal.Header>
- <Modal.Body>
- {body}
- </Modal.Body>
- <Modal.Footer>
- <Button type="submit">Add</Button>
- </Modal.Footer>
- </form>
- </Modal>);
- },
- close: function() {
- this.setState({showModal: false, modalType: null});
- },
- openAddFeed: function() {
- this.setState({showModal: true, modalType: 'addFeed'});
- },
- openAddCategory: function() {
- this.setState({showModal: true, modalType: 'addCategory'});
- },
- render: function() {
- return (<Navbar fixedTop inverse id="newspipenav" fluid staticTop={true}>
- {this.getModal()}
- <Navbar.Header>
- <Navbar.Brand>
- <a href="/">Newspipe</a>
- </Navbar.Brand>
- <Navbar.Toggle />
- </Navbar.Header>
- <Navbar.Collapse>
- <Nav pullRight>
- {this.buttonFetch()}
- <NavItem className="newspipenavitem"
- onClick={this.openAddFeed} href="#">
- <Glyphicon glyph="plus-sign" />Add a new feed
- </NavItem>
- <NavItem className="newspipenavitem"
- onClick={this.openAddCategory} href="#">
- <Glyphicon glyph="plus-sign" />Add a new category
- </NavItem>
- <NavDropdown title="Feed" id="feed-dropdown">
- <MenuItem href="/feeds/inactives">
- Inactives
- </MenuItem>
- <MenuItem href="/articles/history">
- History
- </MenuItem>
- <MenuItem href="/feeds/">
- All
- </MenuItem>
- </NavDropdown>
- <NavDropdown title={<Glyphicon glyph='user' />}
- id="user-dropdown">
- <MenuItem href="/user/profile">
- <Glyphicon glyph="user" />Profile
- </MenuItem>
- <MenuItem href="/user/management">
- <Glyphicon glyph="cog" />Your data
- </MenuItem>
- <MenuItem href="/about">
- <Glyphicon glyph="question-sign" />About
- </MenuItem>
- {this.sectionAdmin()}
- <MenuItem href="/logout">
- <Glyphicon glyph="log-out" />Logout
- </MenuItem>
- </NavDropdown>
- </Nav>
- </Navbar.Collapse>
- </Navbar>
- );
- },
- componentDidMount: function() {
- MenuStore.addChangeListener(this._onChange);
- },
- componentWillUnmount: function() {
- MenuStore.removeChangeListener(this._onChange);
- },
- _onChange: function() {
- var datas = MenuStore.getAll();
- this.setState({is_admin: datas.is_admin,
- crawling_method: datas.crawling_method});
- },
-});
-
-module.exports = JarrNavBar;
bgstack15