Fixes #372
Optimizes the sharing functionality on the campaign page. Removes Semantic sidebar UI and instead replaces with an inline Semantic segment UI that flows better with campaign page and is more reproducible in other places.
New file client/scripts/share/share-semantic.html which is included in client/scripts/giftstart/giftstart.html.
- Click link in description section that reads "Get it to 100% by sharing this campaign"
- Hover question mark indicator next to "Write a message" and view tips.
- Write a message, click each social share icon.
- Click "Need help? Use a suggested messages."
- Select one or more "suggested message" and notice update to "Write a message" input along with indication of selected message.
- Click each social share icon.
- Manually update "suggested message", notice indication of selected message.
- Click "Share Email", notice error message. Clear "Write a message", click "Share Email", notice error message. Write/select message, enter email, click "Share Email", notice error message (doesn't work on local, needs to be tested on dev)
- Click "Copy Url", notice success popup. Open Safari, follow steps 1 above, click "Copy Url", notice degradation in Safari. (read more here and here)
- Click "Go Back" (outside of segment) to return to campaign details.
Note: This should all work exactly the same while "sharing" after a contribution. (doesn't work on local, needs to be tested on dev)
There was a ton of logic removed from client/scripts/share/share.controller.js that isn't being used anymore with the new update. It was used to do a lot of internal API type sharing which is now being handled more simply by socialshare (see below under, "Does this add new dependencies").
#372
Before
After
- Is there a blog post? Yes.
- Does the knowledge base or Wiki need an update? Maybe.
- Does this add new dependencies? Which ones?
Yes - socialshare and clipboard (internal dependency, but based on ngclipboard). Make sure to run
$ bower install angular-socialshare