Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in
Toggle navigation
Menu
Open sidebar
SRCT
schedules
Commits
0cf2318a
Commit
0cf2318a
authored
Jun 18, 2018
by
David Haynes
🙆
Browse files
Very pretty and reactive CourseSectionCard
- to be displayed in a CourseSectionList TBD
parent
2d988fbd
Changes
6
Hide whitespace changes
Inline
Side-by-side
schedules_web/src/components/App.tsx
View file @
0cf2318a
import
*
as
React
from
'
react
'
;
import
{
Container
}
from
'
reactstrap
'
;
import
Search
from
'
../containers/Search
'
;
import
CourseSectionCard
from
'
./CourseSectionCard
'
;
import
Header
from
'
./Header
'
;
require
(
'
../css/core.css
'
);
...
...
@@ -10,6 +11,7 @@ const App = () => (
<
Container
>
<
Header
/>
<
Search
/>
<
CourseSectionCard
/>
{
/* <Schedule /> */
}
</
Container
>
</
div
>
...
...
schedules_web/src/components/CourseSectionCard.tsx
0 → 100644
View file @
0cf2318a
import
*
as
React
from
'
react
'
;
import
{
Button
,
Card
,
CardBody
,
CardTitle
,
Col
,
Row
}
from
'
reactstrap
'
;
require
(
'
../css/button-text-override.css
'
);
const
CourseSectionCard
=
()
=>
(
<
Row
className
=
"justify-content-center my-5"
>
<
Col
md
=
"9"
>
<
Card
>
<
CardBody
>
<
CardTitle
className
=
"mb-4"
>
<
i
className
=
"fas fa-hashtag"
/>
78212
</
CardTitle
>
<
Row
>
<
Col
md
=
"6"
>
<
div
className
=
"mb-4"
>
<
h4
>
Senior Adv Design Project I
</
h4
>
<
p
>
CYSE 492 - 001
</
p
>
</
div
>
<
i
className
=
"fas fa-chalkboard-teacher fa-fw"
/>
Gino J Manzo
<
br
/>
<
i
className
=
"fas fa-clock fa-fw"
/>
Thursdays, 4:30 pm - 6:20 pm
<
br
/>
<
i
className
=
"fas fa-school fa-fw"
/>
James Buchanan Hall D023
</
Col
>
<
Col
md
=
"6"
>
<
Button
color
=
"primary"
size
=
"lg"
block
className
=
"shadow-sm mt-3"
>
<
i
className
=
"fas fa-plus-circle mr-2 fa-fw"
/>
Add to schedule
</
Button
>
</
Col
>
</
Row
>
</
CardBody
>
</
Card
>
</
Col
>
</
Row
>
);
export
default
CourseSectionCard
;
schedules_web/src/components/Header.tsx
View file @
0cf2318a
import
*
as
React
from
'
react
'
;
import
{
Col
,
Row
}
from
'
reactstrap
'
;
require
(
'
../css/iconbadge.css
'
);
require
(
'
../css/icon
-
badge.css
'
);
const
Header
=
()
=>
(
<
div
>
...
...
schedules_web/src/components/SearchBar.tsx
View file @
0cf2318a
...
...
@@ -47,7 +47,7 @@ class SearchBar extends React.Component<Props, State> {
className
=
"shadow mb-3 bg-white"
/>
<
InputGroupAddon
addonType
=
"append"
>
<
Button
className
=
"shadow mb-3 bg-white"
>
<
Button
className
=
"shadow
-sm
mb-3 bg-white"
>
<
i
className
=
"fas fa-search"
/>
</
Button
>
</
InputGroupAddon
>
...
...
schedules_web/src/css/button-text-override.css
0 → 100644
View file @
0cf2318a
.btn
{
text-align
:
initial
;
}
schedules_web/src/css/iconbadge.css
→
schedules_web/src/css/icon
-
badge.css
View file @
0cf2318a
File moved
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