How can I hide the unavailable hours, before i start the work?

Hello WPMUDEV!

When i set the working hours (example from 9:00 to 22:00) on the admin panel, i can see the unavailable hours before i start the work. (from 0:00 to 9:00), but the unavailable hours after my work-time don't show.

I would like to see only the hours on on my work time. It is possible?

Here you can see what i tell:
http://escapezone.hu/foglalas/

Thanks,

Balazs

  • PC
    • WPMU DEV Initiate

    Hiya,

    Greetings and thanks for posting on the forums.

    You can use the below CSS in the plugin and it will hide the past slots

    td.notpossible, div.notpossible {display : none !important}

    I hope that helps. Please feel free to ask if you have more questions on the same.

    Cheers
    PC

  • PC
    • WPMU DEV Initiate

    Hiya,

    Greetings and thanks for posting back.

    It looks like the CSS I gave before just hid those dates and pushed the calendar that way but that will happen if we are hiding the unavailable/past hours.

    Let me see if I can get some info from @Vladislav our lead developer.

    Cheers, PC

  • Vladislav
    • Dead Eye Dev

    Hello,

    Because the output is rendered as a monthly table, there's very few things we can do about it with CSS alone, unfortunately. Just hiding the empty cells won't work for us, as you saw yourself. Instead, we could remove the rows that don't have any free dates with some javascript, e.g. like this:

    (function ($) {
    function app_remove_empty_rows () {
    	var $trs = $(".app_monthly_schedule_wrapper table tbody tr");
    	$trs.each(function () {
    		var $tr = $(this);
    		if (!$tr.find("td.free").length) $tr.remove();
    	});
    }
    
    $(app_remove_empty_rows());
    
    })(jQuery);

    You can add this code to your theme's footer.php, for an example.

Thank NAME, for their help.

Let NAME know exactly why they deserved these points.

Gift a custom amount of points.