techprobono / techprobono.org Goto Github PK

and make it clickable

As a new user, I want to see my name on my developer page.

When I have just signed up to the website, I want to see a sensible value in the username section (currently Tom Hanks)

notes:
If the user has filled in a Twitter handle, use this.
Otherwise, their github handle
Otherwise, their email account

Also, the username is given in two places.
in turquoise by the user photo - this is the user currently being viewed

top right, next to the login button. This should always be the name of the currently logged in user.

See #5, Technologist Photo Upload 2.

It's exactly the same as that, but with the ability to drag and drop an image from the desktop instead of using a dialogue.

If a given push to master only includes files in the /public/ directory, copy the files directly to live server, do not make a complete new Rails build.

Add it to the CSS and make a class

Admin pages should be protected form prying eyes.
I'd like to log in to the website and, being me, get a cookie set that lets me use the website as my usual logged in developer-user self, but also to be able to access the admin pages.
No cookie, no entry to admin page.

Other solutions are also available.

The first admin page will be a simple table-dump of good causes, their details, along with datestamp.

Also, this page should show if they have been assigned a volunteer

This is clearly related to #1, but that concerns itself just with the username handling.

It should probably also be done with reference to #8 . Remember that a Technologist page is mostly going to be viewed read-only!

So, on this screen - the technologist page for andreiursan.
I am not andreiursan. I should see the headline of "andreiursan" next to the proflie picture. But I should see my own name top-right.

.. a story

As a logged in user, I want to see my name in the top right hand corner of the screen at all times. Next to a button to log out.
If I click the log-out button, I should be logged out and the page I am on should refresh, but as a logged out user.

As a logged out user, I want to see a login button in the top right hand corner of the screen. If I click it, I want to see a dialogue presenting me with the currently available login options. When I successfully complete this dialogue, the page I am on should refresh, but I will be a logged in user.
If my details are incorrect, I should see the same log-in dialogue, but with an informative message, telling me what went wrong.

The following elements should only be available when the current technologist page belongs to the current logged in user:

• add contact
• add an introduction
• add more technologies
• professional headline

That is, remove them from the source downloaded to the browser.

Plug in the good cause form on the index page

• check the email is unique
• save the data
• create a unique ID
• email the good cause mailing list
• show a 'thanks, someone will be in touch' message

Initial creative is here:

https://github.com/techprobono/creative/blob/master/probono_CHprofile.jpg

When a technologist is on their own page, they can, at any time, click on their profile photo, be presented with a dialogue to upload an image, and do just that.

The current profile image should be replaced by the new one, without necessitating a page refresh.

The small icon-sized profile picture in the top right hand corner of the page should also change to the new image.

Right there. I know you can see it.

there is a ui bug which does not let the user to enter his "introduction"

When I go on a technologist page,
and I click on the "+ add an introduction" button
I should get a modal view - where I can enter my abstract - this does not happen.

Many people don't trust simple email / password logins. For good reason - especially on smaller websites.
Many people prefer the simplicity of single-button logins piggy-backing on other people's better, more trusted security.

We should offer alternate logins for techprobono. The easiest and most ubiquitous is facebook, but for 0.9, we are only looking at technologist signup at the moment, let's go with github sign up.

The UI already exists for facebook, twitter and github login buttons on the "almost done" modal. They would also need to be added to the login popup.

On their own technologist page, a user has a number of options to enhance the data shown.

One of the most important is the biography, or introduction.

Clicking on "+add an introduction" opens the following modal dialogue:

As can be seen, the user has the opportunity to write free form about themselves. Markdown is permissible and a handy mark-down cheat sheet is included.

When the user has never updated this field, they should see the placeholder text "write as much as you like! You can use markdown".

When they click "submit", the data is saved, converted to HTML and sent back as an escaped HTML string to the success function of the ajax call. The dialogue closes and the introduction text returned is appended into the DOM Node id=developer_bio.

If the user clicks on this again, they should see the textarea in the modal populated with the markdown text that they originally entered.

Hi,

As a technologist
I want to sign up via a verifiable https connection
In order to prevent my personality on techprobono.org getting messed with

Currently, navigating to https://www.techprobono.org/ promps an SSL error since the site's certificate isn't matching www.techprobono.org.

It would be super awesome to be able to register/sign up via a secure connection.

Ascertain a user's location and save it.

This will always be shown as:
City, Country

Latitude / longitude details should also be known.

Once the country has been ascertained, the two letter country code should be added as a class name to the list item element for example:

<li class="location us">New York / USA</li>

or

<li class="location de">Düsseldorf / Germany</li>

see also: ISO 3166-1 alpha-2 country codes. http://en.wikipedia.org/wiki/ISO_3166-1_alpha-2

Developer users have the opportunity to add a variety of contact details. The idea of this is not so much to be "contacted", though of course, this is possible, but to showcase their professional work.

The display of contact details should be a textual link with a relevant icon. The link should open to the user page on the external website. The text should be the screen name.

When submitting new contact details, the user should not be forced to stick to a particular format of submission if we have any way of extracting the data we need.

Or, in other words, it should be valid for the user to add any of the the following into the "twitter" input:

https://twitter.com/veganben
http://twitter.com/veganben
www.twitter.com/veganben
twitter.com/veganben
/veganben
veganben
@veganben

This should all be accepted and the following link should be generated on the UI

<a href="https://twitter.com/veganben" target="_new" title="veganben on twitter">veganben</a>

Case should be preserved. (ie, if I type in VeganBen, I expect to see VeganBen)

The correct order for the contact details is:

location
personal
linkedin
lanyrd
github
meetup
tumblr

Location should be initially grabbed from the browser and can be updated by the user.
It should be displayed as City Name, Country and lat long data should be saved.Clicking it does nothing for now.
Personal - personal homepage, link title should be either the domain name or, if possible, the title from the index page of the personal page.
Twitter handles should have an @ sign. (even though there isn't one in the example above)
Others, as above.

It should not be possible to dismiss the "nearly there" dialogue without entering a password and clicking "submit".

All modal dialogues can be dismissed by clicking anywhere within the window outside of the modal. Except this one. This works and is good.

The other way to close a modal dialogue is to open a different one. This can still be done and needs to be disabled.

Steps to recreate:
create a new account
go to your new developer page
"nearly there" dialogue is visible.
click "add contact"
"nearly there" dialogue closes, add contact dialogue opens
click outside of the "add contact" dialogue.
No Modals!

As a signed-up technologist, I may want to stop getting emails from Tech ProBono

As a default, everyone signing up to TPB is currently spammable.

This story adds the ability to add a link in the footer of email to automatically unsubscribe to emails.

STEPS:

The user should be presented with a link in the footer of an email marked "unsubscribe from emails" or similar.
This link should be specific to the user who receives it.
When the user clicks the link, they are taken to a branded page on the techprobono.org website with a prominent button marked "unsubscribe"
Clicking this link will mark that user's details as "unsubscribed".
A confirmation "goodbye" email should be sent. Ironically. :)

The user should not have to sign in during this process.

Create a good cause managers mailing list.

These are the TPB Volunteers who get notified when a new good cause signs up. One person from this list will then take over the 'customer service' for the good cause, helping them to create their first project page.