client/src/components/NavbarGroup.js
changeset 154 a28361bda28c
parent 151 57d63a248f0d
child 168 ea92f4fe783d
equal deleted inserted replaced
153:de8d18c8251d 154:a28361bda28c
    46         <li className={`nav-item dropdown ${this.state.showDropdown?'show':''}`}>
    46         <li className={`nav-item dropdown ${this.state.showDropdown?'show':''}`}>
    47           <a className="nav-link dropdown-toggle" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded={this.state.showDropdown} onClick={this.toggleShowDropdown} onBlur={this.hideDropDown}>
    47           <a className="nav-link dropdown-toggle" id="navbarDropdown" role="button" aria-haspopup="true" aria-expanded={this.state.showDropdown} onClick={this.toggleShowDropdown} onBlur={this.hideDropDown}>
    48           { currentGroupName }
    48           { currentGroupName }
    49           &nbsp;<span className="caret"></span>
    49           &nbsp;<span className="caret"></span>
    50           </a>
    50           </a>
    51           <div id="group-menu-scroll-down" className={`dropdown-menu dropdown-menu-right bg-primary border-0 ${this.state.showDropdown?'show':''}`} aria-labelledby="navbarDropdown">
    51           <div id="group-menu-scroll-down" className={`dropdown-menu dropdown-menu-right shadow py-1 pt-3 mb-5 mt-2 bg-secondary border border-primary ${this.state.showDropdown?'show':''}`} aria-labelledby="navbarDropdown">
    52           { groups && groups.map((group, key) => {
    52           { groups && groups.map((group, key) => {
    53             const groupName = group.get('name');
    53             const groupName = group.get('name');
    54             const className = (groupName === currentGroupName)?'active':null;
    54             const className = (groupName === currentGroupName)?'active':null;
    55               return <a key={key} onClick={onClickGroup} className={`dropdown-item bg-primary text-secondary ${className}`} data-groupname={groupName}>{ groupName }</a>
    55               return <a key={key} onClick={onClickGroup} className={`dropdown-item bg-secondary text-primary font-weight-bold ${className}`} data-groupname={groupName}>{ groupName }</a>
    56             })
    56             })
    57           }
    57           }
    58           <button type="button "onClick={onClickGroup} key="-1" className="dropdown-item btn btn-secondary bg-secondary text-center text-primary create-group" data-groupname="__create_group__">Créer un groupe</button>
    58           <button type="button "onClick={onClickGroup} key="-1" className="dropdown-item btn btn-secondary bg-secondary text-center text-primary create-group" data-groupname="__create_group__">Créer un groupe</button>
    59           </div>
    59           </div>
    60         </li>
    60         </li>