https://planner.mactoop.com/

Hi. This is the Javascript version, so it has not the login, dashboard. You need the PHP version to have it: https://codecanyon.net/item/quick-timetable-for-php/31914521

Hi. Could you give us the URL of your website to check?

Is a functionality in the backoffice so I need to send you credentials to log in. Can you please share an email to write to you?

Hi. Here is our mail: caketheme.com@gmail.com

Hi,

If you don’t want to repeat the events by week, you can run the timetable on date mode (on this mode, the timetable will get events by its date, and this operation is applied for all events).

<div class="quick-timetable" data-view="week" data-mode="date" />

Hi. To do it, you only need run the timetable on date mode:

<div class="quick-timetable" data-view="month" data-mode="date" />

Hi.
- It is already responsive (On mobile, the timetable will switch to list view): https://gyazo.com/1da096bef02bad79c1850d2a9e2cd888
- You can see the example of Json file on the code (File: /timetables/timetables.json): https://gyazo.com/a09410fdab9e1024125d6bcd6bed6ec7

Hi. We will refund for you after you buy right version and vote for it (to let us know you have bought).

Hi. You can define unlimited categories as you want.

Hi. Thank for your attention.
- This text may make misunderstandings for you. On previous versions, when navigation between months, the script has a bug on comparing month time (to get events to display), so the events list is wrong. We have fixed this bug on current version.
- There is no way to set any month to view as a default now.

Hi. Yes, you can do it. The timetable is running on day mode on our demo, so the navigation is hidden. If switch to date mode, it will display. You can see it here: https://caketheme.com/script/quick-timetable-demo/

Hi. The table is rendered by Jquery. To refresh table every minute, you need implement the custom work: the timetable is rendered from line 729 – 810 on file assets/js/quick-timetable.js, you can create a loop, then call these lines on loop to render every minute.

Hi. This is the Javascript version. The timetables are managed on the json file (or get from your own MySQL database). If you want the admin panel to manage the timetables, you need the PHP version: https://codecanyon.net/item/quick-timetable-for-php/31914521

Hi. You mean the main menu on the demo? https://gyazo.com/4b4ba76d178539a4b0cef48b95b4a57e

Yes, the main menu. Thanks.

Hi. To make the menu a dropdown, you only need use the code:

<div class="collapse navbar-collapse" id="navbarNavDropdown">
    <div class="dropdown">
        <button class="btn btn-secondary dropdown-toggle" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Home</button>
        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
            <a class="dropdown-item" href="#">Home 1</a>
            <a class="dropdown-item" href="#">Home 2</a>
            <a class="dropdown-item" href="#">Home 3</a>
        </div>
    </div>
</div>

https://gyazo.com/6a92544a160afce6c4006bc8986cada0

Thank you. If you have any problem, please let us know.

Hi. To do it, you need implement the custom work: search all-category on file assets/js/quick-timetable.js, then modify the code (it is quite difficult, if you can’t implement it, you can give us the FTP to email caketheme.com@gmail.com, we will help you to do it).

Hi. To do it, you only need search function timetableDetail on file assets/js/quick-timetable.js, then adapt the function timeTo12HrFormat for timetable.start_time and timetable.end_time.

Hi. This is the timetable, so there is only one-day events. If you want the multi days events, you can investigate our Quick Events script: https://codecanyon.net/item/quick-events/29800682

Please disregard my previous comment. I was able to fix the issue by clearning my browser history. However is there any way to change it from using 24-hour time format to 12-hour time format? That is the only real issue I am having. Everything else is working great!

Hi. To use the 12-hour format, you need implement the custom work: modify file assets/js/quick-timetable.js file:
- Firstly, declare function:

function timeTo12HrFormat(time) {
    var time_part_array = time.split(":");
    var ampm = 'AM';

    if (time_part_array[0] >= 12) {
        ampm = 'PM';
    }

    if (time_part_array[0] > 12) {
        time_part_array[0] = time_part_array[0] - 12;
    }

    var formatted_time = time_part_array[0] + ':' + time_part_array[1] + ' ' + ampm;

    return formatted_time;
}

- Then modify line 315 of this file:
From:

timetable_string += '<div class="axis-item">' + hour + ':00</div>';

To:

timetable_string += '<div class="axis-item">' + timeTo12HrFormat(hour + ':00') + '</div>';

- Modify line 371:
From:

+ '<div class="timetable-time">' + timetables[t].start_time + ' - ' + timetables[t].end_time + '</div>'

To:

+ '<div class="timetable-time">' + timeTo12HrFormat(timetables[t].start_time) + ' - ' + timeTo12HrFormat(timetables[t].end_time) + '</div>'

- Similar with line 543, 683

Hi. Thank for your atttention. Unfortunately, you can’t do it.

thanks for your quick reply!

but in doing so it would need a second request or am i wrong?

what i wanted to do was generating the entries from my CMS / database while generating my page.

so i would have something like

<script> const myItems = [ { “title”: “entry 1”, “category”: “Vinyasa Yoga”, }, { “title”: “entry 2”, “category”: “Vinyasa Yoga”, } ] </script>

and then could connect my variable to the call of the script here:

is there a way to do that?

oops, the code was filtered out:

································································

and then could connect my variable to the call of the script here:

[div class=”section-body”] div class=”quick-timetable” data-source=”json” data-view=”week” data-mode=”day” [/div]

is there a way to do that?

Hi. Sorry, but this is your custom work, so we can’t give you the detail advice for the code. Looking forward to your sympathy.

Hi. You mean you want to change the 24h format to 12h format for exis time on left side?