В IE не работает отрисовка article

http://webrunes.com/

а также не видно twitter timeline под комментариями и нет кнопки "Send".

Для остальных пользователей тоже твиты работают если не больше одного хештега. Можем легко ограничить возможность добавлять больше одного хештага либо удалять символы # кроме первого?
Апдейт описания поля:

Title, URL, one #hashtag or @mention

[сделано]
Добавить кнопку (см. https://github.com/webRunes/Default-WRIO-Theme/blob/prototype/blogs-post.htm) и функционал публикации фотографии. При нажатии на кнопку должно вызываться через API стандартное окно выбора картинки с последующей загрузкой и отправкой.

When sending a comment+donation, fields are not cleared and "Loading" is hanging.

https://dev.twitter.com/web/embedded-timelines/parameters
Add show-replies

Add " +exclude:retweets" to exclude retweets in comments. Search Query example:

https://cosmos.wr.io/index.html +exclude:retweets

Update the code to launch application. Create static page on github pages with tweet field to check.
More info #1

Добавить кнопку Create для pinger.wrioos.com, см. прототип Default-WRIO-Theme/pinger.htm кнопка Create. По нажатию вызывать виджет создания твита, см. Default-WRIO-Theme/pinger-create.htm

[fixed]

Ссылка включения комментариев должна быть видна лишь автору страницы, т.е. сделать проверку на совпадение URL профайла пользователя (см.ссылку My profile в тикете Login на любой странице) с URL в JSON-LD

"author": "url here",

При создании страницы

http://core.wrioos.com/

добавить поле Author где указывать URL взятый из тикета Login. См. #webRunes/Core-WRIO-App#23

В случае открытия страницы не автором он должен видеть блок "Comments disabled".
Если комментарии активированы, но пользователь не залогинен, то отображать как в прототипе

blogs-post-enable-comments.htm

прототип был обновлен.

Заменить поле для ввода скрипта для комментирования на кнопку "Add comments". После нажатия на нее вызывать в попапе с iframe (если получится) страницу создания виджета вида

https://twitter.com/settings/widgets/new/search?query=domain.com%2Fpage.htm

где в query выставляется URL страницы. URL должен браться из ссылки на пользовательский профайл + имя страницы из header (имя под которым будет сохранена страница). Пользователю будет показана инструкция создания виджета и вставки кода (позже добавим). После этого система должна автоматически парсить ID из кода (возможно?) и вставлять в json-ld.

Timilene doesn't work after visiting cover or itemList.

@rageofaxe FYI

Добавлять языковой флаг вида

#Ru

и пр. в твит для возможности фильтрации твитов по языку. Добавить дропдаун для ru, en, fr, ge и пр. По умолчанию будет English, т.е. #En. Список см. Default-WRIO-Theme/person-language.htm, найти и использовать список языковых кодов.

Добавить статью-обучение открывающуюся по ссылке в блоке Add comments - How to enable comments

tutorial.wrioos.com/titter.html

В сером блоке с каймой должна быть большая кнопка "Enable comments" и текстовая ссылка в виде стандартного блока "Need help?" со ссылкой внутри.

после

chess start @Crashe79

приходит

http://chess.wrioos.com/api/access_callback?oauth_token=ZiZxygAAAAAAdlskAAABT4TizgY&oauth_verifier=f3QhH2FroN0RPm6q63ycbnXZQFcRFbhn

но при нажатии получаю

Cannot GET /api/access_callback?oauth_token=ZiZxygAAAAAAdlskAAABT4TizgY&oauth_verifier=f3QhH2FroN0RPm6q63ycbnXZQFcRFbhn

Сообщение приходит каждую минуту, дублируется.
при

@Crashe79 #chess start

не работает. Порядок команд дожен быть неважен.

Update to

Posted via Titter - Advanced tweets http://titter.wrioos.com

Привести картинки Titter твитов к виду

https://pbs.twimg.com/media/B1AuvTyCEAArPd4.png:large

Пример этой картинки можно видеть в

https://twitter.com/webRunes

https://twitter.com/alexey_anshakov/status/862668097928531968
If you press Enter, e.x. do a line break with a long text, you get a bug.
Here is an example with Enter pressed two times
https://twitter.com/alexey_anshakov/status/862669211365253120

Сейчас в

https://github.com/webRunes/Titter-WRIO-App/blob/master/widget/titter.htm

жестко прописан код

<a class="twitter-timeline" href="https://twitter.com/search?q=webrunes.com" data-widget-id="570802230606176256">Tweets about webrunes.com</a>

который вызывает один и тот же таймлайн для всех страниц. Его необходимо подставлять динамически и брать данные для "...q=" из URL браузера (см. ниже), а id из json-ld. В страницу на webrunes.com добавлен для примера такой json-ld отвечающий за комментарии.

"comment": {
        "@context": "http://schema.org",
        "@type": "Comment",
        "version": "575551107394633729"
        }

version дает нам необходимые цифры для id в

<a class="twitter-timeline" href="https://twitter.com/search?q=webrunes.com" data-widget-id="570802230606176256">Tweets about webrunes.com</a>

Т.е. в файл

https://github.com/webRunes/Titter-WRIO-App/blob/master/widget/titter.htm

надо динамически добавлять ID и URL страницы с которой грузим комментарии в

<a class="twitter-timeline" href="https://twitter.com/search?q=webrunes.com" data-widget-id="570802230606176256">Tweets about webrunes.com</a>

а также добавлять url в текст

Tweets about [url]

Show "Insufficient funds" yellow message in case of insufficient funds. And do not send titter message in this case, so user can fix amount and click send again. At the moment users can send more than they have. This will be available only for WRG promised payment functionality.

При нажатии на Submit показывать на кнопке

Sending...

и на это время кнопку отображать как неактивную.

werunes.com
section
Add comment
sending not working. If user logged there must be button with "Send".

Комментарии отображаются с сабдоменов, см. комментарии в https://wrioos.com
виден комментарий от
titter.wrioos.com
чтобы решить проблему нужно попробовать добавить https:// в ссылку в твитах.

Add

Title, hashtags or mentions

Чтобы не было проблем с search query в твиттер виджетах, нужно добавлять при отправке сообщения https к ссылкам в твитах. И добавлять https при создании виджетов в search query.

Высота iFrame для комментариев снова со скроллом

Create chess game via Titter

After changing

https://github.com/webRunes/Titter-WRIO-App/blob/master/widget/titter.htm

no update on

http://wrio.s3-website-us-east-1.amazonaws.com/Titter-WRIO-App/widget/titter.htm

though build is passed:

https://travis-ci.org/webRunes/Titter-WRIO-App

At this point master branch is building on webrunes.com. Switch on dev.wrioos.com and set production branch.

Titter widget must be visible only while article reading but hidden on cover and itemList.

Convert
https://github.com/webRunes/Titter-WRIO-App/blob/master/widget/titter.htm
to react

На http://webrunes.com/ есть поле для Titter'а.
Лежит оно здесь
https://github.com/webRunes/Titter-WRIO-App/blob/master/widget/titter.htm
Нужно перенести функционал на него и удалить titter1.html

Add info to readme
https://github.com/webRunes/WRIO-local-dev/blob/master/readme.md

Сейчас убран index.htm в урле по требованию предыдущей задачи, однако это вызывает проблему - отображаются твиты этих страниц в других, т.к. совпадают по домену. Нужно вернуть отображение index.htm в url страниц.

Tags merging with page URL.
Disable line break in the comment.

В данный момент у нас 2000px высота для комментариев. После отработки скрипта Twitter и вставки iframe, мы знаем какой высоты нам нужны комментарии исходя из высоты iframe
http://stackoverflow.com/questions/3846132/jquery-get-height-of-iframe-content-when-loaded
Необходимо динамически через js проставлять высоту inline для "twitter-timeline". Высота timeline, которая сейчас равна 10000px, должна быть равна высоте iframe - 240px. Т.е. если, например, высота iframe 2000px, то высота timeline должна быть равной 1760px.

Нужно сделать автовысоту виджета как это работает для других виджетов.

При отсутствии автора в json-ld отображать

<div class="alert alert-warning">
    <button type="button" class="close" data-dismiss="alert">×</button>
    No author - no donation
</div>

Add a template feature. Users can add logo/brand theme, sign, QR code etc.

Please configure and launch server for Titter.

Please check
https://twitter.com/webRunes
to view the examples. All tweets was made via prev project: https://github.com/webRunes/Titter-WRIO-App-CSharp
It have to be rewritten with Nodejs.
New empty repo https://github.com/webRunes/Titter-WRIO-App
so you authored to make it from scratch.
As you can see tweet contain an image (generated from user text) and URL of parent post. To get the idea, please open
http://54.235.73.25/blogs-post.htm
and find "Add comment". User wrote a text, it have to be converted into image and send via Twitter API. Every tweet is a pic, url and donate sum (do not worry about donate at this time).

Authorization will be done via oauth.io, so first task is just send tweet via form. Second one - make an image from text and attach to tweet.

You're free to investigate projects like https://github.com/search?utf8=%E2%9C%93&q=twitter+nodejs&type=Repositories&ref=searchresults
to help yourself with development.

http://blog.risingstack.com/node-js-best-practices/ Node.js Best Practices
Following https://github.com/felixge/node-style-guide is required
http://pavels.in.ua/javascript-debugging-console/ debugging (use google translate)

Update UI according
https://github.com/webRunes/Default-WRIO-Theme/blob/prototype/blogs-post.htm
Now open
http://webrunes.com
Look into Comments area, breadcrumb "Comments" is misaligned, fix it.

Отображать количество возможных символов без красной оконтовки вокруг text area, она должна появляться только в случае превышения лимита. Переместить цифры от кнопки на место "Max 1024 characters" обычным цветом. Отображать красным только при превышении количества символов, вместо "Max 1024 characters" пусть отображается количество лишних знаков в виде "-5", кнопка send должна становиться disabled.

Hide donation field for author.

• при нажатии на "What are Credit coins?" в виджете создания комментария нажимается и кнопка "Get free Credit coins". Если не займет время, то хорошо бы сделать обновление баланса без необходимости перегружать страницу.
• после нажатия надо выводить "Wait x minutes", но без значка loading
• мы можем выбрать png или gif формат для сохранения картинки-коммента? Для четкости текста, а также меньшего размера
• можно либо отправлять длинный комментарий либо картинку. После начала ввода текста, кнопка "photo" должна заменять на "Clear text area and add photo". В случае добавления фотографии, вместо text area отображать

<div class="well"><h4>Success!</h4><p>The photo has been uploaded</p></div>

А кнопку заменять на "Delete photo and add text". Больше #39

Review

http://mimo84.github.io/bootstrap-maxlength/

to make a decision.

We have to fix bug with tweet URL. #anchor must be removed and index.html added, like it's done for
demo comment at https://webrunes.com

Please do the same for Titter widget https://github.com/webRunes/Titter-WRIO-App/blob/master/Widget/template.html: auto-deploy on S3 using .travis.yml
Related: webRunes/WRIO-InternetOS#36

В связи с тем, что большинство страниц сейчас (и в будущем) будут без комментариев, то нет необходимости создавать пустые списки в твиттере, что особенно важно в связи с ограничением на количество виджетов.

В случае выбора в редакторе "Save as" нужно автоматически снимать галочку "enable comments" и делать disabled, т.к. мы не знаем для какого URL создавать виджет комментариев из-за отсутствия информации о том, по какой ссылке будет размещена страница.

В ином случае при включении галочки "enable comments" еще не создавать виджет, а только сохранять в JSON-LD

"comment": "875721502196465664"

Это ID виджета, который привязан к фиктивной странице и никогда не будет содержать комментарии, а значит подходит для отображения пустого списка и на этапе отсутствия комментариев идентичен реальному списку. ID будет играть роль маркера, по которому мы будем определять, что комментарии включены автором, но их пока нет.

После отправки первого комментария нужно создавать новый виджет для данного URL, сохранять в JSON-LD полученный ID вместо "875721502196465664" и перегружать виджет Титтера.

В случае отмены логина в титтере происходит редирект на
http://login.wrioos.com/?auth
Должна открываться страница с которой пришел пользователь.

Взять копию json-ld с

webrunes.com

и положить в Titter, чтобы страница открывалась по

titter.wrioos.com

Страница с полем ввода пусть открывается по запросу

titter.wrioos.com?create