Giter Site home page Giter Site logo

elstgav / projecthub Goto Github PK

View Code? Open in Web Editor NEW
11.0 11.0 1.0 1.3 MB

:octocat: ProjectHub — Chrome extension for filtering GitHub project boards

License: Other

JavaScript 96.20% Ruby 3.47% Shell 0.33%
chrome-extension github-extension github-projects

projecthub's People

Contributors

dependabot-preview[bot] avatar dependabot[bot] avatar elstgav avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

Forkers

achinn

projecthub's Issues

Write tests

Probably with mocha

  • Add script to package.json
  • Set up on Travis CI

View option: hide “add new column” column

Add an option to hide the “add new column” column—it takes up space and isn’t necessary after you’ve solidified your project.

  • Add a "create new column" option to the "+" dropdown
  • Should still be visible on new projects. Maybe make this option specific to each project? Ideally it should still be visible when you’re creating a new board, as you’ll want to create multiple columns.

Failed to load extension

Following the instructions in the readme and loading the dist directory results in the following error:

Screen Shot 2020-04-26 at 1 50 55 PM

View option: Fit columns to window width

For boards with a lot of columns, it’d be great if they could squeeze to fit the window width (within a margin of width)

  • Add option to fit columns to window width
  • Add configurable min-width and max-width

Minify for production

Currently not doing any minification—will probably need to create a build script for publishing to the chrome extension store

Re-render when board is updated

As new updates come in on the board, we need to re-apply our filters. Maybe that’s trackable with our mutation observer?

Add shortcut for assigning issues

Add some ability to easily assign/reassign issues. Could leverage the existing dropdown caret on cards. Could also be useful to have a key command? That may require a way to “select” cards so we know which one you mean…

Add settings menu

Add a settings menu to easily access ProjectHub’s options.

  • Convert existing settings button into dropdown menu
  • Link to Chrome extension options page
  • Ensure dropdown displays on read-only boards

Use different settings for each project board

Currently filters are saved in session storage and applied everywhere—I should change this to remember settings for each board (especially since each has different assignees, labels, etc)

Move notification bubble

Sometimes little update alerts appear over the filter buttons. We should move them up into the tabs deadspace

Add “Create Issue” Button

  • Could replace the '+' project header link with a dropdown that includes this as an option
  • wishful thinking: could load the new issue window in a modal

Add “cycle” buttons

Add a way to cycle through the filters in a dropdown, i.e. cycle through each assignee/label, etc. Also useful to cycle through available projects.

Selectors Broken

Noticed in the last week or so that the filter dropdowns are broken: not detecting labels or assignees. Will need to investigate further when I have time.

Index imports aren’t removed with tree-shaking

I noticed that when I import a file like so:

import { Storage } from 'src/models'

and src/models/index.js looks like this:

export { default as App          } from './App'
export { default as Label        } from './Label'
export { default as ProjectBoard } from './ProjectBoard'
export { default as Session      } from './Session'
export { default as Storage      } from './Storage'
export { default as User         } from './User'

that App, Label, ProjectBoard, and the rest of them are imported as well in the generated code bundle. Tree shaking should get rid of them since they aren’t used, but I think webpack is getting confused by this index import pattern 😕

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.