upgrade

plugin/buycourses/resources/css/style.css

@@ -0,0 +1,421 @@
+.buy-courses-tabs {
+    margin-bottom: 15px;
+}
+
+.buy-courses-page-header {
+    padding-bottom: 9px;
+    margin: 40px 0 20px;
+    border-bottom: 1px solid #eee;
+}
+
+.buy-courses-block-button {
+    display: block;
+    width: 100%;
+    height: 50px;
+    line-height: 35px;
+    font-size: 16px;
+}
+
+.buy-courses-cross-out {
+    text-decoration: line-through;
+}
+
+.buy-courses-title-color {
+    color: #5DC3E1;
+    padding-bottom: 10px;
+}
+
+.buy-courses-description-service {
+    text-align: justify;
+    font-size: 18px;
+    line-height: 1.42857;
+}
+
+/* PROCESS BUY */
+.buy-info .price, .service-buy .price {
+    font-size: 24px;
+    line-height: 32px;
+    font-weight: bold;
+    padding-bottom: 10px;
+    padding-top: 10px;
+    letter-spacing: -0.020em;
+}
+
+.buy-info .price-details-tax, .service-buy .price-details-tax {
+    font-size: 18px;
+    line-height: 24px;
+    font-weight: bold;
+    padding-bottom: 0px;
+    padding-top: 10px;
+    letter-spacing: -0.020em;
+}
+
+.buy-info .buy-item .title {
+    margin-top: 5px;
+    font-weight: bold;
+    line-height: 24px;
+    font-size: 18px;
+}
+
+.buy-info .buy-item .description, .buy-info .buy-item .coaches {
+    margin-bottom: 20px;
+    color: #666666;
+}
+
+.buy-info .buy-item .list-description {
+    color: #666666;
+}
+
+.buy-info .buy-item .date {
+    margin-bottom: 10px;
+    color: #666666;
+}
+
+.buy-info .coupon-question, .service-buy .coupon {
+    font-size: 16px;
+    line-height: 6px;
+    font-weight: bold;
+    padding-bottom: 10px;
+    padding-top: 24px;
+    letter-spacing: -0.020em;
+}
+
+.buy-info .coupon, .service-buy .coupon {
+    line-height: 32px;
+    font-weight: bold;
+    padding-bottom: 10px;
+    padding-top: 10px;
+    letter-spacing: -0.1em;
+}
+
+.buy-summary {
+    margin-top: 10px;
+    border-top: 1px solid #CCCCCC;
+}
+
+.panel-box-buy {
+    box-shadow: 0 15px 30px rgba(0, 0, 0, .1);
+    padding: 20px;
+}
+
+.buy-summary .alert-info {
+    color: #31708f;
+    background-color: #e8f2f8;
+    border-color: #bce8f1;
+}
+
+.btn.btn-default.btn-sm {
+    white-space: unset;
+}
+
+tr.sale-row {
+    font-size: 12px;
+}
+tr.sale-columns {
+    font-size: 10px;
+    text-transform: uppercase;
+    background-color: #e6e6e6;
+}
+tr.sale-columns th{
+    vertical-align: middle !important;
+    text-align: center;
+}
+@-moz-keyframes wobblebar-loader {
+    0% {
+        left: 4px;
+    }
+    3% {
+        left: 204px;
+    }
+    6% {
+        left: 4px;
+    }
+    9% {
+        left: 204px;
+    }
+    12% {
+        left: 4px;
+    }
+    15% {
+        left: 204px;
+    }
+    18% {
+        left: 32px;
+    }
+    27% {
+        left: 32px;
+    }
+    30% {
+        left: 204px;
+    }
+    33% {
+        left: 4px;
+    }
+    36% {
+        left: 204px;
+    }
+    39% {
+        left: 4px;
+    }
+    42% {
+        left: 204px;
+    }
+    45% {
+        left: 4px;
+    }
+    48% {
+        left: 204px;
+    }
+    51% {
+        left: 152px;
+    }
+    63% {
+        left: 152px;
+    }
+    66% {
+        left: 4px;
+    }
+    69% {
+        left: 204px;
+    }
+    72% {
+        left: 4px;
+    }
+    75% {
+        left: 204px;
+    }
+    78% {
+        left: 4px;
+    }
+    81% {
+        left: 204px;
+    }
+    84% {
+        left: 72px;
+    }
+    94% {
+        left: 72px;
+    }
+    97% {
+        left: 204px;
+    }
+}
+
+@-webkit-keyframes wobblebar-loader {
+    0% {
+        left: 4px;
+    }
+    3% {
+        left: 204px;
+    }
+    6% {
+        left: 4px;
+    }
+    9% {
+        left: 204px;
+    }
+    12% {
+        left: 4px;
+    }
+    15% {
+        left: 204px;
+    }
+    18% {
+        left: 32px;
+    }
+    27% {
+        left: 32px;
+    }
+    30% {
+        left: 204px;
+    }
+    33% {
+        left: 4px;
+    }
+    36% {
+        left: 204px;
+    }
+    39% {
+        left: 4px;
+    }
+    42% {
+        left: 204px;
+    }
+    45% {
+        left: 4px;
+    }
+    48% {
+        left: 204px;
+    }
+    51% {
+        left: 152px;
+    }
+    63% {
+        left: 152px;
+    }
+    66% {
+        left: 4px;
+    }
+    69% {
+        left: 204px;
+    }
+    72% {
+        left: 4px;
+    }
+    75% {
+        left: 204px;
+    }
+    78% {
+        left: 4px;
+    }
+    81% {
+        left: 204px;
+    }
+    84% {
+        left: 72px;
+    }
+    94% {
+        left: 72px;
+    }
+    97% {
+        left: 204px;
+    }
+}
+
+@keyframes wobblebar-loader {
+    0% {
+        left: 4px;
+    }
+    3% {
+        left: 204px;
+    }
+    6% {
+        left: 4px;
+    }
+    9% {
+        left: 204px;
+    }
+    12% {
+        left: 4px;
+    }
+    15% {
+        left: 204px;
+    }
+    18% {
+        left: 32px;
+    }
+    27% {
+        left: 32px;
+    }
+    30% {
+        left: 204px;
+    }
+    33% {
+        left: 4px;
+    }
+    36% {
+        left: 204px;
+    }
+    39% {
+        left: 4px;
+    }
+    42% {
+        left: 204px;
+    }
+    45% {
+        left: 4px;
+    }
+    48% {
+        left: 204px;
+    }
+    51% {
+        left: 152px;
+    }
+    63% {
+        left: 152px;
+    }
+    66% {
+        left: 4px;
+    }
+    69% {
+        left: 204px;
+    }
+    72% {
+        left: 4px;
+    }
+    75% {
+        left: 204px;
+    }
+    78% {
+        left: 4px;
+    }
+    81% {
+        left: 204px;
+    }
+    84% {
+        left: 72px;
+    }
+    94% {
+        left: 72px;
+    }
+    97% {
+        left: 204px;
+    }
+}
+
+/* Landscape phones and down */
+@media (max-width: 480px) {
+    .panel-box-buy {
+        padding: 0;
+    }
+
+    .buy-summary .pull-right {
+        float: left !important;
+    }
+
+    .buy-summary .btn-success {
+        width: 100%;
+    }
+}
+
+/* :not(:required) hides this rule from IE9 and below */
+.wobblebar-loader:not(:required) {
+    background: #2E6DA4;
+    -moz-border-radius: 10.66667px;
+    -webkit-border-radius: 10.66667px;
+    border-radius: 10.66667px;
+    display: inline-block;
+    overflow: hidden;
+    text-indent: -9999px;
+    width: 228px;
+    height: 21.33333px;
+    position: relative;
+}
+
+.wobblebar-loader:not(:required)::after {
+    -moz-animation: wobblebar-loader 15000ms infinite ease;
+    -webkit-animation: wobblebar-loader 15000ms infinite ease;
+    animation: wobblebar-loader 15000ms infinite ease;
+    background: white;
+    display: block;
+    -moz-border-radius: 7.11111px;
+    -webkit-border-radius: 7.11111px;
+    border-radius: 7.11111px;
+    content: '';
+    position: absolute;
+    top: 3.55556px;
+    left: 4px;
+    width: 21.33333px;
+    height: 14.22222px;
+}
+
+div.items-course-info h4.title {
+    font-weight: bold;
+    height: 2.8em;
+}
+
+@media (min-width: 991px) {
+    .col-sm-6 .items-course .items-course-image figure {
+        max-height: 135px;
+    }
+}

plugin/buycourses/resources/js/commissions.js

@@ -0,0 +1,145 @@
+/* 
+ * To change this license header, choose License Headers in Project Properties.
+ * To change this template file, choose Tools | Templates
+ * and open the template in the editor.
+ */
+
+function showSliders(maxPercentage, type, defaultValues) {
+    
+    defaultValues = defaultValues || "0";
+    
+    var sliderCounter = 1;
+    var percentage = 0;
+    var minPercentage = 0;
+
+    $("#selectBox option:selected").each(function() {
+
+        var count = $("#selectBox option:selected").length;
+        
+        percentage = maxPercentage / count;
+        percentage = parseInt(percentage);
+
+        verifyMaxPercentage = percentage * count;
+        if (verifyMaxPercentage !== maxPercentage && sliderCounter === 1) {
+            percentage = percentage + (maxPercentage - verifyMaxPercentage);
+        }
+
+        beneficiaryId = $(this).val();
+        beneficiaryName = $(this).text();
+        
+        var verify;
+      
+        var slidersValue = defaultValues.toString().split(',');
+
+        if (type === 'default') {
+            
+            percentage = slidersValue[sliderCounter - 1];
+            percentage = parseInt(percentage);
+            $("#panelSliders").append("<span id=" + beneficiaryId + ">" + beneficiaryName + "</span> - [ <span class='value' >" + percentage + "</span> % ] <div class='panelSliders'></div>");
+
+        } else if (type === 'renew') {
+
+            $("#panelSliders").append("<span id=" + beneficiaryId + " >" + beneficiaryName + "</span> - [ <span class='value' >" + percentage + "</span> % ] <div class='panelSliders'></div>");
+            
+        }
+        
+        verifyPaypalAccountByBeneficiary(beneficiaryId);
+
+        sliderCounter++;
+        stepSlide = count - 1;
+        
+        if (stepSlide === 0) {
+            (type === 'default') ? minPercentage = 0 : minPercentage = 100;
+            (type === 'default') ? stepSlide = 100 : stepSlide = 1;
+        }
+
+        
+        $( "#panelSliders .panelSliders" ).slider({
+            value: percentage,
+            min: minPercentage,
+            max: maxPercentage,
+            step: stepSlide,
+            animate: true,
+            slide: function( event, ui ) {
+
+                $(this).prev(".value").text(ui.value);
+
+                var total = 0;
+                var sliders = $( "#panelSliders .panelSliders" );
+
+                sliders.not(this).each(function() {
+                    value = $(this).slider("option", "value");
+                    total += value;
+                });
+
+                total += ui.value;
+                var delta = 100 - total;
+
+                sliders.not(this).each(function() {
+                    
+                    var t = $(this);
+                    value = t.slider("option", "value");
+
+                    var newValue = value + (delta/stepSlide);
+
+                    if (newValue < 0 || ui.value == 100) 
+                        newValue = 0;
+                    if (newValue > 100) 
+                        newValue = 100;
+
+                    t.prev('.value').text(newValue);
+                    t.slider('value', newValue);
+                    
+                });
+                
+                $("[name=\'commissions\']").val(getSlidersValues());
+            }
+        });
+    });
+    
+    $("[name=\'commissions\']").val(getSlidersValues());
+    showCorrectSliderHandler();
+};
+
+function getSlidersValues() {
+    var commissions = "";
+    
+    $( "#panelSliders .panelSliders" ).each(function() {
+        commissions += $(this).prev(".value").text() + ',';
+    });
+    
+    commissions = commissions.substring(0, commissions.length-1);
+    
+    return commissions;
+}
+
+function showCorrectSliderHandler() {
+    var correctHandler = [];
+    
+    $("#panelSliders > span").each(function () {
+        if ($(this).hasClass('value')) {
+            correctHandler.push($(this).text());
+        }
+    });
+    
+    var counter = 0;
+    
+    $("#panelSliders .panelSliders > span").each(function () {
+        if ($(this).hasClass('ui-slider-handle')) {
+            $(this).css('left', correctHandler[counter]+'%');
+            counter++;
+        }
+    });
+}
+
+function verifyPaypalAccountByBeneficiary(userId) {
+    
+    return $.ajax({
+        data: 'id='+userId,
+        url: 'buycourses.ajax.php?a=verifyPaypal',
+        type: 'POST',
+        success: function(response) {
+            $("#"+userId).append(' '+response);
+        }
+    });
+}