Giter Site home page Giter Site logo

frangoteam / fuxa Goto Github PK

View Code? Open in Web Editor NEW
2.3K 84.0 703.0 252.95 MB

Web-based Process Visualization (SCADA/HMI/Dashboard) software

Home Page: https://frangoteam.org

License: MIT License

TypeScript 44.52% JavaScript 29.26% CSS 3.45% HTML 20.46% SCSS 2.28% Dockerfile 0.02%
scada hmi nodejs angular web-hmi web-editor web-scada plc opc-ua opcua

fuxa's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

fuxa's Issues

HMI Headerbar

Define in editor the Header (Angular Material Toolbar) and show it in HMI

Chart View

In Editor the settings for the chart: signals, line property, history size ...
History in sqlite
Chart with dygraph (the best)

Server run error

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

App not loading on NGINX proxy

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.

A bug when ungroup a shape

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.

fuxa-editor.js source code?

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!

how to change the svgeditor' language

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">&#2361;&#2367;&#2344;&#2381;&#2342;&#2368;, &#2361;&#2367;&#2306;&#2342;&#2368;</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?

HMI Navigation Menu

Define in editor the Side Navigation Menu (Angular Material Sidenav) and show it in HMI

Add support for InfluxDB

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.

Gauge alarm don't work

Bind variable and active alarm with value >= 1 or boolean true
if alarm will be disabled then take the last value to redraw gauge

Extend svg editor with new shapes

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>

Save project change

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

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.