hazza/jupyterhub
1
0
Fork 0
mirror of https://github.com/jupyterhub/jupyterhub.git synced 2025-10-11 20:13:02 +00:00
Code Issues Packages Projects Releases Wiki Activity

Improved design of input fields to match template

Browse Source
This commit is contained in:
vladfreeze
2021-12-02 11:29:22 +01:00
committed by Min RK
parent 21231d2f23
commit 7a56cadfb5
2 changed files with 19 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
jsx/src/components/DynamicTable/DynamicTable.jsx
View File

@@ -155,7 +155,7 @@ export default class DynamicTable extends React.Component {
<tr key={"item-" + i}> <tr key={"item-" + i}>
<td> <td>
<input <input
className="properties-table-keyvalues" className="form-control"
type="text" type="text"
value={o} value={o}
id={o + i} id={o + i}
@@ -174,7 +174,7 @@ export default class DynamicTable extends React.Component {
<tr key={"item-" + i}> <tr key={"item-" + i}>
<td> <td>
<input <input
className="properties-table-keyvalues" className="form-control"
type="text" type="text"
value={o} value={o}
onChange={context.handleValueChanged.bind(context, i)} onChange={context.handleValueChanged.bind(context, i)}
@@ -225,7 +225,7 @@ export default class DynamicTable extends React.Component {
<tr> <tr>
<td> <td>
<input <input
className="properties-table" className="form-control"
type="text" type="text"
value={this.state.message} value={this.state.message}
onChange={this.updateMessageKey.bind(this)} onChange={this.updateMessageKey.bind(this)}
@@ -233,7 +233,7 @@ export default class DynamicTable extends React.Component {
</td> </td>
<td> <td>
<input <input
className="properties-table" className="form-control"
type="text" type="text"
value={this.state.message2} value={this.state.message2}
onChange={this.updateMessageValue.bind(this)} onChange={this.updateMessageValue.bind(this)}

25
jsx/src/components/GroupEdit/GroupEdit.jsx
View File

@@ -74,19 +74,24 @@ const GroupEdit = (props) => {
setChanged(true); setChanged(true);
}} }}
/> />
<div className="container"> <div className="row">
<div className="row"> <div className="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
<div className="alert alert-info">Manage group properties</div> <div className="alert alert-info">Manage group properties</div>
</div> </div>
</div> </div>
<DynamicTable <div className="row">
current_propobject={group_data.properties} <div className="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
setProp={setProp} <DynamicTable
setPropKeys={setPropKeys} current_propobject={group_data.properties}
setPropValues={setPropValues} setProp={setProp}
setChanged={setChanged} setPropKeys={setPropKeys}
//Add keys setPropValues={setPropValues}
/> setChanged={setChanged}
//Add keys
/>
</div>
</div>
<div className="row"> <div className="row">
<div className="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2"> <div className="col-md-10 col-md-offset-1 col-lg-8 col-lg-offset-2">
<button id="return" className="btn btn-light"> <button id="return" className="btn btn-light">