diff options
author | Cédric Bonhomme <cedric@cedricbonhomme.org> | 2020-02-26 11:27:31 +0100 |
---|---|---|
committer | Cédric Bonhomme <cedric@cedricbonhomme.org> | 2020-02-26 11:27:31 +0100 |
commit | 62b3afeeedfe054345f86093e2d243e956c1e3c9 (patch) | |
tree | bbd58f5c8c07f5d87b1c1cca73fa1d5af6178f48 /src/web/js/components/Navbar.react.js | |
parent | Updated Python dependencies. (diff) | |
download | newspipe-62b3afeeedfe054345f86093e2d243e956c1e3c9.tar.gz newspipe-62b3afeeedfe054345f86093e2d243e956c1e3c9.tar.bz2 newspipe-62b3afeeedfe054345f86093e2d243e956c1e3c9.zip |
The project is now using Poetry.
Diffstat (limited to 'src/web/js/components/Navbar.react.js')
-rw-r--r-- | src/web/js/components/Navbar.react.js | 138 |
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; |