Coder Social home page Coder Social logo

dragonboard-frontend's People

Contributors

ai-santos avatar anasauce avatar compsight avatar jamestewartjr avatar jason00111 avatar jrob8577 avatar mantinone avatar nodatall avatar rae-ralston avatar shengdzhang avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

dragonboard-frontend's Issues

Create Basic Widgets

As a user, I want the ability to add a basic widget, like a text, an image, a clock, or a QR code, to my dashboard.

This issue will address the creation of the react needed to do so.

Edit General Account Information

From the account details page, create a dynamic form to edit user's first and last names and email address. ---> Frontend only!!!

Cancel Account

From account details page give user's the ability to delete their account.

Nav: More

Moving cursor between down arrow and text shows there is a section that is not a link; down arrow moves independently of text when browser resized.

Fix watchman issue

Right now watchman needs to be installed separately on everyone's computer before the test script will work.

Suggestions:

  • add installation instructions (brew install watchman) to the readme
    or
  • add watchman as a dev dependency

CSV Widget (Leaderboard)

As a user, I want to be able to add the CSV Leaderboard Widget to my dashboard, so that I can bask in the glory of a leaderboard generated from a CSV file on my dashboard.

  • Feature must be tested
  • Widget specification must be created
    • Dependent fields may be hard coded in widget specification for now
  • CSV Widget Component

Create Dashboard Landing Page

As a user, I want to see a landing page that displays all of my widgets for my default dashboard, so that I can interact with my dashboard after logging in.

  • This first iteration need not include authentication - just layout

Generalize widget size styles

Seeing a few widgets that begin with:

<div className="widget widget-width-1 widget-height-1" style={ positionStyle }>

We should probably generalize this so we're not replicating it in every component. Quick idea:

class WidgetWrapper extends Component {
  render() {
    return (
      <div className=`widget widget-width-${width} widget-height-${height}` style={ this.positionStyle() }>
        {this.props.children}
      </div>
    )
  }
}

Edit User's Password

From the account details page, give users the ability to change their password.

Test for Account Detail Changes

receiving new information for account details, overwrites current data and interprets correct type and rejects certain data that does not belong or could otherwise break the app.

CSV Widget (Number)

As a user, I want to be able to add the CSV Number Widget to my dashboard, so that I can bask in the glory of a number on my dashboard.

  • Feature must be tested
  • Widget specification must be created
  • CSV Widget Component

Dashboard not displaying

Minor bug, app.js should only include either Dashboard OR HomeNav HomeBody HomeFooter.

Currently nothing displays, throws errors

Better CSS

too many imports, merge and import once? build?

Add account management dropdown options

As a logged in user, I want a way to get to my account management pages, so that I can update my user information.

  • Add dropdown and link to account management page
    screen shot 2016-12-12 at 2 23 58 pm

Add Account Details page

As a user, I want to be able to edit my account details, so that I can update my information when necessary.

  • first name
  • last name
  • email
  • password
  • subscribe to newsletter
  • regenerate API key
  • company
  • display powered by gecko board bar
  • cancel account

Remove inline/embedded images

Move the inline/embedded svg and/or png images into their own files.
Suggestion:
There are online tools which can convert from base 64 into a file.

Create Dragonboard Homepage

As a user, I want to visit a lizardboard homepage to learn more about the tool and its features.

This work will complete the PR #1

Add Dashboard Listing

As a user, I want to be able to view a list of my dashboards under my account details, so that I can view and interact with all of my dashboards.

  • Dashboard listing
  • Link to edit dashboard settings page (do not implement, this will be done in another issue)
  • Add dashboard

Add Dashboard Edit

As a user, I want to be able to edit the details of a dashboard, so that I can update dashboard specific information displayed to end users.

  • Link on Dashboard Listing page under Account Details (See #46) takes users to this page
  • Fields:
    • Title
    • Public (boolean)

Add Skeleton for Account Details Page

As a user, I want to be able to see all of my account detail on one page.

  • Add account details page to render with User's information:
  • First and last name
  • Email address
  • Password
  • Subscribe to Newsletter
  • Company
  • Cancel account

Mostly static, non-interactive

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.