Sponsored Content
Top Forums Web Development Vue.js UserCP Mockup Version 0.20 - Badge Notifications Post 303031184 by Neo on Friday 22nd of February 2019 11:06:15 PM
Old 02-23-2019
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:
 

8 More Discussions You Might Find Interesting

1. Web Development

MySQL Query to Build Mockup Vue.js UserCP Timeline Page

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... (4 Replies)
Discussion started by: Neo
4 Replies

2. Web Development

New Discussion Timeline in Vue.js UserCP Mockup

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... (1 Reply)
Discussion started by: Neo
1 Replies

3. Web Development

New Badge Timeline in Vue.js UserCP Mockup

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... (0 Replies)
Discussion started by: Neo
0 Replies

4. What is on Your Mind?

My Charts in the Prototype Vue.js UserCP

Yea.... something I thought would take me an hour ended up taking most of the day. Well, it's not like those YT video tutorials where it take a week or more to make a video and the guys (gals) make it look so easy. But having said that, I'm happy to share with forum members the first "My... (6 Replies)
Discussion started by: Neo
6 Replies

5. What is on Your Mind?

Congrats to Nezabudka for her Formulator Badge (UserCP Prototype v0.40)

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... (1 Reply)
Discussion started by: Neo
1 Replies

6. What is on Your Mind?

UserCP Screeching Frog 0.7446 Using Vue.js

Here is a status update on the new forum usercp. The current version of the new UserCP is Screeching Frog v0.7446. Most users will need to clear the files from your browser cache, quit and restart your browser to see the new version (check bottom of the page for version). Safari seems to... (9 Replies)
Discussion started by: Neo
9 Replies

7. What is on Your Mind?

Video Overview of the Vue.js UserCP @UNIX.com

Here is my second live video screencast (in my life, using Camtasia) with voice for the new usercp: Overview of the Vue.js UserCP @UNIX.com Shout outs to Don Cragun, Corona688, Rudi, Wolf, Made in Germany, stomp, Ravinder, Creative Tim, PubNub and others in the video. Thanks. If you are... (1 Reply)
Discussion started by: Neo
1 Replies

8. What is on Your Mind?

Disabling New Badge Notifications

Finally got around to this. Have added a UserCP option to disable "new badge" alerts in the user profile "options" area so anyone who finds the alerts annoying, feel free to disable them (since the are primary designed for new users): https://www.unix.com/members/1-albums215-picture1219.png ... (0 Replies)
Discussion started by: Neo
0 Replies
Desktop::Notify(3pm)					User Contributed Perl Documentation				      Desktop::Notify(3pm)

NAME
Desktop::Notify - Communicate with the Desktop Notifications framework VERSION
Version 0.03 SYNOPSIS
use Desktop::Notify; # Open a connection to the notification daemon my $notify = Desktop::Notify->new(); # Create a notification to display my $notification = $notify->create(summary => 'Desktop::Notify', body => 'Hello, world!', timeout => 5000); # Display the notification $notification->show(); # Close the notification later $notification->close(); DESCRIPTION
This module provides a Perl interface to the Desktop Notifications framework. The framework allows applications to display pop-up notifications on an X desktop. This is implemented with two components: a daemon that displays the notifications, and a client library used by applications to send notifications to the daemon. These components communicate through the DBus message bus protocol. More information is available from <http://trac.galago-project.org/wiki/DesktopNotifications> This module serves the same purpose as "libnotify", in an object-oriented Perl interface. It is not, however, an interface to "libnotify" itself, but a separate implementation of the specification using Net::DBus. METHODS
new %opts Connect to the notification daemon. %opts can include the following options: app_name The application name to use for notifications. Default is "basename($0)" bus The Net::DBus mesage bus to use. Default is to call Net::DBus->session, which is usually where notification-daemon can be reached. service The DBus service name of the daemon. Default is org.freedesktop.Notifications. objpath The path to the notifications DBus object. Default is /org/freedesktop/Notifications. objiface The DBus interface to access the notifications object as. Default is org.freedesktop.Notifications. create %params Creates a new notification object that can be displayed later. This will return a Desktop::Notify::Notification object; see that module for information about using it. close_callback $coderef Sets a user-specified function to be called whenever a notification is closed. It will be called with one argument, which is the Notification object that was just closed. AUTHOR
Stephen Cavilia, "<sac at atomicradi.us>" SEE ALSO
Net::DBus <http://www.galago-project.org/specs/notification/index.php> <http://www.galago-project.org/downloads.php> BUGS
Please report any bugs or feature requests to "bug-desktop-notify at rt.cpan.org", or through the web interface at <http://rt.cpan.org/NoAuth/ReportBug.html?Queue=Desktop-Notify>. I will be notified, and then you'll automatically be notified of progress on your bug as I make changes. SUPPORT
You can find documentation for this module with the perldoc command. perldoc Desktop::Notify You can also look for information at: o AnnoCPAN: Annotated CPAN documentation <http://annocpan.org/dist/Desktop-Notify> o CPAN Ratings <http://cpanratings.perl.org/d/Desktop-Notify> o RT: CPAN's request tracker <http://rt.cpan.org/NoAuth/Bugs.html?Dist=Desktop-Notify> o Search CPAN <http://search.cpan.org/dist/Desktop-Notify> ACKNOWLEDGEMENTS
COPYRIGHT &; LICENSE Copyright 2007 Stephen Cavilia, all rights reserved. This program is free software; you can redistribute it and/or modify it under the same terms as Perl itself. perl v5.10.1 2009-12-24 Desktop::Notify(3pm)
All times are GMT -4. The time now is 11:23 PM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy