Цветовые метки задач

Аватара пользователя
Кирилл Панькин
Сообщения: 244
Зарегистрирован: 30.03.2016 16:58

Цветовые метки задач

09.06.2016 16:54

В ПланФиксе нет встроенной функциональности тегов, но творцами нам дано великое знание,что их можно реализовать через кастомные поля
А как на счёт такого весьма популярного визуального средства, как цветовые метки? (само собой, это те же теги, но с назначенным цветом)
Тут как-то пролетала информация, что в секретных подземных лабораториях ПланФикс прорабатывается концепт кастомного поля "Цветовая метка". Что-то будет такое или заброшено?

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

Аватара пользователя
Mike Goshka
Сообщения: 275
Зарегистрирован: 29.06.2014 17:11

09.06.2016 18:10

Да будет.

Аватара пользователя
Кирилл Панькин
Сообщения: 244
Зарегистрирован: 30.03.2016 16:58

09.06.2016 18:21

Замечательно!
А как скоро?

Аватара пользователя
Дмитрий Гончаренко
Сообщения: 3343
Зарегистрирован: 06.06.2012 13:54

10.06.2016 15:24

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

Так что при нормальном раскладе летом появятся. Но планы это дело такое...

Аватара пользователя
Alexander Menschikov
Сообщения: 69
Зарегистрирован: 26.04.2017 14:22

Re: Цветовые метки задач

03.07.2018 15:12

Есть тут какой-то прогресс по меткам?


Дмитрий Гончаренко писал(а):
10.06.2016 15:24
Вообще план такой:
- переводим внутреннюю структуру реквизитов аналитики на кастомные поля (очередной внутренний секвестр расплодившихся сущностей в пользу эволюционно более успешных экземпляров) - это запланировано на ближайшее время, условно месяц
- затем начинаем реализовывать пачками накопившиеся в очереди типы кастомных полей (а их есть) - и среди них цветовые метки - условно, еще месяц.

Так что при нормальном раскладе летом появятся. Но планы это дело такое...

Аватара пользователя
Дмитрий Гончаренко
Сообщения: 3343
Зарегистрирован: 06.06.2012 13:54

Re: Цветовые метки задач

03.07.2018 19:06

Да, в недрах команды ПланФикса постоянно идут обсуждения по этому поводу и меняются концепты :) На текущий момент не берусь озвучивать решения, потому что они меняются и на чем в итоге остановимся, я лично пока не знаю.

Аватара пользователя
Кирилл Панькин
Сообщения: 244
Зарегистрирован: 30.03.2016 16:58

Re: Цветовые метки задач

03.07.2018 19:29

Я в группе энтузязистов ПФ в Телеграме было дело делился рецептом по созданию цветовых меток на основе набора значений справочника с полем типа "Текст" и html-оформлением: https://t.me/planfix_com/19747
Увы, так и не собрался оформить это в виде обстоятельного поста на форуме.
Цветные метки с наворотами.png
Цветные метки с наворотами.png (3.43 КБ) 2601 просмотр
Цветные метки в планировщике.png
Цветные метки в планировщике.png (3.67 КБ) 2601 просмотр

Аватара пользователя
Кирилл Панькин
Сообщения: 244
Зарегистрирован: 30.03.2016 16:58

Re: Цветовые метки задач

16.11.2018 15:13

С недавних пор в приложении ПланФикс для Android появилась поддержка отображения html-разметки в текстовых полях. Соответственно, там теперь тоже будут видны описанные выше цветные метки на основе набора значений справочника с полем типа "Текст" (ну, или просто раскрашенные значения текстового поля справочника).
Но есть нюанс! (c)
Микро-движок, который используется в приложении для отрисовки html-текста, сильно упрощён. Из используемых в цветных метках параметров он понимает только цвет фона. Тоже неплохо, в принципе. Можно также задать цвет текста, что весьма важно, если цвет фона тёмный, но для этого нужно использовать другой способ — тег font.

В связи с этим я решил поделиться тут цельным рецептом.

Для получения метки, красиво отображающейся в вебе (с цветным текстом на цветной скруглённой по углам плашке с отступами и окантовкой) и нормально отображающейся в приложении на Android (только с цветным текстом на цветной прямоугольной плашке без настраиваемых отступов), я использую такой шаблон:

Код: Выделить всё

<span style="color:ЦВЕТТЕКСТА; background-color:ЦВЕТФОНА; border: solid 1px ЦВЕТОКАНТОВКИ; padding: 0.2em 0.5em; border-radius: 0.3em; line-height: 2;"><font color="ЦВЕТТЕКСТА">НАЗВАНИЕ</font></span>
Параметр "color:ЦВЕТТЕКСТА" задаёт цвет текста для отображения в браузере, а тег "<font color="ЦВЕТТЕКСТА">" задаёт цвет текста для отображения в приложении.
Нужно задавать цвет текста именно два раза, потому что современные браузеры могут игнорировать тег "font".
Но оказалось, что у этого нюанса есть собственные хитрые нюансы! Цвет текста в теге font не должен быть белым! Если задать шрифту белый цвет, то он будет написан чёрным! :eh: Подозреваю, что белый цвет воспринимается движком как цвет по умолчанию или вроде того, и потому заменяется чёрным. Поэтому для отображения текста белым цветом надо использовать немножечко затемнённый белый: <font color="#fefefe">название</font>, тогда всё будет в порядке.
Кроме того, оказалось, что в теге "<font color="ЦВЕТТЕКСТА">" цвет можно задавать только в формате #RrGgBb или его html-именем — red, green и т.д. (но не white!). А вот более универсальный и при этом человекопонятный формат rgb(r,g,b) здесь или не работает, или ведёт себя очень странно.

Кстати, в разметке также нормально работают теги <b>жирный</b>, <i>наклонный</i>, <u>подчёркнутый</u> и <s>--зачёркнутый--</s> (в форуме не предусмотрен).


Примеры меток:
Цветные метки в вебе, пример.png
Цветные метки в вебе, пример.png (3.13 КБ) 2105 просмотров


Цветные метки в Android, пример.png
Цветные метки в Android, пример

Код: Выделить всё

Зелёная:
<span style="color:#ffffff; background-color:#27ae60; border: solid 1px #239252; padding: 0.2em 0.5em; border-radius: 0.3em; line-height: 2;"><font color="#fefefe">зелёная</font></span>

Жёлтая:
<span style="color:#000000; background-color:#ffff00; border: solid 1px #e4e402; padding: 0.2em 0.5em; border-radius: 0.3em; line-height: 2;"><font color="#000000">жёлтая</font></span>
		
Синяя:
<span style="color:#ffffff; background-color:#2980b9; border: solid 1px #256fa0; padding: 0.2em 0.5em; border-radius: 0.3em; line-height: 2;"><font color="#fefefe">синяя</font></span>
		
Сиреневая:
<span style="color:#ffffff; background-color:#8e44ad; border: solid 1px #7d3b98; padding: 0.2em 0.5em; border-radius: 0.3em; line-height: 2;"><font color="#fefefe">сиреневая</font></span>
		
Красная:
<span style="color:#ffffff; background-color:#c0392b; border: solid 1px #98281d; padding: 0.2em 0.5em; border-radius: 0.3em; line-height: 2;"><font color="#fefefe">красная</font></span>

Аватара пользователя
Павел Кочетков
Сообщения: 8
Зарегистрирован: 27.12.2018 08:52

Re: Цветовые метки задач

05.04.2019 08:39

Я так понимаю теперь это не работает? Форму для ввода значений списка переделали, и теперь HTML код рассыпается

Аватара пользователя
Кирилл Панькин
Сообщения: 244
Зарегистрирован: 30.03.2016 16:58

Re: Цветовые метки задач

05.04.2019 12:16

Павел Кочетков писал(а):
05.04.2019 08:39
Я так понимаю теперь это не работает? Форму для ввода значений списка переделали, и теперь HTML код рассыпается
Хм. Всё работает, вроде бы.
Только теперь в поле "Название метки" нет визуального редактора и нужно прямо вписывать именно HTML код.

Ответить