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

Публикация № 877893

Разработка - Работа с интерфейсом

Визуализация ПолеHTMLДокумента

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

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

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

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

 

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

Скачать файлы

Наименование Файл Версия Размер
Визуализация событий на временной шкале средствами "Поле HTML документа"
.epf 11,41Kb
02.03.20
138
.epf 1.0 11,41Kb 138 Скачать

Специальные предложения

Комментарии
Избранное Подписка Сортировка: Древо развёрнутое
Свернуть все
1. CheBurator 3410 31.07.18 23:16 Сейчас в теме
Исключительно "генеральский" продукт, имхо ;-)
Evgenij1990; user642047_ziborov.roman; Пан; +3 Ответить
2. CaSH_2004 356 01.08.18 01:42 Сейчас в теме
Супер! Осталось придумать куда в более практичное место прикрутить. Если бы еще возмжность перетаскивать событие по шкале времени с обработкой что и куда перетащили - вот тогда можно было бы работать визуально.
4. Plotks2017 237 01.08.18 09:50 Сейчас в теме
(2) Хорошая идея, спасибо. Подучу javascript сделаю.
user642047_ziborov.roman; rpgshnik; +2 Ответить
5. OKopOK 01.08.18 10:04 Сейчас в теме
(2)Согласен, перетаскивание было бы супер.
Кстати, а изменение цвета месяца на красный (к примеру) если задач больше критического нельзя сделать?
6. Plotks2017 237 01.08.18 10:21 Сейчас в теме
(5) Добавить класс
.event1Bubble.SuperRed,
.event2Bubble.SuperRed{
background: rgb(255, 205, 205);
}


И в обработке при построении добавить:
Если ДанныеБабла.Статус = 1 тогда
		Подкласс = "green";	
	ИначеЕсли ДанныеБабла.Статус = 2 тогда                               
		Подкласс = "red";	
	ИначеЕсли ДанныеБабла.Статус = 3 тогда                               
		Подкласс = "SuperRed";	
	КонецЕсли;
OKopOK; Interrupted; +2 Ответить
16. OKopOK 01.08.18 15:00 Сейчас в теме
3. sisdrou 22 01.08.18 09:28 Сейчас в теме
Да .. Это однозначно понадобится, крутая вещь.
7. bearman 5 01.08.18 10:56 Сейчас в теме
Карточка события как-то реагирует на клик?
8. Plotks2017 237 01.08.18 11:31 Сейчас в теме
(7)Да, те ссылки что выводятся кликабельны.
9. rpgshnik 2118 01.08.18 11:35 Сейчас в теме
Как раз на днях просили так реализовать историю статусов документа, спасибо пригодится.
Seaflame; Interrupted; +2 1 Ответить
10. leobrn 253 01.08.18 12:41 Сейчас в теме
можно еще как в исходнике сделано внизу рамки добавить автора документа. Не прикручивали исходной шаблон в его исходном виде?
11. Plotks2017 237 01.08.18 12:43 Сейчас в теме
(10) можно сделать что угодно, эта реализация как пример.
12. Timur.V 65 01.08.18 12:58 Сейчас в теме
На печать можно вывести выбранный интервал?
13. Plotks2017 237 01.08.18 13:05 Сейчас в теме
(12) В каком плане? Печатную форму документа?
Данная обработка не содержит ничего кроме визуализации и способа ее реализовать. Проблемы нет добавить в нее любые кнопки и функции.
14. Timur.V 65 01.08.18 13:14 Сейчас в теме
(13) Распечатать эту красоту на принтере, формат А4.
Это сложно реализовать?

Чтобы можно было встраивать уже готовое решение.
15. Plotks2017 237 01.08.18 13:29 Сейчас в теме
(14) Не задавался таким вопросом. Нужно копать в сторону подобных обработокhttps://infostart.ru/public/298928/

Как пример нашел такое решение:
В шаблон HTML вставить :

<body>
<form>
<input type="button" value="Печать" onclick="window.print();">
</form>
%Реквизиты%
</body>


На принтере печатается, но как-то криво.
17. V1V 113 02.08.18 13:09 Сейчас в теме
Элегантное решение. Для любителей раскрашивать все и вся цветами и картинками однозначно будет бомбой. Плюс.
wowik; kare; rpgshnik; +3 Ответить
18. kare 21 12.09.18 13:27 Сейчас в теме
Немного бы описания как делали.
19. Plotks2017 237 12.09.18 20:52 Сейчас в теме
(18) Дык, обработка же есть. Исходный код открыт.
20. kare 21 13.09.18 08:42 Сейчас в теме
21. leobrn 253 15.09.18 08:03 Сейчас в теме
как бороться с ошибкой в обработке , что вместо линии выводится "Sorry, your browser does not support inline SVG."? В шаблоне на сайте все отображается корректно
22. Plotks2017 237 17.09.18 14:58 Сейчас в теме
Никак, ваш браузер(ie) не поддерживает SVG. Обновите internet explorer.
23. kare 21 03.10.18 14:00 Сейчас в теме
чуть изменить и на 8.2 отлично работает.
24. skyboy13 10 09.09.19 10:17 Сейчас в теме
Хорошая идея. Мне подошло
25. Seaflame 02.03.20 10:37 Сейчас в теме
Ошибка лезет: {ВнешняяОбработка.ВизуализацияДанныхНаTimeLine.Форма.Форма.Форма(238)}: Значение не является значением объектного типа (SetForm1C)
ЭтаФорма.Элементы.ВизуализацияTimeLine.Документ.parentWindow.SetForm1C(ЭтаФорма);
26. Seaflame 02.03.20 11:22 Сейчас в теме
(25) Надо использовать defaultView, а не parentWindow
Plotks2017; +1 Ответить
27. Plotks2017 237 02.03.20 11:42 Сейчас в теме
(26) Недавно выяснил, что использование такого подхода, как в обработке, когда в страницу передается форма может приводить к зависанию клиентской части, если форма не была закрыта явно. Для пользователя все выглядит штатно, окно закрывается, а вот процесс остается жить и даже выполняет обработчики ожидания. Принудительно закрыть форму при завершении работы тоже не получится т.к. события ПередЗакрытием перестают работать.
Светлый ум; Seaflame; +2 Ответить
Оставьте свое сообщение

См. также

СКД: красивые надписи в заголовках колонок

Отчеты и формы Программист Архив с данными v8 v8::СКД УПП1 Россия Windows Абонемент ($m) Практика программирования Работа с интерфейсом

Необходимо немного исправить вывод надписей в заголовках колонок, сделать более читаемый вариант. Как это сделать?

2 стартмани

27.02.2020    5823    5    wowik    36       

Программы для исполнения 54-ФЗ Промо

С 01.02.2017 контрольно-кассовая техника должна отправлять электронные версии чеков оператору фискальных данных - правила установлены в 54-ФЗ ст.2 п.2. Инфостарт предлагает подборку программ, связанных с применением 54-ФЗ, ККТ и электронных чеков.

Делаем из СКД Excel (ну, почти)

Инструменты и обработки Программист Конфигурация (md, cf) v8 Абонемент ($m) Работа с интерфейсом

Несложный в использовании способ внедрить в обычный отчет СКД возможность редактировать значения ресурсов отчета (а-ля Excel) и получать отредактированные значения для дальнейшей обработки.

1 стартмани

26.01.2020    4333    8    herfis    16       

Индикация прогресса выполнения фонового задания на управляемой форме внешней обработки

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Абонемент ($m) БСП (Библиотека стандартных подсистем) Работа с интерфейсом

Внешняя обработка с фоновым выполнением и индикацией процесса для любой конфигурации на основе БСП >= 2.3 без изменения конфигурации и встраивания обработки в "Дополнительные отчеты и обработки".

1 стартмани

27.12.2019    4560    9    1sig    12       

Онлайн-курс «Автоматизация процессов управления МТО: методика сбора и формализации требований» с 1 апреля по 13 мая 2020 года. Промо

Цель курса - повысить полноту и качество сбора и формализации требований к автоматизации процессов управления материально-техническим обеспечением. Курс основан на процессном подходе, позволяет в полном объеме выявить и учесть все факторы, влияющие на специфику процессов управления МТО. Участники курса получают теоретические знания в области организации процессов управления МТО и готовый инструментарий для сбора и формализации требований по автоматизации этих процессов (шаблоны, опросники, модели).

40000 рублей

Декомпиляция условного оформления

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 1cv8.cf Абонемент ($m) Работа с интерфейсом

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

1 стартмани

23.12.2019    4123    31    XilDen    3       

Многоуровневые списки выбора с оформлением элементов

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Абонемент ($m) Практика программирования Работа с интерфейсом

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

1 стартмани

17.12.2019    4654    2    azhilichev    5       

Подборка программ для взаимодействия с ЕГАИС Промо

ЕГАИС (Единая государственная автоматизированная информационная система) - автоматизированная система, предназначенная для государственного контроля за объёмом производства и оборота этилового спирта, алкогольной и спиртосодержащей продукции. Инфостарт рекомендует подборку проверенных решений для взаимодействия с системой.

"Живые" картинки со Snap.SVG

Статья Программист Конфигурация (md, cf) v8 Абонемент ($m) Практика программирования WEB Работа с интерфейсом

В статье рассмотрен пример использования http-сервисов для визуализации данных

1 стартмани

24.10.2019    8413    15    blackhole321    4       

История версий объектов для УФ

Отчеты и формы Программист Пользователь Архив с данными v8 v8::УФ 1cv8.cf Россия Windows Абонемент ($m) Журнал регистрации Обработка документов Обработка справочников

Универсальная независимая система хранения и анализа истории изменений справочников и документов. Предназначена для любых конфигураций 1С V83 ((8.3.9.1818) и выше) в режиме управляемого приложения.

1 стартмани

17.10.2019    8767    25    dmitrydemenew    22       

Подборка решений для взаимодействия со ФГИС «Меркурий» Промо

С 1 июля 2019 года все компании, участвующие в обороте товаров животного происхождения, должны перейти на электронную ветеринарную сертификацию (ЭВС) через ФГИС «Меркурий». Инфостарт предлагает подборку программ, связанных с этим изменением.

Альтернативный способ добавления элементов и реквизитов на формы

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 ERP2 УТ11 Россия Абонемент ($m) Работа с интерфейсом

Предлагаю альтернативный вариант добавления динамически создаваемых элементов и реквизитов на форму.

1 стартмани

09.09.2019    6970    9    bmk74    1       

Удобный выбор из таблицы/дерева в УФ

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Абонемент ($m) Практика программирования Работа с интерфейсом Разработка

Выбор из таблицы значений или дерева значений в выпадающем списке рядом с полем ввода - УФ, быстро и просто!

1 стартмани

12.08.2019    8506    5    Yashazz    18       

Онлайн-курс «Практические аспекты внедрения регламентированного учета и расчета себестоимости в 1С:ERP на крупных промышленных предприятиях» с 20 апреля по 15 мая 2020 года. Промо

Курс рассчитан для подготовки экспертов по регламентированному учету и учету затрат для внедрения на крупных промышленных предприятиях с «исторически сложившимся» учетом

9000 рублей

[Механизм интерфейса] Свой флажок (чекбокс)

Инструменты и обработки Программист Конфигурация (md, cf) v8 1cv8.cf Абонемент ($m) Работа с интерфейсом

Создадим свой флажок для интерфейса, используем простой универсальный алгоритм.

1 стартмани

09.08.2019    10939    15    rpgshnik    42       

Отбор на управляемой форме из списка значений

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 v8::УФ 1cv8.cf Абонемент ($m) Практика программирования Работа с интерфейсом Разработка

Пример простого удобного отбора любых данных ссылочного типа на управляемой форме. Работа обработки проверена на релизе: 1С:Предприятие 8.3.13.1513.

1 стартмани

09.08.2019    10717    12    nagaitseff    6       

1C:Предприятие для программистов: Расчетные задачи (зарплата). Онлайн-интенсив с 01 по 17 июня 2020 г. Промо

Данный онлайн-курс предусматривает изучение механизмов платформы “1С:Предприятие”, которые предназначены для автоматизации периодических расчетов, а именно - для расчета зарплаты. Курс предназначен для тех, кто уже имеет определенные навыки конфигурирования и программирования в системе “1С:Предприятие”, а также для опытных пользователей прикладного решения “1С:Зарплата и управление персоналом” и прочих прикладных решений, в которых реализован функционал расчета зарплаты.

4900 рублей

Изменяющееся контекстное меню в 1С 8.3

Статья Программист Архив с данными v8 v8::УФ Абонемент ($m) Практика программирования Работа с интерфейсом Разработка

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

1 стартмани

06.08.2019    10432    1    signum2009    15       

Шпаргалка разработчика для работы с формами

Отчеты и формы Программист Архив с данными v8 Россия Абонемент ($m) Работа с интерфейсом

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

3 стартмани

31.10.2018    12016    75    ELAM    3       

Программы для исполнения 488-ФЗ: Маркировка товаров Промо

1 января 2019 года вступил в силу ФЗ от 25.12.2018 № 488-ФЗ о единой информационной системе маркировки товаров с использованием контрольных (идентификационных) знаков, который позволяет проследить движение товара от производителя до конечного потребителя. Инфостарт предлагает подборку программ, связанных с применением 488-ФЗ и маркировкой товаров.

Открывашка ячеек таблиц

Инструменты и обработки Программист Расширение (cfe) v8 1cv8.cf Абонемент ($m) Работа с интерфейсом

Глобальное сочетание клавиш для открытия объекта по ссылке из текущей ячейки любой таблицы в большинстве управляемых форм

1 стартмани

27.10.2018    13403    11    tormozit    28       

Екатеринбург.Online: Голосование продолжается Промо

Продолжается голосование за доклады на INFOSTART MEETUP Екатеринбург.Online! Лучшие из них попадут в окончательную программу онлайн-митапа! Присоединяйтесь к голосованию и покупайте билеты - 3 000 рублей за 8 часов продуктивной пятницы!

3000

Продвинутое рисование в табличном документе (стрелок и не только)

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 Абонемент ($m) Практика программирования Работа с интерфейсом

Вспоминаем геометрию и основы компьютерной графики. Матрицы и аффинные преобразования на плоскости.

1 стартмани

24.07.2018    11499    18    WalterMort    27       

Онлайн-интенсив "1C:Предприятие для программистов: Бухгалтерские задачи" с 22 июня по 8 июля 2020 г. Промо

Данный онлайн-курс предусматривает изучение механизмов платформы “1С:Предприятие”, которые предназначены для решения задач бухгалтерского учета. Курс предназначен для тех, кто уже имеет определенные навыки конфигурирования и программирования в системе “1С:Предприятие”, а также для опытных пользователей прикладного решения “1С:Бухгалтерия” и прочих прикладных решений, в которых реализованы соответствующие механизмы для автоматизации бухгалтерских задач.

4900 рублей

Работа с данными выбора

Инструменты и обработки Программист Архив с данными v8 Россия Абонемент ($m) Практика программирования Работа с интерфейсом

В управляемом интерфейсе заложена мощная возможность описывать связи реквизитов формы через параметры. Установка параметров связей позволяет ограничить выбор данных так, чтобы целостность данных была обеспечена на этапе ввода. Однако без дополнительного программирования задать можно только самые простые связи. Такие условия связи, как зависимость от реквизита через точку или зависимость через дополнительное отношение, заданное в регистре сведений - уже задать без программирования не получится.

1 стартмани

17.07.2018    32950    17    kalyaka    16       

Управление состоянием формы через конечный автомат

Статья Программист Конфигурация (md, cf) v8 Россия Абонемент ($m) Практика программирования Работа с интерфейсом

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

1 стартмани

19.06.2018    13312    12    kalyaka    37       

Базовый курс для начинающих 1С-программистов. Онлайн-интенсив со 2 июня по 2 июля 2020 г. Промо

Данный онлайн-курс является начальной ступенью по изучению базовых принципов программирования в системе “1С:Предприятие” и предназначен для обучения 1С-программированию “с нуля”.

4500-9500 рублей

Иерархическая диаграмма

Инструменты и обработки Программист Бизнес-аналитик Руководитель проекта Внешняя обработка (ert,epf) v8 1cv8.cf Абонемент ($m) Работа с интерфейсом

Концепция диаграммы по иерархической структуре данных, например по номенклатуре (продажи или остатки на складах).

2 стартмани

17.06.2018    10470    16    DrAku1a    5       

Новый раздел на Инфостарте - Electronic Software Distribution Промо

Инфостарт напоминает: на нашем сайте можно купить не только ПО, связанное с 1С. В нашем арсенале – ESD-лицензии на ПО от ведущих вендоров: Microsoft, Kaspersky, ESET, Dr.Web, Аскон и другие.

  • Низкие цены, без скрытых платежей и наценок
  • Оперативная отгрузка
  • Возможность оплаты с личного счета (кешбек, обмен стартмани на рубли и т.п.)
  • Покупки идут в накопления для получения скидочных карт лояльности Silver (5%) и Gold (10%)

Программная работа с графическими схемами. Готовое решение

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 1cv8.cf Абонемент ($m) Инструментарий разработчика Универсальные обработки Работа с интерфейсом

Работоспособное, проверенное на практике, простое и удобное программное управление графическими схемами.

1 стартмани

18.02.2018    14843    16    Yashazz    13       

Тестирование интерфейса в обычном приложении 8.2 при помощи SikuliX

Инструменты и обработки Системный администратор Программист Архив с данными v8 1cv8.cf Windows Абонемент ($m) Инструментарий разработчика Работа с интерфейсом

Как же не хватает клиента тестирования на платформе 8.2. Не кликнешь на кнопку, не выберешь из списка, не проверишь видит ли надпись пользователь. Воспользуемся внешним инструментом SikuliX, который позволит нам протестировать функционал форм. Данный инструмент легко встраивается в линию сборки и может "дружить" с уже известным многим Open-source продуктами.

1 стартмани

03.01.2018    24688    2    kraynev-navi    40       

Лучшие программы за прошедший месяц Промо

Инфостарт подготовил ТОП-25 самых продаваемых и популярных на текущий момент программ. При формировании списка учитывается аналитика продаж и запросы клиентов за последний месяц.

Программное формирование форматированной строки в стиле html+inline CSS

Инструменты и обработки Программист Внешняя обработка (ert,epf) v8 1cv8.cf Абонемент ($m) Работа с интерфейсом Инструментарий разработчика

Если вам приходилось работать с форматированными строками программно, то вы знаете, какая это боль. Данное решение облегчает программное формирование таких строк.

1 стартмани

18.11.2017    25316    29    bonv    9       

Размеры управляемой формы

Статья Программист Внешняя обработка (ert,epf) v8 1cv8.cf Абонемент ($m) Практика программирования Работа с интерфейсом Универсальные функции

Как рассчитать ширину и высоту управляемой формы или отдельного элемента, чтобы адаптировать интерфейс программно при их изменении.

1 стартмани

08.10.2017    23257    58    json    8