emotivhq / gs-concierge Goto Github PK

To make the custom campaign creator as easy and intuitive to use as possible, we should use embed.ly. More specifically, Extract.

Steps:
User inputs any product URL > system sends url to embed.ly (extract) > embed.ly (extract) returns data > system shows returned product information to user to verify / edit > system maintains created long/short link along with clickable button to redirect user to GiftStarter create page.

• Embed.ly account (see your email for invite)

Angular wrappers (pick one, or not):

• angular-embedly
• angular-embedly

The current process is as follows:

We are using the CreateCtrl to call the CreateService to call the EmbedlyService.extract() method to ping embedly and retrieve data and pass it back to the CreateCtrl to set in scope and bind to scope... Then, we are setting vm.urlSearch which updates the <embedly> directive inside create.html view which.... uses EmbedlyService.extract() method to ping embedly, retrieve data, and populate the directives template.

We should only be calling EmbedlyService.extract() once then updating view elements accordingly.

http://concierge.giftstarter.com

UI should include:

1. Primary single input to consume product URL
2. [optional] Secondary link to setup a custom product
3. Read-only example of information returned from product url (see #2)
4. [optional] Secondary link to update portions of returned product info including title, description, and image selector (most product meta has more than one product image)
5. Shortened click-to-copy custom campaign link (see #3)
6. [optional] Secondary click-to-copy full custom campaign link
7. "Create This Campaign" button to redirect user to GiftStarter creation page.

I think that the text "create a non-profit campaign" should be a little more descriptive
like "make a group gift to a nonprofit in honor of someone special"

The two sections within the admin are going to be Campaign Management and Custom Campaign Creator. We need to have routes setup for each including views, controller, directives, services (optional), and a factory (optional)

To reproduce:

1. Enter a url (http://www.bloodworksnw.org/home/index.htm)
2. Enter a different url (http://www.organicbeardsupply.com)
3. Notice all other info updates, but image remains the same.

This happened by following the steps above and is after number 2 was performed:

Error: [$injector:strictdi] filepickerDirective is not using explicit annotation and cannot be invoked in strict mode

Docs:
https://docs.angularjs.org/error/$injector/strictdi

To keep current functionality in place for Custom Campaign Creator, and for the times when an admin wants to create a custom campaign link to share with someone, we still need to implement bit.ly link shortener into the Custom Campaign Creator process.

from master or any branch derived from master....

Running "jshint:app" (jshint) task
Linting app/modules/create/bindEmbedlyDirective.js ...ERROR
[L46:C45] W040: Possible strict violation.
                    scope.$parent.cardImg = this.src;
Linting app/modules/create/bindEmbedlyDirective.js ...ERROR
[L47:C37] W040: Possible strict violation.
                    mdCardImg.src = this.src;
Linting app/modules/create/createCtrl.js ...ERROR
[L51:C20] W030: Expected an assignment or function call and instead saw an expression.
      $scope.cardImg; 
Linting app/modules/create/createCtrl.js ...ERROR
[L77:C20] W030: Expected an assignment or function call and instead saw an expression.
      $scope.cardTitle;
Linting app/modules/create/createCtrl.js ...ERROR
[L78:C20] W030: Expected an assignment or function call and instead saw an expression.
      $scope.embedlyImages;
Linting app/modules/create/createCtrl.js ...ERROR
[L79:C20] W030: Expected an assignment or function call and instead saw an expression.
      $scope.originalUrl;
Linting app/modules/create/createCtrl.js ...ERROR
[L80:C20] W030: Expected an assignment or function call and instead saw an expression.
      $scope.providerName;
Linting app/modules/create/createCtrl.js ...ERROR
[L81:C20] W030: Expected an assignment or function call and instead saw an expression.
      $scope.faviconUrl;
Linting app/modules/create/createCtrl.js ...ERROR
[L82:C20] W030: Expected an assignment or function call and instead saw an expression.
      $scope.providerDisplay;
Linting app/modules/create/createCtrl.js ...ERROR
[L83:C20] W030: Expected an assignment or function call and instead saw an expression.
      $scope.cardDescription;

Warning: Task "jshint:app" failed. Used --force, continuing.

Tamiko: The taxes language underneath the "total donation amount" probably needs to be revised since there won't be a tax on a charitable gift. People may wonder though about who they're getting a tax receipt from (for charitable deductions). Will giftstarter include that language in the email after a transaction is processed? Is there any way I can see a copy of what that reply email will look like to make sure that it's kosher?

The app has no stack, just Angular, and works fine if deployed on Stamplay. But, we have no deployment pipeline for dev-next-prod.

So, new pipelines are built and ready to go, now all we need to do is add a web server!!!! Ugh.

Thanks to Node and Express that's already done.

Now we just have to unmess the mess that is the app structure (not meant for built version vs dev version), and a lot of Grunt changes are coming, along with changes in files depending on dev or prod.

Expect more documentation here.

Option 1:

https://filepicker.github.io/filepicker-angular/demo/index.html
See filestack repo - already installed ;)

But receives an error:

injector:strictdi error on filepicker module
...

Error: [$injector:strictdi] filepickerDirective is not using explicit annotation and cannot be invoked in strict mode

Docs:

https://docs.angularjs.org/error/$injector/strictdi

Option 2:

https://www.filestack.com/docs/support/integration/117

Sometimes on load it will show automatically, but even on hover, the Intercom widget popover shows on the wrong side...

It should pop up with a tooltip and mostly to the right, not left.