| 12 |
- import React from'react';import Module from'../Module';import User from'../../systems/services/User';import Link from'./Link.js';import'./Navbar.css';class Navbar extends Module{constructor(a){super(a),this.state={}}render(){// </div>;
- return React.createElement('nav',{className:'navbar navbar-expand-md navbar-dark bg-dark'},React.createElement('a',{className:'navbar-brand',href:'#'},React.createElement('img',{src:this.logo.value,width:'30',height:'30',className:'d-inline-block align-top',alt:''}),this.brand.value),React.createElement('button',{className:'navbar-toggler',type:'button',"data-toggle":'collapse',"data-target":'#NAVID',"aria-controls":'NAVID',"aria-expanded":'false',"aria-label":'Toggle navigation'},React.createElement('span',{className:'navbar-toggler-icon'})),React.createElement('div',{className:'collapse navbar-collapse',id:'NAVID'},React.createElement('ul',{className:'navbar-nav'},(this.headers.value||[]).map((a,b)=>React.createElement('li',{className:'nav-item active',key:b},React.createElement(Link,{link:this.links.value[b],className:'nav-link'},a))))),super.render(!0))}}Navbar.EditPosition='top-right',Navbar.Inputs={logo:{type:Module.Types.Text,defaultValue:'/logo.png'},brand:{type:Module.Types.Text,defaultValue:'Bootstrap'},headers:{type:Module.Types.Array,defaultValue:['Home','Test','Contact'],arrType:Module.Types.Text},links:{type:Module.Types.Array,defaultValue:['home','test','contact'],arrType:Module.Types.Text}},Navbar.Category='Layout';export default Navbar;
|
