Skip to content

A
apex_micro_site
Commit f134a8d7 by Ali Arshad
Options

checkout page

parent 9a0613e7
Pipeline #191 passed with stage
in 0 seconds
Showing with 1212 additions and 352 deletions
WWW_DATA/wp-content/plugins/apex_global_lms/template.php
<?php <?php
$lmsVersion = "0.1"; $lmsVersion = "0.3";
add_action('wp_enqueue_scripts', 'enqueue_admin_css'); add_action('wp_enqueue_scripts', 'enqueue_admin_css');
add_filter('template_include', 'use_lms_template', 99); add_filter('template_include', 'use_lms_template', 99);
function enqueue_admin_css() function enqueue_admin_css()
{ {
global $lmsVersion; global $lmsVersion;
wp_enqueue_style("lms-reset", plugin_dir_url(__FILE__) . "template/css/reset.css", array('lms-bootstrap'), $lmsVersion, 'all');
wp_enqueue_style("lms-bootstrap", plugin_dir_url(__FILE__) . "template/css/bootstrap.min.css", array(), $lmsVersion, 'all'); wp_enqueue_style("lms-bootstrap", plugin_dir_url(__FILE__) . "template/css/bootstrap.min.css", array(), $lmsVersion, 'all');
wp_enqueue_style("lms-styles", plugin_dir_url(__FILE__) . "template/css/lms.css", array(), $lmsVersion, 'all'); wp_enqueue_style("lms-styles", plugin_dir_url(__FILE__) . "template/css/lms.css", array('lms-bootstrap'), $lmsVersion, 'all');
wp_enqueue_script("lms-script", plugin_dir_url(__FILE__) . "template/js/lms.js", array("jquery"), $lmsVersion, true);
} }
function use_lms_template($data) function use_lms_template($data)
...@@ -17,6 +20,10 @@ function use_lms_template($data) ...@@ -17,6 +20,10 @@ function use_lms_template($data)
return __DIR__ . "/template/e-learning.php"; return __DIR__ . "/template/e-learning.php";
} }
if(is_page('lms-checkout')){
return __DIR__ . "/template/learner-detail.php";
}
else if(is_page('lms-courses')) { else if(is_page('lms-courses')) {
return __DIR__ . "/template/it-course.php"; return __DIR__ . "/template/it-course.php";
} }
......
WWW_DATA/wp-content/plugins/apex_global_lms/template/css/lms.css
.e-learning-banner .bootstrap-iso .e-learning-banner {
{ background-image: url(../imgaes/e-learning-banner.jpg);
background-image: url(../imgaes/e-learning-banner.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; padding-top: 100px; padding-bottom: 100px; background-repeat: no-repeat;
} background-attachment: scroll;
.e-learning-course-1 background-position: center center;
{ -webkit-background-size: cover;
background-image: url(../imgaes/learning-1.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; padding-top: 55px; padding-bottom: 40px; -moz-background-size: cover;
} -o-background-size: cover;
.learning-manaegment-image background-size: cover;
{ width: 100%;
background-image: url(../imgaes/learning-manaegment-image.jpg); background-repeat: no-repeat; background-attachment: scroll; background-position: center center; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; width: 100%; padding-top: 100px; padding-bottom: 100px; margin-top: 20px; padding-top: 100px;
} padding-bottom: 100px;
.e-learning-heading h2 }
{ .bootstrap-iso .e-learning-course-1 {
font-size: 30px; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-weight: 900; color: white; background-image: url(../imgaes/learning-1.jpg);
} background-repeat: no-repeat;
.e-learning-heading h3 background-attachment: scroll;
{ background-position: center center;
font-size: 20px; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-weight: normal; color: white; -webkit-background-size: cover;
} -moz-background-size: cover;
.e-learning-heading h4 -o-background-size: cover;
{ background-size: cover;
font-size: 30px; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; color: #5f5656; width: 100%;
} padding-top: 55px;
.e-learning-heading h5 padding-bottom: 40px;
{ }
font-size: 25px; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; color: #fff; .bootstrap-iso .learning-manaegment-image {
} background-image: url(../imgaes/learning-manaegment-image.jpg);
.e-learning-heading h6 background-repeat: no-repeat;
{ background-attachment: scroll;
font-size: 25px; text-align: left; text-transform: uppercase; letter-spacing: 3px; font-weight: normal; color: #fff; padding-top: 10px; background-position: center center;
} -webkit-background-size: cover;
.e-learning-heading p -moz-background-size: cover;
{ -o-background-size: cover;
font-size: 14px; text-align: justify; color: #b7b8ba; line-height: 30px; padding-top: 15px; padding-bottom: 15px; background-size: cover;
} width: 100%;
.learning-profile-bg padding-top: 100px;
{ padding-bottom: 100px;
width: 100%; background-color: #ececec; padding-top: 30px; padding-bottom: 30px; margin-top: 20px;
}
.learning-profile-box
{
width: 100%; background-color: white; margin-top: 30px; padding-bottom: 20px;
}
.download-course-button
{
background-color: #2898c4; padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom: 15px; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 2px; width: 100%; border: 0px;
}
.download-course-button:hover
{
background-color: #fff; color: #2898c4;
}
.add-course-button
{
background-color: #2898c4; padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom: 15px; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 2px; border: 0px; margin-top: 20px; margin-bottom: 50px;
}
.add-course-button:hover
{
background-color: #f5ae4f; color: #fff;
}
.download-course-button-1
{
background-color: #f5ae4f; padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom: 15px; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 2px; width: 100%; border: 0px;
}
.download-course-button-1:hover
{
background-color: #fff; color: #2898c4;
}
.payment-course-button
{
background-color: #f5ae4f; padding-left: 30px; padding-right: 30px; padding-top: 15px; padding-bottom: 15px; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 2px; width: 100%; border: 0px; margin-top: 30px;
}
.payment-course-button:hover
{
background-color: #2898c4; color: #fff;
}
.learn-button
{
background-color: white; padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; color: #41a4cb; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; margin-top: 20px; margin-bottom: 20px; letter-spacing: 2px; border: 2px solid #41a4cb;
}
.learn-button:hover
{
background-color: #f89f18; color: white; border: 2px solid #f89f18;
}
.learn-button-1, a.learn-button-1
{
background-color: #41a4cb; padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 2px; border: 0px; margin-top: 20px;
}
.learn-button-1:hover, a.learn-button-1:hover
{
background-color: #fff; color: #41a4cb;
}
.course-take-bg
{
width: 100%; background-color: #f89f18; padding-top: 30px; padding-bottom: 30px;
}
.intro-box
{
width: 100%; border: 5px solid #fff; padding-top: 10px; padding-bottom: 10px; padding-left: 10px; padding-right: 10px;
}
.intro-heading h2
{
font-size: 30px; color: white; text-transform: uppercase; text-align: left; font-weight: 900; letter-spacing: 3px;
} }
.intro-heading h3 .bootstrap-iso .e-learning-heading h2 {
{ font-size: 30px;
font-size: 32px; color: white; text-transform: uppercase; text-align: right; font-weight: 900; letter-spacing: 7px; padding-top: 20px; text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: 900;
color: white;
}
.bootstrap-iso .e-learning-heading h3 p {
font-size: 20px;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: normal;
color: white;
}
.bootstrap-iso .e-learning-heading h4 {
font-size: 30px;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: bold;
color: #5f5656;
}
.bootstrap-iso .e-learning-heading h5 {
font-size: 25px;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: bold;
color: #fff;
} }
.intro-heading h4 .bootstrap-iso .e-learning-heading h6 {
{ font-size: 25px;
font-size: 14px; color: white; text-transform: uppercase; text-align: right; font-weight: normal; letter-spacing: 3px; padding-top: 5px; text-align: left;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: normal;
color: #fff;
padding-top: 10px;
}
.bootstrap-iso .e-learning-heading p {
font-size: 14px;
text-align: justify;
color: #b7b8ba;
line-height: 30px;
padding-top: 15px;
padding-bottom: 15px;
}
.bootstrap-iso .learning-profile-bg {
width: 100%;
background-color: #ececec;
padding-top: 30px;
padding-bottom: 30px;
}
.bootstrap-iso .learning-profile-box {
width: 100%;
background-color: white;
margin-top: 30px;
padding-bottom: 20px;
}
.bootstrap-iso .download-course-button {
background-color: #2898c4;
padding-left: 30px;
padding-right: 30px;
padding-top: 15px;
padding-bottom: 15px;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
width: 100%;
border: 0px;
}
.bootstrap-iso .download-course-button:hover {
background-color: #fff;
color: #2898c4;
}
.bootstrap-iso .add-course-button {
background-color: #2898c4;
padding-left: 30px;
padding-right: 30px;
padding-top: 15px;
padding-bottom: 15px;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
border: 0px;
margin-top: 20px;
margin-bottom: 50px;
} }
.intro-heading p .bootstrap-iso .add-course-button:hover {
{ background-color: #f5ae4f;
font-size: 16px; color: white; letter-spacing: 2px; text-align: justify; line-height: 32px; color: #fff;
} }
.course-heading h2 .bootstrap-iso .download-course-button-1 {
{ background-color: #f5ae4f;
font-size: 30px; text-align: left; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; color: #5f5656; padding-left: 30px;
padding-right: 30px;
padding-top: 15px;
padding-bottom: 15px;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
width: 100%;
border: 0px;
}
.bootstrap-iso .download-course-button-1:hover {
background-color: #fff;
color: #2898c4;
}
.bootstrap-iso .payment-course-button {
background-color: #f5ae4f;
padding-left: 30px;
padding-right: 30px;
padding-top: 15px;
padding-bottom: 15px;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
width: 100%;
border: 0px;
margin-top: 30px;
}
.bootstrap-iso .payment-course-button:hover {
background-color: #2898c4;
color: #fff;
} }
.course-heading h3 .bootstrap-iso .learn-button {
{ background-color: white;
font-size: 16px; text-align: left; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; color: #737677; padding-top: 10px; padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
color: #41a4cb;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
margin-top: 20px;
margin-bottom: 20px;
letter-spacing: 2px;
border: 2px solid #41a4cb;
}
.bootstrap-iso .learn-button:hover {
background-color: #f89f18;
color: white;
border: 2px solid #f89f18;
}
.bootstrap-iso .learn-button-1, .bootstrap-iso a.learn-button-1 {
background-color: #41a4cb;
padding-left: 30px;
padding-right: 30px;
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
border: 0px;
margin-top: 20px;
} }
.course-heading h4 .bootstrap-iso .learn-button-1:hover, .bootstrap-iso a.learn-button-1:hover {
{ background-color: #fff;
font-size: 18px; text-align: center; text-transform: uppercase; letter-spacing: 2px; font-weight: bold; color: #fff; line-height: 20px; color: #41a4cb;
}
.bootstrap-iso .course-take-bg {
width: 100%;
background-color: #f89f18;
padding-top: 30px;
padding-bottom: 30px;
}
.bootstrap-iso .intro-box {
width: 100%;
border: 5px solid #fff;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 10px;
padding-right: 10px;
}
.bootstrap-iso .intro-heading h2 {
font-size: 30px;
color: white;
text-transform: uppercase;
text-align: left;
font-weight: 900;
letter-spacing: 3px;
}
.bootstrap-iso .intro-heading h3 {
font-size: 32px;
color: white;
text-transform: uppercase;
text-align: right;
font-weight: 900;
letter-spacing: 7px;
padding-top: 20px;
}
.bootstrap-iso .intro-heading h4 {
font-size: 14px;
color: white;
text-transform: uppercase;
text-align: right;
font-weight: normal;
letter-spacing: 3px;
padding-top: 5px;
}
.bootstrap-iso .intro-heading p {
font-size: 16px;
color: white;
letter-spacing: 2px;
text-align: justify;
line-height: 32px;
}
.bootstrap-iso .course-heading h2 {
font-size: 30px;
text-align: left;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: bold;
color: #5f5656;
}
.bootstrap-iso .course-heading h3 {
font-size: 16px;
text-align: left;
text-transform: uppercase;
letter-spacing: 3px;
font-weight: bold;
color: #737677;
padding-top: 10px;
}
.bootstrap-iso .course-heading h4 {
font-size: 18px;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
font-weight: bold;
color: #fff;
line-height: 20px;
} }
.course-heading h4 a { .bootstrap-iso .course-heading h4 a {
color: #fff; color: #fff;
text-decoration: none; text-decoration: none;
} }
.col-padding { .bootstrap-iso .course-p {
padding-right: 0 !important; font-size: 16px;
} color: #838383;
.course-p letter-spacing: 2px;
{ text-align: justify;
font-size: 16px; color: #838383; letter-spacing: 2px; text-align: justify; line-height: 32px; line-height: 32px;
}
.course-box
{
width: 100%; background-color: #ebebeb; margin-top: 20px;
}
.col-padding
{
padding-left: 0px; padding-right: 0px;
} }
.download-course-box .bootstrap-iso .course-box {
{ width: 100%;
width: 100%; background-color: #219ff2; padding-top: 34px; padding-bottom: 33px; padding-left: 15px; padding-right: 15px; cursor: pointer; background-color: #ebebeb;
} margin-top: 20px;
.download-course-box:hover
{
width: 100%; background-color: #f5ae4f; padding-top: 34px; padding-bottom: 33px; padding-left: 15px; padding-right: 15px;
}
.inquire-box
{
width: 100%; background-color: #f7f7f7; margin-top: 20px; padding-top: 30px; padding-bottom: 30px;
}
.inquire-heading h2
{
font-size: 15px; text-align: center; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; color: #5f5656;
}
.text-feild
{
height: 45px; border-radius: 0px; padding-left: 13px !important; margin-top: 15px;
}
.submit-course-button
{
background-color: #219ff2; padding-left: 30px; padding-right: 30px; padding-top: 10px; padding-bottom: 10px; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 2px; width: 100%; border: 0px; margin-top: 20px;
}
.submit-course-button:hover
{
background-color: #f5ae4f; color: #fff;
} }
.margin-set .bootstrap-iso .col-padding {
{ padding-left: 0px;
margin-top: 50px; margin-bottom: 0px; padding-right: 0px;
} }
.color-set .bootstrap-iso .download-course-box {
{ width: 100%;
background-color: #219ff2; background-color: #219ff2;
} padding-top: 34px;
.management-video padding-bottom: 33px;
{ padding-left: 15px;
width: 100%; margin-top: 20px; padding-right: 15px;
} cursor: pointer;
.learner-heading h2 }
{ .bootstrap-iso .download-course-box:hover {
font-size: 25px; color: #219ff2; font-weight: bold; letter-spacing: 3px; text-transform: uppercase; border-bottom: 3px solid #219ff2; padding-top: 50px; width: 100%;
} background-color: #f5ae4f;
.learner-heading h5 padding-top: 34px;
{ padding-bottom: 33px;
font-size: 25px; color: #f5ae4f; font-weight: bold; letter-spacing: 3px; text-transform: uppercase; border-bottom: 3px solid #f5ae4f; padding-top: 50px; padding-left: 15px;
} padding-right: 15px;
.learner-heading h3 }
{ .bootstrap-iso .inquire-box {
font-size: 29px; color: #95989a; font-weight: normal; letter-spacing: 3px; text-transform: uppercase; padding-top: 15px; width: 100%;
} background-color: #f7f7f7;
.learner-heading h4 margin-top: 20px;
{ padding-top: 30px;
font-size: 12px; color: #95989a; font-weight: normal; letter-spacing: 2px; text-transform: uppercase; padding-top: 10px; padding-bottom: 30px;
} }
.add-icon .bootstrap-iso .inquire-heading h2 {
{ font-size: 15px;
float: left; margin-top: 10px; margin-right: 10px; text-align: center;
} text-transform: uppercase;
.order-heading h2 letter-spacing: 3px;
{ font-weight: bold;
font-size: 14px; color: #9da0a2; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; padding-top: 15px; color: #5f5656;
} }
.order-heading h3 .bootstrap-iso .text-feild {
{ height: 45px;
font-size: 14px; color: #9da0a2; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; padding-top: 0px; border-radius: 0px;
} padding-left: 13px !important;
.order-heading h3 span margin-top: 15px;
{ }
font-size: 14px; color: #9da0a2; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; padding-top: 0px; float: right; .bootstrap-iso .submit-course-button {
} background-color: #219ff2;
.order-heading h4 padding-left: 30px;
{ padding-right: 30px;
font-size: 14px; color: #9da0a2; font-weight: bold; text-transform: uppercase; letter-spacing: 2px; padding-top: 20px; padding-top: 10px;
} padding-bottom: 10px;
.order-heading h4 span color: #fff;
{ font-size: 14px;
font-size: 14px; color: #9da0a2; font-weight: normal; text-transform: uppercase; letter-spacing: 2px; padding-top: 0px; float: right; font-weight: bold;
} text-transform: uppercase;
.border-line text-align: center;
{ letter-spacing: 2px;
width: 100%; height: 1px; background-color: #c7c9c9; margin-bottom: 20px; margin-top: 15px; width: 100%;
} border: 0px;
.payment-heading h2
{
font-size: 18px; text-align: left; text-transform: uppercase; color: #a6a8aa; letter-spacing: 3px; padding-top: 20px;
}
.payment-heading h3
{
font-size: 14px; text-transform: uppercase; color: #a6a8aa; letter-spacing: 3px; padding-top: 32px;
}
.payment-heading h4
{
font-size: 18px; text-transform: uppercase; color: #6f6f70; letter-spacing: 3px;
}
.payment-heading p
{
font-size: 14px; text-transform: none; color: #6f6f70; letter-spacing: 2px; text-align: justify;
}
.global-image
{
float: left; margin-right: 25px; margin-bottom: 20px;
}
.icon
{
margin-top: 20px; margin-top: 20px;
} }
.thankyou-info-bg .bootstrap-iso .submit-course-button:hover {
{ background-color: #f5ae4f;
width: 100%; background-color: #9d9fa4; padding-top: 10px; padding-bottom: 10px; color: #fff;
} }
.thankyou-heading h2 .bootstrap-iso .margin-set {
{ margin-top: 50px;
font-size: 16px; color: #fff; letter-spacing: 3px; font-weight: normal; text-align: center; line-height: 30px; margin-bottom: 0px;
} }
.learning-home-button .bootstrap-iso .color-set {
{ background-color: #219ff2;
background-color: white; padding-left: 50px; padding-right: 50px; padding-top: 10px; padding-bottom: 10px; color: #41a4cb; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 2px; border: 5px solid #41a4cb; margin-top: 100px; margin-bottom: 100px;
} }
.learning-home-button:hover .bootstrap-iso .management-video {
{ width: 100%;
background-color: #f89f18; color: white; border: 5px solid #f89f18; margin-top: 20px;
} }
.apex-home-button .bootstrap-iso .learner-heading h2 {
{ font-size: 25px;
background-color: #41a4cb; padding-left: 50px; padding-right: 50px; padding-top: 10px; padding-bottom: 10px; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 2px; border: 5px solid #41a4cb; margin-top: 100px; margin-bottom: 100px; color: #219ff2;
font-weight: bold;
letter-spacing: 3px;
text-transform: uppercase;
border-bottom: 3px solid #219ff2;
padding-top: 50px;
}
.bootstrap-iso .learner-heading h5 {
font-size: 25px;
color: #f5ae4f;
font-weight: bold;
letter-spacing: 3px;
text-transform: uppercase;
border-bottom: 3px solid #f5ae4f;
padding-top: 50px;
}
.bootstrap-iso .learner-heading h3 {
font-size: 29px;
color: #95989a;
font-weight: normal;
letter-spacing: 3px;
text-transform: uppercase;
padding-top: 15px;
}
.bootstrap-iso .learner-heading h4 {
font-size: 12px;
color: #95989a;
font-weight: normal;
letter-spacing: 2px;
text-transform: uppercase;
padding-top: 10px;
}
.bootstrap-iso .add-icon {
float: left;
margin-top: 10px;
margin-right: 10px;
}
.bootstrap-iso .order-heading h2 {
font-size: 14px;
color: #9da0a2;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
padding-top: 15px;
}
.bootstrap-iso .order-heading h3 {
font-size: 14px;
color: #9da0a2;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
padding-top: 0px;
}
.bootstrap-iso .order-heading h3 span {
font-size: 14px;
color: #9da0a2;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
padding-top: 0px;
float: right;
}
.bootstrap-iso .order-heading h3 span.index {
float: none !important;
}
.bootstrap-iso .order-heading h4 {
font-size: 14px;
color: #9da0a2;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 2px;
padding-top: 20px;
}
.bootstrap-iso .order-heading h4 span {
font-size: 14px;
color: #9da0a2;
font-weight: normal;
text-transform: uppercase;
letter-spacing: 2px;
padding-top: 0px;
float: right;
}
.bootstrap-iso .border-line {
width: 100%;
height: 1px;
background-color: #c7c9c9;
margin-bottom: 20px;
margin-top: 15px;
}
.bootstrap-iso .payment-heading h2 {
font-size: 18px;
text-align: left;
text-transform: uppercase;
color: #a6a8aa;
letter-spacing: 3px;
padding-top: 20px;
}
.bootstrap-iso .payment-heading h3 {
font-size: 14px;
text-transform: uppercase;
color: #a6a8aa;
letter-spacing: 3px;
padding-top: 32px;
}
.bootstrap-iso .payment-heading h4 {
font-size: 18px;
text-transform: uppercase;
color: #6f6f70;
letter-spacing: 3px;
}
.bootstrap-iso .payment-heading p {
font-size: 14px;
text-transform: none;
color: #6f6f70;
letter-spacing: 2px;
text-align: justify;
}
.bootstrap-iso .global-image {
float: left;
margin-right: 25px;
margin-bottom: 20px;
}
.bootstrap-iso .icon {
margin-top: 20px;
} }
.apex-home-button:hover .bootstrap-iso .thankyou-info-bg {
{ width: 100%;
background-color: #f89f18; color: white; border: 5px solid #f89f18; background-color: #9d9fa4;
padding-top: 10px;
padding-bottom: 10px;
} }
.login-logo .bootstrap-iso .thankyou-heading h2 {
{ font-size: 16px;
color: #fff;
letter-spacing: 3px;
font-weight: normal;
text-align: center;
line-height: 30px;
}
.bootstrap-iso .learning-home-button {
background-color: white;
padding-left: 50px;
padding-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
color: #41a4cb;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
border: 5px solid #41a4cb;
margin-top: 100px;
margin-bottom: 100px;
}
.bootstrap-iso .learning-home-button:hover {
background-color: #f89f18;
color: white;
border: 5px solid #f89f18;
}
.bootstrap-iso .apex-home-button {
background-color: #41a4cb;
padding-left: 50px;
padding-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
border: 5px solid #41a4cb;
margin-top: 100px;
margin-bottom: 100px;
}
.bootstrap-iso .apex-home-button:hover {
background-color: #f89f18;
color: white;
border: 5px solid #f89f18;
}
.bootstrap-iso .login-logo {
margin-top: 20px; margin-top: 20px;
} }
.home-icon .bootstrap-iso .home-icon {
{ margin-top: 20px;
margin-top: 20px; float: right; float: right;
} }
.login-image .bootstrap-iso .login-image {
{
margin-top: 50px; margin-top: 50px;
} }
.login-feild .bootstrap-iso .login-feild {
{ margin-top: 180px;
margin-top: 180px; padding-left: 15px !important; border-top: 0px !important; border-left: 0px !important; border-right: 0px !important; border-bottom: 2px solid #d0d1d2 !important; border-radius: 0px; box-shadow: inset 0 0px 0px rgba(0,0,0,.075); padding-left: 15px !important;
} border-top: 0px !important;
.password-feild border-left: 0px !important;
{ border-right: 0px !important;
margin-top: 30px; padding-left: 15px !important; border-top: 0px !important; border-left: 0px !important; border-right: 0px !important; border-bottom: 2px solid #d0d1d2 !important; border-radius: 0px; box-shadow: inset 0 0px 0px rgba(0,0,0,.075); border-bottom: 2px solid #d0d1d2 !important;
} border-radius: 0px;
.login-button box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
{ }
background-color: #f5ae4f; padding-left: 50px; padding-right: 50px; padding-top: 15px; padding-bottom: 15px; color: #fff; font-size: 14px; font-weight: bold; text-transform: uppercase; text-align: center; letter-spacing: 2px; width: 100%; border: 0px; margin-top: 20px; .bootstrap-iso .password-feild {
margin-top: 30px;
padding-left: 15px !important;
border-top: 0px !important;
border-left: 0px !important;
border-right: 0px !important;
border-bottom: 2px solid #d0d1d2 !important;
border-radius: 0px;
box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0.075);
}
.bootstrap-iso .login-button {
background-color: #f5ae4f;
padding-left: 50px;
padding-right: 50px;
padding-top: 15px;
padding-bottom: 15px;
color: #fff;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
text-align: center;
letter-spacing: 2px;
width: 100%;
border: 0px;
margin-top: 20px;
} }
.login-button:hover .bootstrap-iso .login-button:hover {
{ background-color: #41a4cb;
background-color: #41a4cb; color: white; color: white;
} }
.e-learning-link{ .bootstrap-iso .e-learning-link {
margin-top: 5%; margin-top: 5%;
}
.bootstrap-iso .lms-learner-remove{
text-align: center;
font-size: 12px;
color: #009AF6;
}
.bootstrap-iso .lms-learner-remove span{
cursor: pointer;
}
.bootstrap-iso .lms-all-course-holder{
border: 1px solid #bbb;
padding: 6px 13px;
margin-top: 15px;
background: #fff;
border-bottom: 1px solid #ccc;
}
.bootstrap-iso .lms-single-course-holder .name {
font-size: 12px;
float: left;
}
.bootstrap-iso .lms-single-course-holder .price {
color: #009AF6;
float: right;
}
.bootstrap-iso .lms-single-course-holder .remove {
float: left;
color: #009AF6;
font-size: 12px;
cursor: pointer;
}
.bootstrap-iso .lms-courses-select {
display: none;
margin-top: 15px;
} }
\ No newline at end of file
WWW_DATA/wp-content/plugins/apex_global_lms/template/css/reset.css 0 → 100644
/* Browser Reset */
.bootstrap-iso div,
.bootstrap-iso span,
.bootstrap-iso applet,
.bootstrap-iso object,
.bootstrap-iso iframe,
.bootstrap-iso h1,
.bootstrap-iso h2,
.bootstrap-iso h3,
.bootstrap-iso h4,
.bootstrap-iso h5,
.bootstrap-iso h6,
.bootstrap-iso p,
.bootstrap-iso blockquote,
.bootstrap-iso pre,
.bootstrap-iso a,
.bootstrap-iso abbr,
.bootstrap-iso acronym,
.bootstrap-iso address,
.bootstrap-iso big,
.bootstrap-iso cite,
.bootstrap-iso code,
.bootstrap-iso del,
.bootstrap-iso dfn,
.bootstrap-iso em,
.bootstrap-iso font,
.bootstrap-iso img,
.bootstrap-iso ins,
.bootstrap-iso kbd,
.bootstrap-iso q,
.bootstrap-iso s,
.bootstrap-iso samp,
.bootstrap-iso small,
.bootstrap-iso strike,
.bootstrap-iso strong,
.bootstrap-iso sub,
.bootstrap-iso sup,
.bootstrap-iso tt,
.bootstrap-iso var,
.bootstrap-iso b,
.bootstrap-iso u,
.bootstrap-iso i,
.bootstrap-iso center,
.bootstrap-iso dl,
.bootstrap-iso dt,
.bootstrap-iso dd,
.bootstrap-iso ol,
.bootstrap-iso ul,
.bootstrap-iso li,
.bootstrap-iso fieldset,
.bootstrap-iso form,
.bootstrap-iso label,
.bootstrap-iso legend {
margin: 0;
padding: 0;
border: 0;
outline: 0;
background: transparent;
font-size: 100%;
vertical-align: baseline;
}
.bootstrap-iso body {
line-height: 1;
}
.bootstrap-iso ol,
.bootstrap-iso ul {
list-style: none;
}
.bootstrap-iso blockquote,
.bootstrap-iso q {
quotes: none;
}
.bootstrap-iso blockquote:before,
.bootstrap-iso blockquote:after,
.bootstrap-iso q:before,
.bootstrap-iso q:after {
content: "";
content: none;
}
.bootstrap-iso blockquote {
margin: 20px 0 30px;
padding-left: 20px;
border-left: 5px solid;
}
.bootstrap-iso :focus {
outline: 0;
}
.bootstrap-iso ins {
text-decoration: none;
}
.bootstrap-iso del {
text-decoration: line-through;
}
.bootstrap-iso table {
border-spacing: 0;
border-collapse: collapse;
}
.bootstrap-iso article,
.bootstrap-iso aside,
.bootstrap-iso footer,
.bootstrap-iso header,
.bootstrap-iso hgroup,
.bootstrap-iso nav,
.bootstrap-iso section {
display: block;
}
.bootstrap-iso body {
color: #666;
background-color: #fff;
font-family: "Open Sans", Arial, sans-serif;
font-size: 14px;
font-weight: 500;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
line-height: 1.7em;
}
.bootstrap-iso body.et_non_fixed_nav.et_transparent_nav.et_boxed_layout #page-container,
.bootstrap-iso body.et_fixed_nav.et_boxed_layout #page-container {
padding-top: 80px;
}
.bootstrap-iso body.page-template-page-template-blank-php #page-container {
padding-top: 0 !important;
}
.bootstrap-iso body.et_cover_background {
background-repeat: no-repeat !important;
background-attachment: fixed;
background-position: top center !important;
-webkit-background-size: cover !important;
-moz-background-size: cover !important;
background-size: cover !important;
}
.bootstrap-iso a {
color: #2ea3f2;
text-decoration: none;
}
.bootstrap-iso a:hover {
text-decoration: none;
}
.bootstrap-iso p {
padding-bottom: 1em;
}
.bootstrap-iso p:last-of-type {
padding-bottom: 0;
}
.bootstrap-iso p.et_normal_padding {
padding-bottom: 1em;
}
.bootstrap-iso strong {
font-weight: bold;
}
.bootstrap-iso cite,
.bootstrap-iso em,
.bootstrap-iso i {
font-style: italic;
}
.bootstrap-iso pre,
.bootstrap-iso code {
margin-bottom: 10px;
font-family: Courier New, monospace;
}
.bootstrap-iso ins {
text-decoration: none;
}
.bootstrap-iso sup,
.bootstrap-iso sub {
position: relative;
height: 0;
line-height: 1;
vertical-align: baseline;
}
.bootstrap-iso sup {
bottom: 0.8em;
}
.bootstrap-iso sub {
top: 0.3em;
}
.bootstrap-iso dl {
margin: 0 0 1.5em 0;
}
.bootstrap-iso dl dt {
font-weight: bold;
}
.bootstrap-iso dd {
margin-left: 1.5em;
}
.bootstrap-iso blockquote p {
padding-bottom: 0;
}
.bootstrap-iso embed,
.bootstrap-iso iframe,
.bootstrap-iso object,
.bootstrap-iso video {
max-width: 100%;
}
.bootstrap-iso h1,
.bootstrap-iso h2,
.bootstrap-iso h3,
.bootstrap-iso h4,
.bootstrap-iso h5,
.bootstrap-iso h6 {
padding-bottom: 10px;
color: #333;
font-weight: 500;
line-height: 1em;
}
.bootstrap-iso h1 a,
.bootstrap-iso h2 a,
.bootstrap-iso h3 a,
.bootstrap-iso h4 a,
.bootstrap-iso h5 a,
.bootstrap-iso h6 a {
color: inherit;
}
.bootstrap-iso h1 {
font-size: 30px;
}
.bootstrap-iso h2 {
font-size: 26px;
}
.bootstrap-iso h3 {
font-size: 22px;
}
.bootstrap-iso h4 {
font-size: 18px;
}
.bootstrap-iso h5 {
font-size: 16px;
}
.bootstrap-iso h6 {
font-size: 14px;
}
.bootstrap-iso input {
-webkit-appearance: none;
}
.bootstrap-iso input[type=checkbox] {
-webkit-appearance: checkbox;
}
.bootstrap-iso input[type=radio] {
-webkit-appearance: radio;
}
.bootstrap-iso input[type=text],
.bootstrap-iso input[type=password],
.bootstrap-iso input[type=tel],
.bootstrap-iso input[type=email],
.bootstrap-iso input.text,
.bootstrap-iso input.title,
.bootstrap-iso textarea,
.bootstrap-iso select {
padding: 2px;
border: 1px solid #bbb;
color: #4e4e4e;
background-color: #fff;
}
.bootstrap-iso input[type=text]:focus,
.bootstrap-iso input.text:focus,
.bootstrap-iso input.title:focus,
.bootstrap-iso textarea:focus,
.bootstrap-iso select:focus {
border-color: #2d3940;
color: #3e3e3e;
}
.bootstrap-iso input[type=text],
.bootstrap-iso input.text,
.bootstrap-iso input.title,
.bootstrap-iso textarea,
.bootstrap-iso select {
margin: 0;
}
.bootstrap-iso textarea {
padding: 4px;
}
.bootstrap-iso img {
max-width: 100%;
height: auto;
}
.bootstrap-iso #ie8 img {
width: auto;
}
.bootstrap-iso .clear {
clear: both;
}
.bootstrap-iso br.clear {
margin: 0;
padding: 0;
}
WWW_DATA/wp-content/plugins/apex_global_lms/template/js/lms.js 0 → 100644
(function ($) {
var lmsLearners = $("#lms-learners");
var courseSummeryHolder = $(".lms-summery-course");
var lmsCheckoutForm = $("#lmsCheckoutForm");
var learnerFormTemplate = $("#learnerTemplate").html();
var singleCourseTemplate = $("#singleCourseTemplate").html();
var lmsSummeryCourse = $("#lmsSummeryCourse").html();
var lmsSummerySingleLearner = $("#lmsSummerySingleLearner").html();
var addLearnerBtn = $("#lms-add-learner");
var learners = [];
function renderLearnersPage() {
renderLearnersForm();
renderOrderSummery();
}
function renderOrderSummery() {
var selectedCourses = [];
var uniqueId = [];
var courseLearner = [];
var totalCost = 0;
learners.forEach(function (learner) {
selectedCourses = selectedCourses.concat(learner.courses);
learner.courses.forEach(function (course) {
if (!courseLearner[course.id]) {
courseLearner[course.id] = [];
}
courseLearner[course.id].push(learner);
})
});
selectedCourses = selectedCourses.filter(function (course) {
if (uniqueId.indexOf(course.id) === -1) {
uniqueId.push(course.id);
return course;
}
});
courseSummeryHolder.html("");
selectedCourses.forEach(function (course) {
var lmsSummeryCourseElem = $(lmsSummeryCourse);
lmsSummeryCourseElem.find(".courseName").html(course.name);
courseSummeryHolder.append(lmsSummeryCourseElem);
courseLearner[course.id].forEach(function (learner, index) {
var lmsSummerySingleElem = $(lmsSummerySingleLearner);
lmsSummerySingleElem.find(".index").html(index + 1);
lmsSummerySingleElem.find(".name").html(learner.name);
lmsSummerySingleElem.find(".email").html(learner.email);
lmsSummerySingleElem.find(".phone").html(learner.phone);
lmsSummerySingleElem.find(".price").html(course.cost + " " + lmsSettings.vq_lms_settings_field_currency_symbol);
totalCost += parseFloat(course.cost);
courseSummeryHolder.append(lmsSummerySingleElem);
});
});
$(".lms-total").html(totalCost + " " + lmsSettings.vq_lms_settings_field_currency_symbol);
$(".lms-grand-total").html(totalCost + " " + lmsSettings.vq_lms_settings_field_currency_symbol);
}
function renderLearnersForm() {
lmsLearners.html("");
learners.forEach(function (item, index) {
var learnerFormElement = $(learnerFormTemplate);
learnerFormElement.find(".lmsIndex").html(index + 1);
learnerFormElement.find("input[name='name']").val(item.name);
learnerFormElement.find("input[name='email']").val(item.email);
learnerFormElement.find("input[name='confirmEmail']").val(item.confirmEmail);
learnerFormElement.find("input[name='phone']").val(item.phone);
if (index == 0) {
learnerFormElement.find(".lms-learner-remove span").html("");
} else {
learnerFormElement.find(".lms-learner-remove span").click(removeLearner.bind(index));
}
learnerFormElement.find(".lms-courses-select-btn").click(showAddMoreCourses.bind(item));
learnerFormElement.find("input").keyup(updateLearnerInfo.bind(item));
learnerFormElement.find("input").change(updateLearnerInfo.bind(item));
var couseHolder = learnerFormElement.find(".lms-all-course-holder");
couseHolder.html("");
if (item.courses.length === 0) {
couseHolder.html('<div class="lms-single-course-holder"> \
<span class="name">No course selected.</span> \
<div class="clear"></div> \
</div>')
}
item.courses.forEach(function (course) {
var singleCourseElement = $(singleCourseTemplate);
course.cost = (course.cost) ? course.cost : lmsSettings.vq_lms_settings_field_general_price;
singleCourseElement.find(".name").html(course.name)
singleCourseElement.find(".price").html(course.cost + " " + lmsSettings.vq_lms_settings_field_currency_symbol)
singleCourseElement.find(".remove").click(removeCourse.bind(item, course.id));
couseHolder.append(singleCourseElement);
});
item.element = learnerFormElement;
lmsLearners.append(learnerFormElement);
})
}
function removeCourse(courseId) {
this.courses = this.courses.filter(function (course) {
return course.id != courseId;
});
renderLearnersPage();
}
function showAddMoreCourses(e) {
e.preventDefault();
var select = this.element.find(".lms-courses-select");
this.element.find(".lms-courses-select-btn").hide();
select.show();
select.find("select").chosen({
no_results_text: "Oops, no courses found!"
}).change(onCourseSelected.bind(this));
}
function onCourseSelected(e) {
var selectedCourse = courses.filter(function (item) {
return item.id == e.target.value
});
if (selectedCourse.length > 0) {
if (this.courses.indexOf(selectedCourse[0]) === -1)
this.courses.push(selectedCourse[0]);
}
this.element.find(".lms-courses-select").hide();
this.element.find(".lms-courses-select-btn").show();
renderLearnersPage();
}
function updateLearnerInfo(e) {
var input = $(e.target);
this[input.attr("name")] = input.val();
renderOrderSummery();
}
function removeLearner() {
learners.splice(this, 1);
renderLearnersPage();
}
function addEmptyLearner() {
var lerner = {
name: "",
email: "",
confirmEmail: "",
phone: "",
courses: []
};
learners.push(lerner);
}
function initEvents() {
addLearnerBtn.click(function (e) {
addEmptyLearner();
renderLearnersPage();
});
}
if (lmsLearners.length) {
initEvents();
addEmptyLearner();
renderLearnersPage();
}
lmsCheckoutForm.submit(function (e) {
var learnersWithNoCourse = learners.filter(function (learner) {
return learner.courses.length === 0;
});
if (learnersWithNoCourse.length > 0) {
alert("Please select courses with all learners.");
e.preventDefault();
}
});
})(jQuery);
\ No newline at end of file
WWW_DATA/wp-content/plugins/apex_global_lms/template/learner-detail.php
<?php <?php
get_header(); get_header();
$lmsSettings = get_option("vq_lms_settings_options");
$courses = new WP_Query(array('post_type' => 'vq_course'));
while (have_posts()):
the_post();
?> ?>
<div class="bootstrap-iso"> <div class="bootstrap-iso">
<div class="e-learning-banner"> <div class="e-learning-banner">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
<div class="e-learning-heading"> <div class="e-learning-heading">
<h2>Professional Development anytime, anywhere</h2> <h2><?php the_title();?></h2>
<h3>E-learning ckeck out</h3> <h3><?php the_excerpt();?></h3>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="container"> <div class="container">
<div class="row"> <form method="post" id="lmsCheckoutForm">
<div class="row">
<div class="col-sm-7"> <div class="col-sm-7">
<div class="learner-heading"> <div class="learner-heading">
<h2>Learner Details</h2> <h2>Learner Details</h2>
</div> </div>
<div class="col-sm-4 col-padding"> <div id="lms-learners">
<div class="learner-heading"> <center>Loading...</center>
<h3>Learner #1</h3>
</div>
</div>
<div class="col-sm-8 col-padding">
<input class="form-control text-feild" id="exampleInputEmail1" placeholder="Name"
maxlength="200" type="Name">
<input class="form-control text-feild" id="exampleInputEmail1" placeholder="Email"
maxlength="200" type="Email">
<input class="form-control text-feild" id="exampleInputEmail1" placeholder="Confirm Email"
maxlength="200" type="Confirm Email">
<input class="form-control text-feild" id="exampleInputEmail1" placeholder="Phone number"
maxlength="200" type="Phone number">
<input class="form-control text-feild" id="exampleInputEmail1" placeholder="PM03"
maxlength="200" type="PM03">
<a href="#"><img class="add-icon" src="<?php plugin_dir_url(__FILE__);?>imgaes/add-icon.png"
alt=""/>
<div class="learner-heading">
<h4>Add more courses</h4>
</div>
</a>
</div> </div>
<div class="col-sm-4 col-padding"> <div class="col-sm-8 col-sm-offset-4 col-padding ">
<div class="learner-heading"> <button type="submit" id="lms-add-learner" class="add-course-button">Add more
<h3>Learner #2</h3> Learners</button>
</div>
</div>
<div class="col-sm-8 col-padding">
<input class="form-control text-feild" id="exampleInputEmail1" placeholder="Name"
maxlength="200" type="Name">
<input class="form-control text-feild" id="exampleInputEmail1" placeholder="Email"
maxlength="200" type="Email">
<input class="form-control text-feild" id="exampleInputEmail1" placeholder="Confirm Email"
maxlength="200" type="Confirm Email">
<input class="form-control text-feild" id="exampleInputEmail1" placeholder="Phone number"
maxlength="200" type="Phone number">
<input class="form-control text-feild" id="exampleInputEmail1" placeholder="PM03"
maxlength="200" type="PM03">
<a href="#"><img class="add-icon" src="<?php plugin_dir_url(__FILE__);?>imgaes/add-icon.png" alt=""/>
<div class="learner-heading">
<h4>Add more courses</h4>
</div>
</a>
<button type="submit" class="add-course-button">Add more Learners</button>
</div> </div>
</div> </div>
<div class="col-sm-5"> <div class="col-sm-5">
<div class="learner-heading"> <div class="learner-heading">
<h5>Order Summary</h5> <h5>Order Summary</h5>
</div> </div>
<div class="col-sm-12 col-padding"> <div class="lms-summery-course">
<div class="order-heading">
<h2>PM03 - Project management professional</h2>
</div>
</div>
<div class="col-sm-12">
<div class="order-heading">
<h3>Learner #1</h3>
<h3>Cj Lopez</h3>
<h3>cj@apexgloballearing.com</h3>
<h3>+123-456-789 <span>49.00 USD</span></h3>
</div>
</div>
<div class="clear"></div>
<div class="border-line"></div>
<div class="col-sm-12">
<div class="order-heading">
<h3>Learner #2</h3>
<h3>Cj Lopez</h3>
<h3>cj@apexgloballearing.com</h3>
<h3>+123-456-789 <span>49.00 USD</span></h3>
</div>
</div> </div>
<div class="col-sm-12"> <div class="col-sm-12">
<div class="order-heading"> <div class="order-heading">
<h4>Total <span>147.00 USD</span></h4> <h4>Total <span class="lms-total"></span></h4>
</div> </div>
</div> </div>
<div class="col-sm-12"> <div class="col-sm-12">
...@@ -110,7 +56,7 @@ get_header(); ...@@ -110,7 +56,7 @@ get_header();
</div> </div>
<div class="col-sm-12"> <div class="col-sm-12">
<div class="order-heading"> <div class="order-heading">
<h4>Grand Total <span>147.00 USD</span></h4> <h4>Grand Total <span class="lms-grand-total"></span></h4>
</div> </div>
</div> </div>
<div class="col-sm-12"> <div class="col-sm-12">
...@@ -118,8 +64,92 @@ get_header(); ...@@ -118,8 +64,92 @@ get_header();
</div> </div>
</div> </div>
</div> </div>
</form>
</div>
</div>
<script type="text/template" id="learnerTemplate">
<div id="lms-learner">
<div class="col-sm-4 col-padding">
<div class="learner-heading">
<h3>Learner #<span class="lmsIndex"></span></h3>
<div class="lms-learner-remove"><span>(remove)</span></div>
</div>
</div>
<div class="col-sm-8 col-padding">
<input class="form-control text-feild" placeholder="Name"
maxlength="200" type="string" name="name" required />
<input class="form-control text-feild" placeholder="Email"
maxlength="200" type="email" name="email" required />
<input class="form-control text-feild" placeholder="Confirm Email"
maxlength="200" type="email" name="confirmEmail" required />
<input class="form-control text-feild" placeholder="Phone number"
maxlength="200" type="string" name="phone" pattern="\+\d{2,3}\s\d*" required />
<small>format: +xx xxx xxxx xxx</small>
<div class="lms-all-course-holder">
</div>
<a href="#" class="lms-courses-select-btn"><img class="add-icon" src="<?php echo plugin_dir_url(__FILE__);
?>imgaes/add-icon.png" alt="">
<div class="learner-heading">
<h4>Add more courses</h4>
</div>
</a>
<div class="lms-courses-select">
<select class="form-control" data-placeholder="Select a course...">
<option value=""></option>
<?php
$coursesArr = [];
while($courses->have_posts()) {
$courses->the_post();
array_push($coursesArr,array(
"id" => get_the_ID(),
"name" => get_the_title(),
"cost" => get_post_meta(get_the_ID(), 'course_fee', true)
));
?>
<option value="<?php the_ID(); ?>"><?php the_title(); ?></option>
<?php
}
?>
</select>
</div>
</div>
</div>
</script>
<script type="text/template" id="singleCourseTemplate">
<div class="lms-single-course-holder">
<span class="remove">(remove)</span>
<span class="name"></span>
<span class="price"></span>
<div class="clear"></div>
</div>
</script>
<script type="text/template" id="lmsSummeryCourse">
<div class="lms-summery-single">
<div class="col-sm-12 col-padding">
<div class="order-heading">
<h2 class="courseName"></h2>
</div>
</div>
</div>
</script>
<script type="text/template" id="lmsSummerySingleLearner">
<div class="col-sm-12" >
<div class="order-heading">
<h3>Learner #<span class="index"></span></h3>
<h3 class="name"></h3>
<h3 class="email"></h3>
<h3><span class='phone' style='float:left'></span> <span class="price"></span></h3>
</div> </div>
</div> </div>
<div class="clear"></div>
<div class="border-line"></div>
</script>
<script type="application/javascript">
window.lmsSettings = <?php echo json_encode($lmsSettings); ?>;
window.courses = <?php echo json_encode($coursesArr); ?>;
</script>
<?php <?php
endwhile;
get_footer(); get_footer();
?> ?>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment