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

02.03.20

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

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

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

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

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

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

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

 

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

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

См. также

Богатый редактор картинок, хранимых в базе, с возможностью РИСОВАНИЯ. Редактор внешних файлов картинок. Объект, расширяющий возможности работы с картинками из встроенного языка (Три в одном) + Обработка «Стандартизация картинок»

Работа с интерфейсом Рабочее место Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Обработка предназначена для редактирования картинок в режиме «Предприятие», с возможностью РИСОВАТЬ на них. Поддерживается работа как в обычных формах (толстый клиент) так и на управляемых формах (тонкий клиент). Обработка позволяет редактировать как картинки, хранимые в базе, так и графические файлы с диска на файловой системе. Помимо базовых функций (изменение размеров, преобразование формата, обрезание картинки, повороты и т.п.) – редактор имеет богатый набор инструментов для рисования. Доступна функция вставки изображения из буфера обмена. Также обработка может быть использована из встроенного языка как объект для редактирования картинок. Объект может быть использован: на стороне клиента, на стороне сервера, из внешнего соединения. Данная обработка будет особенно полезна тем, кто вносит картинки в базу (изображения номенклатуры, фотографии физических лиц и т.п.). Функционал реализуется с использованием JavaScript и бесплатного ПО ImageMagick (без использования внешних компонент).

6000 руб.

16.01.2015    61790    43    59    

80

[Расширения] Динамическое управление видимостью и доступностью элементов форм (УФ) (8.3.6+)

Работа с интерфейсом Платформа 1С v8.3 Управляемые формы Конфигурации 1cv8 Платные (руб)

Механизм «Динамическое управление доступом к элементам форм объектов 1С8» предназначен для обеспечения возможности оперативного управления видимостью и доступностью элементов форм документов и справочников продуктов фирмы «1С» «1С:Предприятие 8». Решение универсальное, встраивается в любую конфигурацию с минимальными доработками, что позволяет без проблем обновлять типовые решения.

5000 руб.

14.01.2016    54392    16    21    

42

Управление дашбордами

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Платные (руб)

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

2400 руб.

29.06.2020    16693    21    4    

35

Новогоднее оформление для 1С

Работа с интерфейсом Платформа 1С v8.3 1С:Бухгалтерия 3.0 1С:Управление торговлей 11 1С:Зарплата и Управление Персоналом 3.x 1С:Управление нашей фирмой 3.0 Бесплатно (free)

Добавьте новогоднего настроения! Расширение создает декорацию в виде гирлянды на некоторых формах объектов.

27.12.2023    10731    750    elcoan    45    

106

Конструктор HTML, CSS и javascript

Инструментарий разработчика Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

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

2 стартмани

10.04.2023    9603    151    acces969    31    

118

Модель состояния для MVC

Работа с интерфейсом Платформа 1С v8.3 Конфигурации 1cv8 Абонемент ($m)

"MVC плохо применима в 1С" - познакомьтесь с моделью состояния и, возможно, ваше мнение поменяется! Представленное решение является эволюционным развитием идеи реализации MVC для 1С. В новой версии добавлены DSL для описания модели состояния, а также параметризация свойств параметров и элементов формы.

1 стартмани

05.07.2022    3662    kalyaka    2    

27

Табло очереди заказов на экран телевизора

WEB-интеграция Работа с интерфейсом Платформа 1С v8.3 1С:Розница 2 Платные (руб)

Связка из веб-приложения и расширения для 1С: Розница 2.3.

3600 руб.

29.04.2022    12075    1    5    

10
Комментарии
В избранное Подписаться на ответы Сортировка: Древо развёрнутое
Свернуть все
1. CheBurator 3119 31.07.18 23:16 Сейчас в теме
Исключительно "генеральский" продукт, имхо ;-)
Evgenij1990; user642047_ziborov.roman; Пан; +3 Ответить
2. CaSH_2004 372 01.08.18 01:42 Сейчас в теме
Супер! Осталось придумать куда в более практичное место прикрутить. Если бы еще возмжность перетаскивать событие по шкале времени с обработкой что и куда перетащили - вот тогда можно было бы работать визуально.
4. Plotks2017 266 01.08.18 09:50 Сейчас в теме
(2) Хорошая идея, спасибо. Подучу javascript сделаю.
user642047_ziborov.roman; rpgshnik; +2 Ответить
5. OKopOK 01.08.18 10:04 Сейчас в теме
(2)Согласен, перетаскивание было бы супер.
Кстати, а изменение цвета месяца на красный (к примеру) если задач больше критического нельзя сделать?
6. Plotks2017 266 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 23 01.08.18 09:28 Сейчас в теме
Да .. Это однозначно понадобится, крутая вещь.
7. bearman 9 01.08.18 10:56 Сейчас в теме
Карточка события как-то реагирует на клик?
8. Plotks2017 266 01.08.18 11:31 Сейчас в теме
(7)Да, те ссылки что выводятся кликабельны.
9. rpgshnik 3631 01.08.18 11:35 Сейчас в теме
Как раз на днях просили так реализовать историю статусов документа, спасибо пригодится.
Seaflame; Interrupted; +2 1 Ответить
10. leobrn 614 01.08.18 12:41 Сейчас в теме
можно еще как в исходнике сделано внизу рамки добавить автора документа. Не прикручивали исходной шаблон в его исходном виде?
11. Plotks2017 266 01.08.18 12:43 Сейчас в теме
(10) можно сделать что угодно, эта реализация как пример.
12. Timur.V 78 01.08.18 12:58 Сейчас в теме
На печать можно вывести выбранный интервал?
13. Plotks2017 266 01.08.18 13:05 Сейчас в теме
(12) В каком плане? Печатную форму документа?
Данная обработка не содержит ничего кроме визуализации и способа ее реализовать. Проблемы нет добавить в нее любые кнопки и функции.
14. Timur.V 78 01.08.18 13:14 Сейчас в теме
(13) Распечатать эту красоту на принтере, формат А4.
Это сложно реализовать?

Чтобы можно было встраивать уже готовое решение.
15. Plotks2017 266 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 112 02.08.18 13:09 Сейчас в теме
Элегантное решение. Для любителей раскрашивать все и вся цветами и картинками однозначно будет бомбой. Плюс.
wowik; akR00b; rpgshnik; +3 Ответить
18. akR00b 22 12.09.18 13:27 Сейчас в теме
Немного бы описания как делали.
19. Plotks2017 266 12.09.18 20:52 Сейчас в теме
(18) Дык, обработка же есть. Исходный код открыт.
20. akR00b 22 13.09.18 08:42 Сейчас в теме
21. leobrn 614 15.09.18 08:03 Сейчас в теме
как бороться с ошибкой в обработке , что вместо линии выводится "Sorry, your browser does not support inline SVG."? В шаблоне на сайте все отображается корректно
22. Plotks2017 266 17.09.18 14:58 Сейчас в теме
Никак, ваш браузер(ie) не поддерживает SVG. Обновите internet explorer.
23. akR00b 22 03.10.18 14:00 Сейчас в теме
чуть изменить и на 8.2 отлично работает.
24. skyboy13 13 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 266 02.03.20 11:42 Сейчас в теме
(26) Недавно выяснил, что использование такого подхода, как в обработке, когда в страницу передается форма может приводить к зависанию клиентской части, если форма не была закрыта явно. Для пользователя все выглядит штатно, окно закрывается, а вот процесс остается жить и даже выполняет обработчики ожидания. Принудительно закрыть форму при завершении работы тоже не получится т.к. события ПередЗакрытием перестают работать.
Светлый ум; Seaflame; +2 Ответить
Оставьте свое сообщение