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

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

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

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

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

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

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

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

 

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

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

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

.epf 11,41Kb
02.03.20
139
.epf 1.0 11,41Kb 139 Скачать

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

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

Чтобы можно было встраивать уже готовое решение.
15. Plotks2017 239 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 239 12.09.18 20:52 Сейчас в теме
(18) Дык, обработка же есть. Исходный код открыт.
20. kare 21 13.09.18 08:42 Сейчас в теме
21. leobrn 314 15.09.18 08:03 Сейчас в теме
как бороться с ошибкой в обработке , что вместо линии выводится "Sorry, your browser does not support inline SVG."? В шаблоне на сайте все отображается корректно
22. Plotks2017 239 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 239 02.03.20 11:42 Сейчас в теме
(26) Недавно выяснил, что использование такого подхода, как в обработке, когда в страницу передается форма может приводить к зависанию клиентской части, если форма не была закрыта явно. Для пользователя все выглядит штатно, окно закрывается, а вот процесс остается жить и даже выполняет обработчики ожидания. Принудительно закрыть форму при завершении работы тоже не получится т.к. события ПередЗакрытием перестают работать.
Светлый ум; Seaflame; +2 Ответить
Оставьте свое сообщение

См. также

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

Работа с интерфейсом v8 ERP2 УТ11 Россия Абонемент ($m)

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

1 стартмани

09.09.2019    8805    10    bmk74    1    

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

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

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

2 стартмани

27.02.2020    8553    7    wowik    36    

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

Работа с интерфейсом v8 Абонемент ($m)

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

1 стартмани

26.01.2020    6829    10    herfis    16    

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

БСП (Библиотека стандартных подсистем) Работа с интерфейсом v8 v8::УФ 1cv8.cf Абонемент ($m)

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

1 стартмани

27.12.2019    7306    9    1sig    12    

Расширенная настройка динамического списка УФ Промо

Работа с интерфейсом v8 v8::УФ 1cv8.cf Абонемент ($m)

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

1 стартмани

31.05.2017    29956    147    tormozit    23    

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

Работа с интерфейсом v8 1cv8.cf Абонемент ($m)

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

1 стартмани

23.12.2019    5993    29    XilDen    3    

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

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

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

1 стартмани

17.12.2019    6438    2    azhilichev    5    

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

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

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

1 стартмани

24.10.2019    12124    17    blackhole321    7    

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

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

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

1 стартмани

17.10.2019    11296    28    dmitrydemenew    22    

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

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

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

1 стартмани

12.08.2019    11091    7    Yashazz    18    

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

Работа с интерфейсом v8 1cv8.cf Абонемент ($m)

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

1 стартмани

09.08.2019    13243    16    rpgshnik    42    

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

Работа с интерфейсом v8 1cv8.cf Абонемент ($m)

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

1 стартмани

27.10.2018    14961    12    tormozit    31    

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

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

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

1 стартмани

09.08.2019    13859    17    nagaitseff    6    

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

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

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

1 стартмани

06.08.2019    13715    2    signum2009    15    

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

Работа с интерфейсом v8 Россия Абонемент ($m)

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

3 стартмани

31.10.2018    14483    77    ELAM    3    

Лучший подарок для бухгалтера - счёты 8.2 (со звуком) Промо

Работа с интерфейсом v8 1cv8.cf Россия Абонемент ($m)

(Толстый клиент) Подарите бухгалтеру счеты, и он(а) Вас никогда не забудет.

1 стартмани

13.05.2011    38302    24    Tatitutu    45    

Рисуем и распознаем нарисованное при помощи нейросети

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

Используем нейронную сеть для распознавания нарисованных объектов.

1 стартмани

03.10.2018    12876    43    DO_WHILE_LOOP    28    

Рисуем диаграммы в metadata.js

Инструментарий разработчика Работа с интерфейсом v8 v8::СКД 1cv8.cf Абонемент ($m)

Не одной же литературой заниматься?

1 стартмани

20.09.2018    14932    3    1c-intelligence    77    

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

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

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

1 стартмани

24.07.2018    13535    18    WalterMort    29    

Интерактивный интерфейс Промо

Рабочее место Работа с интерфейсом v8 1cv8.cf Россия Абонемент ($m)

Обработка (отдельная панель меню), позволяющая настраивать интерфейс пользователя интерактивно (права не настраивает). Мне очень пригодилось, так как приходится прописывать индивидуальный интерфейс, каждому пользователю (а их уже сотни). Выложил 2 версии одна в виде таблицы, вторая в виде выпадающего меню

1 стартмани

29.10.2011    16623    2    Vin_Tik    9    

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

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

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

1 стартмани

17.07.2018    39137    17    kalyaka    16    

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

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

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

1 стартмани

19.06.2018    14730    12    kalyaka    37    

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

Работа с интерфейсом v8 1cv8.cf Абонемент ($m)

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

2 стартмани

17.06.2018    11999    16    DrAku1a    6    

Цветовые схемы для конфигуратора 1С (Популярные цветовые схемы для C# - теперь и для 1С) (Теперь 8.2 - 8.3) Промо

Работа с интерфейсом v8 1cv8.cf Абонемент ($m)

Тёмные цветовые схемы кода. То, что было доступно всем передовым средствам разработки, теперь доступно и на 1С. 13.12.17 UPD: Теперь работает с платформой 8.3

3 стартмани

07.10.2013    32333    81    Chernov_Dmitriy    82    

Рисуем стрелки в табличном документе

Работа с интерфейсом v8 1cv8.cf Абонемент ($m)

Рисуем стрелки средствами 1С .

1 стартмани

01.06.2018    13773    8    pm74    9    

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

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

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

1 стартмани

18.02.2018    16399    20    Yashazz    13    

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

Инструментарий разработчика Работа с интерфейсом v8 1cv8.cf Абонемент ($m)

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

1 стартмани

03.01.2018    27034    5    kraynev-navi    41    

NativeDraw: Компонента рисования для 1С [V2.6.2] Промо

Разработка внешних компонент Работа с интерфейсом v8 1cv8.cf Абонемент ($m)

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

1 стартмани

13.07.2015    44369    419    ПерваяСистема    147    

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

Работа с интерфейсом Инструментарий разработчика v8 1cv8.cf Абонемент ($m)

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

1 стартмани

18.11.2017    28307    31    bonv    10    

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

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

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

1 стартмани

08.10.2017    25368    71    json    9    

Программное создание элементов графической схемы (через XSLT)

Практика программирования Работа с интерфейсом v8 1cv8.cf Абонемент ($m)

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

1 стартмани

20.07.2017    19014    58    lazarenko    16    

Подборка иконок для подсистем 1С:8.2, 8.3 (740 шт.) PNG 48х48 Промо

Практика программирования Работа с интерфейсом v8 1cv8.cf Россия Абонемент ($m)

Подборка иконок для подсистем 1С: Предприятие 8.2, 8.3 (УП) в формате PNG 48*48 с сохранением прозрачности.

3 стартмани

19.12.2011    101006    190    Lesha1C    74    

Простой редактор плана помещения JavaScript

Практика программирования Работа с интерфейсом v8 1cv8.cf Абонемент ($m)

На ресурсе сейчас очень много решений, которые позволяют редактировать карты, используя географические схемы. Так же много решений, которые позволяют редактировать объекты онлайн веб-карт. Мне же нужно было простое решение, для того чтобы расставить квадратные объекты на плане, показать их пользователю. Ну и распечатать, опять же. Я решил написать простенький редактор на JavaScript с использованием библиотеки Raphael.

1 стартмани

23.11.2016    19026    90    igel9780    22    

Настройка начальной страницы (Рабочего стола)

Работа с интерфейсом Рабочее место Универсальные обработки v8 1cv8.cf Абонемент ($m)

Альтернатива стандартной настройке начальной страницы. В типовой доступны лишь те формы, что явно "разрешены" разработчиком в режиме конфигуратора. Эта обработка позволяет собрать "Рабочий стол" из любых подходящих форм в пользовательском режиме. Без программирования. БСП не используется. Не расширение. Универсальна, т.е. подойдет для любой конфигурации (в т.ч. самописной).

2 стартмани

19.10.2016    34600    211    Erne100    24    

[Расширение] Стартовые страницы. Автозапуск форм при старте 1С. (8.3.9+, без доработки конфигурации)

Инструментарий разработчика Работа с интерфейсом v8 1cv8.cf Абонемент ($m)

Уверен, что в большинстве случаев список справочников, отчетов, обработок (объектов 1С в целом), к которому обращаются пользователи после запуска конфигурации 1С, раз от раза меняется не сильно. Так почему бы немного не упростить процесс открытия часто используемых форм? Данное расширение позволяет настроить автоматическое открытие различных форм объектов сразу после запуска 1С. Список форм настраивается индивидуально для каждого пользователя. Работает на платформе 8.3.9, без доработки конфигурации.

1 стартмани

03.10.2016    19960    82    Artem-B    20    

V8Reader (с расширенным анализом форм) Upd. Промо

Инструментарий разработчика Работа с интерфейсом v8 1cv8.cf Абонемент ($m)

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

1 стартмани

27.01.2012    72670    563    bambr1975    298