RDN-1175
1

Add More Social Accounts

Scott on 9/11/2015 9:37 PM

Scott on 4/1/2016 3:33 AM

%
(hrs)
Logged

0 (hrs)


 Description

We need to add social accounts to each member.  As well as display those social accounts to the public.

Adding Social accounts to Members.

League > Profile > edit

  1. Rename the Public tab and call it "Social"
  2. Copy the four social URLs from League > League > Edit under Social Tab.
  3. Put those urls into the new Social Tab.
  4. Add four new websites to the RDN.Library.Datamodels.Member.Member.cs file.  Website, Instagram, Twitter and Facebook.
  5. On Submit, and save of the Profile Edit, we need to validate.  Each new value can be null or empty. But when they are not.
    1. Parse the website and facebook and make sure it has HTTP in it.
    2. Make sure Instagram and twitter both have usernames and its not the actual http link.

On RDNation Public > League > Find a league here that has Twitter.

  1. Create a new tab called Social ONLY if they have a twitter feed.
  2. In the tab, use the twitter handle and display the social feed as shown here: http://www.livenation.com/events/383698-nov-16-2014-mint-condition
  3. You can find the twitter cards here: https://dev.twitter.com/web/embedded-tweets
  4. If the tweet has an image, video attached to it, it should show.

On RDNation Public > Members > Find your logged in user.

  1. Open up your profile page.
  2. If the member has a twitter, Instagram, or facebook page, it needs to be listed on their profile page just like it is here: https://rdnation.com/roller-derby-league/Aire-Force-One/524aa0d3e91b460e8c1ea0d40f285446
  3. The twitter, instagram and facebook feeds should be a direct link to their profiles.
  4. Add a new social tab to each of these accounts that have a twitter page.
    1. Do as above if they have a twitter account.

 

Skip Navigation Links
 

Icatalin Wednesday, March 23, 2016 1:45 PM #

for 1 and 2 just some div ids haven't mached

for 3 it works as long as in league social are correct links ( please see attachements)

 

Scott Friday, March 18, 2016 3:15 AM #

The social tab does NOT work for the RDN project.

  1. http://localhost:50122/roller-derby-skater/asdf/ec4c2dd5055d44e086354a4ccfc80e49
    1. Please fix it.
  2. This social and tweets tab doesn't work either.
    1. http://localhost:50122/roller-derby-league/asfd/a64c025ed03b48d3aff9dd57340b53ba
  3. The buttons for the league, facebook, instagram and twitter should point to their profiles too, but for some reason don't.
    1. Please include this in your fix.
 

Scott Saturday, February 20, 2016 7:18 PM #

Looks great.

Please fix the merge conflicts AND update the code based on comments.

https://bitbucket.org/rdnation/rdnation/pull-requests/83/rdn-1175-add-more-social-accounts-fix/diff

 

Icatalin Wednesday, February 17, 2016 3:58 PM #

This I think is the best that can be done with bootstrp only, of course they can be align on top not on center ( let me know if you want something changed) . Adding an additional <div class="row">  doesn't solve things , it will look the same, in fact if you do so you will lose some resposivenes of the page ( now it is responsive).

 

Scott Wednesday, February 17, 2016 2:53 AM #

There will always or most always be 10 tweets.  So do 4 rows as a bootstrap row.  Do 3 cards per bootstrap row and let everything else take care of it self.

That should do it?

 

Icatalin Sunday, February 14, 2016 9:18 PM #

I have some options, but none of them is perfect ( still thinking ... for one)

Please review the screen grabs from attachments ..

  1. pure boostrap ( but I can not make tweets to have the same height - this is available for all options - some of the tweets have more content some have less ....
  2. use flex box - I can center them verticaly on a row 
  3. use columns - this is ok as display but the problem for this is that the tweets are not in order from left to right ( tweet 2 is on row 2 not on row 1 col 2)
  4. I can try salvattore https://github.com/rnmp/salvattore  but this is a lib similar to mansonry and I don't really know if it will behave better.

Let me know what do you think I should do. ( if I will find a better solution I will let you know)

 

Scott Saturday, February 13, 2016 3:07 AM #

Don't use masonry if you don't want to.  Just list them in a 3 or 4 card row.  Just make sure the cards are all the same size.

 

Icatalin Friday, February 12, 2016 8:57 PM #

Yes I have tested it. Now I tested again more times ( and yes I can reproduce this). This is because mansory.js ( doesn't calculate correctly the margins) 

To be sure the this is the problem resize the window when you see this bug ( the mansory will recalculate the margins... ) 

In fact this problem I have had it before but I tried to fix it with this ( in LeagueViewModel.js) and I thought it was fixed

// init Masonry
                var $grid = $('.grid').masonry({
                    itemSelector: '.grid-item',
                    percentPosition: true
                });
                // layout Masonry after each image loads
                $grid.imagesLoaded().progress(function () {
                    $grid.masonry('layout');
                });

                twttr.events.bind(
                  'rendered',
                  function (event) {
                      $('#socialTabContent').masonry();
                  }
                );

Now I see that is not really fixed. Sometimes it does it correctly sometimes not, ( sorry I should have test this more )

Any ideas to fix it would be helpfull... 

 

Scott Friday, February 12, 2016 6:45 PM #

Did you happen to test this?

Review the screenshot.  Its what I am seeing.

 

Icatalin Friday, February 05, 2016 2:25 PM #

Now it shoud work with 3 possible inputs.  ( Example for aspnet page)

  1. https://twitter.com/aspnet  or http://twitter.com/aspnet  // url
  2. @aspnet  // the handle
  3. aspnet  // or just the name

If there are other problems let me know. 

 

Scott Monday, February 01, 2016 10:13 PM #

The social tab is not working after I enter in my twitter handle, the go to RDN > Skaters > Select my profile.

The Social tab pops an error "tweetId is a required parameter"

 

Scott Monday, January 18, 2016 7:39 PM #

Hey Icatalin,

See if you can pick up where this one was left off.

 

Dharmesh Monday, January 18, 2016 6:38 PM #

Scott, I tried a lot to complete this task. But I am not able to find any code library/sample to display multiple twitter cards by username.

It would be great if you assign another task in place of this. Becasue I already did many R & D for this but didn't get any success.

Also I haven't any task pending in support. So Please add new tasks if possible.

Thanks.

 

 

 

Scott Tuesday, December 08, 2015 3:34 AM #

Please review my comments.

https://bitbucket.org/rdnation/rdnation/commits/16d93d6d6c094ba84b543856974a0d2dbd708c7c

 

Scott Friday, December 04, 2015 7:27 PM #

So it looks like you need to use a single embedded tweet from here: https://dev.twitter.com/web/embedded-tweets

but if you scroll down to the THEME part of this link, thats what they need to look like https://dev.twitter.com/web/overview/widgets-webpage-propertie

 

Dharmesh Friday, December 04, 2015 3:58 AM #

I mean I can create only static timeline widget by entering twitter username from the like https://dev.twitter.com/web/embedded-tweets. By Instractions given on that, We need to create twitter widget by entering username from the give url. So It will generate html and javascript code to add our website with unique widget id by user. 

But we need to generate user timeline with username it from database . I know that I can get twitter username from the league Model. I am not able to generate unique widget id through code.

Let me know if you nee more clarificaction.

 

 

Scott Thursday, December 03, 2015 9:16 PM #

What do you mean dynamic Twitter name?  You can use the twitter username that the league has entered.  You would get it from the league Model.

Does that make sense?

 

Dharmesh Thursday, December 03, 2015 5:06 PM #

I tried many to add twitter feeds as per description given by you as below.

On RDNation Public > League > Find a league here that has Twitter.

  1. Create a new tab called Social ONLY if they have a twitter feed.
  2. In the tab, use the twitter handle and display the social feed as shown here: http://www.livenation.com/events/383698-nov-16-2014-mint-condition
  3. You can find the twitter cards here: https://dev.twitter.com/web/embedded-tweets
  4. If the tweet has an image, video attached to it, it should show.

I tried to add twitter user timeline as per instructions given ib link https://dev.twitter.com/web/embedded-tweets.

But we have dynamic twetter name. So for that I need to add dynamic widget id for each user timeline. I did many R & D work to get dynamic widget id for each user. But I am not able get any solution.

So It will not possible to do at my side. Please let me know if you know any other way to implement this functionality. 

Thanks

 

 

 

Scott Friday, November 27, 2015 4:53 AM #

how are you doing on this update?

 

Scott Tuesday, November 24, 2015 8:06 PM #

On the Profile > Edit page

  1. The Twitter Url should be called Twitter Username
  2. The Instagram Url title should be called Instagram Username
  3. Please validate to make sure each username isn't a URL.

On RDN.Main

  1. I don't see any information for the new Social pages.  Please do the following

On RDNation Public > Members > Find your logged in user.

  1. Open up your profile page.
  2. If the member has a twitter, Instagram, or facebook page, it needs to be listed on their profile page just like it is here: https://rdnation.com/roller-derby-league/Aire-Force-One/524aa0d3e91b460e8c1ea0d40f285446
  3. The twitter, instagram and facebook feeds should be a direct link to their profiles.
  4. Add a new social tab to each of these accounts that have a twitter page.
    1. Do as above if they have a twitter account.

 

This also doesn't work

On RDNation Public > League > Find a league here that has Twitter.

  1. Create a new tab called Social ONLY if they have a twitter feed.
  2. In the tab, use the twitter handle and display the social feed as shown here: http://www.livenation.com/events/383698-nov-16-2014-mint-condition
  3. You can find the twitter cards here: https://dev.twitter.com/web/embedded-tweets
  4. If the tweet has an image, video attached to it, it should show.
 

Scott Monday, November 23, 2015 2:46 PM #

http://git.codingforcharity.com/Repository/RDNation/dev/Commit/ef240975de0ea146defb83b7ae27ef9cb6e77179

Please put this into the Main.css file.

+<style> + iframe[id^='twitter-widget-0']{ width:100% !important;} +</style> +

 

Scott Wednesday, October 21, 2015 12:32 AM #

You can use the current league your in with your current Profile.

To do this:

  1. Go to League > Manage > Edit
  2. Get the Guid in the URL.  Should be something like: a64c025ed03b48d3aff9dd57340b53ba
  3. Go to RDN > Roller derby leagues > Add this to the URL of localhost/roller-derby-league/FAKENAME/a64c025ed03b48d3aff9dd57340b53ba

That will get you up and running.

As for why its redirecting you to rdnation.com - the leagues that show up there are pulled from api.rdnation.com so those leagues are fake, but with live urls.  I will work on this fix.

 

Dharmesh Tuesday, October 20, 2015 3:47 AM #

 I already added migrations and my database is updated. 1) As you described location  (RDNation Public > League > Find a league here). Can you tell me exact location where you like to add Social tab.  

I think it will be on https://rdnation.com/roller-derby-league/Aire-Force-One/524aa0d3e91b460e8c1ea0d40f285446  location.

I tried to select a league from http://localhost:16096/roller-derby-leagues but still it is redirect me to  https://rdnation.com.

 

 

Scott Tuesday, October 20, 2015 2:25 AM #

You might need to migrate the database.  It throws an error if the database isn't up to date.

You can grab the information you need from: https://apps.twitter.com/app/8825208/show

Login with

U:cheetahtech

P: 1qaz@WSX

The username will come from what the league enters as the Twitter

The ConsumerKey can be pulled from LibraryConfig

The Token can be pulled from LibraryConfig

Let me know if you need more info.

 

Dharmesh Monday, October 19, 2015 5:18 PM #

On RDNation Public > League > Find a league here that has Twitter.

Do I need to add new tab in Leangue page of RDN project? Please give me exact location. 

When I tried to open a league from http://localhost:16096/roller-derby-leagues. It's redirect me to https://rdnation.com. Can you plese tell me how I open league within local ?

And to display twitter social feeds we need tweeter user name and data widget id as per gived link by you https://dev.twitter.com/web/embedded-tweets. Can you tell me how can I pass data widget id?

 


Powered by BugNET 1.6.339.0