Несколько предложений по улучшению новой версии m.joyreactor.cc
Как всегда, вероятно, попрошу супер нишевые функции, но все таки попрошу, мало ли :З
1.
Когда нажимаешь по этим кнопкам (а довольно часто есть желание сменить версию), то было бы оооочень удобно, попадать не на главную страницу, а на туже страницу но на другой версии.
2. Очень раздражает, когда чего-то привычного, что было легко сделать, не стало. В обычной версии можно легко открыть пост в новой вкладке, сейчас нужно два клика и это сильно раздражает. Понимаю, все ради лаконичности. Но! Можно же просто сделать эту кнопку ссылкой на пост через <a>, а в обработчике нажатия всего-то добавить e.preventDefault(). Тогда средняя клавиша мыши, контекстное меню, долгое удержание на тачскрине (да и можно запариться и в обработчике учесть и открытие в новой вкладке через зажатый ctrl) будет работать будто ссылка, но при этом и казуальный режим никоим образом не пострадает.
3. Точно такая же история с комментариями. На телефоне жутко раздражает невозможность взять ссылку на комментарий. Мое предложение такое же, сделать эту кнопку и ссылокй. Для того чтобы кинуть кому-то ссылку на понравившийся коммент - идеально.
4. Решил попробовать создавать пост в новом редакторе и тоже есть пожелания. Во-первых, не работает зажатие ctrl (позволяет перемещать каретку не на один символ, а на целое слово влево/вправо), очень неудобно. Точно также не работает ctrl+backspace (удалить слово целиком). Очень не хватает. Во-вторых, почему-то клик на эту кнопку не работает.
5. Пропал пункт "скрыть пост". Это осознанное решение?( Невозможность изменить свой голос тоже? Если нет, было бы здорово реализваоть отмену голоса долгим зажатием, можно еще намутить какую-то анимацию заполнения при зажатии. Очень не хвататет для тех, у кого очень кривые лапы :(
6. Очень не хватает ссылок на псевдогифках. Понимаю, это может быть специально, но если вдруг нет, то очень хотелось бы вернуть.
А в целом, конечно, новый выглядит очень здорово.
P.S.: Для тех, кто видя подобный пост спешит первым вставить "Можно, делай". Все эти предложения прямо супер простые (ну может кроме 5-го), а 2 и 3 пункт делать быстрее раз в 10, чем написать этот пост.
С пунктом 1 согласен полностью, так как иногда проще прокомментировать в мобильной версии, чем в обычной. Да-да, я про спойлеры. Но когда хочу создать пост в этой версии как-то пофиг на какую страницу переходить, там вручную все теги нужно проставить, авто-тега страницы нет.
С пунктами 2, 3, 5 и 6 не сталкивался.
Как я понял, речь о том, чтобы при нажатии на любую их этих кнопкок - открывалась мобильная версия.
Я же отвечаю на это тем, что юзаю эту кнопку, когда мне надо вернуться в новостную ленту, после того как залез в фандом и надо с него вылезти на основной сайт.
Кароче накидал на скорую руку скрипт который вы можете добавить в закладки и после переключатся по клику по закладке из мобильного реактора в основной или фандомный и обратно...
Особо не думал особо не тестил но вроде работает
Но страницы редиректа на внешние сайты в мобильном реакторе в вроде всё ещё нет поэтому если нажмёте на ссылку без пары то вас скорее всего на главную выкинет...
Код для адресной строки браузера
javascript:window.location='https://'
+(window.location.hostname.split('.')[window.location.hostname.split('.').length-3]=='m'?'':'m.')
+window.location.hostname.split('.')[window.location.hostname.split('.').length-2]
+'.cc'+window.location.pathname+window.location.search+window.location.hash
Инструкция:
*)внешний вид ваших окон может отличаться и возможно нужно включить панель закладок в вашем браузере и все действия вы выполняете или не выполняете на свой страх и риск автор не несёт ответственности
1)открываете менеджер закладок в вашем веб браузере
2)создаёте закладку с адресом из коммента и произвольным именем
3)заходите на джой
4)нажимаете на свой страх и риск на на получившеюся закладку
Отак сделать примерно
И любую страницу* на Джое или на Реакторе или на ЭмРеакторе значит открываешь
*любую страницу у которой есть пара ато скорее всего на главную перекинет а там кто знает...
И клац!
Мы давольны?
~_^ Удачи!
В новом апдейте не тащатся кнопки в последнем и не последнем FireFox я кажется выяснил что по не установленной на данный момент причине ошибка в том что когда тег "button" помещается тег "a" ссылка перестаёт работать на перетаскивание
Как проверить?
возможно сделать в соответствии с картинкой из комментария:
https://joyreactor.cc/post/5473925#comment27277114
в https://m.joyreactor.cc
Как испавить?
убрать тег "button" из элемнтов "ссылка"(поста) и кнопки "Дальше" в низу страницы
Это не всё.
Я не разу не получал удовольствие от создания тегов в НьюЭмДжой поэтому я сделал техническую демку с не очень красивым визуалом и кодом но которая демонстрирует:
1)ссылка с тегом кнопки не тащится...
2) как сделать кнопки ≈"комментарии","ссылка","Дальше" чтоб они перетаскивались и нажимались и показали всплывавшие окна и открывали и закрывали комментарии...
3)место где создаются теги в посте и поиске
*Поле ввода это обычный инпут "input" и поддерживает все кнопки что поддерживает браузер/система что его открывает можно использовать хоть контрал хоть шифт хоть не знаю что кроме энтера
эта кнопка назначена на отправку/создание тега
*кроме того в конце поля есть графическая кнопка тоже создающая тег
*поле ввода тегов и созданные тег(и) и отображаются одновременно, поле ввода тегов не исчезает а только очищается при создании тега, возможно при верткие добавить кнопку закрытия самого поля когда в нём не остаётся необходимости
Дальше =>
картинк(а/и) =>
html код демки (запустить его можно через /post/4757014 (new word.htm) или через https://jsfiddle.net/ ) =>
Можно делайте!
И ~_^ Удачи!
// The IMAGE//////////////////////////////
// The IMAGE End//////////////////////////
.htm page code
<title>3 demos</title>
<pre>
<h2>Hello we 3 demos for m.joyreactor.cc</h2><hr>
<big><b>1) the maybe little bug try drag this on new tab for check this</b></big>
<a href="https://m.joyrector.cc" onclick="return false;"><button><img src ="" alt='drag and drop not work with "button" tag , i no know why (now)'></button></a>
</pre>
<hr>
<b>2) demo pattern for popup menu , comment button, and draggable button link</b><br>
<span style=position:relative;>
<span
onfocusout=this.style.display='none' tabindex=0
style="display:none;position:absolute;bottom:1.5em;border:1px solid;background:#999;outline:0;">
<li>look at me! i popup menu<br>
<li>maybe i can have some element in futture</li>
<li>click anywhere other place for hide me...</li>
<li>a you know? analog me probably can make with css</li>
<li>careful! author this demo bad know about tabindex...</li>
</span>
<a href="/" onclick="
/*popup menu*/
this.parentNode.children[0].style.display='inline-block';
this.parentNode.children[0].focus();
/*for comment block demo*/
this.parentNode.children[this.parentNode.children.length-1].style.display=='none'?
this.parentNode.children[this.parentNode.children.length-1].style.display='inline-block':
this.parentNode.children[this.parentNode.children.length-1].style.display='none';
/*for disable onclick*/
return false;
" style=outline:0;><img src ="" alt="you can drag drag and drop me and if you click on me i show popup menu and show/hide comment block"></a>
<span style="display:none;width:100%;">
<li style="background:#999;margin:4">I "comment" like</li>
<li style="background:#999;margin:4">careful again author make this on realtime without many thinkers</li>
</span>
</span>
<hr>
<b>3)demo tag maker </b><br>
<span>
<input style=width:80%;
placeholder='type tag here and press "enter" or button="add tag"=>'
list=famousTagList
id=tagInput
onkeydown="
if(event.keyCode==13)if(tagInput.value){
tagPlace.innerHTML='<b style=background:#999;border-radius:2px;margin:5px onclick=this.remove()>'+tagInput.value+'<span style=color:red> X</span></b>'+tagPlace.innerHTML;
tagInput.value=''
}
"
><button style=width:20%;
onclick="
if(tagInput.value){
tagPlace.innerHTML='<b style=background:#999;border-radius:2px;margin:5px onclick=this.remove()>'+tagInput.value+'<span style=color:red> X</span></b>'+tagPlace.innerHTML;
tagInput.value=''
}
"
>Add Tag</button>
<datalist id=famousTagList>
<option value=Cat>
<option value=Love>
<option value=Sun>
<option value="Sometime sleep">
<option value="Sometime run">
</datalist>
<span id=tagPlace></span>
</span>
1)после релиза проверял в мобильном режиме код из коммента вроде бы работает но возможно лучше ещё потестить
2)в кнопке "add tag" я кажется забыл сделать автофокус но поле ввода тегов при нажатии но это только прототип , если нужно это добавить то вы можете добавить в клик событие кнопки
"add tag" код:
;if(tagInput.value)tagInput.focus();
3) Новая фича на основе демки
В поле в ввода тегов добавить возможность сразу нескольких тегов через запятую как в мэйнДжой
Бонус к фиче в блоке уже созданных тегов и использовать теже запятые без пробелов
Итог эта фича по идее даёт возможность хранить заранее заготовленный список тегов где нибудь в .txt
а бонус к фиче копировать список тегов из уже существовавшего поста через выделения тегов
Демо бонуса
Мы 3тега кагото поста, выдели нас всех и скопируй чтобы получить заготовку для создания поста или создания поиска с такими же тегами
dev,реактор,песочница,
/////////////////////////////////////////////////////////////////////////////////////////////////////////
~_^
По поводу ввода тегов - я пока не знаю, какой будет окончательный вариант. Но думаю, что добавить запятую, которая добавляет тег - не проблема.
Отмечу что проверял перетаскивания в Хроме вместе с НьюЭмДжой и там кнопка поста перетаскивалась на новую вкладку и создавала вкладку...
то есть вопрос к ФаерФоксу, но тем не менее современных("разных") браузеров осталось не так уж и много поэтому я считаю что оптимальное решение было бы подстроится под ФаерФокс и возможно написать про баг ФаерФоксу
И
Я проверил некоторые ссылки в НьюЭмДжой на перетаскивание кнопка комиксы в правой колонке тащится и создаёт новую вкладку, кнопки из "Наши любимые теги" и вроде бы вообще вся правая колонка работает в FireFox без бага перетаскивания ,если можно повторить это поведение для остальных кнопок то я предполагаю что это было бы удобней для пользователей
пишет "Введите теги через запятую...",
попробовал вставить заготовку "cat,sun",
в контекстном меню не оказалось пункта вставить , перетащить текст на строку тегов тоже не вышло...
устройство не мобильный FireFox v123.0.1, в текущем основном редакторе получилось вставить заготовку тегов через контекстное меню но перетаскивание смешивает текст "Введите теги"... с тегами которые перетаскиваются на строку ввода тегов
чтобы исправить перетаскивание в текущем основном возможно можно попробовать использовать атрибут placeholder input тега и убрать/отключить ту часть кода которая создаёт текст "Введите теги"... в атрибуте value , html пример использования placeholder :
<input placeholder="Введите теги...">
^ну или лучше не трогать ...
Удачи!