Skip to content
GitLab
Projects
Groups
Snippets
Help
Loading...
Help
Help
Support
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
S
scheduler-react-sample
Project overview
Project overview
Details
Activity
Releases
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Issues
0
Issues
0
List
Boards
Labels
Service Desk
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Operations
Operations
Environments
Packages & Registries
Packages & Registries
Container Registry
Analytics
Analytics
CI / CD
Repository
Value Stream
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
Linh Nguyen
scheduler-react-sample
Commits
bc9eae61
Commit
bc9eae61
authored
Jun 20, 2020
by
Jiawen Lyu
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
polish modal
parent
1c05fa5f
Changes
4
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
30 additions
and
29 deletions
+30
-29
src/App.js
src/App.js
+10
-10
src/components/ButtonWithModal.js
src/components/ButtonWithModal.js
+1
-0
src/components/LoginInput.js
src/components/LoginInput.js
+7
-7
src/components/StudentsList.js
src/components/StudentsList.js
+12
-12
No files found.
src/App.js
View file @
bc9eae61
...
...
@@ -70,8 +70,8 @@ class App extends Component {
return
(
<
div
>
<
header
>
SR03
<
/header
>
<
div
class
=
"
clearfix wrapper
"
>
<
div
class
=
"
main
"
>
<
div
class
Name
=
"
clearfix wrapper
"
>
<
div
class
Name
=
"
main
"
>
<
div
className
=
"
scheduler-container
"
>
<
SchedulerWithData
timeFormatState
=
{
currentTimeFormatState
}
...
...
@@ -82,20 +82,20 @@ class App extends Component {
<
/div
>
<
MessageArea
messages
=
{
messages
}
/
>
<
/div
>
<
div
class
=
"
left
"
>
<
div
class
=
"
left-content
"
>
<
div
class
=
"
row
"
>
<
div
class
=
"
col
"
>
<
div
class
Name
=
"
left
"
>
<
div
class
Name
=
"
left-content
"
>
<
div
class
Name
=
"
row
"
>
<
div
class
Name
=
"
col
"
>
<
LoginInput
handleClick
=
{(
this
.
addLogin
)}
/
>
<
/div
>
<
/div
>
<
div
class
=
"
row
"
/>
<
div
class
=
"
row
"
>
<
label
f
or
=
"
exampleInputEmail1
"
>
Current
students
:
<
/label
>
<
div
class
Name
=
"
row
"
/>
<
div
class
Name
=
"
row
"
>
<
label
htmlF
or
=
"
exampleInputEmail1
"
>
Current
students
:
<
/label
>
<
/div
>
<
div
class
=
"
row
"
>
<
div
class
Name
=
"
row
"
>
<
StudentsList
logins
=
{
logins
}
handleClick
=
{(
this
.
deleteLogin
)}
...
...
src/components/ButtonWithModal.js
View file @
bc9eae61
...
...
@@ -25,6 +25,7 @@ export default (props) => {
<
Modal
show
=
{
show
}
onHide
=
{
handleClose
}
>
<
Modal
.
Header
closeButton
>
<
Modal
.
Title
>
Do
you
want
to
delete
this
user
?
<
/Modal.Title
>
<
/Modal.Header
>
<
Modal
.
Body
>
Comfirmer
à
supprimer
<
/Modal.Body
>
<
Modal
.
Footer
>
...
...
src/components/LoginInput.js
View file @
bc9eae61
...
...
@@ -10,21 +10,21 @@ export const LoginInput = (props) => {
return
(
<>
<
form
>
<
div
class
=
"
row
"
>
<
label
f
or
=
"
exampleInputEmail1
"
>
Login
<
/label
>
<
div
class
Name
=
"
row
"
>
<
label
htmlF
or
=
"
exampleInputEmail1
"
>
Login
<
/label
>
<
/div
>
<
div
class
=
"
row
"
>
<
div
class
=
"
col
"
>
<
div
class
Name
=
"
row
"
>
<
div
class
Name
=
"
col
"
>
<
input
class
=
"
form-control
"
class
Name
=
"
form-control
"
ref
=
{
input
=>
inputValue
=
input
}
id
=
"
exampleInputEmail1
"
/>
<
/div
>
<
div
class
=
"
col
"
>
<
div
class
Name
=
"
col
"
>
<
button
type
=
"
submit
"
class
=
"
btn btn-primary btn-sm
"
class
Name
=
"
btn btn-primary btn-sm
"
onClick
=
{(
e
)
=>
{
e
.
preventDefault
();
props
.
handleClick
(
inputValue
.
value
)
...
...
src/components/StudentsList.js
View file @
bc9eae61
...
...
@@ -6,22 +6,22 @@ export const StudentsList = (props) => {
if
(
logins
)
return
(
<>
<
ul
class
=
"
list-group
"
id
=
"
studentList
"
>
<
ul
class
Name
=
"
list-group
"
id
=
"
studentList
"
>
{
logins
.
map
(
login
=>
(
<
div
class
=
"
row
"
key
=
{
login
}
>
<
li
class
=
"
list-group-item
"
>
{
login
}
<
/li
>
<
li
className
=
"
list-group-item
"
key
=
{
login
}
>
{
login
}
<
ButtonWithModal
className
=
"
button-modal
"
login
=
{
login
}
handleClick
=
{
props
.
handleClick
}
/
>
<
/
div
>
<
/
li
>
))
}
...
...
@@ -29,8 +29,8 @@ export const StudentsList = (props) => {
<
/
>
)
else
return
(
<
ul
class
=
"
list-group
"
>
<
li
class
=
"
list-group-item
"
>
null
<
/li
>
<
ul
class
Name
=
"
list-group
"
>
<
li
class
Name
=
"
list-group-item
"
>
null
<
/li
>
<
/ul
>
)
}
\ No newline at end of file
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment