Хочу представить всем нового веб-клиента собственного производства для нашего уважаемого волшебного форума.

https://mista-vue.netlify.com/

Использованные фреймворки: Vue.js, Nuxt.js, Bootstrap, Bootstrap-Vue, Material Design Icons.
Данный продукт делался исключительно в целях обучения веб фронт разработке с использованием Vue + Nuxt фреймворков. Должен сказать, мне самому понравился процесс и результат. Исходники пока показать не готов, надо рефакторить, удалить лишнее.
Пожелания на доработку принимаются. Если ваши идеи понравятся, они будут постепенно реализовываться.

Ну, и верстка делалась с подходом "mobile first"

Черно-белая тема и этим все сказано.

че-то как-то нравица

(0) Кому как, после пару часов это окружение темного , покажется что смотрим в туннель.

Здесь как-то привычней. Белые прямоугольники не зашли. Мало строк на странице или визуально разрывы увеличивают, по ширине растянуть. дерево с ответами/беседами? А этот останется?

This site can’t be reachedThe connection was reset.
Try:

Checking the connection
Checking the proxy and the firewall
Running Windows Network Diagnostics
ERR_CONNECTION_RESET

(0) Мне кажется большое расстояние между темами и постами внутри темы.

Расстояние великовато. Фон посветлее бы сделать.
Да ещё мобильное приложение или PWA прикрутить ))

(7) Оно не воспринимается.

фон реально надо светлее - слишком контрастно
В списке тем почему-то автор - ссылка, а последний комментатор - просто текстом... выглядит нелогично

понял, попробую поиграться с фоном и отступами.

(10) > В списке тем почему-то автор - ссылка, а последний комментатор - просто текстом... выглядит нелогично
к сожалению, API форума не возвращает id последнего комментатора, только имя - https://1cers.ru/api/topic.php?topics=10  

можно, конечно, заморочиться и по логину получить id, но там тоже не все однозначно. вот, например, https://1cers.ru/api/users.php?name=admin1

Лучше свой форум запили. Может у твоего будут прикольные фишки.

(12) А какие прикольные фишки нужны форуму? Я как раз в суперфоновом нечто рисую, может, идейки какие подцеплю

(13) В большой ветке непонятно кто ведет диалог (имеются ввиду ссылки типа цифра в скобочках). Рейтинга опять же нет. Не понятно каков проф. уровень отвечающего. Ну и т.п. Мне пикабушка нравится на эту тему. Но она тоже не фонтейн.

хотя рейтинг рейтингу рознь, можно и на котах и на порнухе скосить рейтинг. Меня больше профессиональный рейтинг интересует.

А где тултипы? без них не интересно

+(15) по моему мнен6ию нужен кармический рейтинг, т.е. если ставишь кому-то минус, то должен рассчитываться своей кармой.

а сайт то умер уже?

иначе появятся неадеквадратные минусометчики.

(17) какое это отношение имеет к КЛИЕНТУ форума?

(11) я могу добавить параметр strict и он будет искать по полному совпадению. Но не в ближайшую неделю

(18) netlify периодически не доступен в России, благодаря телеграмму

может лучше тогда на гитхаб ио?

(20) А какое отношение твои слова имеют к нашему разговору?

(24) никакого разговора не увидел, просто твой монолог

(14) "В большой ветке непонятно кто ведет диалог"
Как ты себе видишь? Типа "В ответ на Ваше (nickname) входящее от (дата) имею честь сообщить, что:"? Или как?
С кармой - как бороться с накрутками?
С профкармой - как её считать?

(25) сходи к окулисту, это не моя проблема.

(26) > Как ты себе видишь? Типа "В ответ на Ваше (nickname) входящее от (дата) имею честь сообщить, что:"? Или как?

Не, просто дивы со спулером.

> С кармой - как бороться с накрутками?
Запрет мультиакка.

> С профкармой - как её считать?
По секциям и плюсам чисто в топовом меседже.

Думаешь я знаю ответы на все вопросы? :) Все это ИМХО...

(28) "Думаешь я знаю ответы на все вопросы?"
Ты озвучиваешь хотелки, я спрашиваю, как ты это видишь... Простое предпроектное обслуживание ))

(28) "дивы со спулером"
Дива - это красивая девушка..
1) спулер (программа-планировщик, которая принимает документы, посланные пользователем на печать, сохраняет их и отправляет один за другим на доступный принтер) 2) программа подкачки или откачки данных 3) устройство перемотки

Забавная картинка получается...

(29) ты свой форум будешь писать?

Кармы не будет

какие нибудь фишки уклиента есть?
типа отображение картинок или раскраска кода или еще что-то?

(31) см (13)

(29) > Ты озвучиваешь хотелки, я спрашиваю, как ты это видишь... Простое предпроектное обслуживание ))

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

(35) т.е. тебе больше нравится деревообразный? Типа как на РСДН?

(33) пока только адаптивность дизайна

(37)+ ну, и отображение постов при клике на ссылку

(33) правильный ответ: чтоб было.
Я таких клиентов для форума уже пачку написал. У меня это вместо хелловорда, если надо посмотреть, как то или иное с тестом работает. Но у меня дальше второго экрана дело не идёт - и так все понятно. А тут человек заморочился, написал, не постеснялся показать народу. Уже хорошо.

(30) что-то типа: http://prntscr.com/ppi48c

(21) может лучше id добавить в /api/topic.php ?

(36) древображные и уродливыми бывают. Все зависит от дизайна.
Я стараюсь придерживаться стиля "разумный минимализм".
Миста как раз в таком стиле сделана по дизайну. Мне нравится. Но иногда это выливается в гемморой.

(40) То есть по-русски - quotes? Квотирование?
Типа
https://img-fotki.yandex.ru/get/5501/yamaximov.0/0_557ec_1f0d43a5_orig
?

(43) по русски - сортировка бесед :)

а как ты решал вопрос с отображением ошибок добавления сообщений?

(32) > Кармы не будет

О, великий, как скажешь :)

(44) Видели мы эти сортировки... На ИС... Что-то мне это не очень нравится...

(47) есть такое. Говорю же от дизайна зависит.

Как он меня там авторизовал?

Просто кто-то сильно дрочит на аватары и прочие второстепенные финтифлюшки. И получается хлам.

(0) Гж
Ещё бы карму прикрутить

С Nuxt.js проблемы были?

(49) шайтан )

(50) > С Nuxt.js проблемы были?
ну разве что недостаточно подробная документация, а в остальном норм. конечно, хорошо бы разобраться с настройкой webpack и babel и прочего вручную, но нафига когда есть Nuxt

(52) -> (51)

(49) так он же на мисте авторизацию проверяет

теоретически конечно можно карму прикрутить во внешнем источнике, а ля firebase

(55) Каждый сам себе карму будет считать? А что, вариант )))

(41) Его исторически в таблице нет. Ник есть, а user_id нет. Форум лезет за ним в messages, но там и так сам по себе запрос не приведи господь.

С другой стороны, может кто из альтернативщиков нарисует нормальную хотелку на api в виде контракта какого-нибудь, а я бы его накидал на досуге. На каком-нибудь, страшно сказать, эликсире...

(56) Это называется технология микросервисов

(58) а что за эликсир? что-то гуглится какая то лажа

ааа, это ты будешь писать на эликсире, а я подумал что контракт пишется на эликсире

(59) Узнал новое умное слово?

(61) https://elixir-lang.org/
А контракт лучше на русском :)

(2) Скиньте скриншот как выглядит?

А, все. Сам открыл ссылку в другом браузере, посмотрел. Так себе, слишком светлая.

(65) в каком то браузере не открылся?

(66) Открывался, просто у меня в хроме своя глобальная тема оформления для всех сайтов настроена. Хотел посмотреть какие цвета у тебя, но лень было менять настройки. Открыл в другом браузере, увидел.

по ф5 скролл улетает в начало

(66) тут некоторые ie6 и операми 12 пользуются. При этом стучат ножкой и требуют чтоб усё было.

В "плюсе" нет переходов в начало-конец. Фишечкой можно добавить отправку сообщения в ветку прямо из "плюса".

При обрыве соединения - неотправленное сообщение где-то станет в очередь? или погибнет нафиг как в реакт-миста?

отступы на белом поле сообщения от границ сильно большие. много места зря пропадает

межстрочный интервал тоже сильно большой

(71) Тут никакой "магии" быть в принципе не должно. Либо сообщение попало на сервер и в базу, либо нет. Тогда пользователь должен иметь возможность отправить его во второй раз

(74) "Тогда пользователь должен иметь возможность отправить его во второй раз" - вот именно. в реакт.мисте - сморгнулось, но на сервер не ушло. поле ввода пустое. текстовка - годы работы семь портсигаров - пропало хз. куда

(69) по идее Babel должен сделать код совместимым с древними браузерами, но я не тестил.
(70) а кто то этим пользуется?.. если да, добавлю

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

(71) если fetch вызовет исключение, то сообщение останется, иначе сотрется

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

Кто жаловался на отступы, теперь лучше?

(68) поправил

Сопля-подсказка типа "автор темы", "дата и время..." выскакивает вверх и закрывает текст над ней. Причём блокирует клик.
Лучше её перенести вниз

Да и вообще эти сопли со списка тем лучше убрать (зы проверка из этого клиента)

(0) картинки и Ютуб показывает? или клиент такой же, для модемного интернета?

Выдало
c.concat is not a function
Nuxt.js

исходники на гите есть?

(76) дело не в коде, а в верстке. всякие флексы и гриды

(0) Без рекламы? Не взлетит

(0) на винмобилке выглядит хорошо

(84) воспроизвести можешь?

(89) сегодня такое выдавало после 2 ночи, когда миста "лежала с бэкапом"

(90) понятно. гляну

(89) аналогичное сообщение и для
С.slice - так вроде
Воспроизвести вряд ли, но это скорее всего связано с плохим каналом передачи данных

(92) у меня такое в метро/автоьусе проявлялось, на смартфона инета нет, ющаю в дороге Вайфай транспортный, он частенько хреновый

Вот ещё как положить веб клиент
Открываем страницу форума.
Зажимаем ссылку. Смартфон спрашивает как открыть, говорим в новом окне, промаргивает типа отправил в новое окно, мы остаётся где были, можно ещё повторить пару раз.
Пробуем переключиться в любое такое открытое окно со ссылкой, в адресе ссылка, но страница не грузится, мертвая

(94)
- Доктор, когда я вот вот так вот делаю у меня болит..((
- А вы вот вот так вот не делайте ))))

(95)
- Кто это? Директор? да иди ты в ж..., директор!
;-)

(95) "С вас тыща"

зеркало для тех у кого netlify не работает

http://mista.vue.xsph.ru/

(79) это как "всегда ошибочный"?

(100)

(0)надо было vuetify использовать вместо Bootstrap, Bootstrap-Vue

А так - нормально. НЕ слушай тех, кто говорит, что отступы нужно менять. Не меняй! это метериал Дезайн. здесь так надо.

просто сделать нужно чтобы в таблице чередовались цвета.

(101) У меня вуйтефай не взлетел. Не понравился мне.

(102) да не, оно нормальное. только для небольших проектиков уж больно толст. даже если через его a-la cart делать

(103) Не, он мне внешне не понравился..
Я решил пойти стильно и модно, на CSS Grid ))))

(102)сейчас 2 версия vuetify она получше будет. правда компактные формы на таких фреймворках не сделать. слишком большие отступы в материал дизайне. тоже подумываю обходиться без этих новомодных стандартов.

(0) очень круто, что можно нажать на цифирку, и увидеть ответ на сообщение. Респект

(106) Ты не поверишь, но на Мисте точно то же самое... )))

(105) Я её трогал в конце лета, так что достаточно новая...

(107) там что-то прикручивать надо. А тут из коробки. В штатном режиме не работает ведь

тест

(99) вот ответ при отправке с использованием fetch

Response {type: "opaque", url: "", redirected: false, status: 0, ok: false, …}
body: null
bodyUsed: false
headers: Headers {}
ok: false
redirected: false
status: 0
statusText: ""
type: "opaque"
url: ""
__proto__: Response

(99) вообще, в ходе разработки наткнулся на 3-4 серьезных бага. могу прислать, если есть желание исправить.

(112) валяй

(111) а url?

(106) типа вот так https://i.imgur.com/rb3f1jR.png - это хорошо?

(115) отлично.
особенно что меня удостоили скриншотом

При жмаке на номер поста в ветке - в окно ответа не подставляетяс (как на мисте) номер

с какой хотелки кнопки в два ряда когда куча места в один ряд распихать?
отправить - под сообщением влево.
голуюсовалку - под окном сообщения прижать вправо.
.
как-то толерантнее ии адаптивнее надо быть имхо

https://i.ibb.co/tm2wkB9/2019-11-07-131155.png

(113) (114) написал тебе на мыло

(119) что-то поправил

(0) а можно узнать КАК это работает?

(121) у мисты есть апи

как бы это не звучало

(115) Это где у тебя так7

(124) а у тебя не так?