Gecko [ tradesense.co.ke ]

Name	Size	Permission	Action
app.js	2.09 MB	-rw-r--r--
custom.js	8.9 KB	-rw-r--r--

Code Editor : custom.js

const app = new Vue({
    el: '#app',
});

var baseURL = SITE_URL;

(function($) {

// Toggle the side navigation
  $("#sidebarToggle, #sidebarToggleTop").on('click', function(e) {
    $("body").toggleClass("sidebar-toggled");
    $(".sidebar").toggleClass("toggled");
    if ($(".sidebar").hasClass("toggled")) {
      $('.sidebar .collapse').collapse('hide');
    };
  });

// Close any open menu accordions when window is resized below 768px
  $(window).resize(function() {
    if ($(window).width() < 768) {
      $('.sidebar .collapse').collapse('hide');
    };
    
    // Toggle the side navigation when window is resized below 480px
    if ($(window).width() < 480 && !$(".sidebar").hasClass("toggled")) {
      $("body").addClass("sidebar-toggled");
      $(".sidebar").addClass("toggled");
      $('.sidebar .collapse').collapse('hide');
    };
  });

// Prevent the content wrapper from scrolling when the fixed side navigation hovered over
  $('body.fixed-nav .sidebar').on('mousewheel DOMMouseScroll wheel', function(e) {
    if ($(window).width() > 768) {
      var e0 = e.originalEvent,
        delta = e0.wheelDelta || -e0.detail;
      this.scrollTop += (delta < 0 ? 1 : -1) * 30;
      e.preventDefault();
    }
  });

// Scroll to top button appear
  $(document).on('scroll', function() {
    var scrollDistance = $(this).scrollTop();
    if (scrollDistance > 100) {
      $('.scroll-to-top').fadeIn();
    } else {
      $('.scroll-to-top').fadeOut();
    }
  });

// Smooth scrolling using jQuery easing
  $(document).on('click', 'a.scroll-to-top', function(e) {
    var $anchor = $(this);
    $('html, body').stop().animate({
      scrollTop: ($($anchor.attr('href')).offset().top)
    }, 1000, 'easeInOutExpo');
    e.preventDefault();
  });

// Model to edit appointment status 
   $('#EDITRDVModal').on('show.bs.modal', function (event) {
                      var button = $(event.relatedTarget) // Button that triggered the modal
                      var rdv_date = button.data('rdv_date') // Extract info from data-* attributes
                      var rdv_id = button.data('rdv_id') // Extract info from data-* attributes
                      var rdv_time_start = button.data('rdv_time_start') // Extract info from data-* attributes
                      var rdv_time_end = button.data('rdv_time_end') // Extract info from data-* attributes
                      var patient_name = button.data('patient_name') // Extract info from data-* attributes
                      var selectedPatientID = $( "#patient_name" ).val() // Extract info from data-* attributes
                      var selectedPatientName = $( "#patient_name option:selected" ).text() // Extract info from data-* attributes
                      // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
                      // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
                      var modal = $(this)
                      modal.find('#patient_name').text(patient_name)
                      modal.find('#rdv_date').text(rdv_date)
                      modal.find('#rdv_time').text(rdv_time_start +' - '+ rdv_time_end)
                      modal.find('#rdv_time_start_input').val(rdv_time_start)
                      modal.find('#rdv_time_end_input').val(rdv_time_end)
                      modal.find('#patient_input').val(selectedPatientID)
                      modal.find('#rdv_id').val(rdv_id)
                      modal.find('#rdv_id2').val(rdv_id)
                    })

// Model to edit appointment status 
   $('#DeleteModal').on('show.bs.modal', function (event) {
                      var button = $(event.relatedTarget) // Button that triggered the modal
                      var link = button.data('link') // Extract info from data-* attributes
                   
                      var modal = $(this)
                      modal.find('#delete_link').attr("href", link)
                    })

// Repeatables for billing and prescriptions

$(".billing_labels .repeatable").repeatable({
        addTrigger: ".billing_labels .add",
        deleteTrigger: ".billing_labels .delete",
        template: "#billing_labels",
        startWith: 1,
        max: 5
      });

$(".drugs_labels .repeatable").repeatable({
        addTrigger: ".drugs_labels .add",
        deleteTrigger: ".drugs_labels .delete",
        template: "#drugs_labels",
        startWith: 1,
        max: 5
      });

$(".test_labels .repeatable").repeatable({
        addTrigger: ".test_labels .add",
        deleteTrigger: ".test_labels .delete",
        template: "#test_labels",
        startWith: 1,
        max: 5
      });

var money = 0;

$('.target').on('change', function () {
          money = document.getElementById("rdvdate").value;
          AddAppointment(money);

});

function AddAppointment(date){

$.ajax({
                url: baseURL+'/appointment/checkslots/'+date,
                type: 'GET',
                cache : false,
                success: function(array){ 
                       var options = '';
                      $.each( array, function( key, value ) {

if(value.available == "available"){ 
                        options = options + '<div class="col-sm-6 col-md-4 mb-2"><button class="btn btn-primary btn-block" data-toggle="modal" data-target="#RDVModalSubmit" data-rdv_date="'+ date +'" data-rdv_time_start="'+ value.start +'" data-rdv_time_end="'+ value.end +'" >'+ value.start +' - '+ value.end +'</button></div>';

}else{ var btn = 'danger';
                        options = options + '<div class="col-sm-6 col-md-4 mb-2"><button class="btn btn-danger btn-block">'+ value.start +' - '+ value.end +'</button></div>';
                      }

});

var skillhtml = options;

$(".myorders").html(skillhtml);

$("#help-block").css("display", "none");

if(!options){
                        $("#help-block").css("display", "block");
                        $("#help-block").html("<img src='../img/rest.png'/> <br> <b>Sorry, Doctor dont work on this day</b>");
                      }

$('#RDVModalSubmit').on('show.bs.modal', function (event) {
                      var button = $(event.relatedTarget) // Button that triggered the modal
                      var rdv_date = button.data('rdv_date') // Extract info from data-* attributes
                      var rdv_time_start = button.data('rdv_time_start') // Extract info from data-* attributes
                      var rdv_time_end = button.data('rdv_time_end') // Extract info from data-* attributes
                      var selectedPatientID = $( "#patient_name" ).val() // Extract info from data-* attributes
                      var selectedPatientName = $( "#patient_name option:selected" ).text() // Extract info from data-* attributes
                      // If necessary, you could initiate an AJAX request here (and then do the updating in a callback).
                      // Update the modal's content. We'll use jQuery here, but you could use a data binding library or other methods instead.
                      var modal = $(this)
                      if(selectedPatientID == 0){
                        modal.find('#patient_name').html('<span class="text-danger"><b>Select Patient Before Submitting</b></span>')

}else{
                        modal.find('#patient_name').text(selectedPatientName)
                      }
                      modal.find('#rdv_date').text(rdv_date)
                      modal.find('#rdv_time').text(rdv_time_start +' - '+ rdv_time_end)
                      modal.find('#rdv_time_start_input').val(rdv_time_start)
                      modal.find('#rdv_time_end_input').val(rdv_time_end)
                      modal.find('#patient_input').val(selectedPatientID)
                      modal.find('#rdv_date_input').val(rdv_date)
                      if($('#sms').is(":checked")){
                          modal.find('#send_sms').val(1)
                      }else{
                          modal.find('#send_sms').val(0)
                      }
                    })

error: function(){
                  $("#help-block").text("Sorry, An error has occurred");
                 }
            },"json");
       }

// RDV and age date picker
         $('#rdvdate').datepicker({
            uiLibrary: 'bootstrap4',
            format: 'yyyy-mm-dd',
            minDate: function() {
            var date = new Date();
            date.setDate(date.getDate());
            return new Date(date.getFullYear(), date.getMonth(), date.getDate());
          }
        });

$('#birthday').datepicker({
            uiLibrary: 'bootstrap4'
        });

})(jQuery); // End of use strict

${this.title}

Code Editor : custom.js