3 years, 3 months ago #1068648
After buying this plugin and testing it we realised that because we have a lot of 1 hour long classes starting at the same time the timetable tends to "cluster" the classes and make them unreadable. You can see an example here, where we have added some test data for Monday-Wednesday for classes in the late afternoon, and there's three classes all starting around the same time (with more to be added):
However we really like how the classes are edited in WordPress and are keen to use the plugin, so we tried the list view, which displays classes in a more readable format. Example here:
The issue we have is on desktop, we really want people to see the address (room) and teacher details without having to click the class name. I've attached a screengrab ft-timetable-list.png, outlining in yellow and red text what we are trying to achieve.
Right now, I don't think the plugin displays this data in the list view option, its only on clicking the class name it shows. Does the plugin expose any hooks or functions so we could modify the list output to display this? Or even if you pointed us to the relevant function so we could do it ourselves?
Thanks for a great plugin, if we can get it working the way we need it to it will save us a lot of time managing timetable data.3 years, 3 months ago #1068678
Current class has no field for the room number. If you use the Address for Room number field, I have changed some lines of code in the ntt-schedule.php (/wp-content/plugins/noo-timetable/templates/shortcodes/) file, you can replace it.
Before doing this, make sure you are using the latest version (126.96.36.199).
tb.3 years, 3 months ago #1068691
Hi, Current class has no field for the room number. If you use the Address for Room number field, I have changed some lines of code in the ntt-schedule.php (/wp-content/plugins/noo-timetable/templates/shortcodes/) file, you can replace it. Before doing this, make sure you are using the latest version (188.8.131.52). Best regards, tb.3 years, 3 months ago #1068728
Thanks for the code - I'll take a look. I was going to use address for the room number. For some reason I didn't get email notifications for your update, and managed to extend your code to do it. I'll explain how:
In fullcalendar.custom.js, in the function ListEventRenderer.prototype.fgSegHtml around line 14818, eventDef contains a property 'miscProps', so I added this line:'<td class="fc-list-item-title ' + theme.getClass('widgetContent') + '">' +'<a' + (url ? ' href="' + util_1.htmlEscape(url) + '"' : '') + '>' +util_1.htmlEscape(eventDef.title || '') +' by ' + util_1.htmlEscape(eventDef.miscProps.trainer || '') + ' in ' + util_1.htmlEscape(eventDef.miscProps.address || '') + '' +'' +
The end result is in the attached screengrab. I just need to modify the CSS so the extended details aren't visible on mobile.3 years, 3 months ago #10687343 years, 3 months ago #1068857
Thank you for all your help with this.
You must be logged in and have valid license to reply to this topic.