zyzle / base Goto Github PK

Display a selected Snippet to the user giving complete information on it

as with unit tests we need some proper end 2 end tests with the snippets pages

Once the functionality is there should look at styling the snippets section. This includes form controls that currently lack angular2 material components so may be blocked by the changes to that project

The angular-cli team have recently moved to webpack. This project should update to the new version. Bit of a blocker right now as the angularfire2 and highlightjs projects don't seem to play well with this new module loader

Given the new module system of ng2 the Snippets part of the app should become a dedicated NgModule

Given discussions elsewhere it seems like having shims in the bundle is probably a bad idea. They should be in <script> tags instead.

To remove:

• es6-shim
• zone.js
• Reflect.js
• webcomponents.js(?)

This epic will contain all tickets related to the Snippets part of the app

As of the angular rc5 update it seems we can no longer load highlightjs the way we did before, for now I've switched to a CDN but would much prefer to do our own custom build

Seems like the "correct" way to handle building/bundling applications for ng2 involve using es6 modules and these related tools. Just need to figure out the hows and whys.

should have a dedicated login page that users can be redirected too if an attempt is made to access a guarded route when the user is not authenticated

This is used in a couple of services but is not actually required as it's used by Dart only

Would be nice to add The icon for the Language Admin make the screen less boring

Need to construct the child routes for the Snippet display.

Something like:

/snippets/
/snippets/:id
/snippets/:id/edit 

Should provide an in-app way to remove snippets. Either a control on the list screen or part of admin.

Also a way to undo a delete would be helpful

Right now only firebase SDK 2 is supported by AngularFire2, once this gets updated to the 3.0 version it can be moved over to the real firebase (will possibly migrate data may start fresh)

Document below contains information on the new forms components in ng2 as of rc2 should update to use these.
https://docs.google.com/document/u/1/d/1RIezQqE4aEhBRmArIAS1mRIZtWFf6JxN_7B4meyWK0Y/pub

Right now there are no restrictions on which routes can be accessed by unauthenticated users. There's no security issue because of the restrictions on Firebase but it would be a better user experience if the routes were impossible to activate without the user being authenticated.

This is caused largely by the current state of the angular rc router will keep a close eye on developments regarding this and hopefully this can be worked on.

Other possibilities include the ui-router or ngrx router 3rd party routers, for now I'd rather stick to Angular's own system.

Right now this is a bit messy, it doesn't look too great with the delete icons trailing underneath or the deletion candidates looking so different from the rest of the list. Some of this is limitations in the material components but should try and fix

Right now the Angular 2 router is being revised, once there are some concrete examples of this in the wild application routing will be switched over.

Idea for the homepage, maybe a card showing the 5 most recently added or scored snippets?

Right now the highlight directive gets called too often, this is caused by the inclusion of the ngAfterViewChecked method which was needed to compensate for the snippet redrawing after the usefulness counter is incremented

With the implementation of the deletion/restoration system Snippets may become out of order, should implement a pipe to order them in the display by either created or last updated date

Right now there are no tests in this what so ever. Need to add some

for some reason the ini svg file displays far too big in the page, it's probably just a sizing issue in the svg, will check it out.

Need to implement the search feature since the control is already there. Maybe a filter pipe on the snippet list?

Right now all styling is in a single monolithic app-theme.html this isn't ideal. The problem is polymer style mixins cant be used with angular's styles view metadata

Might be a good idea to add bookmarks to the site. Shouldn't be all that different from snippets, just a link and some metadata. May be cool to add a bookmarklet or browser extension with this.

right now anyone can access admin, should limit to particular users only

Should display a list of all snippets available on the site. This should show; Title, Description, Language, Date Added, Last Edit?, and Score

no longer need to use provide from @angular/core should upgrade to simplified syntax

There seems to be an issue with angular-cli's --prod mode when using AMD modules (such as highlight js) hopefully this issue with the bundler will be resolved in beta 6

Need the ability to add new snippets to the database.

Have a look at using the material design overlay feature for this component as it seems to be a set of helpers for doing exactly what I'm trying to achieve with the current iffy css rules

Add the usefulness counter to snippets

Would be good to allow users to make an information page about themselves with a few things that don't necessarily come from the firebase auth token

Right now I've got branches for both highlightjs and prismjs proof of concept directives. Need to decide which one to use.

PrismJS + its plugins are definitely more feature rich than highlightjs so far however I've struggled to make it work.

HighlightJS doesn't have as many features but was relatively simple to get working in a directive.

Right now there is very little in the way of proper unit testing for the snippet components should add some. Also see if coverage report generation is possible (there are several open tickets relating to this and angular2)

Right now tokens are simply pushed to local storage, this is far from ideal. Implement alternate way of handling this.

should probably do this as a component in the details screen that can be switched to

Right now we only have one snippets list which contains not only the metadata but the complete snippet listing. This should be split out into meta-data only list for simple quick access and the complete list for full operations.