How to make custom widget in things board? - widget

Can any one tell me how to create custom widget in things board? I want to create widget for operator position where operator can enter reason why machine is not working? like answers.

A complete overview for creating custom Thingsboard widgets can be found back on the following link (official thingsboard documentation):
Thingsboard Widget Development
Couple of tips:
Basic knowledge of web development is definitely usefull (html, css, javascript).
Basic widget API is important, the subscription object holds your data (see this link).
Use (import/edit) the default widgets for code examples, they're a great starting point.
I hope this gets you started.

Related

How can I make 2sxc app URLs show up in DNN's Sitemap.aspx?

I have a 2sxc app (using C# Razor template) that shows a listing and details view. I have 10 items. Each item has a friendly URL. Looks something like this:
domain.com/landing-page/details/the-benefits-of-jargon
domain.com/landing-page/details/code-samples
domain.com/landing-page/details/highlights-and-use-cases
etc…
Is there a way that I can make these URLs appear in the DNN Sitemap.aspx ? (as it stands, the only page that appears is “landing-page” because that’s the only real DNN page)
There are actually two ways. Dnn has some way you can write code to extend the page-structure provider. IMHO this is super difficult to do, but probably the official architected way.
Our way is much simpler ;)
Create a WebAPI which creates a standalone sitemap for your needs. You could assemble some strings, but we recommend to use the C# Xml object just to be sure. You can find some brand-new example on the RSS feed of the latest Blog5 app.
Register this endpoint as another sitemap on Google (yes, you can do that :)
That's how we do it - and we've been very successful with it creating landing-page systems that generate hundreds, sometimes thousands of unique landing pages.

How to implement labelImg function on the web browser

i am using labelImg tool for a graphical image annotation.
But for our education site, we would like to add this function of a graphical image annotation like labelImg into our web service.
https://github.com/tzutalin/labelImg
So Can we make labelling tool for data preparation for training on our website as one of function of data training?
Anyone have any idea concerned with this?
Ryan.
Labelimg is a desktop app that uses Qt for its UI. There exists solutions to run Qt in a Browser. See for example the solutions for Running Qt over the Web.
Otherwise I would recommend to explore other web-based tools for image annotation, e.g., the Computer Vision Annotation Tool (CVAT).
I hope you succeed in your endeavor.
To previous flags/deletion of my answer: As per Stackoverflow's code of conduct I did "make sure my answer provides at least a viable alternative. The answer can be “don’t do that”, but it should also include “try this instead”. Any answer that gets the asker going in the right direction is helpful". Please comment with further explanation why this is not a valid answer. Many thanks and all the best.

What are the different ways to write a widget in SonarQube?

SonarSource has said that they would be dropping support for Ruby on Rails. So assuming that we would need to use Web APIs from here onwards, what are alternate ways of writing your widgets? Has anyone tried any alternate ways of writing one? And how do you link said widget to the UI?
Short answer:
In upcoming versions of SonarQube, widgets and customizable dashboards will be progressively be removed. You will still be able to use the Web APIs to get all the data you want but you won't be able to contribute changes to the "dashboards" of the product.
Long answer:
SonarQube was initially designed to be able to inject and display any kind of information, mostly thanks to the customizable dashboards and widgets (that are indeed written in Ruby). While this helped getting widespread, the downside is that people started using it as a multi-purpose aggregator and reporting tool. One would add information coming from a bug tracker system, another one would add documentation information about projects, ...etc. The consequence is that soon, the global and project dashboards ended up being full of useless and useful information, everything mixed up together in a big mess.
So something had to be done to get back to what SonarQube is meant for: managing source code quality. Every information that can't be precisely linked to a source file should not end in SonarQube. Having said this, it becomes obvious that having a mechanism to define custom dashboards and widgets is just too generic. The web application must provide features that answer precise needs for a precise audience. This is why customizable global and project dashboards are progressively replaced by "hard-coded" pages which answer those use cases. This started with the new project home page introduced in the 5.x series of SonarQube and available in the latest 5.6 LTS. And we'll do the same with global dashboards in the 6.x series.

Most reliable JSON viewer/editor module for AngularJS

I now need to add a feature on the app I'm building a json editor. I would like to know which module have you tried before that you think is stable and worked really well.
The source data is already in json format which I receive from an API call. I already have a button which will call $scope.viewJson() but I'm still missing which json editor module I should use. I saw this today but not sure if there is another few ones that are better - https://github.com/rodikh/angular-json-editor
I'm the author of https://github.com/rodikh/angular-json-editor.
It's basically a directive wrapper for jdorn's json-editor. His project is very popular and in active development. Both it, and my wrapper are safe to use.
If you have any feature requests or issues with my wrapper, feel free to submit an issue on github and I'll try my best to resolve them.
The best one (to my mind, but anyone is free to disagree my opinion) is formly
formly site
formly github
formly documentation
PROS :
complete (you can make beautiful and unique forms : templates are some kind like unlimited)
well documented
easy to implement
CONS :
you have to design your own builder (it is not a problem to my mind)
i know this question is old.. but i was looking for this for quite for some time.
and i found this editor 's tutorial: Ace builds
Ace builds tutorial
i found maximum above editor unmaintained.
you can check its github repo here
ace build GitHub repo
i hope it saves someone's time.

How to customize buildbot web pages

I am trying to make some extra web pages for a test buildbot, since I am planning to have one running my project.
Practically I would like to have a waterfall page that show the button to build a specific builder, close to the build name, instead than in the builder page only. I would also like to have some reference documents loaded from inside the builder work folder, and from other locations on the slave machine; using buttons to display or hide them.
I've looked at the manual and I do not see any info about how do you customize or create new html pages, that can leverage on the Buildbot features (like the templates already included with Buildbot do).
I have opened some pages, and see that there are some html files that actually has non-html code statements like
% macro
% for
And so on. I am not a web programmer so I am quite clueless about what should I look for. Tried to google the word macro for HTML and I just got a bunch of results related to Wiki customization; it does not look like it is Python language so I am quite lost.
Is there anyone that was successfully able to make custom pages for the buildbot, and could give me some pointers about what to learn?
Buildbot uses jinja2 for templating, the jinja2 homepage has some nice documentation. This is where the non-html statements come from. I found google's chromium buildbot to be a good starting point, when learning about buildbot customization.
http://buildbot.net/buildbot/docs/0.8.7/developer/webstatus.html
http://jinja.pocoo.org/docs
http://src.chromium.org/viewvc/chrome/trunk/tools/build/masters/master.chromium/templates/