Sponsored Content
Top Forums Web Development Sneak Preview: New UNIX.COM UserCP VueJS Demo Post 303030795 by Neo on Friday 15th of February 2019 11:39:00 PM
Old 02-16-2019
Vue Black Dashboard Mockup v0.07


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

Mostly cosmetic mockup changes:
  • Got rid of a number of the round purple buttons.
  • Added more "neo-ish" looking pics.
  • Other simple cosmetic mockup changes.

Functional change:
  • Moved mockup site specific data to external JS file:


Code:
<script src="https://www.unix.com/scripts/js/vue_usercp_mockup.min.js"></script>

Your Digital Artist and Site Slave, Neo Smilie

Image
Image
Image
Image
Image
This User Gave Thanks to Neo For This Post:
 

6 More Discussions You Might Find Interesting

1. UNIX for Dummies Questions & Answers

License with demo???

I'm trying to setup a test environment to test upgrading to Solaris 8 or 9. Though when I go to install the demo version of Sun1 (forte/sun workshop as named before) it'll still ask for a 20 hexidecminal password for just a demo. huh? Ok so I added a 20 character thing in there it passed... (2 Replies)
Discussion started by: merlin
2 Replies

2. UNIX for Dummies Questions & Answers

Shell basic graphics demo.

I have been thinking about another shell scripting project using the Arduino Diecimila board. I was going to make a kids level slow 8 channel Logic Analyser. I thought about using the termiinal esc code graphics characters. This is the test code using said terminal escape codes. I have only... (2 Replies)
Discussion started by: wisecracker
2 Replies

3. What is on Your Mind?

Vuejs Periodic Table by Kadin Zhang

Was working on Vue.js and stumbled upon this beautiful Vue project by Kadin Zhang Periodicity is a dynamic periodic table built with Vue.js that animates and graphs data to aid the visualization of chemical concepts. The code is available on GitHub (2 Replies)
Discussion started by: Neo
2 Replies

4. What is on Your Mind?

Major Changes in New UserCP (v0.63) Prototype

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

5. What is on Your Mind?

New UserCP Update Profile Image Page (UserCP Screeching Frog 0.7485)

Update! UserCP Screeching Frog 0.7485 Created a new page for uploaded a profile picture (profile pictures are different than avatar pictures). https://www.unix.com/usercp/#/settings/other https://www.unix.com/members/1-albums225-picture1158.png ... (0 Replies)
Discussion started by: Neo
0 Replies

6. 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
upsstats.html(5)					      Network UPS Tools (NUT)						  upsstats.html(5)

NAME
upsstats.html - HTML template for Network UPS Tools upsstats DESCRIPTION
This file is used by upsstats.cgi(8) to generate status pages. Certain commands are recognized, and will be replaced with various status elements on the fly. FORMATTING
All commands must be alone on a line, and start and end with @. A line that has any extra characters before or after the @ will be passed through unchanged. BLOCK CONTROL
Some commands begin blocks - sections of the template that will be included, excluded, or repeated depending on certain parameters. @FOREACHUPS@ Starts a block that will be repeated for each MONITOR directive in the hosts.conf(5). This is how you can generate pages that moni- tor all of your systems simultaneously. @ENDFOR@ Ends a FOREACHUPS block. @IFSUPP var@ Starts a block that will only be printed if the variable var is supported by the current UPS. This is generally used to suppress "not supported" messages by avoiding the label and variable call entirely. @ENDIF@ Ends an IFSUPP block. IFSUPP blocks may be contained within a FOREACHUPS block. Nesting and other combinations are not supported. OTHER COMMANDS
@AMBTEMP@ Insert the ambient temperature in the current temperature scale. @DATE format@ Insert the current date and time. The format string is passed to strftime, so almost anything is possible. See strftime(3) for possible values. @DEGREES@ Insert the entity for degrees (&deg;) and either C or F depending on the current temperature scale. @HOST@ Insert the designation of the host being monitored, like myups@localhost. @HOSTDESC@ Insert the host's description from hosts.conf(5). @HOSTLINK@ Insert a link to upsstats.cgi with the "host" variable set to the current UPS. This is only useful within a FOREACHUPS block. @IMG varname [extra]@ Insert an IMG SRC to upsimage.cgi(8) for one of four possible status variables: BATTPCT - Battery charge - a percentage LOADPCT - UPS load - percentage OUTVOLT - Outgoing voltage (from the UPS) UTILITY - Incoming utility voltage extra is where you can put additional definitions. Right now the valid definitions are colors for various parts of the bars drawn by upsimage.cgi. Possible color names are: back_col - background color scale_num_col - scale number color summary_col - summary color (number at the bottom) ok_zone_maj_col - major scale color for the normal ("ok") zone ok_zone_min_col - minor scale color for the normal ("ok") zone neutral_zone_maj_col - major scale color for the neutral zone neutral_zone_min_col - minor scale color for the neutral zone warn_zone_maj_col - major scale color for the warning zone warn_zone_min_col - minor scale color for the warning zone bar_col - the color of the bar in the middle All colors are hex triplets - 0xff0000 is red, 0x00ff00 is green, and 0x0000ff is blue. Examples: @IMG BATTPCT@ @IMG BATTPCT back_col=0xff00ff bar_col=0xaabbcc@ @IMG UTILITY ok_zone_maj_col=0x123456@ @REFRESH@ Insert the META header magic for refreshing the page if that variable has been set by the browser. This needs to be in the HEAD section of the page. @STATUS@ Expand the abbreviations in the STATUS variable - OL becomes "On line", OB becomes "On battery", and so on. @STATUSCOLOR@ Insert red, green, or yellow color triplets depending on the severity of the current UPS status. Normal operations are green, warn- ings like voltage trim/boost or "off" are yellow, and other events like being on battery or having a low battery are red. @VAR varname@ Insert the current value of the status variable varname on the host being monitored, or "Not supported". @TEMPC@ Use the Celsius scale for temperature data (default). @TEMPF@ Use the Fahrenheit scale for temperature data. @UPSTEMP@ Insert the UPS temperature in the current scale. @UTILITYCOLOR@ Insert either #FF0000 (red) or #00FF00 (green) depending on the incoming utility voltage. By default this will return green, unless the utility is outside the bounds defined by lowxfer and highxfer. Those voltages are a function of your driver, and do not exist on all of them. @VERSION@ Insert the version number of the software. OTHER TEMPLATES
upsstats.cgi(8) will also open a file called upsstats-single.html if you call it with "host=" set in the URL. That file uses the same rules and techniques documented here. SEE ALSO
upsstats.cgi(8), upsimage.cgi(8) Internet resources: The NUT (Network UPS Tools) home page: http://www.exploits.org/nut/ NUT mailing list archives and information: http://lists.exploits.org/ Mon Sep 16 2002 upsstats.html(5)
All times are GMT -4. The time now is 11:34 PM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy