Визуализация событий на временной шкале средствами "Поле HTML документа"


Интересный способ наглядно отобразить события на временной шкале. Например, может быть применен для красивого вывода документов по клиенту. Тестировалось на платформе 8.3.12.1469

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

За основу был взят Шаблон и модифицирован под работу с 1С. Объекты выводятся в заголовок события, кликабельные.

Пример отображения:

 

24 Comments

  1. CheBurator

    Исключительно «генеральский» продукт, имхо 😉

    Reply
  2. CaSH_2004

    Супер! Осталось придумать куда в более практичное место прикрутить. Если бы еще возмжность перетаскивать событие по шкале времени с обработкой что и куда перетащили — вот тогда можно было бы работать визуально.

    Reply
  3. sisdrou

    Да .. Это однозначно понадобится, крутая вещь.

    Reply
  4. Plotks2017

    (2) Хорошая идея, спасибо. Подучу javascript сделаю.

    Reply
  5. OKopOK

    (2)Согласен, перетаскивание было бы супер.

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

    Reply
  6. Plotks2017

    (5) Добавить класс

    .event1Bubble.SuperRed,

    .event2Bubble.SuperRed{

    background: rgb(255, 205, 205);

    }

    И в обработке при построении добавить:

    Если ДанныеБабла.Статус = 1 тогда
    Подкласс = «green»;
    ИначеЕсли ДанныеБабла.Статус = 2 тогда
    Подкласс = «red»;
    ИначеЕсли ДанныеБабла.Статус = 3 тогда
    Подкласс = «SuperRed»;
    КонецЕсли;
    
    Reply
  7. bearman

    Карточка события как-то реагирует на клик?

    Reply
  8. Plotks2017

    (7)Да, те ссылки что выводятся кликабельны.

    Reply
  9. rpgshnik

    Как раз на днях просили так реализовать историю статусов документа, спасибо пригодится.

    Reply
  10. leobrn

    можно еще как в исходнике сделано внизу рамки добавить автора документа. Не прикручивали исходной шаблон в его исходном виде?

    Reply
  11. Plotks2017

    (10) можно сделать что угодно, эта реализация как пример.

    Reply
  12. Timur.V

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

    Reply
  13. Plotks2017

    (12) В каком плане? Печатную форму документа?

    Данная обработка не содержит ничего кроме визуализации и способа ее реализовать. Проблемы нет добавить в нее любые кнопки и функции.

    Reply
  14. Timur.V

    (13) Распечатать эту красоту на принтере, формат А4.

    Это сложно реализовать?

    Чтобы можно было встраивать уже готовое решение.

    Reply
  15. Plotks2017

    (14) Не задавался таким вопросом. Нужно копать в сторону подобных обработокhttps://infostart.ru/public/298928/

    Как пример нашел такое решение:

    В шаблон HTML вставить :

    <body>

    <form>

    <input type=»button» value=»Печать» onclick=»window.print();»>

    </form>

    %Реквизиты%

    </body>

    На принтере печатается, но как-то криво.

    Reply
  16. OKopOK

    (6) Спасибо, помогло (с)

    Reply
  17. V1V

    Элегантное решение. Для любителей раскрашивать все и вся цветами и картинками однозначно будет бомбой. Плюс.

    Reply
  18. kare

    Немного бы описания как делали.

    Reply
  19. Plotks2017

    (18) Дык, обработка же есть. Исходный код открыт.

    Reply
  20. kare

    (19) no money no honey

    Reply
  21. leobrn

    как бороться с ошибкой в обработке , что вместо линии выводится «Sorry, your browser does not support inline SVG.»? В шаблоне на сайте все отображается корректно

    Reply
  22. Plotks2017

    Никак, ваш браузер(ie) не поддерживает SVG. Обновите internet explorer.

    Reply
  23. kare

    чуть изменить и на 8.2 отлично работает.

    Reply
  24. skyboy13

    Хорошая идея. Мне подошло

    Reply

Leave a Comment

Ваш адрес email не будет опубликован. Обязательные поля помечены *