Визуализация событий на временной шкале средствами "Поле 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 не будет опубликован. Обязательные поля помечены *