bitrix24-csv-import-tool/index.php at main · AlexAddGoo/bitrix24-csv-import-tool · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<?php
require($_SERVER["DOCUMENT_ROOT"]."/bitrix/header.php");
$APPLICATION->SetTitle("CSV → Универсальные списки");
CJSCore::Init(['ajax']);
?>
<style><?php @readfile(__DIR__.'/assets/app.css'); ?></style>

<div id="csv-app" class="csv-app">
  <h2>Импорт CSV в Универсальные списки</h2>

  <ol class="steps">
    <li class="step active" data-step="1">Шаг 1: CSV</li>
    <li class="step" data-step="2">Шаг 2: Список</li>
    <li class="step" data-step="3">Шаг 3: Совмещение</li>
  </ol>

  <!-- ШАГ 1 -->
  <section class="panel" id="step1">
    <div class="field">
      <label>Файл CSV (UTF-8)</label>
      <input type="file" id="csvFile" accept=".csv,text/csv" />
    </div>
    <div class="field">
      <label>Разделитель</label>
      <select id="csvSep">
        <option value="auto">Авто</option>
        <option value=",">Запятая ,</option>
        <option value=";">Точка с запятой ;</option>
        <option value="\t">Табуляция \t</option>
      </select>
    </div>
    <div class="hint">Первая строка — заголовки. Лимит: до 1000 строк.</div>
    <div id="csvPreview" class="preview"></div>
    <div class="toolbar">
      <button id="toStep2" disabled>Далее</button>
    </div>
  </section>

  <!-- ШАГ 2 -->
  <section class="panel hidden" id="step2">
    <div class="field">
      <label>Выберите Универсальный список</label>
      <input type="text" id="listSearch" placeholder="Начните вводить название…" />
      <select id="listSelect" size="8"></select>
    </div>
    <div id="fieldsInfo" class="hint">После выбора списка подгрузим его поля…</div>
    <div class="toolbar">
      <button class="secondary" id="backTo1">Назад</button>
      <button id="toStep3" disabled>Далее</button>
    </div>
  </section>

  <!-- ШАГ 3 -->
  <section class="panel hidden" id="step3">
    <div class="mapping-wrap">
      <div class="mapping-head">
        <div>Поле списка</div>
        <div>Колонка CSV</div>
        <div class="extra-col" title="Если справа выбрано чистое время HH:MM — тут можно указать колонку с датой">Дата для сочетания (опц.)</div>
      </div>
      <div id="mappingBody"></div>
    </div>

    <div class="toolbar">
      <button class="secondary" id="backTo2">Назад</button>
      <button id="dryRunBtn">Проверить (dry-run)</button>
    </div>

    <div id="dryRunReport" class="report hidden"></div>

    <div class="toolbar">
      <button id="importBtn" disabled>Загрузить</button>
      <button id="newImportBtn" class="secondary hidden">Новый импорт</button>
    </div>
  </section>

  <div id="banner" class="banner hidden"></div>
</div>

<!-- ВАЖНО: URLs и sessid здесь, app.js — чистый -->
<script>
  const BX_AJAX_URLS = {
    lists: '<?=htmlspecialcharsbx("/local/app/csv-to-lists/api/lists.php")?>' + '?sessid=<?=bitrix_sessid()?>',
    dryrun: '<?=htmlspecialcharsbx("/local/app/csv-to-lists/api/dryrun.php")?>' + '?sessid=<?=bitrix_sessid()?>',
    import: '<?=htmlspecialcharsbx("/local/app/csv-to-lists/api/import.php")?>' + '?sessid=<?=bitrix_sessid()?>'
  };
  const BITRIX_SESSID = '<?=bitrix_sessid()?>';
</script>
<script><?php @readfile(__DIR__.'/assets/app.js'); ?></script>
<?php require($_SERVER["DOCUMENT_ROOT"]."/bitrix/footer.php"); ?>