programsam/binkjs

Music archival site BINK, rewritten as a Node.js express app

binkjs's Issues

Consider adding "about" page

I guess most of the time that I send someone to BINK, it's already explained to them what it is. But if somebody happens upon it or is curious, I guess it could help for them to have an about page that says what it is and is not!

Jam Titles bleed off the edge on mobile

If Title - Band @ Location is a certain length, it takes up two lines but the panel header doesn't expand right and so the title bleeds. Not sure if this happens on a full screen but definitely on mobile.

Download collection/jam as ZIP

Current BINK has the ability to download an entire jam as a zip file. Do this and also add ability to tar gz the collection. Quite useful for loading up flash drives or CDs w media.

MP3 Inspection

If MP3 is the format of choice for BINK, then the idea here is to make it so we can see how long tracks are and how big they are in file size and perhaps even read the ID3 information out of them when viewing.

Musicians, Locations, Bands, other entities related jams should be paginated

Use the same setup for browsing, with its pagination and sizing and what not for "Musican: Ben Smith appears on collections:..."

Search is wonky on mobile

Tap the hamburger and type in a search string on your mobile device and nothing happens... or so it seems. Not sure if this is a thing on the desktop view. Basically, though, the menu should close so you can see your results instead of them showing up in the background.

Should just be some JavaScript / jQuery work.

Replace all glyphicons with openicons

Bootstrap 4 got rid of glyph; so we need to fix that.

User tracking

The ability to track where users are going the most and the ability to see how many views a jam is getting and playthroughs and other analytics.

Playlist

I've decided I don't like how the playlist works css/dhtml wise. I like the concept of a playlist and it should be an integrated/core feature of BINK! ... I just don't like how i implemented it.

Player looks wonky on mobile

The player works in mobile in that it stays near bottom of the screen and starts producing audio... however, the title is not visible on your mobile device.

Admin. In its entirety

So far, the deployed version allows you to login with the old password just like you used to, but then that's it. You can then see the private jams that your average visitor can't.

So the issue is that there's no way to add new collections, upload tracks, or pictures or video add musicians, etc.

This is surely an epic.

MySQL Session management

Whatever the auth ends up being we need to manage session documents somehow and store them in MySQL

OAuth admin

Whether or not we do OAuth in general, admin for BINKjs should be done using OAuth. Get rid of the stupid shared password. Add people who had admin before so if they need to log in it's not a big deal. Reese, Josh... is that it?

Facebook is best bet because of people's familiarity and already being logged in and BINK is already an app on Facebook.

So this issue is to just replace the simple password based login with OAuth that lets the original admins login using their Facebook ID.

Active tab toggling

Maybe this is something we could do more easily with a bootstrap component, but anyway, the active tab should be white, while the others are darker gray.

Podcast

Current BINK has a podcast that is accessible from the iTunes Store. Need to bring this along.

Convert to MP3

In the past, users had complained about the difficulty of transcoding things from WAV or AIFF to MP3. Build this in as a background task queue.

Search disappeared

I'm sure we still have the javascript code for it and search is implemented server side, so this is probably just putting the html back in place for a search bar.

Mobile shouldn't be zoomable?

It's possible to make your mobile site such that the user cannot zoom in or out; fixed viewport? We want BINK JS mobile to be this way.

Timeline hangs off screen

Timeline used to take up the whole screen and now it doesn't.

Browsing table hangs off the page (mobile)

No javascript-implemented security

Just remembered I've done some client side javascript that like checks if something is private or not before showing it to you... Nothing wrong with that, so long as the server does it too/first.

Authorization for private jams

If someone is authed as an admin, they can see all jams from home page, not just admin area.

YouTube integration

Instead of just having video files stored in S3 and downloadable as a file, put them in YouTube for a BINK channel and also the ability to use YTs player and APIs

Jams near you

Integrate with Google API for displaying jams that happened near you on someone's device.

HTTPS

Use let's encrypt to make an https only connection to BINK. When you login, you send sensitive information that an attacker could grab.

Map is no longer centered

Something happened to the map; it floats/hangs off the screen now.

Collapse menu on view click?

Once you make your selection, the collapsable menu should... recollapse.

Staff view

Just like you can click on a musician and get their info, the same thing should apply for producers/staff.

Can't browse to recent

When you click recent, the URL doesn't change and you just sit there doing nothing.

Session detection on connect

When you connect/load the in-browser app, it should check whether it is authenticated or not because that dictates its behavior.

Fix picture carousel

I used to show pictures using the Bootstrap 3 component Carousel -- this is different in Bootstrap 4, though I'm not sure how just yet.

Padding, indentation, margins

It's a thing. It'll be different on mobile vs regular. It needs to be there for sure. No being flush against the side of the page.

Jam grid is no longer pretty

Bootstrap 4 probably did away with the buttons that you use for navigating search results. We used those extensively for searching as well as browsing. Bring 'em back.

Version number in branding

Easy enough to do from server into client.

Wells/panels

Replace all instances of wells and panels and similar with cards, a Bootstrap 4 thing.

Comments?

If users can be OAuthenticated, then maybe the idea is they can comment so long as they aren't anonymous. Comments per collection.

Josh's add-band idea

A band should not just be name and website. It should be name, website, and musicians.

When you add a band as admin, all its members get added to the musicians section but you can then edit them for that collection. So convenient.

Search only matches titles

Consider search and its use cases. Right now the database query is just looking for collection titles that match the string. Shouldn't you be able to search for dates and musicians and venues etc?

History doesn't work

History used to work, I swear. The button seems to not do anything (it just goes to "Loading...")

Admin no longer works

The menu pops up the modal but then when you enter the correct password it doesn't matter, the modal disappears and the menu doesn't change.

Twitter/Facebook feeds/page

If the view is more publicity for BINK as in #21, then one idea is for a feed that publishes public jams to Facebook and or Twitter automatically for anybody who subscribes to BINK. People could then just retweet or share on their timeline if they are subscribed to the main feed.

BINK API

Publish a Swagger API document for developers and also make it possible to get API keys and track people's usage.

Search should collapse

Maybe into its own view/tab? It's really awkward to expand a menu to search.

Share button

Current BINK has the share on Facebook / twitter button that makes it quick and easy to spread the word about your collection to friends and family. A question is if this is the kind of attention we want for BINK because it's sometimes a place we put music that is not meant for full on public distribution--it's more archival than anything.

Consistency check on entity database (instruments, musicians, producers)

Right now there are two instances of Drums in the instruments table for example. This is a bit of data entry and consistency check, not just a coding effort.

Menu is scrollable and you can't tell on mobile

There's more options than there seem to be on the menu when you're on mobile.

Maximize CDN Usage

So far, it's pretty decent. jQuery and other libraries that need to be loaded in the client are sourced from a free CDN server whenever possible. This is more of a reminder to always source this way unless it's code that's BINK specific. Keeps the load on the server low and improves user experience since they might already have it cached from that CDN and there's no way I could replicate the speed and responsiveness of a CDN.

Consider/rethink prev and next buttons

Old BINK has previous and next buttons--is that something we still want?

Timeline is wonky on mobile

Does it even make sense to have the timeline on mobile? It doesn't zoom right and so on

Consider sharing private jams

Maybe you can authorize someone to see a jam based on their Facebook id?