I was provided with a layout and a template that I need to use to build an admin panel to manage everything that is now.
I made a completely admin panel and set up all the dynamics with regards to the output of all records and other details.
Admin panel
By itself, it is quite voluminous and we have a large number of tabs, from site settings to creating information graphics.
Infographics
There were minor difficulties with the infographics. Since the customer did not want to insert just a screenshot, but wanted just the dynamics, a lot had to be done.
It was decided to create a separate tab for the infographics and use js to arrange everything and write all the dynamics so that you can create an infinite number of columns, add a different amount of information and choose display styles on the site itself.
The chartjs library is responsible for the infographics itself; it is very simple, user-friendly and has a large number of display styles in the site itself.
After, when in the admin panel itself, a decision was made on how all the infographics would be assembled, there were difficulties, namely, with its output, since the editorjs library answered as the editor of the main content on the page . It is also very simple in itself and it is very easy to store all information with it, it outputs everything in json.
As a result, to display the infographic, it was decided that the user should insert the shortcode, and then, when generating the html for the post itself, catch the shortcode data, take the id from it and load information about it, and then render it into the page itself.
Recordings
They also use & nbsp; editorjs & nbsp; as their editor which is easy to use. In addition to the posts, there are additional settings, the choice of categories, the importance of the post itself, the author and the addition of hashtags. The site itself implements not only a standard search, but also the output of records by headings, as well as a search by hashtags.
Podcasts
The podcasts themselves are uploaded to the server without any problems, and with the help of js a small function was made to add several podcast series.
The ability to leave hashtags was also added to the podcasts themselves.
The plyr library is responsible for playing the podcasts themselves, as well as the videos that were uploaded to the server
Rest
The rest of the record types have a similar structure, but with minor changes in structure.
