colab-coop/hellovoter-admin-ui

admin ui for ambassador project

colab-coop

Central repository for the colab.coop website.

Note: If you are a colab developer, this is but one piece of the larger colab-coop site puzzle. In addition to this, the main site repo, you will want to install several other programs on your local setup: colab-coop-form-api, which handles contact-form submissions, colab-coop-editor, which is a web-based editor for the site, and colab-coop-api, which is what the editor connects to to edit files on the site. Do take a look at the various branches. We will probably be working in the develop branch until release time.

clone the repo

$ git clone https://github.com/colab-coop/colab-coop.git

sass requires (on Debian based Linux):

$ sudo apt-get install ruby-dev
$ sudo gem install compass --pre

install deps (requires npm):

$ npm install

build site:

$ gulp

watch source and auto re-build:

$ npm run watch

run browsersync (serves, watches changes, autoreloads, syncs connected browsers):

$ npm run serve

auto-pull from github once every minute

$ npm run poll

hellovoter-admin-ui's Issues

DEFECT: Ambassador profiles with Ekata/Twilio data are not viewable in admin dashboard

When ambassador profile includes Ekata and Twilio verification data, clicking on that ambassador name to view their profile in admin dashboard leads to a blank page

Add JSON download for Ambassadors and Triplers data on admin dashboard

• Rename "CSVs" page nav item in admin dashboard to "Data"
• Add an ambassadors JSON file with all of the same ambassadors data currently in the ambassadors.csv
• Add a triplers JSON file with all of the same triplers data currently in the triplers.csv

Admin dashboard - CSVs too large to generate

1. Sign into admin dashboard and click CSVs tab
2. Click on ambassadors.csv button to download. Open/Save dialog appears as expected. Choose either option then open the CSV. CSV does not include all ambassadors
3. Repeat step 2 for triplers.csv. Same results - CSV does not include all triplers.

Update header and remove sidebar menu

As an organizer, I want to navigate easily around the admin dashboard.

• Mockup & figma below - to be used as overall style guide but please note modifications here
• Add black header with "Hello Voter BlockPower Admin" title and 2 main menu items: Ambassadors, Vote Triplers (don't include Applicants for now)
• Remove expandable/collapsible sidebar
• Add Data button to right of Vote Triplers button that links to /admin/#/csvs/
• Ambassadors button links to /admin/#
• Vote Triplers button links to new page to be created (see ticket: #2)
• Don't include gear icon
• Replace question mark icon with information icon and link to blockpower/admin/#/about/
• Display user's avatar on far right (from google/FB account in circle as on current admin dashboard (instead of profile button shown in mockup)
• Clicking user avatar image displays dropdown to show 2 options: Profile and Logout buttons. Clicking Logout triggers the Logout. Clicking Profile loads new profile page (in separate ticket)
• No responsive layouts needed for now

Reference mockup:

Figma (ARCHIVED Organizer Dashboard): https://www.figma.com/file/PX2Q6Lr5e1V2fWTm0Z5PeD/BlockPower-UI-%E2%80%94-Final?node-id=0%3A1623

Show Triplers data on ambassador profiles

For each ambassador profile in admin dashboard, list all of the ambassador's claimed Vote Triplers with timestamp when each was claimed and timestamp when each was confirmed (if confirmed)

Re-styled Ambassador Profile

As an organizer, I want to see an ambassador profile.

• Re-style ambassador profile to match the styling of the mockup below, but please note modifications here
• Include "Make Admin" button styled similarly to Deny/Approve buttons and place above Deny/Approve buttons
• Include Twilio and Ekata fields below other contact information
• Do not include "Information" and "Application" tabs--we won't have Application data to display from the WordPress site
• Include fields to note approval status as on current dashboard at bottom (Approved: Yes/No) and admin status (Admin: Yes/No)

Tripler search

As an admin, I would like to search the full tripler database by name.

• On admin dashboard, add a new page for Tripler Search (including menu item on left nav)
• On new Tripler Search page, allow user to search by first or last name as in the ambassador-facing app
• For each result, display First name, Last name, Address and Phone number

View full list of claimed Triplers

As an organizer, I want to see the full list of claimed Triplers.

Dependent upon colab-coop/HelloVoter#40

On admin dashboard, display full list of claimed Triplers with columns showing the following fields:

• display_name
• display_phone
• ambassador_first_name & ambassador_last_name
• status

Reference mockup