Spade
Mini Shell
PKW��[z��c!c!tmpl/card_Sliding.phpnu�[���<?php
$document = JFactory::getDocument();
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/swiper-bundle/swiper-bundle.min.css');
$document->addStyleSheet('modules/mod_moojlacourseslider/assets/css/card_Sliding.css');
$colcoursesliderverysmall=$params->get('colcoursesliderverysmall');
$colcourseslidersmall=$params->get('colcourseslidersmall');
$colcourseslidermedium=$params->get('colcourseslidermedium');
$colcoursesliderlarge=$params->get('colcoursesliderlarge');
$colcoursesliderverylarge=$params->get('colcoursesliderverylarge');
// background and color button prev slide
$slider_button_prev = [
'background-color :' .
$params->get('arrow_color'),
'color :' .
$params->get('arrow_icon_color')
];
$slider_button_prev = implode(';', $slider_button_prev);
// background and color button next slide
$slider_button_next = [
'background-color :' .
$params->get('arrow_color'),
'color :' .
$params->get('arrow_icon_color')
];
$slider_button_next = implode(';', $slider_button_next);
// title course color course slider
$text_color = [
'color :' . $params->get('text_color')
];
$text_color = implode(';', $text_color);
// price color course slider
$price_color = [
'color :' . $params->get('price_color')
];
$price_color = implode(';', $price_color);
?>
<div class="lmskaran_lay-sliding">
<div style="<?php echo $slider_button_next; ?>"
class="lmskaran_lay-sliding-next lmskaran_lay-sliding-next-<?php
echo $module->id; ?> swiper-button-next swiper-button-next-<?php
echo $module->id; ?>"></div>
<div style="<?php echo $slider_button_prev; ?>"
class="lmskaran_lay-sliding-prev lmskaran_lay-sliding-prev-<?php
echo $module->id; ?> swiper-button-prev swiper-button-prev-<?php
echo $module->id; ?>"></div>
<div class="swiper-container swiper-container-<?php echo
$module->id; ?>">
<div class="swiper-wrapper swiper-wrapper-<?php echo
$module->id; ?>">
<?php foreach ($courses as $course) : ?>
<div class="swiper-slide swiper-slide-<?php echo
$module->id; ?>">
<div class="Lmskaran_mod_moojla_card_sliding">
<div class="additional
lmskaran_lay-card-sliding-color-border-<?php echo $module->id;
?>">
<div class="user-card
lmskaran_lay-card-sliding-manage-background-org-<?php echo
$module->id; ?>">
<div style="<?php echo $price_color;?>"
class="cost_course
lmskaran_lay-card-sliding-manage-color-price-<?php echo $module->id;
?>">
<?php if ($course->cost > 0) {
echo $course->cost;
} else {
echo "رایگان";
} ?>
</div>
<div class="profile_teacher">
<?php if (!$course->summary_files) : ?>
<img
src="https://www.w3schools.com/w3css/img_lights.jpg">
<?php else : ?>
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>">
<img src="<?php echo $course->summary_files;
?>">
</a>
<?php endif; ?>
</div>
</div>
</div>
<div class="general
lmskaran_lay-card-sliding-manage-background-fewer-<?php echo
$module->id; ?>">
<?php /* <div class="for-hover-accordion-card">
<div class="accordion_toLeft_card"
onmouseover="againopenAccordion(this);mouseOverShowInFromation()">
<div class="more-info">
<div
class="flexibleOrGridSystem_accordionInformation">
<?php $course->teachers = trim($course->teachers,
'"');
$course->teachers = json_decode($course->teachers);
?>
<h3 class="more-info-h1">نام استاد :
<?php if ($course->teachers[0] == null) : ?>
<span style="color:#c5c5b1;">این درس
استاد ندارد !</span>
<?php else : ?>
<span><?php echo $course->teachers[0]->firstname .
" " . $course->teachers[0]->lastname; ?></span>
<?php endif; ?>
</h3>
<div class="coords">
<span>تاریخ انتشار : </span>
<span><?php echo $course->created; ?></span>
</div>
<div class="coords">
<!-- <span>Position/Role</span>
<span>City, Country</span> -->
</div>
<div class="loign-to-page-course">
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='
. $course->remoteid); ?>"
style="width:100%;color:black;">
<button class="go-to-course">
رفتن به دوره
</button>
</a>
</div>
</div>
</div>
</div>
</div> */?>
<div class="information_courseInCard">
<div class="titleOrCourseName">
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>">
<h3 style="<?php echo $text_color;?>"
class="general_courseName
lmskaran_lay-course-slider-manage-color-text-<?php echo $module->id;
?>"><?php echo $course->shortname; ?></h3>
</a>
</div>
<div style="<?php echo $text_color;?>"
class="summaryCourseCard
lmskaran_lay-course-slider-manage-color-text-<?php echo $module->id;
?>">
<?php echo ModMoojlaCourseSliderHelper::escape($params,
$course->summary); ?>
</div>
</div>
<div class="lmskaran_lay-card-sliding-cat_name">
<span style="<?php echo $text_color; ?>"
class="more lmskaran_lay-card-sliding-manage-background-org-<?php
echo $module->id; ?> lmskaran_lay-card-sliding-color-border-<?php
echo $module->id; ?>
lmskaran_lay-course-slider-manage-color-text-<?php echo $module->id;
?>"> طبقه درس : <?php echo $course->cat_name;
?></span>
</div>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<div class="swiper-pagination swiper-pagination-<?php echo
$module->id; ?>"></div>
</div>
</div>
<?php
$document = JFactory::getDocument();
$document->addScript('/modules/mod_moojlacourseslider/assets/swiper-bundle/swiper-bundle.min.js');
$document->addScript('/modules/mod_moojlacourseslider/assets/js/card_sliding.js');
?>
<script>
var swiper = new Swiper('.swiper-container-<?php echo
$module->id; ?>', {
spaceBetween: 30,
slidesPerGroup: 1,
loop: false,
loopFillGroupWithBlank: true,
navigation: {
nextEl: '.swiper-button-next-<?php echo $module->id;
?>',
prevEl: '.swiper-button-prev-<?php echo $module->id;
?>',
},
breakpoints: {
320: {
slidesPerView:'<?php echo $colcoursesliderverysmall;
?>',
spaceBetween: 20,
},
480: {
slidesPerView:'<?php echo $colcourseslidersmall; ?>',
spaceBetween: 20,
},
768: {
slidesPerView:'<?php echo $colcourseslidermedium;
?>',
spaceBetween: 10,
},
1024: {
slidesPerView:'<?php echo $colcoursesliderlarge;
?>',
spaceBetween: 10,
},
1200: {
slidesPerView:'<?php echo $colcoursesliderverylarge;
?>',
spaceBetween: 10,
},
}
});
jQuery(document).ready(function ($)
{
function shadeColor(color, percent) {
var R = parseInt(color.substring(1, 3), 16);
var G = parseInt(color.substring(3, 5), 16);
var B = parseInt(color.substring(5, 7), 16);
R = parseInt(R * (100 + percent) / 100);
G = parseInt(G * (100 + percent) / 100);
B = parseInt(B * (100 + percent) / 100);
R = (R < 255) ? R : 255;
G = (G < 255) ? G : 255;
B = (B < 255) ? B : 255;
var RR = ((R.toString(16).length == 1) ? "0" +
R.toString(16) : R.toString(16));
var GG = ((G.toString(16).length == 1) ? "0" +
G.toString(16) : G.toString(16));
var BB = ((B.toString(16).length == 1) ? "0" +
B.toString(16) : B.toString(16));
return "#" + RR + GG + BB;
}
var module_id= '<?= $module->id; ?>'
$(".lmskaran_lay-card-sliding-manage-background-org-"+module_id+"").css({
'background': '<?=
$params->get('color_card_sliding'); ?>'
});
$(".lmskaran_lay-card-sliding-manage-background-fewer-"+module_id+"").css({
'background':'linear-gradient('+shadeColor('<?=
$params->get('color_card_sliding'); ?>',
20)+','+shadeColor('<?=
$params->get('color_card_sliding'); ?>',
80)+')'
});
$(".lmskaran_lay-card-sliding-color-border-"+module_id+"").css({
'border-color':shadeColor('<?=
$params->get('color_card_sliding'); ?>', -20)
});
})
</script>PKW��[���� �
tmpl/courseslider.phpnu�[���
<?php
$document = JFactory::getDocument();
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/swiper-bundle/swiper-bundle.min.css');
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/css/courseslider.css');
$document->addScript('/modules/mod_moojlacourseslider/assets/js/courseslider.js');
$colcoursesliderverysmall=$params->get('colcoursesliderverysmall');
$colcourseslidersmall=$params->get('colcourseslidersmall');
$colcourseslidermedium=$params->get('colcourseslidermedium');
$colcoursesliderlarge=$params->get('colcoursesliderlarge');
$colcoursesliderverylarge=$params->get('colcoursesliderverylarge');
// --------------------> inline style html
// background box course slider
$courseslider_background = [
'background-color :' .
$params->get('lmskaran_color')
];
$courseslider_background = implode(';',
$courseslider_background);
// background and color button prev slide
$slider_button_prev = [
'background-color :' .
$params->get('arrow_color'),
'color :' .
$params->get('arrow_icon_color')
];
$slider_button_prev = implode(';', $slider_button_prev);
// background and color button next slide
$slider_button_next = [
'background-color :' .
$params->get('arrow_color'),
'color :' .
$params->get('arrow_icon_color')
];
$slider_button_next = implode(';', $slider_button_next);
// title course color course slider
$title_course_slider_color = [
'color :' . $params->get('text_color')
];
$title_course_slider_color = implode(';',
$title_course_slider_color);
// price color course slider
$price_color_course_slider = [
'color :' . $params->get('price_color')
];
$price_color_course_slider = implode(';',
$price_color_course_slider);
?>
<?php ?>
<!-- Swiper -->
<div class="lmskaran_lay-courseslider">
<div style="<?php echo $slider_button_next; ?>"
class="slider_button_next lmskaran_lay-courseslider-next
lmskaran_lay-courseslider-next-<?php echo $module->id; ?>
swiper-button-next swiper-button-next-<?php echo $module->id;
?>"></div>
<div style="<?php echo $slider_button_prev; ?>"
class="slider_button_prev lmskaran_lay-courseslider-prev
lmskaran_lay-courseslider-prev-<?php echo $module->id; ?>
swiper-button-prev swiper-button-prev-<?php echo $module->id;
?>"></div>
<div class="swiper-container swiper-container-<?php echo
$module->id; ?>">
<div class="swiper-wrapper swiper-wrapper-<?php echo
$module->id; ?>">
<?php foreach($courses as $course): ?>
<div class="swiper-slide swiper-slide-<?php echo
$module->id; ?>">
<div class="card">
<div style="<?php echo
$courseslider_background;?>" class="courseslider_background
lmskaran_lay-courseslider-background-<?php echo $module->id; ?>
card__side card__side--front card__side--front-moduleid-<?php echo
$module->id; ?>">
<div class="card__title
card__title">
<?php if(!$course->summary_files):?>
<img class="card_img_front"
src="https://www.w3schools.com/w3css/img_lights.jpg">
<?php else:?>
<img class="card_img_front" src="<?php echo
$course->summary_files; ?>">
<?php endif;?>
</div>
<h4 style="<?php echo
$title_course_slider_color; ?>"
class="title_course_slider_color card__heading
lmskaran_lay-course-slider-manage-color-text-<?php echo $module->id;
?>"><?php echo $course->shortname; ?></h4>
<div class="card__details
lmskaran_lay-course-slider-manage-color-text-<?php echo $module->id;
?>">
<ul>
<li>
<?php if (count($course->teachers) == null) : ?>
<span
class="lmskaran_popup_not_teacher_name">این درس
استاد ندارد !</span>
<?php else:?>
<a href="#" class="lmskaran_popup_teacher_name
lmskaran_lay-course-slider-manage-color-text-<?php echo $module->id;
?>">
<span><?php echo $course->teachers[0]->name;
?></span>
</a>
<?php endif; ?>
</li>
<li>طبقه درس :
<span><?php echo $course->cat_name;
?></span></li>
</ul>
</div>
</div>
<div style="<?php echo
$courseslider_background;?>" class="courseslider_background
lmskaran_lay-courseslider-background-<?php echo $module->id; ?>
card__side card__side--back-moduleid-<?php echo $module->id;
?>">
<div class="card__cta">
<div class="card__price-box">
<p style="<?php echo
$price_color_course_slider; ?>"
class="price_color_course_slider card__price-value
lmskaran_lay-course-slider-manage-color-price-<?php echo $module->id;
?>">
</span><?php if($course->cost >
0 ) { echo $course->cost; } else {echo "رایگان"; } ?>
</p>
<div class="description__course--back
lmskaran_lay-course-slider-manage-color-text-<?php echo $module->id;
?>"><h3 class="title_about--course
lmskaran_lay-course-slider-manage-color-text-<?php echo $module->id;
?>">درباره درس : </h3><?php echo
ModMoojlaCourseSliderHelper::escape($params,$course->summary);
?></div>
</div>
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>" class="btn--white">رفتن به
دوره</a>
</div>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
<?php
$document = JFactory::getDocument();
$document->addScript('/modules/mod_moojlacourseslider/assets/swiper-bundle/swiper-bundle.min.js');
?>
<!-- Initialize Swiper -->
<script>
var swiper = new Swiper('.swiper-container-<?php echo
$module->id; ?>', {
// slidesPerView: 3,
spaceBetween: 30,
slidesPerGroup: 1,
loop: false,
loopFillGroupWithBlank: true,
// pagination: {
// el: '.swiper-pagination-<?php echo
$module->id; ?>',
// clickable: true,
// },
navigation: {
nextEl: '.swiper-button-next-<?php echo
$module->id; ?>',
prevEl: '.swiper-button-prev-<?php echo
$module->id; ?>',
},
breakpoints: {
320: {
slidesPerView:'<?php echo $colcoursesliderverysmall;
?>',
spaceBetween: 20,
},
480: {
slidesPerView:'<?php echo $colcourseslidersmall; ?>',
spaceBetween: 20,
},
768: {
slidesPerView:'<?php echo $colcourseslidermedium; ?>',
spaceBetween: 10,
},
1024: {
slidesPerView:'<?php echo $colcoursesliderlarge; ?>',
spaceBetween: 10,
},
1200: {
slidesPerView:'<?php echo $colcoursesliderverylarge;
?>',
spaceBetween: 10,
},
}
});
</script>
<style>
/* for slideshow */
.swiper-slide-<?php echo $module->id; ?> {
display: block !Important;
background: unset !important;
}
.swiper-container-<?php echo $module->id; ?> {
padding-bottom: 50px;
width: 100%;
height: 70%;
}
.swiper-wrapper-<?php echo $module->id; ?> {
transition: 0.4s !important;
padding:50px 0px;
}
.swiper-button-next-<?php echo $module->id; ?>:after,
.swiper-button-prev-<?php echo $module->id; ?>:after {
font-size: 30px;
}
.card__side--front-moduleid-<?php echo $module->id; ?> {
background: <?php echo $backgroundcolor; ?>;
}
.card__side--back-moduleid-<?php echo $module->id; ?> {
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg);
background: <?php echo $backgroundcolorback ?>;
}
.card:hover .card__side--front-moduleid-<?php echo $module->id; ?>
{
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg);
}
.card:hover .card__side--back-moduleid-<?php echo $module->id; ?>
{
-webkit-transform: rotateY(0);
transform: rotateY(0);
}
</style>PKW��[���� 1 1tmpl/courseSliderUdemy.phpnu�[���
<?php
$document = JFactory::getDocument();
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/swiper-bundle/swiper-bundle.min.css');
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/css/courseSliderUdemy.css');
$document->addScript('/modules/mod_moojlacourseslider/assets/js/courseSliderUdemy/courseSliderUdemy.js');
$cat_name=$params->get('cat_name');
$teacher_name=$params->get('teacher_name');
$colcoursesliderverysmall=$params->get('colcoursesliderverysmall');
$colcourseslidersmall=$params->get('colcourseslidersmall');
$colcourseslidermedium=$params->get('colcourseslidermedium');
$colcoursesliderlarge=$params->get('colcoursesliderlarge');
$colcoursesliderverylarge=$params->get('colcoursesliderverylarge');
// background box course slider
$courseslider_background = [
'background-color :' .
$params->get('lmskaran_color')
];
$courseslider_background = implode(';',
$courseslider_background);
// background and color button prev slide
$slider_button_prev = [
'background-color :' .
$params->get('arrow_color'),
'color :' . $params->get('arrow_icon_color')
];
$slider_button_prev = implode(';', $slider_button_prev);
// background and color button next slide
$slider_button_next = [
'background-color :' .
$params->get('arrow_color'),
'color :' . $params->get('arrow_icon_color')
];
$slider_button_next = implode(';', $slider_button_next);
?>
<!-- Swiper -->
<div style="<?php echo $courseslider_background; ?>"
id="f<?php echo $module->id; ?>" class="particle
lmskaran_alignment_course_slider lmskaran_alignment_course_slider-<?php
echo $module->id; ?>" data-moduleid="<?php echo
$module->id; ?>">
<div class="lmskaran_course_slider" style="padding:60px
60px;">
<div style="<?php echo $slider_button_prev;?>"
class="lmskaran_lay-courseslider-udemy-prev-<?php echo
$module->id; ?> swiper-button-prev swiper-button-prev-<?php echo
$module->id; ?>"></div>
<div style="<?php echo $slider_button_next;?>"
class="lmskaran_lay-courseslider-udemy-next-<?php echo
$module->id; ?> swiper-button-next swiper-button-next-<?php echo
$module->id; ?>"></div>
<div class="lmskaran_padding_course_slider">
<div class="swiper-container swiper-container-<?php echo
$module->id; ?>">
<div class="swiper-wrapper swiper-wrapper-<?php echo
$module->id; ?>">
<?php //dump($courses, "courses");?>
<?php foreach($courses as $course): ?>
<div class="lmskaran_course_box swiper-slide
swiper-slide-<?php echo $module->id; ?> f<?php echo
$course->id; ?>">
<div class="lmskaran_filterCoursesSlider_card">
<div
class="lmskaran_filterCoursesSlider_front">
<a
class="lmskaran_filterCoursesSlider_img_course"
href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>" >
<div
class="lmskaran_filterCoursesSlider_box_img">
<?php if(!$course->summary_files):?>
<img
src="https://www.w3schools.com/w3css/img_lights.jpg">
<?php else:?>
<a class="lmskaran_filterCoursesSlider_img_course"
href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>" >
<img src="<?php echo $course->summary_files;
?>">
</a>
<?php endif;?>
</div>
</a>
<div
class="lmskaran_filterCoursesSlider_content">
<div
class="lmskaran_filterCoursesSlider_main">
<h3
class="lmskaran_filterCourseSlider_title_course">
<a style="width:100%"
href="<?php //echo $url ?>" ><?php echo
$course->shortname; ?></a>
</h3>
</div>
<div
class="lmskaran_filterCoursesSlider_information_course">
<div
class="lmskaran_filterCoursesSlider_button_cost_pack">
<?php if($course->cost == 0):?>
<div
class="lmskaran_filterCoursesSlider_button_cost">
<a
class="lmskaran_filterCoursesSlider_button_cost_link"
href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>">رایگان</a>
</div>
<?php else: ?>
<div
class="lmskaran_filterCoursesSlider_button_cost">
<a
class="lmskaran_filterCoursesSlider_button_cost_link"
href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>">
<?php echo $course->cost; ?></a></div>
<?php endif; ?>
</div>
</div>
</div>
</div>
</div>
<?php /* pop up */ ?>
<div class="lmskaran_popup_course">
<div class="lmskaran_popup_pointer">
<span class="lmskaran_popup_pointerinner"></span>
</div>
<div class="lmskaran_content_popup">
<div class="lmskaran_course_info">
<div class="lmskaran_main_info">
<a href="#"><?php echo $course->fullname;
?></a>
<?php if (count($course->teachers) == 0) : ?>
<span
class="lmskaran_popup_not_teacher_name">این درس
استاد ندارد !</span>
<?php else:?>
<a href="#"
class="lmskaran_popup_teacher_name"><span><?php echo
$course->teachers[0]->name; ?></span></a>
<?php endif; ?>
</div>
<div class="lmskaran_teacher"><a
href="#"><img
src="images/avatar-man.jpg"></a></div>
</div>
<div class="lmskaran_discreption_course">
<div class="lmskaran_padding_discreption">
<span>
<?php if(isset($course->summary)): ?>
<?php echo
ModMoojlaCourseSliderHelper::escape($params,$course->summary); ?>
<?php endif; ?>
</span>
</div>
</div>
<div class="lmskaran_field_course_mapper">
<?php if(count($course->customfields) > 0):?>
<?php foreach($course->customfields as $index => $map):?>
<div class="lmskaran_courseExtras">
<div class="lmskaran_desck"><?php echo
$map['title']; ?></div>
<div class="lmskaran_ico-val">
<img src="<?php echo $map['img']; ?>"
/>
<div class="lmskaran_value"><?php echo
$map['value']; ?></div>
</div>
</div>
<?php endforeach;?>
<?php endif;?>
</div>
<div class="lmskaran_price_users">
<div class="lmskaran_cost_course"><span><?php
echo $course->cost; ?></span>تومان</div>
<div class="lmskaran_user_reg_in_course">
<!-- <div class="lmskaran_icon_user"><img
src="/images/icons/user_1.png"></div> -->
<span><?php echo $course->number_of_participants; ?>
</span>
دانشجو
</div>
</div>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination swiper-pagination-<?php echo
$module->id; ?>"></div>
<!-- Add Arrows -->
</div>
</div>
</div>
</div>
<!-- Initialize Swiper -->
<?php
$document = JFactory::getDocument();
$document->addScript('/modules/mod_moojlacourseslider/assets/swiper-bundle/swiper-bundle.min.js');
$document->addScript('/modules/mod_moojlacourseslider/assets/js/courseSliderUdemy/particles.js');
$document->addScriptOptions('moduleid', $module->id);
?>
<script>
// var moduleid= Joomla.getOptions('moduleid');
// alert(moduleid)
</script>
<!-- <script
src="/modules/mod_moojlacourseslider/assets/js/courseSliderUdemy/particles.js"></script>
<script
src="/modules/mod_moojlacourseslider/assets/js/courseSliderUdemy/app.js"></script>-->
<script>
var swiper = new Swiper('.swiper-container-<?php echo
$module->id; ?>', {
// slidesPerView: 3,
spaceBetween: 30,
slidesPerGroup: 1,
loop: false,
loopFillGroupWithBlank: true,
navigation: {
nextEl: '.swiper-button-next-<?php echo $module->id;
?>',
prevEl: '.swiper-button-prev-<?php echo $module->id;
?>',
},
breakpoints: {
320: {
slidesPerView:'<?php echo $colcoursesliderverysmall; ?>',
spaceBetween: 20,
},
480: {
slidesPerView:'<?php echo $colcourseslidersmall; ?>',
spaceBetween: 20,
},
768: {
slidesPerView:'<?php echo $colcourseslidermedium;
?>',
spaceBetween: 10,
},
1024: {
slidesPerView:'<?php echo $colcoursesliderlarge;
?>',
spaceBetween: 10,
},
1200: {
slidesPerView:'<?php echo $colcoursesliderverylarge;
?>',
spaceBetween: 10,
},
},
allowTouchMove: false
});
// jQuery(document).ready(function($)
jQuery(window).load(function($)
{
var $= jQuery
$(window).resize(function(){
placement()
});
$('.lmskaran_course_box').hover(
function(){
var _this= $(this);
_this.find('.lmskaran_popup_course').stop(true,false,true).fadeToggle(200)
}
)
swiper.on('transitionEnd', function () {
console.log('t e');
placement()
});
placement()
function placement()
{
//
console.log('----------------------------------------------start
placement()---------------------------');
$('.lmskaran_course_box').find('.lmskaran_popup_course').removeClass('displayfromleft')
var windowWidth =$(window).width()
var swiper_offset_left=
$('.swiper-container').offset().left
var swiper_outerwidth=
$('.swiper-container').outerWidth()
var swiper_offset_right= windowWidth - (swiper_offset_left+
swiper_outerwidth)
// console.log('swiper_offset_right
'+swiper_offset_right+'_ swiper_offset_left
'+swiper_offset_left+'_ swiper_outerwidth
'+swiper_outerwidth+'_ windowWidth '+windowWidth)
$('.lmskaran_course_box').each(function(){
var box_offset_left= $(this).offset().left
var box_outerwidth= $(this).outerWidth()
var box_offset_right= windowWidth - (box_offset_left+
box_outerwidth)
var popup_offset_left=
$(this).find('.lmskaran_popup_course').offset().left
var popup_outerwidth=
$(this).find('.lmskaran_popup_course').outerWidth()
// var popup_offset_right= windowWidth - (popup_offset_left+
popup_outerwidth)
var popup_offset_right= box_offset_right -
(((2/100)*box_outerwidth) + popup_outerwidth)
// console.log(
// 'box_offset_right
'+box_offset_right+'_ box_offset_left
'+box_offset_left+'_ box_outerwidth '+box_outerwidth+'_
popup_outerwidth '+popup_outerwidth+'_ popup_offset_left '+
popup_offset_left+'_ cal '+ ((2/100)*box_outerwidth)
// );
// console.log('popup_offset_right
'+popup_offset_right+'_ popup_offset_left
'+popup_offset_left+'_ popup_outerwidth '+popup_outerwidth)
// console.log(
// $(this)
// );
// console.log(
//
// '------------------end------------------'
// );
if(box_offset_right +5 >= swiper_offset_right &&
box_offset_left >= swiper_offset_left)
{
if(popup_offset_right >= swiper_offset_right)
{
}
else
{
$(this).find('.lmskaran_popup_course').addClass('displayfromleft')
}
}
})
}
})
</script>
<style>
.displayfromleft {
/* left:calc(-97% + 20px) !important; */
}
.displayfromleft .lmskaran_popup_pointer {
right: -20px;
}
.displayfromleft .lmskaran_popup_pointer .lmskaran_popup_pointerinner {
right: 50%;
}
/* for slideshow */
.swiper-slide-<?php echo $module->id; ?> {
display: block !Important;
background: unset !important;
transition: 0.5s;
position: relative;
top: 0;
}
.swiper-container-<?php echo $module->id; ?> {
width: 100%;
height: 70%;
padding: 40px 0;
}
.swiper-wrapper-<?php echo $module->id; ?> {
transition: 0.4s !important;
}
.swiper-button-next-<?php echo $module->id; ?>,
.swiper-button-prev-<?php echo $module->id; ?> {
background: #3a3a3c;
transition:0.5s;
}
.swiper-button-next-<?php echo $module->id; ?>:hover,
.swiper-button-prev-<?php echo $module->id; ?>:hover {
background: #d00202;
}
.swiper-button-next-<?php echo $module->id; ?>{
right:0px;
}
.swiper-button-prev-<?php echo $module->id; ?>{
left:0px;
}
.swiper-button-next-<?php echo $module->id; ?>:after,
.swiper-button-prev-<?php echo $module->id; ?>:after {
font-size: 20px;
color: white;
font-weight: bold;
text-rendering: auto;
}
</style>PKW��[��dž � tmpl/course_flex.phpnu�[���
<?php
$document = JFactory::getDocument();
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/css/course_flex.css');
$document->addScript('/modules/mod_moojlacourseslider/assets/js/course_flex.js');
$backgroundcolor=$params->get('lmskaran_backgroundcolor_flex');
JFactory::getDocument()->addScriptOptions('width_static',
$params->get('width_static', 360));
// background footer course flex
$background_footer_course_flex = [
'background-color :' .
$params->get('lmskaran_color')
];
$background_footer_course_flex = implode(';',
$background_footer_course_flex);
// price color
$cost_color = [
'color :' . $params->get('price_color')
];
$cost_color = implode(';', $cost_color);
$teahcer_color = [
'color :' . $params->get('text_color')
];
$teahcer_color = implode(';', $teahcer_color);
?>
<div class="lmskaran_row_lmskaran_flex_card">
<?php foreach($courses as $course): ?>
<div class="lmskaran_flex_card">
<div class="lmskaran_flex_card__side
lmskaran_flex_card__side--front">
<div class="lmskaran_flex_card__title
lmskaran_flex_card__title">
<?php if(!$course->summary_files):?>
<img class="card_img_front"
src="https://www.w3schools.com/w3css/img_lights.jpg"
class="lmskaran_flex_card_img_front">
<?php else:?>
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>">
<img class="card_img_front" src="<?php echo
$course->summary_files; ?>"
class="lmskaran_flex_card_img_front">
</a>
<?php endif;?>
</div>
<div
class="lmskaran_flex_card__details">
<div class="lmskaran_flex_card__price-box">
<h4 class="lmskaran_flex_card__heading"><?php
echo $course->shortname; ?></h4>
<div class="lmskaran_flex_card__cta">
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>" class="btn--white">رفتن به
دوره</a>
</div>
</div>
</div>
<div style="<?php echo $background_footer_course_flex;
?>" class="lmskaran_lay-course-flex-footer-card">
<div style="<?php echo $teahcer_color; ?>"
class="teachers_lay_course-flex">
<?php if(count($course->teachers) == 0) : ?>
<span>این درس استاد ندارد !</span>
<?php else:?>
<span><?php echo $course->teachers[0]->name;
?></span>
<?php endif; ?>
</div>
<div style="<?php echo $cost_color; ?>"
class="cost-course_lay_course_flex">
<p class="lmskaran_flex_card__price-value"><?php
if($course->cost > 0 ) { echo $course->cost; } else {echo
"رایگان";} ?></p>
</div>
</div>
</div>
</div>
<?php endforeach; ?>
</div>
PKW��[��W��tmpl/danshjooyar.phpnu�[���<?php
// dump($courses, "course");
?>
<?php
$document = JFactory::getDocument();
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/swiper-bundle/swiper-bundle.min.css');
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/css/danshjooyar.css');
$document->addScript('/modules/mod_moojlacourseslider/assets/js/filtercourses_slider.js');
$cat_name = $params->get('category_name');
$teacher_name = $params->get('teacher_name');
$colcoursesliderverysmall =
$params->get('colcoursesliderverysmall');
$colcourseslidersmall = $params->get('colcourseslidersmall');
$colcourseslidermedium =
$params->get('colcourseslidermedium');
$colcoursesliderlarge = $params->get('colcoursesliderlarge');
$colcoursesliderverylarge =
$params->get('colcoursesliderverylarge');
// background color
$background_color = ['background-color :' .
$params->get('lmskaran_color') ];
$background_color = implode(';', $background_color);
// background and color button prev slide
$slider_button_prev = ['background-color :' .
$params->get('arrow_color') , 'color :' .
$params->get('arrow_icon_color') ];
$slider_button_prev = implode(';', $slider_button_prev);
// background and color button next slide
$slider_button_next = ['background-color :' .
$params->get('arrow_color') , 'color :' .
$params->get('arrow_icon_color') ];
$slider_button_next = implode(';', $slider_button_next);
// text color or content
$text_color = ['color :' .
$params->get('text_color') ];
$text_color = implode(';', $text_color);
// price color
$price_color = ['color :' .
$params->get('price_color') ];
$price_color = implode(';', $price_color);
?>
<div style="padding-left: 60px !important;"
class="lmskaran_lay-danesh">
<div style="<?php echo $slider_button_next; ?>"
class="lmskaran_danesh-next lmskaran_danesh-next-<?php echo
$module->id; ?> swiper-button-next swiper-button-next-<?php echo
$module->id; ?>"></div>
<div style="<?php echo $slider_button_prev; ?>"
class="lmskaran_danesh-prev lmskaran__danesh-prev-<?php echo
$module->id; ?> swiper-button-prev swiper-button-prev-<?php echo
$module->id; ?>"></div>
<div style="padding-bottom: 20px;"
class="swiper-container swiper-container-<?php echo $module->id;
?>">
<div class="swiper-wrapper swiper-wrapper-<?php echo
$module->id; ?>">
<?php foreach ($courses as $course): ?>
<div class="lmskaran-danesh swiper-slide swiper-slide-<?php
echo $module->id; ?>">
<!-- -->
<div class="popup">
<div class="popup-inner">
<h4><?php echo $course->fullname ?></h4>
<span class="lmskaran-danesh-description">
<?php if(isset($course->summary)): ?>
<?php echo
ModMoojlaCourseSliderHelper::escape($params,$course->summary); ?>
<?php endif; ?>
</span>
<p style="<?php echo $price_color_course_slider; ?>"
class="popup-cost-lmskaran-danesh">
<?php if($course->cost > 0):?>
<?php echo $course->cost; ?>
<?php else: ?>
<?php echo "رایگان"; ?>
<?php endif ?>
</p>
<div class="lmskaran_danesh-course-button">
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>" class="btn--white">مشاهده دوره</a>
</div>
</div>
</div>
<!-- -->
<div class="lmskaran_danesh_card">
<div style="<?php echo $background_color; ?>"
class="lmskaran_filterCoursesSlider_front
lmskaran_filterCoursesSlider_front-<?php echo $module->id;
?>">
<a class="lmskaran_danesh_img_course"
href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='
. $course->remoteid); ?>" >
<div class="lmskaran_danesh_box_img">
<?php if (!$course->summary_files): ?>
<img
src="https://www.w3schools.com/w3css/img_lights.jpg">
<?php
else: ?>
<img src="<?php echo $course->summary_files;
?>">
<?php
endif; ?>
</div>
</a>
</div>
<div class="lmskaran_danesh-content">
<h4><?php echo $course->fullname ?></h4>
<div class="lmskaran_danehsh_teahcer-cost">
<?php if (count($course->teachers) == null): ?>
<span class="lmskaran_danesh-not-teacher">این
درس استاد ندارد !</span>
<?php
else: ?>
<a href="#" class="lmskaran_danesh_teacher_name
lmskaran_lay-course-slider-manage-color-text-<?php echo $module->id;
?>">
<span><?php echo $course->teachers[0]->name;
?></span>
</a>
<?php
endif; ?>
<div class="lmskaran-danesh-cost">
<p style="<?php echo $price_color_course_slider;
?>" class="">
<?php if($course->cost > 0):?>
<?php echo $course->cost; ?>
<?php else: ?>
<?php echo "رایگان"; ?>
<?php endif ?>
</p>
</div>
</div>
</div>
<!-- end back panel -->
</div>
</div>
<?php
endforeach; ?>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination swiper-pagination-<?php echo
$module->id; ?>"></div>
</div>
</div>
<!-- Initialize Swiper -->
<?php
$document = JFactory::getDocument();
$document->addScript('/modules/mod_moojlacourseslider/assets/swiper-bundle/swiper-bundle.min.js');
?>
<script>
var swiper = new Swiper('.swiper-container-<?php echo
$module->id; ?>', {
// slidesPerView: 3,
spaceBetween: 30,
slidesPerGroup: 1,
loop: false,
loopFillGroupWithBlank: true,
navigation: {
nextEl: '.swiper-button-next-<?php echo $module->id;
?>',
prevEl: '.swiper-button-prev-<?php echo $module->id;
?>',
},
breakpoints: {
320: {
slidesPerView:'<?php echo $colcoursesliderverysmall; ?>',
spaceBetween: 20,
},
480: {
slidesPerView:'1',
spaceBetween: 10,
},
768: {
slidesPerView:'2',
spaceBetween: 10,
},
1024: {
slidesPerView:'3',
spaceBetween: 10,
},
1200: {
slidesPerView:'4',
spaceBetween: 10,
},
}
});
</script>
<style>
/* for slideshow */
.swiper-slide-<?php echo $module->id; ?> {
display: block !Important;
background: unset !important;
transition: 0.5s;
position: relative;
top: 0;
}
.swiper-container-<?php echo $module->id; ?> {
width: 100%;
height: 70%;
}
.swiper-wrapper-<?php echo $module->id; ?> {
transition: 0.4s !important;
/* padding: 20px 0 !important; */
}
</style>
PKW��[���jtmpl/default.phpnu�[���<?php
/*----------------------------------------------------------------------------------|
www.vdm.io |----/
Lmskaran
/-------------------------------------------------------------------------------------------------------/
@version 1.0.76
@build 5th December, 2021
@created 22nd July, 2020
@package Moojla
@subpackage default.php
@author Lmskaran <http://Lmskaran.com>
@copyright Copyright (C) 2015. All Rights Reserved
@license GNU/GPL Version 2 or later -
http://www.gnu.org/licenses/gpl-2.0.html
____ _____ _____ __ __ __ __ ___ _____ __ __ ____
_____ _ _ ____ _ _ ____
(_ _)( _ )( _ )( \/ )( ) /__\ / __)( _ )( \/ )( _ \(
_ )( \( )( ___)( \( )(_ _)
.-_)( )(_)( )(_)( ) ( )(__ /(__)\ ( (__ )(_)( ) ( )___/
)(_)( ) ( )__) ) ( )(
\____) (_____)(_____)(_/\/\_)(____)(__)(__) \___)(_____)(_/\/\_)(__)
(_____)(_)\_)(____)(_)\_) (__)
/------------------------------------------------------------------------------------------------------*/
// No direct access to this file
defined('_JEXEC') or die('Restricted access');
?>
<!--[JCBGUI.joomla_module.default.1.$$$$]-->
<link rel="stylesheet"
href="https://unpkg.com/swiper/swiper-bundle.min.css">
<div class="module-container module-container-<?php echo
$module->id; ?> module-swiper-container
module-swiper-container-<?php echo $module->id; ?>"
style="position: relative">
<div class="swiper-container swiper-container-<?php echo
$module->id; ?>" >
<div class="swiper-wrapper swiper-wrapper-<?php echo
$module->id; ?>">
<?php foreach($courses as $course): ?>
<div class="swiper-slide swiper-slide-<?php echo
$module->id; ?>">
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->id);?>">
<div class="center-crop-<?php echo $module->id;
?>">
<img data-src="<?php echo
$course->summary_files ?>" class="swiper-lazy">
</div>
<div class="swiper-lazy-preloader
swiper-lazy-preloader-<?php echo $module->id; ?>
swiper-lazy-preloader-white swiper-lazy-preloader-white-<?php echo
$module->id; ?>"></div>
<div class="course-content-<?php echo
$module->id; ?>">
<p><?php echo $course->fullname?></p>
<?php echo JLayoutHelper::render('favorite',
['course'=>$course, 'favorite'=>$favorite,
'params'=>$params],JPATH_SITE.'/components/com_moojla/layouts');
?>
</div>
</a>
</div>
<?php endforeach; ?>
</div>
<div class="swiper-pagination swiper-pagination-<?php echo
$module->id; ?> swiper-pagination-white
swiper-pagination-white-<?php echo $module->id;
?>"></div>
</div>
<div class="swiper-button-next swiper-button-next-<?php echo
$module->id; ?> swiper-button-white swiper-button-white-<?php echo
$module->id; ?>"></div>
<div class="swiper-button-prev swiper-button-prev-<?php echo
$module->id; ?> swiper-button-white swiper-button-white-<?php echo
$module->id; ?>"></div>
</div>
<script
src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script>
var swiper = new Swiper('.swiper-container-<?php echo
$module->id; ?>', {
// Enable lazy loading
lazy: true,
pagination: {
el: '.swiper-pagination-<?php echo $module->id;
?>',
clickable: true,
},
loop: true,
navigation: {
prevEl: '.swiper-button-next-<?php echo $module->id;
?>',
nextEl: '.swiper-button-prev-<?php echo $module->id;
?>',
},
breakpoints: {
640: {
slidesPerView: 1,
spaceBetween: 20,
},
768: {
slidesPerView: 2,
spaceBetween: 40,
},
1024: {
slidesPerView: 3,
spaceBetween: 50,
},
1280: {
slidesPerView: 4,
spaceBetween: 50,
},
}
});
</script>
<style>
div.swiper-button-next-<?php echo $module->id; ?>::after {
font-family:FontAwesome;
content: '\f105' !important;
color: lightblue;
}
div.swiper-button-prev-<?php echo $module->id; ?>::after {
font-family:FontAwesome;
content: '\f104' !important;
color: lightblue;
}
.center-crop-<?php echo $module->id; ?> img {
/*width: auto;
padding: 0;*/
position: absolute;
left: -1000%;
right: -1000%;
top: -1000%;
bottom: -1000%;
margin: auto;
min-height: 100%;
min-width: 100%;
}
.center-crop-<?php echo $module->id; ?> {
width: 13vw !important;
height: 8vw;
overflow: hidden;
margin: 10px;
position: relative;
}
.course-content-<?php echo $module->id; ?> {
padding-right: 20px;
margin-bottom: 50px;
}
.swiper-lazy-preloader-<?php echo $module->id; ?> {
margin-bottom: 50%;
}
</style>
<!--[/JCBGUI$$$$]-->
<script type="text/javascript">
/***[JCBGUI.field.javascript_views_footer.1026.$$$$]***/
/*saaaaaaaaalaaaaaaaaaaam2*/
function fillList(x){
alert('salam views');
}/***[/JCBGUI$$$$]***/
</script>
PKW��[Ma�� � tmpl/effect_3d.phpnu�[���<?php
/*----------------------------------------------------------------------------------|
www.vdm.io |----/
fdsh
/-------------------------------------------------------------------------------------------------------/
@version 1.0.36
@build 26th July, 2021
@created 17th December, 2020
@package Reservation
@subpackage default.php
@author farhad shahbazi <http://farhad.com>
@copyright Copyright (C) 2015. All Rights Reserved
@license GNU/GPL Version 2 or later -
http://www.gnu.org/licenses/gpl-2.0.html
____ _____ _____ __ __ __ __ ___ _____ __ __ ____
_____ _ _ ____ _ _ ____
(_ _)( _ )( _ )( \/ )( ) /__\ / __)( _ )( \/ )( _ \(
_ )( \( )( ___)( \( )(_ _)
.-_)( )(_)( )(_)( ) ( )(__ /(__)\ ( (__ )(_)( ) ( )___/
)(_)( ) ( )__) ) ( )(
\____) (_____)(_____)(_/\/\_)(____)(__)(__) \___)(_____)(_/\/\_)(__)
(_____)(_)\_)(____)(_)\_) (__)
/------------------------------------------------------------------------------------------------------*/
// No direct access to this file
defined('_JEXEC') or die('Restricted access');
$document = JFactory::getDocument();
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/css/effect_3d/default.css');
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/css/effect_3d/component.css');
$document->addScript('/modules/mod_moojlacourseslider/assets/js/effect_3d/modernizr.custom.js');
// dump($courses,"course");
?>
<div>
<!-- Top Navigation -->
<ul class="grid cs-style-1">
<?php foreach($courses as $course): ?>
<li>
<figure>
<?php if(!$course->summary_files):?>
<img
src="https://www.w3schools.com/w3css/img_lights.jpg"
alt="img01">
<?php else:?>
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>">
<img src="<?php echo $course->summary_files;
?>">
</a>
<?php endif;?>
<figcaption class="box-3d-1">
<h3><?php echo $course->shortname; ?></h3>
<span><?php echo $course->cat_name; ?></span>
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>" class="button-3d-1" target="_blank"
>مشاهده کردن</a>
</figcaption>
</figure>
</li>
<?php endforeach; ?>
</ul>
</div><!-- /container -->
<?php
$document->addScript('/modules/mod_moojlacourseslider/assets/js/effect_3d/toucheffects.js');
?>
PKX��[ nw�� � tmpl/filterCourses_slider.phpnu�[���<?php
//dump($courses, "course");
?>
<?php
$document = JFactory::getDocument();
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/swiper-bundle/swiper-bundle.min.css');
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/css/filterCourses_slider.css');
$document->addScript('/modules/mod_moojlacourseslider/assets/js/filtercourses_slider.js');
$cat_name=$params->get('category_name');
$teacher_name=$params->get('teacher_name');
$colcoursesliderverysmall=$params->get('colcoursesliderverysmall');
$colcourseslidersmall=$params->get('colcourseslidersmall');
$colcourseslidermedium=$params->get('colcourseslidermedium');
$colcoursesliderlarge=$params->get('colcoursesliderlarge');
$colcoursesliderverylarge=$params->get('colcoursesliderverylarge');
// background color
$background_color = [
'background-color :' .
$params->get('lmskaran_color')
];
$background_color = implode(';', $background_color);
// background and color button prev slide
$slider_button_prev = [
'background-color :' .
$params->get('arrow_color'),
'color :' . $params->get('arrow_icon_color')
];
$slider_button_prev = implode(';', $slider_button_prev);
// background and color button next slide
$slider_button_next = [
'background-color :' .
$params->get('arrow_color'),
'color :' . $params->get('arrow_icon_color')
];
$slider_button_next = implode(';', $slider_button_next);
// text color or content
$text_color = [
'color :' . $params->get('text_color')
];
$text_color = implode(';', $text_color);
// price color
$price_color = [
'color :' . $params->get('price_color')
];
$price_color = implode(';', $price_color);
?>
<div class="lmskaran_lay-filter-course-slider">
<div style="<?php echo $slider_button_next; ?>"
class="lmskaran_lay-filter-course-slider-next
lmskaran_lay-filter-course-slider-next-<?php echo $module->id; ?>
swiper-button-next swiper-button-next-<?php echo $module->id;
?>"></div>
<div style="<?php echo $slider_button_prev; ?>"
class="lmskaran_lay-filter-course-slider-prev
lmskaran_lay-filter-course-slider-prev-<?php echo $module->id; ?>
swiper-button-prev swiper-button-prev-<?php echo $module->id;
?>"></div>
<div class="swiper-container swiper-container-<?php echo
$module->id; ?>">
<div class="swiper-wrapper swiper-wrapper-<?php echo
$module->id; ?>">
<?php foreach($courses as $course): ?>
<div class="swiper-slide swiper-slide-<?php echo
$module->id; ?>">
<div class="lmskaran_filterCoursesSlider_card ">
<div style="<?php echo $background_color; ?>"
class="lmskaran_filterCoursesSlider_front
lmskaran_filterCoursesSlider_front-<?php echo $module->id;
?>">
<a class="lmskaran_filterCoursesSlider_img_course"
href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>" >
<div class="lmskaran_filterCoursesSlider_box_img">
<?php if(!$course->summary_files):?>
<img
src="https://www.w3schools.com/w3css/img_lights.jpg">
<?php else:?>
<img src="<?php echo $course->summary_files;
?>">
<?php endif;?>
</div>
</a>
<div class="lmskaran_filterCoursesSlider_content">
<div class="lmskaran_filterCoursesSlider_main">
<h3
class="lmskaran_filterCourseSlider_title_course">
<a style="<?php echo $text_color; ?>"
class="lmskaran_lay--filter-course-slider-manage-color-text-<?php
echo $module->id; ?>" style="width:100%"
href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>"><?php echo $course->shortname; ?></a>
</h3>
<div style="<?php echo $price_color; ?>"
class="lmskaran_filterCoursesSlider_button_cost_pack
lmskaran_lay-course-slider-manage-color-price-<?php echo $module->id;
?>">
<?php if($course->cost == 0):?>
<div
class="lmskaran_filterCoursesSlider_button_cost">
رایگان
</div>
<?php else: ?>
<div
class="lmskaran_filterCoursesSlider_button_cost">
<?php echo $course->cost; ?>
</div>
<?php endif; ?>
</div>
</div>
<div style="<?php echo $text_color; ?>"
class="lmskaran_lay--filter-course-slider-manage-color-text-<?php
echo $module->id; ?>
lmskaran_lay-filter-coures-slider-summary">
<?php if(isset($course->summary)):?>
<?php echo
ModMoojlaCourseSliderHelper::escape($params,$course->summary); ?>
<?php endif;?>
</div>
<div
class="lmskaran_filterCoursesSlider_information_course">
<div
class="lmskaran_filterCoursesSlider_teacher_cat">
<div
class="lmskaran_filterCourseSlider_cat_taech_name_pack">
<span><?php echo $teacher_name; ?></span>
<p style="<?php echo $text_color; ?>"
class="lmskaran_filterCoursesSlider_teacher_name
lmskaran_lay--filter-course-slider-manage-color-text-<?php echo
$module->id; ?>">
<?php if($course->teachers == null):?>
<span>این درس استاد ندارد !</span>
<?php else:?>
<?php echo $course->teachers[0]->name; ?>
<?php endif;?>
</p>
</div>
<div
class="lmskaran_filterCourseSlider_cat_taech_name_pack">
<span><?php echo $cat_name; ?></span>
<p style="<?php echo $text_color; ?>"
class="lmskaran_filterCoursesSlider_cat_name
lmskaran_lay--filter-course-slider-manage-color-text-<?php echo
$module->id; ?>">
<?php if($course->cat_name == null):?>
<span style="color:red;">طبقه درسی
ندارد !</span>
<?php else:?>
<?php echo $course->cat_name; ?>
<?php endif;?>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- end back panel -->
</div>
</div>
<?php endforeach; ?>
</div>
<!-- Add Pagination -->
<div class="swiper-pagination swiper-pagination-<?php echo
$module->id; ?>"></div>
</div>
</div>
<!-- Initialize Swiper -->
<?php
$document = JFactory::getDocument();
$document->addScript('/modules/mod_moojlacourseslider/assets/swiper-bundle/swiper-bundle.min.js');
?>
<script>
var swiper = new Swiper('.swiper-container-<?php echo
$module->id; ?>', {
// slidesPerView: 3,
spaceBetween: 30,
slidesPerGroup: 1,
loop: false,
loopFillGroupWithBlank: true,
navigation: {
nextEl: '.swiper-button-next-<?php echo $module->id;
?>',
prevEl: '.swiper-button-prev-<?php echo $module->id;
?>',
},
breakpoints: {
320: {
slidesPerView:'<?php echo $colcoursesliderverysmall; ?>',
spaceBetween: 20,
},
480: {
slidesPerView:'<?php echo $colcourseslidersmall; ?>',
spaceBetween: 20,
},
768: {
slidesPerView:'<?php echo $colcourseslidermedium;
?>',
spaceBetween: 10,
},
1024: {
slidesPerView:'<?php echo $colcoursesliderlarge;
?>',
spaceBetween: 10,
},
1200: {
slidesPerView:'<?php echo $colcoursesliderverylarge;
?>',
spaceBetween: 10,
},
}
});
</script>
<style>
/* for slideshow */
.swiper-slide-<?php echo $module->id; ?> {
display: block !Important;
background: unset !important;
transition: 0.5s;
position: relative;
top: 0;
}
.swiper-container-<?php echo $module->id; ?> {
width: 100%;
height: 70%;
}
.swiper-wrapper-<?php echo $module->id; ?> {
transition: 0.4s !important;
padding: 20px 0 !important;
}
</style>PKX��[ �:11tmpl/gridview_filter.phpnu�[���<?php
// dump ($courses,"course");
$document = JFactory::getDocument();
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/uikit/css/uikit.min.css');
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/css/gridview_filter.css');
$displayfilter=$params->get('displayfilter');
$display_grid_view=$params->get('display_grid_view');
$display_title_filter=$params->get('display_title_filter');
$category_name=$params->get('category_name');
$teacher_name=$params->get('teacher_name');
$price_color = [
'color :' . $params->get('price_color')
];
$price_color = implode(';', $price_color);
$text_color = [
'color :' . $params->get('text_color')
];
$text_color = implode(';', $text_color);
?>
<div class="lmskaran_grid_view_filter" uk-filter="target:
.js-filter">
<div class="lmskaran_toolbar_card">
<?php
$categories = [];
$categories_id = [];
foreach($courses as $course){
$cat = str_replace(' ', '_',
$course->cat_name);
$categories[$cat] = $course->cat_name;
$categories_id[$course->cat_id] = $cat;
}
$categories = array_unique($categories);
$exeption_ids = $display_title_filter;
$exeption_ids = explode(',', $exeption_ids);
foreach($exeption_ids as $ex) {
unset($categories[@$categories_id[$ex]]);
}
?>
<?php if($displayfilter == 1):?>
<ul class="uk-subnav uk-subnav-pill">
<li uk-filter-control="[data-tags*='all']"
class="uk-active"><a class="reHeight"
href="#">همه</a></li>
<?php foreach($categories as $catindex => $category):?>
<?php if($category == null):?>
<?php else: ?>
<li uk-filter-control="[data-tags*='<?php echo
$catindex; ?>']">
<a href="#">
<?php echo $category; ?>
</a>
</li>
<?php endif; ?>
<?php endforeach; ?>
</ul>
<?php endif; ?>
<?php if($display_grid_view == 3) :?>
<div id="btnContainer">
<button id="listView"
class="lmskaran_button_grid_view active_button_gridView"
><i style="margin-left:5px" class="fa
fa-bars"></i> نمای لیست</button>
<button id="gridView"
class="lmskaran_button_grid_view" ><i
style="margin-left:5px" class="fa
fa-th-large"></i>نمای شبکه</button>
</div>
<?php endif; ?>
</div>
<div id="soton">
<div class="lmskaran_course_pack
owl-carousel-joomdlecourses-m<?php echo $module->id; ?> owl-theme
joomdlecourses<?php echo $moduleclass_sfx; ?> ">
<ul id="lmskaran_pack_card" class="js-filter
uk-child-width-1-2 uk-child-width-1-3@m uk-text-center" uk-grid>
<?php foreach($courses as $course): ?>
<li class="lmskaran_item_card" data-tags="all
<?php echo str_replace(' ', '_',
$course->cat_name); ?>">
<div class="lmskaran_uk_card uk-card uk-card-default
uk-card-body">
<div class="lmskaran_front">
<a class="lmskaran_image_course"
href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>" >
<?php if(!$course->summary_files):?>
<img
src="https://www.w3schools.com/w3css/img_lights.jpg">
<?php else:?>
<img src="<?php echo $course->summary_files;
?>">
<?php endif;?>
</a>
<div style="<?php echo $text_color; ?>"
class="lmskaran_content">
<div class="lmskaran_pack_title">
<div
class="lmskaran_lay-gridViewFilter_head-content-box">
<h3 class="lmskaran_course_title">
<a style="width:100%;<?php echo $text_color; ?>"
href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>" ><?php echo $course->fullname; ?></a>
</h3>
<div class="button_cost_pack">
<?php if($course->cost == 0):?>
<div class="button_cost">
<a style="<?php echo $price_color;?>"
class="button_cost_link" href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>">رایگان</a>
</div>
<?php else: ?>
<div class="button_cost" style="width:
80px;text-align:center;">
<a style="<?php echo $price_color;?>"
class="button_cost_link" href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>">
<?php echo $course->cost; ?></a>
</div>
<?php endif; ?>
</div>
</div>
<?php if(!$course->summary):?>
<div
class="lmskaran_lay-gridViewFilter_summary-course"><p
style="color: #bcbcbd;">این درس بدون توضیحات
میباشد !</p></div>
<?php else:?>
<div
class="lmskaran_lay-gridViewFilter_summary-course"><?php
echo ModMoojlaCourseSliderHelper::escape($params,$course->summary);
?></div>
<?php endif; ?>
</div>
<div
class="lmskaran_information_course">
<div
class="lmskaran_teacher_category">
<div
class="lmskaran_cat_taech_name_pack">
<span><?php echo $teacher_name;
?></span>
<p class="lmskaran_teacher_name">
<?php if($course->teachers == null):?>
<span style="color:red;">این درس استاد
ندارد !</span>
<?php else:?>
<?php
$fullname = $course->teachers[0]->name;
echo $fullname; ?>
<?php endif;?>
</p>
</div>
<div
class="lmskaran_cat_taech_name_pack">
<span><?php echo $category_name;
?></span>
<p class="lmskaran_category_name">
<?php if($course->cat_name == null):?>
<span style="color:red;">طبقه درسی
ندارد !</span>
<?php else:?>
<?php echo $course->cat_name; ?>
<?php endif;?>
</p>
</div>
</div>
</div>
</div>
</div>
</li>
<?php endforeach; ?>
</ul>
</div>
</div>
</div>
<script
src="/modules/mod_moojlacourseslider/assets/js/gridview_filter.js"></script>
<script
src="/modules/mod_moojlacourseslider/assets/uikit/js/uikit.min.js"></script>
PKX��[�� tmpl/grid_gallery.phpnu�[���
<?php
$document = JFactory::getDocument();
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/css/grid_gallery.css');
$document->addScript('/modules/mod_moojlacourseslider/assets/js/grid_galleryr.js');
$open_content_gallery=$params->get('open_content_gallery');
JFactory::getDocument()->addScriptOptions('select_background_color_gallery',$params->get('select_background_color_gallery'));
JFactory::getDocument()->addScriptOptions('background_color_gallery',$params->get('background_color_gallery'));
?>
<div class="lmskaran_grid_gallery">
<?php foreach($courses as $course): ?>
<div class="lmskaran_grid_gallery_image_text<?php
if($open_content_gallery == 1):?>
lmskaran_grid_gallery_image_text_bottom<?php endif; ?><?php
if($open_content_gallery == 2):?>
lmskaran_grid_gallery_image_text_right<?php endif; ?><?php
if($open_content_gallery == 3):?>
lmskaran_grid_gallery_image_text_left<?php endif; ?>">
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>">
<?php if(!$course->summary_files):?>
<img
src="https://www.w3schools.com/w3css/img_lights.jpg">
<?php else:?>
<img src="<?php echo $course->summary_files;
?>">
<?php endif;?>
<div class="lmskaran_grid_gallery_information_course">
<h3><?php echo $course->shortname; ?></h3>
<div class="lmskaran_grid_gallery_cat_name">
<?php echo $course->cat_name; ?>
</div>
</div>
</a>
</div>
<?php endforeach; ?>
</div>
PKX��[�# o,,tmpl/index.htmlnu�[���<html><body
bgcolor="#FFFFFF"></body></html>PKX��[������tmpl/static.phpnu�[���<?php
//dump($courses,"course");
$document = JFactory::getDocument();
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/css/static.css');
$document->addScript('/modules/mod_moojlacourseslider/assets/js/static.js');
$course_details_button =
$params->get('course_details_button');
JFactory::getDocument()->addScriptOptions('width_static',
$params->get('width_static', 360));
$price_color = [
'color :' . $params->get('price_color')
];
$price_color = implode(';', $price_color);
$text_color = [
'color :' . $params->get('text_color')
];
$text_color = implode(';', $text_color);
?>
<div class="lmskaran_static_flexible">
<?php foreach ($courses as $course) : ?>
<div class="lmskaran_static_card">
<div class="lmskaran_static_card_blog">
<!-- card image -->
<div class="lmskaran_static_card_image">
<div class="lmskaran_static_rotating_card">
<div class="lmskaran_static_cord_rotate">
<?php if (!$course->summary_files) : ?>
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='
. $course->remoteid); ?>"><img
src="https://www.w3schools.com/w3css/img_lights.jpg"
alt=""
class="lmskaran_static_card_front_background"></img></a>
<?php else : ?>
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='
. $course->remoteid); ?>"><img src="<?php echo
$course->summary_files; ?>" alt=""
class="lmskaran_static_card_front_background"></img></a>
<?php endif; ?>
</div>
</div>
</div>
<div class="lmskaran_lay-static-favorite">
<?php echo JLayoutHelper::render('favorite',
['course'=>$course, 'favorite'=>$favorite,
'params'=>$params],JPATH_SITE.'/components/com_moojla/layouts');
?>
</div>
<!-- card content -->
<div class="lmskaran_static_card_content">
<div class="lmskaran_static_card_category">
نام دوره :  
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='
. $course->remoteid); ?>">
<h2>
<span style="<?php echo
$text_color;?>"><?php echo $course->shortname;
?></span>
<span></span>
</h2>
</a>
</div>
<div class="lmskaran_static_card_button_group">
<a id=<?php echo $module->id . '-' .
$course->id; ?> href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='
. $course->remoteid); ?>"
class="lmskaran_static_button_course_violet">
<i class="fa fa-info-circle"></i>
<span><?php echo $course_details_button;
?></span>
</a>
<?php JLoader::register('MoojlaHelper',
JPATH_ADMINISTRATOR .
'/components/com_moojla/helpers/moojla.php');
echo MoojlaHelper::newActionButton($course, $course->is_enrolled,
$module); ?>
</div>
<?php if($course_selector_type == 2):?>
<div class="lmskaran_progress_name">درصد
پیشرفت</div>
<div class="lmskaran_progress_in_card">
<div class="progress lmskaran_progress">
<div class="progress-bar lmskaran_navar_progress_bar"
role="progressbar" aria-valuenow="70"
aria-valuemin="0" aria-valuemax="100"
style="width:<?php echo round($course->percentage) != -1?
round($course->percentage) : 100; ?>%;">
<?php //dump($course->percentage); ?>
</div>
</div>
<div class="lmskaran_amount_progress_bar"><?php
echo round($course->percentage) != -1?
round($course->percentage).'%' : '<div
class="lmskaran_progress_no_criteria">بدون
معیار</div>'; ?></div>
</div>
<?php endif;?>
<div class="lmskaran_static_card_description">
<h5 style="<?php echo $price_color; ?>"
class="lmskaran_static_cost_corse">
<?php if ($course->cost > 0) : ?>
<span class="lmskaran_static_txt_cost">قیمت :
</span>
<?php echo $course->cost; ?>
<span class="lmskaran_static_toman"></span>
<?php else : ?>
<?php echo 'رایگان'; ?>
<?php endif; ?>
</h5>
</div>
<div class="lmskaran_static_card_footer">
<div class="lmskaran_static_author">
<i class="fas fa-chalkboard-teacher"></i>
<?php if (count($course->teachers) == 0) : ?>
<span style="color:red;">بدون
استاد</span>
<?php else : ?>
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=teacherdetail&id='
. $course->teachers[0]->mid); ?>"><?php echo
$course->teachers[0]->name; ?></a>
<?php endif; ?>
</div>
<div class="lmskaran_static_stats">
<i class="fas fa-list-alt"></i>
<?php echo $course->cat_name; ?>
</div>
</div>
</div>
</div>
</div>
<?php endforeach; ?>
</div>PKX��[u��ddtmpl/table.phpnu�[���<?php
$document = JFactory::getDocument();
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/css/table/table.css');
$document->addStyleSheet('/modules/mod_moojlacourseslider/assets/css/table/jquery.dataTables.min.css');
$document->addScript('/modules/mod_moojlacourseslider/assets/js/table/jquery.dataTables.min.js');
$document->addScript('/modules/mod_moojlacourseslider/assets/js/table/dataTables.buttons.min.js');
$document->addScript('/modules/mod_moojlacourseslider/assets/js/table/jszip.min.js');
$document->addScript('/modules/mod_moojlacourseslider/assets/js/table/buttons.html5.min.js');
?>
<table id="example" class="display"
cellspacing="0" width="100%">
<thead>
<tr>
<th>id</th>
<th>دوره ها</th>
<th>تاریخ ثبت نام</th>
<th>درصد پیشرفت</th>
<th>هزینه</th>
</tr>
</thead>
<tbody>
<?php $numberId=1; ?>
<?php foreach($courses as $course): ?>
<tr>
<td><?php echo $numberId++; ?></td>
<td>
<a class="lmskaran_lay-table-go_course"
href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>"> <?php echo $course->shortname; ?>
</a>
</td>
<td>1400/01/25</td>
<td>
<div class="lmskaran_progress_in_card">
<div class="progress lmskaran_progress">
<div class="progress-bar lmskaran_navar_progress_bar"
role="progressbar" aria-valuenow="70"
aria-valuemin="0" aria-valuemax="100"
style="width:<?php echo round($course->percentage) != -1?
round($course->percentage) : 100; ?>%;">
<?php //dump($course->percentage); ?>
</div>
</div>
<div class="lmskaran_amount_progress_bar"><?php
echo round($course->percentage) != -1?
round($course->percentage).'%' : '<div
class="lmskaran_progress_no_criteria">بدون
معیار</div>'; ?></div>
</div>
</td>
<td
<?php if($course->cost == 0):?>
<div>
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>">رایگان</a>
</div>
<?php else: ?>
<div>
<a href="<?php echo
JRoute::_('index.php?option=com_moojla&view=coursedetail&id='.$course->remoteid);
?>">
<?php echo $course->cost; ?></a></div>
<?php endif; ?>
</td>
</tr>
<?php endforeach; ?>
</tbody>
</table>
<style>
.tableparent > table{
min-width: 700px !important;
}
</style>
<script>
jQuery(document).ready(function() {
var $ = jQuery;
var tables = $('#example').DataTable({
dom: 'Blfrtip',
"scrollX": 500,
"language": {
"lengthMenu": "<p
class='lmskaran-search-title'>تعداد نمایش در هر
صفحه</p>_MENU_",
"zeroRecords": "متاسفانه
چیزی پیدا نشد !",
"info": "نمایش _PAGE_ از
_PAGES_",
"infoEmpty": "هیچ سوابقی در
دسترس نیست",
"infoFiltered": "(فیلتر شده از
_MAX_ کل سوابق)",
"search": "<p
class='lmskaran-search-title'>جستجو</p>",
"paginate": {
"next": "بعدی",
"previous": 'قبلی'
}
},
buttons: [
// {
// text: 'خروجی گرفتن فایل
اکسل',
// extend: 'excelHtml5',
// exportOptions: {
// modifier: {
// selected: true
// },
// columns: [0, 1, 2, 3],
// format: {
// header: function(data, columnIdx) {
// return data;
// },
// body: function(data, column, row) {
// // Strip $ from salary column to
make it numeric
// debugger;
// return column === 4 ? "" :
data;
// }
// }
// },
// footer: false,
// customize: function(xlsx) {
// var sheet =
xlsx.xl.worksheets['sheet1.xml'];
// //$('c[r=A1] t', sheet).text(
'Custom text' );
// //$('row c[r^="C"]',
sheet).attr('s', '2');
// }
// }
]
});
// tables.page('next').draw(false);
// tables.search('ایمان').draw();
// table.draw();
});
</script>PKW��[z��c!c!tmpl/card_Sliding.phpnu�[���PKW��[����
�
�!tmpl/courseslider.phpnu�[���PKW��[���� 1 1�Btmpl/courseSliderUdemy.phpnu�[���PKW��[��dž � 4ttmpl/course_flex.phpnu�[���PKW��[��W��6�tmpl/danshjooyar.phpnu�[���PKW��[���jQ�tmpl/default.phpnu�[���PKW��[Ma�� � ��tmpl/effect_3d.phpnu�[���PKX��[ nw�� � ͷtmpl/filterCourses_slider.phpnu�[���PKX��[ �:11��tmpl/gridview_filter.phpnu�[���PKX��[�� `�tmpl/grid_gallery.phpnu�[���PKX��[�# o,,��tmpl/index.htmlnu�[���PKX��[�������tmpl/static.phpnu�[���PKX��[u��dd3 tmpl/table.phpnu�[���PK
D�