wngjw / exogig

exogig is a crowd interaction website written in GoLang and TypeScript(Angular2).

exogig

A lightweight, mobile friendly crowd interaction website.

Join events and request songs from live performers.

Introduction

Exogig is a way for performing bands and artists to interact with an audience.

The main idea behind exogig is to provide all of the functionality of a native app without any of the clutter associated with installing one.

Getting Started

Any user can enter a code to a live gig to view the set list, request songs, and participate in chat.

Creating a Band

Register using our Google sign-in to create a band. Bands can create and start gigs.

Starting a Gig

Band members can add songs and sets to a gig. When ready, a gig will go live and produce a gig code, which audience members can use to connect to the gig.

exogig's Issues

More Data

Reasonably sized data sets would help with testing the interface design / layout.

If it's not too much trouble could we get some more artificial data being dealt out by the webserver's API, not sure how much time this would take, so no urgency.

Thanks!

Inputs don't let you access their functionality when clicking the label text.

Find a fix.

Refresh sets user back to the main page

When on a phone if you scroll up too far it refreshes the page and sets the user back to the main page making the user have to re-navigate to where they had been

Logo is not centered in the graphic.

The image is centered on the page. but the Exogig is not centered in the hexagon. :(

Use setlist to create Gig

This task was supposed to be completed as of the Feb 10 sprint.

• A gig must be able to be created from a set list and other relevant information

Create a "/generate" on the server to generate the unique code

Generate a code and return it in JSON format via an http get request "/generate"

(potentially use "/drop" and "/clear" to modify the server and database)

Main page needs to be re-formatted

This is the page after the gig code is entered.

Set page icons lack correct formatting and function.

The icons currently pop-up correctly, but they need to be larger, the size ought to be scaled based on the screen size. They also could appear with a space between them in a more "beautiful" manner. They also lack the (click) function to store any type of feedback for a given song. The latter bit can be gotten to later, but we can fix the formatting whenever possible.

• See the md-icons on set_html.html

Handle string concatenation the Go way

GetSongNames can be improved by using a byte buffer to concatenate strings. Minor issue. Some additional research needed.

View on iPhone

The view of the site on my iPhone6 shows the icons on the login page as dark and hard to see Not sure how we can fix this but it might be a concern

Use songlist to populate setlist

This task was supposed to be completed as of the Feb 10 sprint.

• Must be able to create a set from a songlist.

• Must be able to create set lists from sets.

add GigID to the ts files

we added a gig id to the go but not the .ts files

app.component.login.ts needs to store the retrieved Gig object

On the app.component.login.ts file I've commented out the transition function used for moving into the site, you can uncomment the this.notify.emit line at the bottom to allow for previous functionality.

To provide access to the Gig object on the other pages, we'll need to implement an Angular2 service to hold data between components, or any other method someone thinks would work well.

Function retrieving object below...

public joinEvent(location:string) {
		console.log(this.inputKey)
		var uploadObj = {
			key: this.inputKey
		};

let params: URLSearchParams = new URLSearchParams();

		for(let key in uploadObj) {
			params.set(key, uploadObj[key]);
		}
		//console.log(JSON.stringify(uploadObj))

		var headers = new Headers();
		headers.append('Content-Type','application/json');

		let options = new RequestOptions({
			search: params
		});

		this.http.get('/kendrick', options).map(res => res.json()).subscribe(data => this.entireGigObject = data);

		//This will be undefined since it runs asynchronously. BUT if you press the button again, it'll be populated.
		console.log(this.entireGigObject);

		//Currently I'm commenting this out since the Gig object is kept in scope of this one page only.
		//We'll need to provide access to this object through either an Angular2 service, or passing it through the emit function below.
		//If you need to test other pages just uncomment this.notify.emit below, BUT as of 2/10 the Gig object will not
		//be in scope on the other pages until the above is created and implemented.
		
		//this.notify.emit(location);
	}

The Key button to enter into a gig does nothing even with old code.

Bethany and I did a pull on Master and found that the enter gig button (the key) didn't do anything so that is a problem

Use Materialize Radio Button instead of @angular2/material

The angular material radio button has a broken ripple effect. Need to switch to Materialize.

Clean up on server.go

Clean up the debug code and put things in the app package for respective pages the functions need to be used in.

Gig page breaks

After adding/editing a gig the page breaks with an error that says addGig() is not a function of this.currentArtist

Typescript Interfaces for Go structs

Consider creating a folder for containing all of our abstract classes. And writing abstract classes in Typescript for handling our Go structs which manage our data structures.

We could also implement data structure functions for each one which would allow comparison, insertion, deletion, or even database upload.

The chat needs to automagically scroll down upon recieving a new message.

Issue is as title states.

$("#mydiv").scrollTop($("#mydiv")[0].scrollHeight);

We need to run this code as data comes in. Putting this as a reminder to myself, function called should be within the chat service I'd imagine.

check if user is a band works sometimes

for some reason it only check to see if the user is in band correctly when the user logs in. if the page is refreshed it say they are not in a band even if they are

Request page functionality

set list page breaks

the set list page breaks with an error that says "./AppControllerComponent class AppControllerComponent - inline template:14:0 caused by: this.currentArtist.getName is not a function" when you push the back button

Gig code needs to treat upper and lower case the same

When putting the gig code in on mobile it automatically capitalizes the first letter which changes the code

The database is dropped every time we run the server. This is a problem.

I know why we do this, (to fill gig data) but like maybe we shouldn't/

Add OAuth to the login Page

We will add google's OAuth to the login page. This will give the website access to information to identify the users. This will be used with chat and requests.