frangoteam / fuxa Goto Github PK
View Code? Open in Web Editor NEWWeb-based Process Visualization (SCADA/HMI/Dashboard) software
Home Page: https://frangoteam.org
License: MIT License
Web-based Process Visualization (SCADA/HMI/Dashboard) software
Home Page: https://frangoteam.org
License: MIT License
Value from backend are not be correct managed in frontend, maybe problem with device id and tag id mapping
JSON data connectivity
is it possible to zoom in or zoom out in the lab view of FUXA?
Is it possible to integrate to netcore backend ? if so please give some advice how to , thanks.
#Input of 'stroke width' attribute generates strange effects
I have trouble getting the app to load on Google Cloud (Ubuntu 18.04).
I have NGINX on port 80, which redirect to port 1881
location / {
proxy_pass http://localhost:1881;
proxy_http_version 1.1;
proxy_set_header Upgrade $http_upgrade;
proxy_set_header Connection 'upgrade';
proxy_set_header Host $host;
proxy_cache_bypass $http_upgrade;
The url 'example.com' is loading FUXA web server, because header is changed to FUXA and the page shows 'loading... ', which is what is found in /client/dist/index.html, but how do I get the app to load all the good stuff?
I can also see that client are connected to server and no errors are recorded in FUXA logs.
I would like to test this project, so any help is appriciated.
Hi,
I want to integrate the following guages( https://github.com/Mikhus/canvas-gauges ) into the fuxa editor. May I ask how to modify the code specifically to implement it?
Define in editor the Side Navigation Menu (Angular Material Sidenav) and show it in HMI
User/Gruppe Manager, Access Level and Permissions
By browsing OPC UA nodes, some server have a reply limitation of nodes amount
I find some templete in client\src\app\editor\editor.component.html named svginfo_lang
<label> <span id="svginfo_lang">Language:</span> <!-- Source: http://en.wikipedia.org/wiki/Language_names --> <select id="lang_select"> <option id="lang_ar" value="ar">العربية</option> <option id="lang_cs" value="cs">Čeština</option> <option id="lang_de" value="de">Deutsch</option> <option id="lang_en" value="en" selected="selected">English</option> <option id="lang_es" value="es">Español</option> <option id="lang_fa" value="fa">فارسی</option> <option id="lang_fr" value="fr">Français</option> <option id="lang_fy" value="fy">Frysk</option> <option id="lang_hi" value="hi">हिन्दी, हिंदी</option> <option id="lang_it" value="it">Italiano</option> <option id="lang_ja" value="ja">日本語</option> <option id="lang_nl" value="nl">Nederlands</option> <option id="lang_pl" value="pl">Polski</option> <option id="lang_pt-BR" value="pt-BR">Português (BR)</option> <option id="lang_ro" value="ro">Română</option> <option id="lang_ru" value="ru">Русский</option> <option id="lang_sk" value="sk">Slovenčina</option> <option id="lang_sl" value="sl">Slovenščina</option> <option id="lang_zh-TW" value="zh-TW">繁體中文</option> </select> </label>
but it don't work,and there's only 'client\src\assets\lib\svgeditor\fuxa-editor.min.js',I can't read it,may I have the source code?
Bind variable and active alarm with value >= 1 or boolean true
if alarm will be disabled then take the last value to redraw gauge
The SVG image are imported like PNG (binary on base 64).
To fix: import as svg object
Horizontal limits (max/min) have to be oriented too. Not so easy...
only happens on desktop version.
how do i extend the svg editor to append new predefined shapes?
<div class="svg-tool-button" [ngClass]="{'svg-tool-active': isModeActive('custom-shape')}" (click)="setMode('custom-shape')">
<span class="icon-tool icon-custom-shape"></span>
</div>
In Editor the settings for the chart: signals, line property, history size ...
History in sqlite
Chart with dygraph (the best)
In editor page when i use a Proc.Eng shape like 'motor-simb', and after i click on ungroup option, the forecolor and backcolor of the shape automaticcaly sets to black.
too long
Release version text editing is available.
Communication with device via OPC UA client
Remove the key combination to change Layer too
I want to see fuxa-editor.js source code, not fuxa-editor.min.js in client. Please tell me where I can find it. Thanks!
I will use the ngx-translate Angular library
It would be better to save the two files in the working directory of the FUXA/server, so we can start more instances.
The settings.js should be managed with a version
As an option you have to be able to configure the texts displayed on the visualization with multilingual support
This project looks very good...
I would suggest that the historic data, incl. Alarms & Events are stored inInfluxDB, because this database is fast and dashboard tools are already available.
Define in editor the Header (Angular Material Toolbar) and show it in HMI
Error at server runed:
2019-11-21T04:25:06.106Z [ERR] deviceA working (connection || polling) overload!
2019-11-21T04:25:07.629Z [ERR] DeviceB: try to connect failed! 10061
.......
large amounts of nodes (>1000) make the treetable componente really slow
By edit a svg object and delete the input value with ''backspace' will be the svg object deleted too
Add cursor pointer to object with events
We have to save only project change.
It is currently saved to the backend after leave the edited page, even when no changes have been made.
Detecting svg image change is not so simple...
A possible solution: automatic saving only to frontend and manually to backend
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.