Sponsored Content
Top Forums Web Development New Discussion Timeline in Vue.js UserCP Mockup Post 303031200 by Neo on Saturday 23rd of February 2019 11:26:01 AM
Old 02-23-2019
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.

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

In this version:
  • Created database, and PHP model for the remote AJAX (Axios) call to retrieve 100 more recent posts.
  • Identified the first post in a thread by comparing the firstpostid with the postid for each entry.
  • Positioned the timeline entries based on either "starting" or "replying" to a discussion.
  • Added links back to the post for each entry in the timeline.

It's working fine for me Smilie Hope it works a fine for you (in Chrome and Safari.. FF suxs, LOL)

ENJOY!

Image


Reference:

https://www.unix.com/web-programming...-new-post.html


Version 0.24:
  • Added link to each UIM / badge page to each timeline entry.
 

9 More Discussions You Might Find Interesting

1. Web Development

Vue.js UserCP Mockup Version 0.20 - Badge Notifications

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

2. 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

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. Web Development

Simple Vue.js Component to Redirect to External Web Page Using Vue Router

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

6. Web Development

Vue JS 2 Tutorial by The Net Ninja: A Recommended Vue.js Video Tutorial Series

A number of people have asked me how to get started with Vue.js and my reply before today was to Google "Vue.js". That has changed and my recommendation to anyone who wants to learn the fastest growing, easiest to learn and use Vue.js web dev framework is to watch this video tutorial series: ... (0 Replies)
Discussion started by: Neo
0 Replies

7. 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

8. 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

9. 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
spindump(8)						    BSD System Manager's Manual 					       spindump(8)

NAME
spindump -- Profile entire system during a time interval SYNOPSIS
spindump [pid | partial-name [duration [interval]]] [<options>] DESCRIPTION
spindump is used by various system components to create reports when an unresponsive application is force quit. Reports are stored at: /Library/Logs/DiagnosticReports/ For normal application force quits spindump will display a dialog to offer the choice to view more details and/or send a report to Apple. ------------------------------------- When run manually, spindump samples user and kernel stacks for every process in the system. Spindump supports two display formats for stacks, heavy and timeline, and includes a binary representation of its data at the end of reports for re-reporting with different options (see -i ). Spindump can also parse reports in timeline format even without a binary representation to re-report them in heavy format. When displayed in heavy format, stacks are sorted by count and each unique stack is displayed once. In this snippet: 84 __CFRunLoopRun + 1161 (CoreFoundation + 460665) [0x7fff8d662779] Address 0x7fff8d662779 was sampled 84 times in total, not necessarily consecutively. The address corresponds __CFRunLoopRun in CoreFounda- tion. When displayed in timeline format, samples are sorted so that the leaf frames in the sample tree are presented in chronological order. Each frame includes a time range of consecutive samples in which the frame was seen, which can be compared with the range of other frames to determine concurrency. If multiple samples of the same stack were not consecutive, the stack will be displayed multiple times. In this snip- pet: 23 __CFRunLoopRun + 1161 (CoreFoundation + 460665) [0x7fff8d662779] 50-72 Address 0x7fff8d662779 was sampled 23 times consecutively from the 50th to 72nd sample. In timeline format, spindump notes state changes for threads, e.g.: <darwinbg, timers coalesced> which indicates the change in state for the samples that follow. Any state not mentioned is unchanged from previous samples. The state infor- mation spindump reports includes thread QoS, darwinbg, importance inheritance boost, suppression for App Nap, latency QoS (timers), I/O throttling tier, and cpu priority. Leaf frames will indicate whether the thread was running/runnable or suspended. A leading star (*) indicates a kernel frame or library. ARGUMENTS
pid or partial-name the process to be sorted topmost in the report. "-notarget" may be used to avoid providing a target process when specify- ing a duration and interval. duration the duration of the sampling in seconds. If not specified, the default of 10 seconds is used. interval the number of miliseconds between samples. If not specified, the default of 10 miliseconds is used. -i path Read in the file located at path rather than sampling the live system. Supported file formats are: * Spindump text files containing a spindump binary format * Spindump text files without a spindump binaty format written in timeline mode (with limited options, and only stacks will be updated; summary information will not change) * Tailspin files * Concatenated kcdata stackshots * Concatenated microstackshots -o path Specifies where the report should be written. If path is a file, it will be overwritten. If path is a directory, a file will be cre- ated inside that directory with the name following the format <appname>_<pid>.spindump.txt. If a file by that name already exists, spindump will add a unique number to the filename. If not specified, spindump will output reports to files inside /tmp. -indexRange s-e Only include samples in the given range -startIndex s Omit frames before sample number s -endIndex e Omit frames after sample number e -heavy Sort stacks by count (default) -timeline Sort stacks chronologically -wait Wait for the process to exist before sampling. If the process already exists, spindump will begin sampling immediately. -onlyRunnable Only display runnable stacks -onlyBlocked Only display non-runnable stacks -onlyTarget Only sample the target process (allows faster sampling rates) -proc proc If -onlyTarget is provided, sample proc as well. This option may be specified multiple times -sampleWithoutTarget Keep sampling for the entire sampling duration even if the target process exits -timelimit t Exit after t seconds even if the report hasn't been saved -stdout Print the report to stdout (in addition to writing to a file) -noFile Do not output to a file. Implies -stdout and will include the binary format in the stdout output -noBinary Do not include the spindump binary format at the bottom of the report (the file will not be able to be re-parsed) -noText Do not include the textual report, only include the binary format -open appname Specifies an app in which to open the resulting report -reveal Reveal the resulting report in Finder -siginfo After sampling, wait for SIGINFO before generating the report -delayonsignal d Stop sampling d seconds after receiving a signal to stop sampling instead of stopping immediately -threadprioritythreshold t Filter out any threads that have a priority below the given threshold. Pass a negative number to filter out threads that have a priority above the given threshold's absolute value -nothrottle Do not throttle sampling rate on excessive memory growth -noProcessingWhileSampling Do not parse stackshots until done sampling -displayIdleWorkQueueThreads Display idle work queue threads in the textual report (by default they are omitted) -aggregateStacksByThread Group stacks by thread ID rather than by dispatch queue -aggregateStacksByProcess Each process gets one stack for all threads MICROSTACKSHOTS
Microstackshots are gathered by the kernel to provide extremely lightweight sampling of single threads at a time. They can be viewed in spin- dump via the microstackshot command line options: -microstackshots Report on interrupt microstackshots, which provide a sampling of where cpu time is spent. This is the default mode if -microstackshots_io is not provided -microstackshots_io Report on I/O microstackshots, which provide a sampling of where file backed memory is dirtied -microstackshots_datastore path When reporting microstackshots, read from this location rather than using the live system's microstackshots. When saving with -microstackshots_save, write to this location -microstackshots_save Save microstackshot from the live system to the path specified by -microstackshots_datastore instead of generating a textual report -microstackshots_starttime date Only report microstackshots after this time. The date can be a string like "11/14/12 12:00am" or a single number representing a unix timestamp in seconds -microstackshots_endtime date Only report microstackshots before this time. The date can be a string like "11/14/12 12:00am" or a single num- ber representing a unix timestamp in seconds -microstackshots_pid pid Only report microstackshots for the given process id -microstackshots_threadid thread_id Only report microstackshots for the given thread id -microstackshots_dsc_path path Path to a directory containing dyld shared cache layout files. If not specified, spindump uses the historical information for the current machine -batteryonly Only include microstackshots taken while the machine was running on battery power -aconly Only include microstackshots taken while the machine was running on AC power -useridleonly Only include microstackshots taken while the user was idle -useractiveonly Only include microstackshots taken while the user was active SEE ALSO
SubmitDiagInfo(8), sample(1) Darwin April 19, 2016 Darwin
All times are GMT -4. The time now is 03:45 PM.
Unix & Linux Forums Content Copyright 1993-2022. All Rights Reserved.
Privacy Policy