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
fd7c4f99
Commit
fd7c4f99
authored
Jun 20, 2020
by
Jiawen Lyu
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
use holy grail layout
parent
afbeffd2
Changes
2
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
30 additions
and
31 deletions
+30
-31
src/App.css
src/App.css
+9
-8
src/App.js
src/App.js
+21
-23
No files found.
src/App.css
View file @
fd7c4f99
...
...
@@ -10,17 +10,17 @@
}
.main
{
float
:
left
;
width
:
75%
;
margin-top
:
1%
;
width
:
100%
;
}
.left
{
margin-left
:
3%
;
margin-top
:
1%
;
float
:
left
;
width
:
200px
;
margin-left
:
-100%
;
position
:
relative
;
left
:
-200px
;
}
.left-content
{
margin
:
0
30px
;
}
.App-header
,
.App-footer
{
background-color
:
#282c34
;
...
...
@@ -35,5 +35,6 @@
}
.main-container
{
padding
:
5px
;
padding
:
5px
0
5px
200px
;
overflow
:
hidden
;
}
\ No newline at end of file
src/App.js
View file @
fd7c4f99
...
...
@@ -16,7 +16,7 @@ class App extends Component {
super
(
props
)
const
storage
=
new
LocalStorageManager
()
storage
.
set
(
"
logins
"
,
[
"
nguyetra
"
,
"
lyujiawe
"
,
"
jbarthel
"
])
storage
.
set
(
"
logins
"
,
[
"
nguyetra
"
,
"
lyujiawe
"
,
"
jbarthel
"
])
let
logins
=
storage
.
logins
()
...
...
@@ -38,7 +38,7 @@ class App extends Component {
}
else
{
alert
(
"
Student has been added in list. Please enter another login !
"
);
}
}
deleteLogin
=
(
login
)
=>
{
...
...
@@ -57,32 +57,30 @@ class App extends Component {
return
(
<
div
>
<
header
className
=
"
App-header
"
>
<
h1
>
UTC
Scheduler
<
/h1
>
<
/header
>
<
h1
>
UTC
Scheduler
<
/h1
>
<
/header
>
<
div
className
=
"
clearfix main-container
"
>
<
div
className
=
"
row
"
>
<
div
className
=
"
left
"
>
<
LoginInput
handleClick
=
{(
this
.
addLogin
)}
/
>
<
div
>
<
label
htmlFor
=
"
exampleInputEmail1
"
>
Current
students
:
<
/label
>
<
/div
>
<
StudentsList
<
div
className
=
"
main
"
>
<
div
className
=
"
scheduler-container
"
>
<
SchedulerWithData
timeFormatState
=
{
currentTimeFormatState
}
onDataUpdated
=
{
this
.
logDataUpdate
}
id
=
"
schedule
"
logins
=
{
logins
}
handleClick
=
{(
this
.
deleteLogin
)}
/
>
<
/div
>
<
div
className
=
"
main
"
>
<
div
className
=
"
scheduler-container
"
>
<
SchedulerWithData
timeFormatState
=
{
currentTimeFormatState
}
onDataUpdated
=
{
this
.
logDataUpdate
}
id
=
"
schedule
"
logins
=
{
logins
}
/
>
<
/div
>
<
/div
>
<
div
className
=
"
left
"
>
<
LoginInput
handleClick
=
{(
this
.
addLogin
)}
/
>
<
div
>
<
label
htmlFor
=
"
exampleInputEmail1
"
>
Current
students
:
<
/label
>
<
/div
>
<
StudentsList
logins
=
{
logins
}
handleClick
=
{(
this
.
deleteLogin
)}
/
>
<
/div
>
<
/div
>
<
footer
className
=
"
App-footer
"
>
...
...
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