Skip to content

Commit dd3390a

Browse files
committed
Adding page about the course refs - BT#7683
1 parent 0d4e57d commit dd3390a

File tree

7 files changed

+423
-69
lines changed

7 files changed

+423
-69
lines changed

.htaccess

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -39,6 +39,9 @@ RewriteRule ^courses/([^/]+)/(.*)$ app/courses/$1/$2 [QSA,L]
3939
# About session
4040
RewriteRule ^session/(\d{1,})/about/?$ main/session/about.php?session_id=$1 [L]
4141

42+
# About course
43+
RewriteRule ^course/(\d{1,})/about/?$ main/course_info/about.php?course_id=$1 [L]
44+
4245
# Issued individual badge friendly URL
4346
RewriteRule ^badge/(\d{1,}) main/badge/issued.php?issue=$1 [L]
4447

app/Resources/public/css/base.css

Lines changed: 73 additions & 53 deletions
Original file line numberDiff line numberDiff line change
@@ -5530,15 +5530,6 @@ div#chat-remote-video video {
55305530
min-height: 284px;
55315531
}
55325532

5533-
#about-session .panel-information ul {
5534-
margin: 20px 0;
5535-
}
5536-
5537-
#about-session .course, #about-session .session {
5538-
padding-top: 10px;
5539-
padding-bottom: 10px;
5540-
}
5541-
55425533
.label-price, .label-free {
55435534
background-color: transparent;
55445535
font-size: 18px;
@@ -5558,118 +5549,127 @@ div#chat-remote-video video {
55585549
color: #5cb85c;
55595550
}
55605551

5561-
#about-session .session-requirements h5 {
5552+
#about-course .panel-information ul {
5553+
margin: 20px 0;
5554+
}
5555+
5556+
#about-course .course, #about-course .session {
5557+
padding-top: 10px;
5558+
padding-bottom: 10px;
5559+
}
5560+
5561+
#about-course .session-requirements h5 {
55625562
font-weight: bold;
55635563
}
55645564

5565-
#about-session .session-title {
5565+
#about-course .session-title {
55665566
font-weight: bold;
55675567
}
55685568

5569-
#about-session .session-tutor {
5569+
#about-course .session-tutor {
55705570
margin-top: 20px;
55715571
margin-bottom: 20px;
55725572
font-size: 12px;
55735573
}
55745574

5575-
#about-session .share-social-media {
5575+
#about-course .share-social-media {
55765576
padding: 10px 0 0 0;
55775577
}
55785578

5579-
#about-session .share-social-media .sharing-buttons li {
5579+
#about-course .share-social-media .sharing-buttons li {
55805580
padding-left: 0;
55815581
}
55825582

5583-
#about-session .session-info .date {
5583+
#about-course .session-info .date {
55845584
font-weight: bold;
55855585
text-align: center;
55865586
}
55875587

5588-
#about-session .panel-tags {
5588+
#about-course .panel-tags {
55895589
display: inline-block;
55905590
width: 100%;
55915591
padding: 0 10px;
55925592
margin-top: 10px;
55935593
}
55945594

5595-
#about-session .panel-tags .course-tags {
5595+
#about-course .panel-tags .course-tags {
55965596
margin-bottom: 0;
55975597
}
55985598

5599-
#about-session .panel-tags .course-tags li {
5599+
#about-course .panel-tags .course-tags li {
56005600
margin-bottom: 0;
56015601
padding-top: 5px;
56025602
padding-bottom: 5px;
56035603
}
56045604

5605-
#about-session .sub-title {
5605+
#about-course .sub-title {
56065606
font-size: 22px;
56075607
font-weight: 700;
56085608
margin: 0 0 20px;
56095609
}
56105610

5611-
#about-session .topics .title-info {
5611+
#about-course .topics .title-info {
56125612
margin: 30px 0 20px 0;
56135613
border-bottom: 1px solid #ddd;
56145614
padding-bottom: 15px;
56155615
}
56165616

5617-
#about-session .coach-header {
5617+
#about-course .coach-header {
56185618
display: flex;
56195619
-moz-box-align: center;
56205620
-webkit-box-align: center;
56215621
align-items: center;
56225622
flex-flow: row;
56235623
}
56245624

5625-
#about-session .coach-header .coach-avatar {
5625+
#about-course .coach-header .coach-avatar {
56265626
width: 70px;
56275627
margin-right: 20px;
56285628
}
56295629

5630-
#about-session .coach-header .coach-avatar .img-circle {
5630+
#about-course .coach-header .coach-avatar .img-circle {
56315631
border: 1px solid #C0C0C0;
56325632
}
56335633

5634-
#about-session .coach-header .coach-title {
5634+
#about-course .coach-header .coach-title {
56355635
flex-flow: column;
56365636
align-items: flex-start;
56375637
display: flex;
56385638
}
56395639

5640-
#about-session .coach-header .coach-title p {
5640+
#about-course .coach-header .coach-title p {
56415641
font-size: 13px;
56425642
}
56435643

5644-
#about-session .coach-title p {
5644+
#about-course .coach-title p {
56455645
margin: 0;
56465646
}
56475647

5648-
#about-session .coach-information {
5648+
#about-course .coach-information {
56495649
width: 100%;
56505650
display: block;
56515651
border-bottom: 1px solid #dddddd;
56525652
margin-bottom: 10px;
56535653
padding-bottom: 10px;
56545654
}
56555655

5656-
#about-session .coach-information:last-child {
5656+
#about-course .coach-information:last-child {
56575657
border-bottom: none;
56585658
}
56595659

5660-
#about-session .coach-information h4 {
5660+
#about-course .coach-information h4 {
56615661
font-weight: bold;
56625662
}
56635663

5664-
#about-session .course-title h3 {
5664+
#about-course .course-title h3 {
56655665
font-size: 22px;
56665666
line-height: 32px;
56675667
font-weight: bold;
56685668
margin-top: 0;
56695669
margin-bottom: 15px;
56705670
}
56715671

5672-
#about-session .tags-course {
5672+
#about-course .tags-course {
56735673
padding: 10px;
56745674
background-color: #ECF0F1;
56755675
margin-bottom: 10px;
@@ -5678,11 +5678,11 @@ div#chat-remote-video video {
56785678
-webkit-border-radius: 5px;
56795679
}
56805680

5681-
#about-session .tags-course .fa-tags {
5681+
#about-course .tags-course .fa-tags {
56825682
color: #D94D38;
56835683
}
56845684

5685-
#about-session .tags-course a {
5685+
#about-course .tags-course a {
56865686
display: inline-block;
56875687
margin-left: 5px;
56885688
margin-right: 5px;
@@ -5694,59 +5694,59 @@ div#chat-remote-video video {
56945694
-webkit-border-radius: 10%;
56955695
}
56965696

5697-
#about-session .subscribe {
5697+
#about-course .subscribe {
56985698
padding: 5px;
56995699
text-align: center;
57005700
border-radius: 5px;
57015701
-moz-border-radius: 5px;
57025702
-webkit-border-radius: 5px;
57035703
}
57045704

5705-
#about-session .info-course {
5705+
#about-course .info-course {
57065706
margin-top: 20px;
57075707
padding-top: 20px;
57085708
}
57095709

5710-
#about-session .info-course .panel-heading h4 {
5710+
#about-course .info-course .panel-heading h4 {
57115711
margin: 0;
57125712
}
57135713

5714-
#about-session .info-course .title-info {
5714+
#about-course .info-course .title-info {
57155715
color: #00829C;
57165716
border-bottom: 1px dotted #eeeeee;
57175717
padding-bottom: 10px;
57185718
margin-bottom: 10px;
57195719
}
57205720

5721-
#about-session .info-course .content-info {
5721+
#about-course .info-course .content-info {
57225722
padding: 10px;
57235723
}
57245724

5725-
#about-session .extrafield_dt {
5725+
#about-course .extrafield_dt {
57265726
margin-bottom: 10px;
57275727
}
57285728

5729-
#about-session .extrafield_dd {
5729+
#about-course .extrafield_dd {
57305730
color: #666666;
57315731
}
57325732

5733-
#about-session .socialshare {
5733+
#about-course .socialshare {
57345734
text-align: center;
57355735
}
57365736

5737-
#about-session .socialshare .networks {
5737+
#about-course .socialshare .networks {
57385738
padding-left: 0;
57395739
list-style: none;
57405740
}
57415741

5742-
#about-session .socialshare .networks li {
5742+
#about-course .socialshare .networks li {
57435743
padding-right: 2px;
57445744
padding-left: 2px;
57455745
margin-bottom: 10px;
57465746
display: inline-block;
57475747
}
57485748

5749-
#about-session .socialshare .networks li a {
5749+
#about-course .socialshare .networks li a {
57505750
display: block;
57515751
width: 48px;
57525752
height: 48px;
@@ -5759,16 +5759,16 @@ div#chat-remote-video video {
57595759
padding: 10px;
57605760
}
57615761

5762-
#about-session .socialshare .networks li a:hover {
5762+
#about-course .socialshare .networks li a:hover {
57635763
background-color: #286090;
57645764
}
57655765

5766-
#about-session .course-tags .tag-value {
5766+
#about-course .course-tags .tag-value {
57675767
display: inline-block;
57685768
margin-bottom: 15px;
57695769
}
57705770

5771-
#about-session .course-tags li span {
5771+
#about-course .course-tags li span {
57725772
position: relative;
57735773
display: inline-block;
57745774
padding: 0 3px;
@@ -5783,7 +5783,7 @@ div#chat-remote-video video {
57835783
transition: none 0.15s ease-in-out;
57845784
}
57855785

5786-
#about-session .course-tags li span::before {
5786+
#about-course .course-tags li span::before {
57875787
display: inline-block;
57885788
content: "";
57895789
top: 0;
@@ -5796,7 +5796,7 @@ div#chat-remote-video video {
57965796
border-top: 10px solid transparent;
57975797
}
57985798

5799-
#about-session .course-tags li span::after {
5799+
#about-course .course-tags li span::after {
58005800
z-index: 1;
58015801
content: "";
58025802
top: 8px;
@@ -5808,11 +5808,11 @@ div#chat-remote-video video {
58085808
border-radius: 10px;
58095809
}
58105810

5811-
#about-session .panel-tags .panel-body {
5811+
#about-course .panel-tags .panel-body {
58125812
text-align: center;
58135813
}
58145814

5815-
#about-session .price-text {
5815+
#about-course .price-text {
58165816
font-size: 36px;
58175817
font-weight: 700;
58185818
line-height: 40px;
@@ -5821,15 +5821,35 @@ div#chat-remote-video video {
58215821
margin-top: 10px;
58225822
}
58235823

5824-
#about-session .buy-box .btn-primary {
5824+
#about-course .buy-box .btn-primary {
58255825
color: #fff;
58265826
background-color: #ec5252;
58275827
border: 1px solid transparent;
58285828
font-size: 15px;
58295829
line-height: 1.35135;
58305830
border-radius: 2px;
58315831
}
5832-
5832+
#about-course .course-short{
5833+
padding-top: 5px;
5834+
padding-bottom: 5px;
5835+
}
5836+
#about-course .course-short ul{
5837+
display: inline-block;
5838+
width: 100%;
5839+
list-style: none;
5840+
padding: 0;
5841+
margin: 0;
5842+
}
5843+
#about-course .course-short ul li{
5844+
display: inline-block;
5845+
}
5846+
#about-course .course-short ul li.author{
5847+
font-weight: bold;
5848+
margin-right: 5px;
5849+
}
5850+
#about-course #course-info-top .session-title{
5851+
margin-top: 10px;
5852+
}
58335853
/* list courses classic*/
58345854
.classic-courses .list-teachers {
58355855
font-size: 12px;

0 commit comments

Comments
 (0)