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 Charts" page in this version 0.33 of the prototype.
Code:
https://www.unix.com/cp/index.php#/dashboard
Just go to the link above and click on "My Charts" to see the initial stats I created today.
Vue.js UserCP Mockup Version 0.20 - Badge Notifications
https://www.unix.com/cp/index.php#/dashboardIn 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... (2 Replies)
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)
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)
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)
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)
FYI.
In version 0.53 of the new UserCP I am working on, the top navbar search works; but I'm still displaying the results in the main forums. I in the future, I may being to change this to display the results in the new UserCP.
https://www.unix.com/members/1-albums225-picture1118.png (2 Replies)
Vue Router has some quirks and on of the quirks is that it is not reliable when adding external links using the vue-router library.
After struggling with many solutions, I have found that creating a simple Vue.js component like this one seems to work the best (so far):
Component Example: ... (0 Replies)
Regarding the latest version of the UserCP prototype (version 0.63) I have made a lot of major changes, including
Added a "Posts Timeline" table for the recent posts, complimenting the non-table version earlier, which has been moved off the main menu (link at the bottom of the table).
Added a... (4 Replies)
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)
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
LEARN ABOUT DEBIAN
wml::std::logo
wml::std::logo(3) EN Tools wml::std::logo(3)NAME
wml::std::logo - Logo Insertion
SYNOPSIS
#use wml::std::logo
<logo [attributes]>
DESCRIPTION
This include file provides the "<logo>" tag to insert logo images. The logo is selected via attribute "name". The following logos are
available:
Name Inserted Hint Inserted URL
-------------------------------------- ----------------------------
apache Apache Webserver Project http://www.apache.org/
freebsd FreeBSD Operating System http://www.freebsd.org/
gimp GNU Image Manipulation Program http://www.gimp.org/
htdig Internet search engine http://www.htdig.org/
linux Linux Operating System http://www.linux.org/
netbsd NetBSD Operating System http://www.netbsd.org/
openbsd OpenBSD Operating System http://www.openbsd.org/
php PHP Hypertext Preprocessor http://www.php.net/
vim Vi Improved Editor http://www.vim.org/
wml Website META Language http://www.engelschall.com/sw/wml/
xemacs XEmacs Editor http://www.xemacs.org/
ATTRIBUTES
"name"
The "name" attribute selects which logo is wanted. The table above lists valid names, and wml is used by default.
"base"
Usually the logos are copied into logo-xxxxxx.png where "xxxxxx" is the name of the logo. When you use a "base=foo" attribute, then
the resulting files are named foo.logo-xxxxxx.png. Actually you can even use a complete filename including a directory prefix, i.e.
when you use "base=../../common/foo" attribute, then the images are created as ../../common/foo.logo-xxxxxx.png.
And for most flexibility when no base is specified and the variable "LOGO_BASE" is defined (usually from within a .wmlrc file via
"-LOGO_BASE~path/to/logo/dir/base") it is used. Use this feature to copy the logos to a particular directory.
You may also use the variable "IMAGE_BASE" which defines in a single line all base names for images generated by WML.
"format"
Logos are available in PNG or GIF formats. This attribute is the filename extension of the desired format, i.e. respectively "png" and
"gif". Default is "png" extension ; this default can be changed via the "IMAGE_FORMAT" variable.
"file"
This attribute defines the logo filename. It overrides all other computed values.
"target"
If the "target" attribute is used, it refers to a target frame or window where the hyperlink is redirected to.
"notag"
This forces "<logo>" to expand to nothing, i.e. no resulting "<img>" tag. The image itself is still generated. In combination with the
above "file" attribute this can be used to generate images to particular files which can be used at other positions, for instance
inside "<rollover>" (see wml::des::rollover(3)) tags.
EXAMPLE
This example only copy the vim logo to "$(IMAGES)/logo-vim.png" without any output:
<logo name=vim format=png base="$(IMAGES)/logo" notag>
AUTHORS
Ralf S. Engelschall
rse@engelschall.com
www.engelschall.com
Denis Barbier
barbier@engelschall.com
REQUIRES
Internal: P1, P2, P3
External: --
HISTORY
For backward compatibility a logo named "php3" is also available.
Inluding the version number was not a really good idea, use the
logo "php" instead. Expect that the logo "php3" will be removed in
future releases.
SEE ALSO wml(1)EN Tools 2014-04-16 wml::std::logo(3)
02-26-2019
