Feat: Add a function which show the statistics infomation during the trace query  (#488)

* add new tag to render statistics data info

* import statistice-bulleted.svg into index.ts to show svg on tag's button

* 1.add the table header into statistics render;2.add locale word in i18n file;3.init statistics function

* make statistics render work success

* modify statistice compute function to work correctly

* show the target of modify

* remove folder of new_issue which boken coding guidelines

* statistics render needn't to handleSelectSpan

* statistics-bulleted.svg add apache2.0-license

* 1.en.ts add statistics locale_en word;2.common/index.ts need line breaks to fix check;3.accept suggest to place statistics button on most the right side

* Eliminate useless functions

* Remove more useless functions

* Add the SumTime column to the statistics table

* The statistical table modifies the column name. Modify column sort

* Extract public file. Modify statistics table location

* Restores a function that was accidentally deleted

* Add sorting function to statistics table

* 1.merge statistics compoents into trace-item.vue,trac-container.vue and reuse by vue's parametererr

* Merge duplicate components.

* after merge trace-header' vue component,think different component has itself triggers,so function of mounted need tthe judge of parametertype

* Fixed data statistics error.

* use 'const' instead of 'let',Optimize the code for use 'a || b' not if else, anddelete no use code

* 1.change *.vue file, replace <script type=js> with  <script type=ts>;2.Integrate code and extract common methods with function changetree is add to trace-util.ts and it provide common funtion to trace-*.vue

* 1.fix tslint check bug,2 Accept Fine0830' suggestion use return in trace-container.vue

* replace svg with rk-icon

* change function public to private

* fix the bug which infinite recursion of oneself

* 1.change script's code of rk-page.vue with ts, 2.fix bug which cause vue's warnning: Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop’s value. Prop being mutated: “'currentPage'

* fix statistics calculation bug,group by endpointname + type, and data sources consider the whole tree structures not just level 1 children

Co-authored-by: lys <yanshan16@163.com>
Co-authored-by: 吴晟 Wu Sheng <wu.sheng@foxmail.com>
Co-authored-by: Qiuxia Fan <fine0830@outlook.com>
17 files changed
tree: 00532d309bbe95d4bf20769204ac557c6523ff5f
  1. .github/
  2. public/
  3. src/
  4. .asf.yaml
  5. .browserslistrc
  6. .gitignore
  7. .licenserc.yaml
  8. .prettierrc
  9. babel.config.js
  10. LICENSE
  11. package-lock.json
  12. package.json
  13. postcss.config.js
  14. README.md
  15. run.sh
  16. tsconfig.json
  17. tslint.json
  18. vue.config.js
README.md

Apache SkyWalking Rocketbot UI

Apache SkyWalking UI.

NPM BUILD

Contact Us

  • Submit an issue
  • Mailing list: dev@skywalking.apache.org. Mail to dev-subscribe@skywalking.apache.org, follow the reply to subscribe the mailing list
  • Join skywalking channel at Apache Slack
  • QQ Group: 392443393, 901167865

Release

This repo wouldn't release separately. All source codes have been included in the main repo release. The tags match the main repo tags.

Development

The app was built with vue + typescript.

Prepare

  1. Fork, then clone the repo and change directory into it.
  2. Install dependencies via npm:
npm install

Build

Notice, as SkyWalking primary UI, the npm build has been integration in SkyWalking dist build.

All following builds are for dev.

npm install
npm run serve

The default UI address is http://localhost:8080.

License

Apache 2.0 License.