|
|
|
|
|
|
|
/wave/learn-french/course-selector/
/wave/learn-french/course-selector/
|
|
Course Selector
Course Selector
|
|
|
|
<style type="text/css">
/* Header */
#course_selector_header { margin-top: 5px; }
#course_selector_header > a:hover { text-decoration: none; color: #fff; }
#course_selector_header div.stepTitle { color: #333; text-decoration: none; background-color: white; padding: 0 10px; border-radius: 5px; margin-right: 5px; margin-top: 5px; height: 50px; border: 1px solid #ccc; float: left; padding: 2px 10px 2px 10px; }
#course_selector_header div.stepTitle:not(.currentStep):hover { }
#course_selector_header div.currentStep { color: #fff; background-color: #333; border: 1px solid #333;}
#course_selector_header div.stepTitle:not(.currentStep):not(.disabled) {border:1px solid #C6F5F5;}
#course_selector_header div.stepTitle:not(.currentStep):not(.disabled):hover {color: #333;background-color:#C6F5F5;border:1px solid #C6F5F5;}
#course_selector_header div.stepTitle.disabled {color: #4c4d4f;background-color: #C6F5F5;border: 1px solid #C6F5F5;}
/* Body / Current Step */
#course_selector_body { padding: 0px; font-size: 20px;margin-bottom: 20px;line-height: 22px;}
#course_selector_current_step_body > a:hover { text-decoration: none; }
.commerceProductsOrderBox a div.item {
color: white !important;
background-color:/*#4c4d4f*/ #ED0972!important;
border-radius: 5px !important;
font-size: 15pt!important;
font-family:bpreplaybolditalics,arial!important;
font-weight: normal!important;
line-height:100%!important;}
#course_selector_body div.commerceProductsOrderBox > a:hover { color: #fff; text-decoration: none; }
#course_selector_body div.item { color: #333; text-decoration: none; background-color: white; padding: 25px 10px; border-radius:0; /*border-radius: 5px;*/ margin-right: 5px; box-shadow: none; /*box-shadow: 0 1px 2px rgba(0,0,0,0.15);*/ margin: 0px; /*padding-left:0;*/ border:0; border-top: 2px solid #C6F5F5;}
#course_selector_body div.item:last-child { border-bottom: 2px solid #C6F5F5; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover { cursor: pointer; color: #333;/* color: #fff;*/ background-color: /*#4c4d4f*/ #C6F5F5 ; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover .coursesCount { color:red; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover a { color: /*#fff #ff3399*/ #e21837; text-decoration: underline; }
#course_selector_body div.item.noCourses { background-color: #C6F5F5; }
#course_selector_body div.item div.itemBody.hasPicture { margin-left: 2%;box-sizing: border-box; }
#course_selector_body div.item div.itemBody div.coursesCount { float: right;font-size: 14px; }
#course_selector_body div.item.noCourses div.coursesCount { color: #ff0099; }
#course_selector_body div.item div.itemPicture
{
float: left;
background-position-x: 50%;
background-size: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px auto;
background-repeat: no-repeat;
border-radius: 75px;
max-width: 150px;
box-sizing: border-box;
width: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px;
height: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_height') ?]px;
}
/* Selection / Previous Step */
#previous_step_description { padding: 0px; padding-top: 10px; border:0; border-top: 2px solid #C6F5F5; }
#course_selector_current_step_body { margin-top: 20px; padding: 0px; }
/* Schedules Step */
ul.coursesList { padding-left: 0px; display: none; list-style-type: none; }
ul.coursesList li { margin: 0px; }
ul.coursesList li > a:hover { text-decoration: none; }
ul.coursesList div.placesLeft { float: right; color: #ff0099;}
ul.coursesList div.item:not(.noCourses):not(.noHighlight):hover div.placesLeft { color: #fff; }
#course_selector_body ul.coursesList div.item { border: 1px solid #dfdfdf; box-shadow: none; }
#schedules_list div.item { cursor: pointer; }
/* Overrides */
#course_selector h1 { font-family: 'Asap', sans-serif;font-weight: 300;font-size:35px;margin:20px 0;text-transform:none;font-style: italic;/* font-size: 15pt; font-family:bpreplaybolditalics,arial; font-weight: normal; line-height:100%;*/ }
#course_description_table { box-shadow:0 0 0 0;}
#course_selector h2 { font-family: 'louis_george_cafebold'; font-size: 28px;line-height:32px; margin-bottom:10px;font-style: normal;}
/* Break points screen */
@media screen and (max-width:992px){
.#course_selector_body div.item div.itemPicture{
width: 75px;
}
}
<ss:logic:parse text="\Components\AF\Courses\CollectiveCourses::configGetValue('course_selector_style_override')" parsenow="text" />
</style>
<style type="text/css">
/* Header */
#course_selector_header { margin-top: 5px; }
#course_selector_header > a:hover { text-decoration: none; color: #fff; }
#course_selector_header div.stepTitle { color: #333; text-decoration: none; background-color: white; padding: 0 10px; border-radius: 5px; margin-right: 5px; margin-top: 5px; height: 50px; border: 1px solid #ccc; float: left; padding: 2px 10px 2px 10px; }
#course_selector_header div.stepTitle:not(.currentStep):hover { }
#course_selector_header div.currentStep { color: #fff; background-color: #333; border: 1px solid #333;}
#course_selector_header div.stepTitle:not(.currentStep):not(.disabled) {border:1px solid #C6F5F5;}
#course_selector_header div.stepTitle:not(.currentStep):not(.disabled):hover {color: #333;background-color:#C6F5F5;border:1px solid #C6F5F5;}
#course_selector_header div.stepTitle.disabled {color: #4c4d4f;background-color: #C6F5F5;border: 1px solid #C6F5F5;}
/* Body / Current Step */
#course_selector_body { padding: 0px; font-size: 20px;margin-bottom: 20px;line-height: 22px;}
#course_selector_current_step_body > a:hover { text-decoration: none; }
.commerceProductsOrderBox a div.item {
color: white !important;
background-color:/*#4c4d4f*/ #ED0972!important;
border-radius: 5px !important;
font-size: 15pt!important;
font-family:bpreplaybolditalics,arial!important;
font-weight: normal!important;
line-height:100%!important;}
#course_selector_body div.commerceProductsOrderBox > a:hover { color: #fff; text-decoration: none; }
#course_selector_body div.item { color: #333; text-decoration: none; background-color: white; padding: 25px 10px; border-radius:0; /*border-radius: 5px;*/ margin-right: 5px; box-shadow: none; /*box-shadow: 0 1px 2px rgba(0,0,0,0.15);*/ margin: 0px; /*padding-left:0;*/ border:0; border-top: 2px solid #C6F5F5;}
#course_selector_body div.item:last-child { border-bottom: 2px solid #C6F5F5; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover { cursor: pointer; color: #333;/* color: #fff;*/ background-color: /*#4c4d4f*/ #C6F5F5 ; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover .coursesCount { color:red; }
#course_selector_body div.item:not(.noCourses):not(.noHighlight):hover a { color: /*#fff #ff3399*/ #e21837; text-decoration: underline; }
#course_selector_body div.item.noCourses { background-color: #C6F5F5; }
#course_selector_body div.item div.itemBody.hasPicture { margin-left: 2%;box-sizing: border-box; }
#course_selector_body div.item div.itemBody div.coursesCount { float: right;font-size: 14px; }
#course_selector_body div.item.noCourses div.coursesCount { color: #ff0099; }
#course_selector_body div.item div.itemPicture
{
float: left;
background-position-x: 50%;
background-size: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px auto;
background-repeat: no-repeat;
border-radius: 75px;
max-width: 150px;
box-sizing: border-box;
width: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_width') ?]px;
height: [? \Components\Settings\ConfigurationItems::getValue('\Components\AF\Courses\CollectiveCourses', 'course_selector_image_height') ?]px;
}
/* Selection / Previous Step */
#previous_step_description { padding: 0px; padding-top: 10px; border:0; border-top: 2px solid #C6F5F5; }
#course_selector_current_step_body { margin-top: 20px; padding: 0px; }
/* Schedules Step */
ul.coursesList { padding-left: 0px; display: none; list-style-type: none; }
ul.coursesList li { margin: 0px; }
ul.coursesList li > a:hover { text-decoration: none; }
ul.coursesList div.placesLeft { float: right; color: #ff0099;}
ul.coursesList div.item:not(.noCourses):not(.noHighlight):hover div.placesLeft { color: #fff; }
#course_selector_body ul.coursesList div.item { border: 1px solid #dfdfdf; box-shadow: none; }
#schedules_list div.item { cursor: pointer; }
/* Overrides */
#course_selector h1 { font-family: 'Asap', sans-serif;font-weight: 300;font-size:35px;margin:20px 0;text-transform:none;font-style: italic;/* font-size: 15pt; font-family:bpreplaybolditalics,arial; font-weight: normal; line-height:100%;*/ }
#course_description_table { box-shadow:0 0 0 0;}
#course_selector h2 { font-family: 'louis_george_cafebold'; font-size: 28px;line-height:32px; margin-bottom:10px;font-style: normal;}
/* Break points screen */
@media screen and (max-width:992px){
.#course_selector_body div.item div.itemPicture{
width: 75px;
}
}
<ss:logic:parse text="\Components\AF\Courses\CollectiveCourses::configGetValue('course_selector_style_override')" parsenow="text" />
</style>
|
|
|
|
<?php
set_time_limit(10);
\Framework\Assets\JavaScript::includeJQuery(true);
function getRemainingSteps($arrVisibleSteps)
{
$arrRemainingSteps = array();
foreach(\Framework\AF\CourseSelector::getAvailableSteps() as $arrStep)
{
if(!in_array($arrStep, $arrVisibleSteps))
{
$arrRemainingSteps[] = $arrStep;
}
}
return $arrRemainingSteps;
}
function getRealLength($strVar)
{
// Because of a bug in the HTML Editor inserting the ​ character
return strlen(trim(strip_tags(str_replace('​', '', $strVar))));
}
function urlCleanup($arrCurrentStep)
{
$iInitialCount = count($_GET);
if($iInitialCount)
{
$arrParametersToClean = array('new_student', 'needs_test', 'reenroll');
if($arrCurrentStep && $arrCurrentStep['step_title'] !== 'Level' && \Components\AF\Courses\Configuration\Levels::configGetValue('course_selector_use_placement_page'))
{
foreach($arrParametersToClean as $strParameter)
{
if(array_key_exists($strParameter, $_GET))
{
unset($_GET[$strParameter]);
}
}
if(count($_GET) !== $iInitialCount)
{
$arrQueryString = array();
foreach($_GET as $strKey => $strValue)
{
$arrQueryString[] = urlencode($strKey) . '=' . urlencode($strValue);
}
$strQueryString = '';
if(count($arrQueryString))
{
$strQueryString = '?' . implode('&', $arrQueryString);
}
\Framework\HTTP\Redirection::redirect(\Components\Website\Pages::currentPageId() . $strQueryString);
}
}
}
}
?>
<?php
set_time_limit(10);
\Framework\Assets\JavaScript::includeJQuery(true);
function getRemainingSteps($arrVisibleSteps)
{
$arrRemainingSteps = array();
foreach(\Framework\AF\CourseSelector::getAvailableSteps() as $arrStep)
{
if(!in_array($arrStep, $arrVisibleSteps))
{
$arrRemainingSteps[] = $arrStep;
}
}
return $arrRemainingSteps;
}
function getRealLength($strVar)
{
// Because of a bug in the HTML Editor inserting the ​ character
return strlen(trim(strip_tags(str_replace('​', '', $strVar))));
}
function urlCleanup($arrCurrentStep)
{
$iInitialCount = count($_GET);
if($iInitialCount)
{
$arrParametersToClean = array('new_student', 'needs_test', 'reenroll');
if($arrCurrentStep && $arrCurrentStep['step_title'] !== 'Level' && \Components\AF\Courses\Configuration\Levels::configGetValue('course_selector_use_placement_page'))
{
foreach($arrParametersToClean as $strParameter)
{
if(array_key_exists($strParameter, $_GET))
{
unset($_GET[$strParameter]);
}
}
if(count($_GET) !== $iInitialCount)
{
$arrQueryString = array();
foreach($_GET as $strKey => $strValue)
{
$arrQueryString[] = urlencode($strKey) . '=' . urlencode($strValue);
}
$strQueryString = '';
if(count($arrQueryString))
{
$strQueryString = '?' . implode('&', $arrQueryString);
}
\Framework\HTTP\Redirection::redirect(\Components\Website\Pages::currentPageId() . $strQueryString);
}
}
}
}
?>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
/wave/learn-french/
/wave/learn-french/
|
|
|
|
|
|
|
|
|
|
|
|
|