Today (Saturday) We will make some minor tuning adjustments to MySQL.

You may experience 2 up to 10 seconds "glitch time" when we restart MySQL. We expect to make these adjustments around 1AM Eastern Daylight Saving Time (EDT) US.


Vue.js UserCP Mockup Version 0.20 - Badge Notifications


Login or Register to Reply

 
Thread Tools Search this Thread
# 1  
Vue.js UserCP Mockup Version 0.20 - Badge Notifications

Vue.js UserCP Mockup Version 0.20 - Badge Notifications


Code:
https://www.unix.com/cp/index.php#/dashboard

In this mockup release:
  • Badge Notifications are working with live data: Upper Right (see image)
  • Added Axios to Vue and changed large table updates to axios (ajax)
  • Note: Will reformat / restyle this notification dropdown menu when the mockup is mostly done. Perhaps increase the items in the list from six to ten....

Possible next tasks:
  • Build out the "Timeline" mockup, but needs to create a new 'timeline" DB table and write the PHP code to fill the table first.
  • Build the "search forums' modal in the top menu bar.
  • Duplicate main dashboard page and change "system stats" to a "user specific" stats and charts page with a table for recent member posts.
  • Work on service workers for notifications in top menu (not a high priority yet).



Image
These 2 Users Gave Thanks to Neo For This Post:
# 2  
FYI, coming in build v0.21, have changed the icon to little trophies versus right arrows in the notification dropdown Smilie

Image
# 3  
Vue.js UserCP Mockup Version 0.22 - Badge Notifications


Code:
https://www.unix.com/cp/index.php#/dashboard

In this cosmetic mockup release:
  • Badge Notifications: Changed Icon to "trophy"
  • Dashboard: Changed "stats badges" to the same "blue color" (earlier suggestion by nezabudka, Forum Advisor, to reduce colors)
  • Media: Reduce notification dropdown size on phones to 300px.

Image
Login or Register to Reply

|
Thread Tools Search this Thread
Search this Thread:
Advanced Search

More UNIX and Linux Forum Topics You Might Find Helpful
Congrats to Nezabudka for her Formulator Badge (UserCP Prototype v0.40)
Neo
Please join me in thanking one of our most active new members, nezabudka, who suggested that we start using the new usercp prototype and change the menu items around, effectively "promoting" the new prototype CP. At first, I did not understand her suggestion, but after 'coming down" from days of...... What is on Your Mind?
1
What is on Your Mind?
New Badge Timeline in Vue.js UserCP Mockup
Neo
Continuing to think Vue.js is AWESOME, we now have a new badges timeline in version 0.26 of the UserCP Mockup: https://www.unix.com/cp/index.php#/pages/badges Changes: Added Mockup from Badges timeline. Changed notifications (upper right) to use v-for: bindings. Fixes minor vue routing...... Web Development
0
Web Development
New Discussion Timeline in Vue.js UserCP Mockup
Neo
Well, thanks to the amazing power of Vue.js, we now have a new timeline in version 0.23 of the UserCP Mockup: Wow! I'm really impressed with Vue.js. https://www.unix.com/cp/index.php#/pages/timeline In this version: Created database, and PHP model for the remote AJAX (Axios) call to...... Web Development
1
Web Development
MySQL Query to Build Mockup Vue.js UserCP Timeline Page
Neo
Here is the query (and some sample results) I plan to use to build a new timeline page in the mockup vue.js usercp I am working on. When the postid is the same as lastpostid, this means the timeline entry will be - "{{Member}} Started Discussion {{Thread Title}} at {{date and time}}" and when...... Web Development
4
Web Development

Featured Tech Videos