Git Product home page Git Product logo

opentrv-webui's People

Contributors

jack-evans avatar

Watchers

 avatar  avatar  avatar

opentrv-webui's Issues

Import component scss files into index.scss rather than the components themselves

Currently looks like the following:

import './someComponent.scss'

class someComponent extends Component {.....}

The problem is in each .scss file I then need to do:

@import '../../../node_modules/carbon-components/scss/globals/scss/styles.scss'

to use the carbon component colours....

If I change the the component to:

class someComponent extends Component {.....}

and do an @import of the scss file for the component in index.scss, this should remove the need to import the carbon component styles each time for each component

As a user I can register/login to the opentrv web interface

When a user loads the ui they should not be shown the dashboard, they should be shown a sign in or register page.

This is so that the server that talks to the OpenTRV units can protect its API's, a vital security feature.

In addition by registering a user and giving a user a unique id this can be used in documents specific to that user.

Investigate why click event takes long to execute

Analysing the performance on the action of clicking the side menu toggle produced the following results:

  • Development env
    image

  • Production env
    image

Need to work out why and improve the performance of clicking the toggle for the side menu. It only appears to take a long time the first time its clicked, subsequent clicks appear to not take as long (~30ms)

As a user I can find, edit and delete my opentrv devices

Lifecycle:

First time user:

  • User sees button that says "discover opentrv units"
  • user clicks the button
  • button makes call to the backend ui
  • backend forwards that call onto opentrv server
  • opentrv server sends data back of devices back
  • backend pushes the basic info of the devices to cloudant
  • backend sends data back to ui
  • ui displays data

User edits data:

  • user clicks on device tile
  • opens a larger panel with more data
  • user makes edits to the data such as change name of device
  • when user clicks off call to backend is made
  • backend makes call to cloudant with new changes

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.