Кастом разметка в загрузчике файлов с drag n drop

Ссылка на документацию  https://falcon.web-automation.ru/docs/falcon-space--rabota-s-resursami (раздел Загрузка файлов с drop областью и гибкой разметкой). 

Разметка сниппета компонента: 

<div class="as-files"  data-code="watch_files"
  data-itemID="5" data-disableDeleteConfirm="1" data-successMsg="OK">
  <script type="text/html" class="as-files-makeup hide">
	<h3>Загрузка файлов {edit-link}</h3>
    {dropzone}    
    {upload-button}
    <span class="badge badge-info">Файлы размером до 1МБ</span>
    {progressbar}
    <hr>
    {files}
    
  </script>
  <script type="text/html" class="as-files-itemMakeup hide">
    <div class="d-inline-block p-2 text-center" style="width: 250px" data-itemID='{id}'>
    	<a href="{url}" target="_blank"><img width="60px" src='{icon-url}' alt=""/></a><br>
      	<b>{title}</b><br>
      	<span>{size}</span><br>
      	{delete-button}
    </div>

  </script>
</div>

makeup задает общий каркас компонента, itemMakeup задает разметку 1 файла в списке. 

Обратите внимание, что кастом разметка хранится в <script type="text/html">, а не простых div - это необходимо для того, чтобы не было лишних запросов к сайту (например, в img src)

JS Код для обновления списка после удаления элемента (т.к. используется кастом разметка полей): 

<script>
  as.filescallbacks["watch_files_delete"] = function(data, params){
    as.initControls($('body'));
  }  
</script>

Другие модули

Последние обновления

Вывод временной линии timeline

Визуализация 13.09.2021

Вывод диаграммы типа pie

Визуализация 13.09.2021

Вывод диаграммы вида radar

Визуализация 13.09.2021

Вывод графиков line

Визуализация 13.09.2021

Вывод гистограммы bar

Визуализация 13.09.2021

SQL-инструмент для создания личных кабинетов на сайте

Суть подхода и история создания Falcon Space

Платформа Falcon Space

Это снижение стоимости владения

за счет меньшего количества людей для поддержки

Это быстрое внесение изменений

по ходу эксплуатации программы

Это современный интерфейс

полная адаптация под мобильные устройства