What I really need: .... please tell me why I have to reload the page to get the big chart at the top stats to work in this Vue.Js component:
Code:
https://www.unix.com/cp/index.php#/member/1
I have spent over 20 hours on this, and I cannot get the reactive property of one simple chart to work as it should and have been forced to store the AJAX data in localStorage() and this is a problem because localStorage() is not reactive within Vue.js, so I have to load the page and reload it, and I cannot figure it out after two full days...
You will more-than-likely need to learn a lot about web development, javascript and Vue.js to help; so if you can do that, then that is help I would appreciate
The following is but one of maybe 100s of variations I have tried to no avail.... and it's really getting me down
Code:
neo removed code because not working as it should
The problem is that my DB call using Vue Axios (AJAX) returns the data (the promise) after the Vue data() instance is created. It's a timing issue which I cannot resolve after days of work
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
pegasus-plots
PEGASUS-PLOTS(1)PEGASUS-PLOTS(1)NAME
pegasus-plots - A tool to generate graphs and charts to visualize workflow run.
SYNOPSIS
pegasus-plots [-h|--help]
[-o|--output outdir]
[-c|--conf propfile]
[-m|--max-graph-nodes max]
[-p|--plotting-level level]
[-i|--ignore-db-inconsistency]
[-v|--verbose]
[-q|--quiet]
[submitdir]
DESCRIPTION
pegasus-plots generates graphs and charts to visualize workflow run. It generates workflow execution Gantt chart, job over time chart, time
chart, dax and dag graph. It uses executable 'dot' to generate graphs. pegasus-plots looks for the executable in your path and generates
graphs based on it's availability .
OPTIONS -h, --help
Prints a usage summary with all the available command-line options.
-o outdir, --output outdir
Writes the output to the given directory
-c propfile, --conf propfile
The properties file to use. This option overrides all other property files.
-m max, --max-graph-nodes max
Maximum limit on the number of tasks/jobs in the dax/dag up to which the graph should be generated. The default value is 100.
-p level, --plotting-level level
Specifies the charts and graphs to generate. Valid levels are: all, all_charts, all_graphs, dax_graph, dag_graph, gantt_chart,
host_chart, time_chart, breakdown_chart. Default is all_charts. The output generated by pegasus-plots is based on the level set:
o all: generates all charts and graphs.
o all_charts: generates all charts.
o all_graphs: generates all graphs.
o dax_graph: generates dax graph.
o dag_graph: generates dag graph.
o gantt_chart: generates the workflow execution Gantt chart.
o host_chart: generates the host over time chart.
o time_chart: generates the time chart which shows the job instance/invocation count and runtime over time.
o breakdown_chart: generates the breakdown chart which shows the invocation count and runtime grouped by transformation name.
-i, --ignore-db-inconsistency
Turn off the the check for database consistency.
-v, --verbose
Increases the log level. If omitted, the default level will be set to WARNING. When this option is given, the log level is changed to
INFO. If this option is repeated, the log level will be changed to DEBUG.
-q, --quiet
Decreases the log level. If omitted, the default level will be set to WARNING. When this option is given, the log level is changed to
ERROR.
EXAMPLE
Runs pegasus-plots and writes the output to the given directory:
pegasus-plots -o /scratch/plot /scratch/grid-setup/run0001
AUTHORS
Prasanth Thomas
Pegasus Team http://pegasus.isi.edu
05/24/2012 PEGASUS-PLOTS(1)
02-27-2019
