[3.8.x]

Last twitter status in member profile

Описание

Мм… в профиле юзера будет выводиться последний статус из социальной сети Twitter.

Автор

GmStaff

Скриншоты


Функции идентичны оригинальным — например, при наведении на никнейм появляется тултип, который показывает немного информации.


Демо

@gm-community.net

Инструкция

Для начала добавляем дополнительное поле профиля, тип «Текстовое поле одной строкой»

• Заголовок — Twitter
• Описание — Ваш никнейм в социальной сети Twitter
• Категория поля профиля — по желанию
• Значение по умолчанию — оставляем пустым
• Максимальное количество символов в значении поля — 25

Далее по желанию.
Запоминаем id поля, у меня, например, это field10.

Затем подключаем в шаблоне headinclude используемого стиля:

jQuery (да-да, именно так), либо качаем с официального сайта, либо используем мое хранилище (о нем ниже).
jTweetsAnywhere, оф. сайт.
[s]CSS от jTweetsAnywhere[/s] Подключим непосредственно в MEMBERINFO. Также можно поступить с JS скриптами выше.
Добавляем в headinclude:

• При использовании моего хранилища:

  <script type="text/javascript" src="http://platform.twitter.com/anywhere.js?id=APIKey&v=1"></script>
  <script type="text/javascript" src="http://storage.gm-community.net/js/jquery.js"></script>
  <script type="text/javascript" src="http://storage.gm-community.net/js/jquery.jtweetsanywhere.js"></script>

• При скачке скриптов с оф.сайтов и последующим отправлением скриптов в /clientscript:

  <script type="text/javascript" src="http://platform.twitter.com/anywhere.js?id=APIKey&v=1"></script>
  <script type="text/javascript" src="clientscript/jquery.js"></script>
  <script type="text/javascript" src="clientscript/jquery.jtweetsanywhere.js"></script>

В шаблон MEMBERINFO добавляем:

• При использовании моего хранилища:
  

  @import url("http://storage.gm-community.net/css/jquery.jtweetsanywhere.css");

• При скачке дистрибутива с оф.сайта и последующим отправлением css файла в /clientscript:
  

  @import url("clientscript/jquery.jtweetsanywhere.css");

Затем, ищем

					<if condition="$prepared['usertitle']">
						<h2>$prepared[usertitle]</h2>
					</if>

Ниже добавляем:

<if condition="$userinfo[fieldX]">
	<div id="TwitterStatus"></div>

	<script type="text/javascript">
		$('#TwitterStatus').jTweetsAnywhere({
			username: '$userinfo[fieldX]',
			count: 1
		});
	</script>
</if>

Где fieldX — id дополнительного поля, которое мы добавляли в начале.

Вот и всё, в общем-то.