render(){ return ( <div className="attack-import"> <Popup trigger={<Icon name="upload" id="attack-import" size="large" onClick={this._openFileDialog}/>} content="Import Attack" /> <input id="attack-import-input" type="file" style={{display: 'none'}} accept=".json" onChange={this._import} multiple/> </div> ) }
dataItems.data.map((val, fillIndex) => { return ( <Popup key={dataItems.labels[fillIndex]} content={() => _renderColorPicker("fill", fillIndex)} trigger={( <Label size="large" color="blue" style={styles.datasetColorBtn(newDataset.fillColor[fillIndex])} content={dataItems.labels[fillIndex]} /> )} style={{ padding: 0, margin: 0 }} on="click" offset="0, 10px" position="right center" /> ); })
}; return ( <Popup trigger={children} on="click"
<p>{currentRoom.user.firstName + " " + currentRoom.user.lastName}</p> <div className="social-media"> <Popup content="Scroll to bottom." trigger={
<Popup trigger={<Button disabled={activeAttack.inputs && Object.values(activeAttack.inputs).some((input)=>{if(input.value === input.defaultValue) {return false}; return !input.valid })} onClick={()=>{execute(activeAttack)}} content="Execute Attack" /> <Popup trigger={<Button onClick={()=>{toggleEdit(activeAttack)}} icon="edit" content="Edit Attack" /> <Popup trigger={<Button onClick={()=>{exportAttack(activeAttack)}} icon="download"
<Popup trigger={( <Button
&& (this._canAccess("owner") || (this._canAccess("admin") && memberRole !== "owner")) && ( <Popup trigger={( <Button && (this._canAccess("owner") || (this._canAccess("admin") && memberRole !== "owner")) && ( <Popup trigger={( <Button && (this._canAccess("owner") || (this._canAccess("admin") && memberRole !== "owner")) && ( <Popup trigger={( <Button
alt="" /> <Popup content={ dayjs(message.createdAt).fromNow() + ", seen:" + message.read alt="" /> <Popup content={ dayjs(message.createdAt).fromNow() + ", seen:" + message.read alt="" /> <Popup content={ dayjs(message.createdAt).fromNow() + ", seen:" + message.read alt="" /> <Popup content={ dayjs(message.createdAt).fromNow() + ", seen:" + message.read
<Form.Group widths={2}> <Form.Field width={6}> <Popup content={"The query parameter name that limits the number of item per request."} trigger={( <Popup content={"The query parameter name used for the starting point of the first request. "} trigger={( <Popup content={"The total amount of items to get (all the paged items put together) - Leave empty or 0 for unlimited"} trigger={(
&& ( <Header textAlign="center" size="huge" dividing onClick={() => this.setState({ editingTitle: true })}> <Popup trigger={( <a style={styles.editTitle}>
render(){ return ( <div className="attack-import"> <Popup trigger={<Icon name="upload" id="attack-import" size="large" onClick={this._openFileDialog}/>} content="Import Attack" /> <input id="attack-import-input" type="file" style={{display: 'none'}} accept=".json" onChange={this._import} multiple/> </div> ) }
}; return ( <Popup trigger={children} on="click"
<p>{currentRoom.user.firstName + " " + currentRoom.user.lastName}</p> <div className="social-media"> <Popup content="Scroll to bottom." trigger={
<Popup trigger={<Button disabled={activeAttack.inputs && Object.values(activeAttack.inputs).some((input)=>{if(input.value === input.defaultValue) {return false}; return !input.valid })} onClick={()=>{execute(activeAttack)}} content="Execute Attack" /> <Popup trigger={<Button onClick={()=>{toggleEdit(activeAttack)}} icon="edit" content="Edit Attack" /> <Popup trigger={<Button onClick={()=>{exportAttack(activeAttack)}} icon="download"