Wappler has gone up a notch in my esteem. By adding extensions to its arsenal, there is no end to the time saving possibilities when using this product.
The following video is dedicated to Wappler, the Wappler Team (@patrick, @George, @Teodor) and custom components.
This is the way that we should go⦠Every workaround that we use often it should be converted into a component and have it ready to use in any case. HUGE time saver!!!
Great work there @ben Iām going to implement this into a project soon so this is great timing - thanks for making it public, itās a great addition to the growing Wappler extension list.
I wasnāt expecting it to be that quick to implement!! I also made a back end admin section that uploads / edits deletes videos. It looks and behaves perfectly, hereās the first sample of it - Iāll be adding a search function and some more filtering as the amount of videos grows:
Thanks for that @ben they were already in a card but it was differently styled for another part of the site, Iāve updated this, and also added the h-100 (duh) that should have been there to begin with and increased the shadow - looks better.
Iām working now on some filtering and am going to try it with the excellent infinite scroll extension from @mebeingken Iāll post back when done.
One issue Iāve found, the extension doesnāt seem to load the second player if thereās another player on the page. Iām putting a āfeatured videoā at the top of the page, so had to use another youtube player (ID: id="ytplayer2) - for this (to be on the safe side) I used a separate server connect, as you can see its not loading at all. Iāve tried a few different options like using the existing SC with a featured video filter etc to no avail. Once I have the filtering and scrolling sorted Iāll try again and see if I can get the second player to load - I can see thereās this error in the console ncaught TypeError: $(...).modal is not a function so Iām not quite sure what is happening there. I attached a test link below the featured video just to show the video code is a live one.
I did an earlier test where I removed the dynamic bindings and tried to with static data hence the ātitleā data you saw, the āfeaturedā video still did not load even with static data. The SC data source is working as it should, as confirmed by the data at the bottom of the video card, itās all dynamic (I changed the video for this test but the version you looked at was working too):
I have seen this behaviour on other occasions recently and in those occasions it was a timing issue. As app connect gets faster it is more common fior page render to complete before a SC has returned data.
I havent had the opportunity to investigate this great new component but is there any way you can defer the component initialisation until the SC is complete or allow an init() call which can be called from the SC success event?
It sounds like a possible cause Brian so i tried disabling the output from the first SC (the working one) but that didnāt change anything and the problem persists
For the āfeatured videoā I only had one record returning which was in a single database query - as there was no repeat region I think the youtube player was getting confused (not surprising when Iām at the keyboard), I recreated the SC to a paged database query, then created a repeater for the cards and opted to have two records showing instead of 1 - it all works like a treat.
Iāve added keyword filtering and category filtering - Iām now adding the infinite scroller now so am in the process of testing out and adding more videos, see it in action here: