librerouterorg / soporteremoto-dashboard Goto Github PK

View Code? Open in Web Editor NEW

4.0 4.0 0.0 2.07 MB

Remote and community soport dashboard for LibreRouter and LibreMesh networks

License: GNU Affero General Public License v3.0

HTML 5.34% CSS 3.94% JavaScript 90.50% Dockerfile 0.22%

soporteremoto-dashboard's People

Contributors

Stargazers

Watchers

soporteremoto-dashboard's Issues

error running the storybook server

@germanferrero wanted to try the progress and this is what I got:

Can you help me sort it out?

nico@ingorian:~/tmp/librerouterorg/soporteremoto-dashboard/web-app$ nvm use v8.10.0
Now using node v8.10.0 (npm v5.6.0)
nico@ingorian:~/tmp/librerouterorg/soporteremoto-dashboard/web-app$ yarn run storybook
yarn run v1.16.0
error Command "storybook" not found.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
nico@ingorian:~/tmp/librerouterorg/soporteremoto-dashboard/web-app$ ls
config-overrides.js  node_modules  package.json  public  README.md  src  yarn.lock
nico@ingorian:~/tmp/librerouterorg/soporteremoto-dashboard/web-app$ yarn run
yarn run v1.16.0
info Commands available from binary scripts: acorn, ansi-html, atob, autoprefixer, babylon, browserslist, build-storybook, css-blank-pseudo, css-has-pseudo, css-prefers-color-scheme, cssesc, detect, detect-port, errno, escodegen, esgenerate, eslint, esparse, esvalidate, handlebars, he, html-minifier, import-local-fixture, is-ci, jest, jest-runtime, js-yaml, jsesc, json5, loose-envify, marked, miller-rabin, mime, mkdirp, multicast-dns, parser, react-app-rewired, react-docgen, react-scripts, regexp-tree, regjsparser, rimraf, sane, semver, sha.js, shjs, sshpk-conv, sshpk-sign, sshpk-verify, start-storybook, storybook-server, svgo, terser, uglifyjs, uuid, watch, webpack, webpack-dev-server, which
info Project commands
   - build
      react-app-rewired build
   - eject
      react-scripts eject
   - start
      react-app-rewired start
   - test
      react-app-rewired test
question Which command would you like to run?: start-sorybook
error Command "start-sorybook" not found.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.
nico@ingorian:~/tmp/librerouterorg/soporteremoto-dashboard/web-app$ yarn run start-storybook
yarn run v1.16.0
$ /home/nico/tmp/librerouterorg/soporteremoto-dashboard/web-app/node_modules/.bin/start-storybook
info @storybook/react v5.1.9
info 
info => Loading presets
info => Loading presets

WARN Broken build, fix the error below.
WARN You may need to refresh the browser.

ERR! Error: => Create a storybook config file in "./.storybook/config.{ext}".
ERR!     at createPreviewEntry (/home/nico/tmp/librerouterorg/soporteremoto-dashboard/web-app/node_modules/@storybook/core/dist/server/preview/entries.js:21:11)
ERR!     at <anonymous>
ERR!     at process._tickCallback (internal/process/next_tick.js:188:7)
ERR!     at Function.Module.runMain (module.js:695:11)
ERR!     at startup (bootstrap_node.js:188:16)
ERR!     at bootstrap_node.js:609:3
ERR!  { Error: => Create a storybook config file in "./.storybook/config.{ext}".
ERR!     at createPreviewEntry (/home/nico/tmp/librerouterorg/soporteremoto-dashboard/web-app/node_modules/@storybook/core/dist/server/preview/entries.js:21:11)
ERR!     at <anonymous>
ERR!     at process._tickCallback (internal/process/next_tick.js:188:7)
ERR!     at Function.Module.runMain (module.js:695:11)
ERR!     at startup (bootstrap_node.js:188:16)
ERR!     at bootstrap_node.js:609:3
ERR!   stack: 'Error: => Create a storybook config file in "./.storybook/config.{ext}".\n    at createPreviewEntry (/home/nico/tmp/librerouterorg/soporteremoto-dashboard/web-app/node_modules/@storybook/core/dist/server/preview/entries.js:21:11)\n    at <anonymous>\n    at process._tickCallback (internal/process/next_tick.js:188:7)\n    at Function.Module.runMain (module.js:695:11)\n    at startup (bootstrap_node.js:188:16)\n    at bootstrap_node.js:609:3' }
Done in 7.44s.
nico@ingorian:~/tmp/librerouterorg/soporteremoto-dashboard/web-app$ yarn run storybook-server
yarn run v1.16.0
$ /home/nico/tmp/librerouterorg/soporteremoto-dashboard/web-app/node_modules/.bin/storybook-server
info @storybook/react v5.1.9
info 
info => Loading presets
info => Loading presets

WARN Broken build, fix the error below.
WARN You may need to refresh the browser.

ERR! Error: => Create a storybook config file in "./.storybook/config.{ext}".
ERR!     at createPreviewEntry (/home/nico/tmp/librerouterorg/soporteremoto-dashboard/web-app/node_modules/@storybook/core/dist/server/preview/entries.js:21:11)
ERR!     at <anonymous>
ERR!     at process._tickCallback (internal/process/next_tick.js:188:7)
ERR!     at Function.Module.runMain (module.js:695:11)
ERR!     at startup (bootstrap_node.js:188:16)
ERR!     at bootstrap_node.js:609:3
ERR!  { Error: => Create a storybook config file in "./.storybook/config.{ext}".
ERR!     at createPreviewEntry (/home/nico/tmp/librerouterorg/soporteremoto-dashboard/web-app/node_modules/@storybook/core/dist/server/preview/entries.js:21:11)
ERR!     at <anonymous>
ERR!     at process._tickCallback (internal/process/next_tick.js:188:7)
ERR!     at Function.Module.runMain (module.js:695:11)
ERR!     at startup (bootstrap_node.js:188:16)
ERR!     at bootstrap_node.js:609:3
ERR!   stack: 'Error: => Create a storybook config file in "./.storybook/config.{ext}".\n    at createPreviewEntry (/home/nico/tmp/librerouterorg/soporteremoto-dashboard/web-app/node_modules/@storybook/core/dist/server/preview/entries.js:21:11)\n    at <anonymous>\n    at process._tickCallback (internal/process/next_tick.js:188:7)\n    at Function.Module.runMain (module.js:695:11)\n    at startup (bootstrap_node.js:188:16)\n    at bootstrap_node.js:609:3' }
Done in 6.64s.
nico@ingorian:~/tmp/librerouterorg/soporteremoto-dashboard/web-app$

Include a title field at the creation of a report

Include an input field at the creation of a report and use it as the title for IssueSmallResume and IssuePage components.

Implement api .nodes

Implement the api for nodes. It should have a method called list() which takes no parameters and return the list of nodes retrieved from the backend as strings. Example: ['ql-roxa', 'ql-nicogesia']. By the moment it should be enough to return all the nodes in the same mesh network where the backend lives.

Add Avatar at Registration

Add an avatar input at registration form.

Integrate LastIssuePage component with the api.

LastIssuePage is the component showing the detail of an issue (aka, report). Implement the integration with the API so that the component takes the issueId from the propery:
props.location.state.issueId and ask the API for the issue's data.
Also, integrate the rendering of the comments with the comments api.

Offline first cross revision

Go through all the components and decide wether or not each of them should have an offline behaviour. If so, implement that behaviour.

Setup StoryBook Configuration

Implement .getDefaultNode()

Implement the api endpoint getDefaultNode which returns the mesh node from where the user is connected to the dashboard if there is any or null otherwise. The node should be a string, like 'ql-roxa'

server reports/list enpoint is returning state changes logs

When asking for the list of reports, the server is including logs of status change too.
This breaks formatReports and the view of reports listing.

account.recover is not actually checking if the account exists

In the actual behaviour, the api method account.recover allways return credentials (keys) for the words (seedPhrase) passed as argument.
It is necessary to know when the given seed phrase is actually associated with an account or not.

Scroll on list

Currently the scroll has effect on the whole web and should only be performed within the lists of issues or comments.

Delay retrieving last report.

After submitting a new report at NewReportWizard, we wait for reports.create to resolve and navigate back to LastIssuesPanel where the list of reports is fetched from the api, expecting our report to be in the list, but it isn't.
Right know we are workarounding it with a setTimeout.

interface Report {
    timestamp: number,
    user: string,
    status: string,
    node: string,
    commonIssueId: string, // los Id de commonIssues están hardcodeados en la webapp,
    title: string,
    body: string,
    comments: Array(string), // Array de ids de comentarios.
}

Edit Account

Add an edit account page and a link to it at navbar.

Build an image for raspberrypi or easy to deploy script

It should be simple to install a remote support service on a raspberrypi type device, either by a bash script or by an image already generated.

Recommend Projects

React

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

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

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

An Open Source Machine Learning Framework for Everyone
Django

The Web framework for perfectionists with deadlines.
Laravel

A PHP framework for web artisans
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.
Visualization

Some thing interesting about visualization, use data art
Game

Some thing interesting about game, make everyone happy.

Recommend Org

Facebook

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

Open source projects and samples from Microsoft.
Google

Google ❤️ Open Source for everyone.
Alibaba

Alibaba Open Source for everyone
D3

Data-Driven Documents codes.
Tencent

China tencent open source team.