ng-tracker/src/main/resources/templates/papers/paper.html

<!DOCTYPE html>
<html lang="en"
      xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"
      layout:decorator="default" xmlns:th="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/html">
<head>
    <link rel="stylesheet" href="../css/paper.css"/>
</head>
<body>

<div class="container" layout:fragment="content">

    <section id="paper">
        <div class="container">
            <div class="row">
                <div class="col-lg-12 text-center">
                    <h2 class="section-heading text-uppercase">Редактирование статьи</h2>
                    <div th:replace="papers/fragments/paperNavigationFragment"/>
                </div>
            </div>
            <hr/>
            <div class="row">
                <div class="col-lg-12">
                    <form id="paper-form" method="post" th:action="@{'/papers/paper?id='+ *{id == null ? '' : id} + ''}"
                          th:object="${paperDto}">
                        <div class="row">
                            <div class="col-md-7 col-sm-12">
                                <input type="hidden" name="id" th:field="*{id}"/>
                                <div class="form-group">
                                    <label for="title">Название:</label>
                                    <input class="form-control" id="title" type="text"
                                           placeholder="Название статьи"
                                           th:field="*{title}"/>
                                    <p th:if="${#fields.hasErrors('title')}" th:errors="*{title}"
                                       class="alert alert-danger">Incorrect title</p>
                                    <p class="help-block text-danger"></p>
                                </div>

                                <div class="form-group">
                                    <label for="status">Статус:</label>
                                    <select class="form-control" th:field="*{status}" id="status">
                                        <option th:each="status : ${allStatuses}" th:value="${status}"
                                                th:text="${status.statusName}">Status
                                        </option>
                                    </select>
                                </div>

                                <div class="form-group">
                                    <label for="comment">Комментарий:</label>
                                    <textarea class="form-control" rows="5" id="comment"
                                              th:field="*{comment}"></textarea>
                                </div>

                                <div class="form-group">
                                    <label>Дедлайны:</label>
                                    <div class="row" th:each="deadline, rowStat : *{deadlines}">
                                        <input type="hidden" th:field="*{deadlines[__${rowStat.index}__].id}"/>
                                        <div class="col-6">
                                            <input type="date" class="form-control" name="deadline"
                                                   th:field="*{deadlines[__${rowStat.index}__].date}"/>
                                        </div>
                                        <div class="col-4">
                                            <input class="form-control" type="text" placeholder="Описание"
                                                   th:field="*{deadlines[__${rowStat.index}__].description}"/>
                                        </div>
                                        <div class="col-2">
                                            <a class="btn btn-danger float-right"
                                               th:onclick="|$('#deadlines${rowStat.index}\\.description').val('');
                                                $('#deadlines${rowStat.index}\\.date').val('');
                                                $('#addDeadline').click();|"><span
                                                    aria-hidden="true"><i class="fa fa-times"/></span>
                                            </a>
                                        </div>
                                    </div>
                                    <p th:if="${#fields.hasErrors('deadlines')}" th:errors="*{deadlines}"
                                       class="alert alert-danger">Incorrect title</p>
                                </div>
                                <div class="form-group">
                                    <input type="submit" id="addDeadline" name="addDeadline" class="btn btn-primary"
                                           value="Добавить
                                    дедлайн"/>
                                </div>
                                <div class="form-group">
                                    <label>Авторы:</label>
                                    <select class="selectpicker form-control" multiple="true" data-live-search="true"
                                            title="-- Выберите авторов --"
                                            th:field="*{authorIds}">
                                        <option th:each="author: ${allAuthors}" th:value="${author.id}"
                                                th:text="${author.lastName}">Status
                                        </option>
                                    </select>
                                    <p th:if="${#fields.hasErrors('authorIds')}" th:errors="*{authorIds}"
                                       class="alert alert-danger">Incorrect title</p>
                                </div>

                                <div class="form-group" id="files-list">
                                    <label>Файлы:</label>
                                    <th:block th:each="file, rowStat : *{files}">
                                        <div class="row" th:id="|files${rowStat.index}|"
                                             th:style="${file.deleteFlag} ? 'display: none;' :''">
                                            <input type="hidden" th:field="*{files[__${rowStat.index}__].id}"/>
                                            <input type="hidden" th:field="*{files[__${rowStat.index}__].deleteFlag}"/>
                                            <input type="hidden" th:field="*{files[__${rowStat.index}__].name}"/>
                                            <input type="hidden" th:field="*{files[__${rowStat.index}__].tmpFileName}"/>
                                            <div class="col-2">
                                                <a class="btn btn-danger float-right"
                                                   th:onclick="|$('#files${rowStat.index}\\.deleteFlag').val('true'); $('#files${rowStat.index}').hide(); |">
                                                    <span aria-hidden="true"><i class="fa fa-times"/></span>
                                                </a>
                                            </div>
                                            <div class="col-10">
                                                <a th:onclick="${file.id==null} ?  'downloadFile('+${file.tmpFileName}+',null,\''+${file.name}+'\')':
			                                                                        'downloadFile(null,'+${file.id}+',\''+${file.name}+'\')' "
                                                   href="javascript:void(0)"
                                                   th:text="*{files[__${rowStat.index}__].name}">
                                                </a>
                                            </div>
                                        </div>
                                    </th:block>

                                </div>

                                <div class="form-check">
                                    <input type="checkbox" class="form-check-input" id="locked"
                                           th:field="*{locked}"/>
                                    <label class="form-check-label" for="locked">Заблокирована</label>
                                </div>
                                <div class="form-group">
                                    <label for="loader">Загрузить статью:</label>
                                    <div id="loader">

                                    </div>
                                </div>
                            </div>
                            <div class="col-md-4 offset-md-1 col-sm-12 offset-sm-0">
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col">
                                            <h6 class="my-0">Дата создания:</h6>
                                        </div>
                                        <div class="col">
                                            <small class="text-muted"
                                                   th:text="${paperDto.createDate == null ? '' : #dates.format(paperDto.createDate, 'dd.MM.yyyy HH:mm')}">
                                                text
                                            </small>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <div class="row">
                                        <div class="col">
                                            <h6 class="my-0">Дата изменения:</h6>
                                        </div>
                                        <div class="col">
                                            <small class="text-muted"
                                                   th:text="${paperDto.updateDate == null ? '' : #dates.format(paperDto.updateDate, 'dd.MM.yyyy HH:mm')}">
                                                text
                                            </small>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <button id="pingButton" class="btn btn-primary text-uppercase"
                                            type="button">
                                        Ping авторам
                                    </button>
                                </div>
                            </div>

                            <div class="clearfix"></div>
                            <div class="col-lg-12">
                                <div class="form-group">
                                    <button id="sendMessageButton" name="save"
                                            class="btn btn-success text-uppercase"
                                            type="submit">
                                        Сохранить
                                    </button>
                                    <a id="cancelButton" class="btn btn-default text-uppercase"
                                       href="/papers/papers">
                                        Отмена
                                    </a>
                                </div>

                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </section>
    <script type="text/javascript" src="/js/file-loader.js"></script>
    <script>
        /*<![CDATA[*/
        $(document).ready(function () {
            new FileLoader({
                div: "loader",
                url: urlFileUpload,
                maxSize: -1,
                extensions: [],
                callback: function (response) {
                    showFeedbackMessage("Файл успешно загружен");
                    console.debug(response);

                    addNewFile(response);
                }
            });
            $('.selectpicker').selectpicker();
        });
        /*]]>*/
        function addNewFile(fileDto) {
            var fileNumber = $("#files-list div.row").length;

            var newFileRow = $("<div/>")
                .attr("id", 'files' + fileNumber)
                .addClass("row");

            var idInput = $("<input/>")
                .attr("type", "hidden")
                .attr("id", "files" + fileNumber + ".id")
                .attr("value", '')
                .attr("name", "files[" + fileNumber + "].id");
            newFileRow.append(idInput);

            var flagInput = $("<input/>")
                .attr("type", "hidden")
                .attr("id", "files" + fileNumber + ".deleteFlag")
                .attr("value", "false")
                .attr("name", "files[" + fileNumber + "].deleteFlag");
            newFileRow.append(flagInput);

            var nameInput = $("<input/>")
                .attr("type", "hidden")
                .attr("id", "files" + fileNumber + ".name")
                .attr("value", fileDto.fileName)
                .attr("name", "files[" + fileNumber + "].name");
            newFileRow.append(nameInput);

            var tmpFileNameInput = $("<input/>")
                .attr("type", "hidden")
                .attr("id", "files" + fileNumber + ".tmpFileName")
                .attr("value", fileDto.tmpFileName)
                .attr("name", "files[" + fileNumber + "].tmpFileName");
            newFileRow.append(tmpFileNameInput);

            var nextDiv = $("<div/>")
                .addClass("col-2");

            var nextA = $("<a/>")
                .addClass("btn btn-danger float-right")
                .attr("onclick", "$('#files" + fileNumber + "\\\\.deleteFlag').val('true'); $('#files" + fileNumber + "').hide();")
                .append(($("<span/>").attr("aria-hidden", "true")).append($("<i/>").addClass("fa fa-times")))
            ;
            nextDiv.append(nextA)
            newFileRow.append(nextDiv);

            var nameDiv = $("<div/>")
                .addClass("col-10")
                .append($("<a/>").text(fileDto.fileName)
                    .attr("href", 'javascript:void(0)')
                    .attr("onclick", "downloadFile('" + fileDto.tmpFileName + "',null,'" + fileDto.fileName + "')"));
            newFileRow.append(nameDiv);

            $("#files-list").append(newFileRow);

        }

        function downloadFile(tmpName, fileId, downloadName) {
            let xhr = new XMLHttpRequest();
            if (fileId != null) xhr.open('GET', urlFileDownload + fileId);
            if (tmpName != null) xhr.open('GET', urlFileDownloadTmp + tmpName);
            xhr.responseType = 'blob';

            var formData = new FormData();
            if (fileId != null) formData.append("file-id", fileId);
            if (tmpName != null) formData.append("tmp-file-name", tmpName);

            xhr.send(formData);

            xhr.onload = function () {
                if (this.status == 200) {
                    console.debug(this.response);
                    var blob = new Blob([this.response], {type: '*'});
                    let a = document.createElement("a");
                    a.style = "display: none";
                    document.body.appendChild(a);
                    let url = window.URL.createObjectURL(blob);
                    a.href = url;
                    a.download = downloadName;
                    a.click();
                    window.URL.revokeObjectURL(url);
                } else {
                }
            }
        }
    </script>
</div>

</body>

</html>
add paper page 2018-04-29 20:44:47 +04:00			`<!DOCTYPE html>`
delete orphaned files, migrate to webjars, some fixes and refactoring 2018-05-20 10:05:21 +04:00			`<html lang="en"`
			`xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout"`
edit deadlines 2018-12-17 13:46:08 +04:00			`layout:decorator="default" xmlns:th="http://www.w3.org/1999/xhtml" xmlns="http://www.w3.org/1999/html">`
add paper page 2018-04-29 20:44:47 +04:00			`<head>`
#13 some refactoring 2019-03-19 17:59:19 +04:00			`<link rel="stylesheet" href="../css/paper.css"/>`
add paper page 2018-04-29 20:44:47 +04:00			`</head>`
delete orphaned files, migrate to webjars, some fixes and refactoring 2018-05-20 10:05:21 +04:00			`<body>`
add paper page 2018-04-29 20:44:47 +04:00
delete orphaned files, migrate to webjars, some fixes and refactoring 2018-05-20 10:05:21 +04:00			`<div class="container" layout:fragment="content">`
add paper page 2018-04-29 20:44:47 +04:00
delete orphaned files, migrate to webjars, some fixes and refactoring 2018-05-20 10:05:21 +04:00			`<section id="paper">`
			`<div class="container">`
			`<div class="row">`
			`<div class="col-lg-12 text-center">`
			`<h2 class="section-heading text-uppercase">Редактирование статьи</h2>`
add papers navigation 2018-12-18 18:05:30 +04:00			`<div th:replace="papers/fragments/paperNavigationFragment"/>`
delete orphaned files, migrate to webjars, some fixes and refactoring 2018-05-20 10:05:21 +04:00			`</div>`
add paper page 2018-04-29 20:48:05 +04:00			`</div>`
some layout fix 2018-12-30 19:23:11 +04:00			`<hr/>`
delete orphaned files, migrate to webjars, some fixes and refactoring 2018-05-20 10:05:21 +04:00			`<div class="row">`
			`<div class="col-lg-12">`
edit deadlines 2018-12-17 13:46:08 +04:00			`<form id="paper-form" method="post" th:action="@{'/papers/paper?id='+ *{id == null ? '' : id} + ''}"`
fix create paper 2018-12-05 16:51:26 +04:00			`th:object="${paperDto}">`
delete orphaned files, migrate to webjars, some fixes and refactoring 2018-05-20 10:05:21 +04:00			`<div class="row">`
some layout fix 2018-12-30 19:23:11 +04:00			`<div class="col-md-7 col-sm-12">`
fix create paper 2018-12-05 16:51:26 +04:00			`<input type="hidden" name="id" th:field="*{id}"/>`
delete orphaned files, migrate to webjars, some fixes and refactoring 2018-05-20 10:05:21 +04:00			`<div class="form-group">`
load paper 2018-11-26 23:07:14 +04:00			`<label for="title">Название:</label>`
pass values for paper 2018-12-04 11:35:51 +04:00			`<input class="form-control" id="title" type="text"`
load paper 2018-11-26 23:07:14 +04:00			`placeholder="Название статьи"`
pass values for paper 2018-12-04 11:35:51 +04:00			`th:field="*{title}"/>`
fix create paper 2018-12-05 16:51:26 +04:00			`<p th:if="${#fields.hasErrors('title')}" th:errors="*{title}"`
			`class="alert alert-danger">Incorrect title</p>`
delete orphaned files, migrate to webjars, some fixes and refactoring 2018-05-20 10:05:21 +04:00			`<p class="help-block text-danger"></p>`
			`</div>`
fix paper view 2018-10-10 17:05:54 +04:00
			`<div class="form-group">`
			`<label for="status">Статус:</label>`
show status 2018-12-04 14:48:39 +04:00			`<select class="form-control" th:field="*{status}" id="status">`
fix create paper 2018-12-05 16:51:26 +04:00			`<option th:each="status : ${allStatuses}" th:value="${status}"`
			`th:text="${status.statusName}">Status`
			`</option>`
fix paper view 2018-10-10 17:05:54 +04:00			`</select>`
			`</div>`

			`<div class="form-group">`
			`<label for="comment">Комментарий:</label>`
load paper 2018-11-26 23:07:14 +04:00			`<textarea class="form-control" rows="5" id="comment"`
			`th:field="*{comment}"></textarea>`
fix paper view 2018-10-10 17:05:54 +04:00			`</div>`
partially add deadline 2018-10-25 08:41:37 +04:00
			`<div class="form-group">`
edit deadlines 2018-12-17 13:46:08 +04:00			`<label>Дедлайны:</label>`
			`<div class="row" th:each="deadline, rowStat : *{deadlines}">`
			`<input type="hidden" th:field="*{deadlines[__${rowStat.index}__].id}"/>`
			`<div class="col-6">`
			`<input type="date" class="form-control" name="deadline"`
			`th:field="*{deadlines[__${rowStat.index}__].date}"/>`
			`</div>`
fix scripts 2018-12-18 19:40:23 +04:00			`<div class="col-4">`
edit deadlines 2018-12-17 13:46:08 +04:00			`<input class="form-control" type="text" placeholder="Описание"`
			`th:field="*{deadlines[__${rowStat.index}__].description}"/>`
			`</div>`
fix scripts 2018-12-18 19:40:23 +04:00			`<div class="col-2">`
edit deadlines 2018-12-17 13:46:08 +04:00			`<a class="btn btn-danger float-right"`
			`th:onclick="\|$('#deadlines${rowStat.index}\\.description').val('');`
			`$('#deadlines${rowStat.index}\\.date').val('');`
			`$('#addDeadline').click();\|"><span`
			`aria-hidden="true"><i class="fa fa-times"/></span>`
			`</a>`
			`</div>`
			`</div>`
			`<p th:if="${#fields.hasErrors('deadlines')}" th:errors="*{deadlines}"`
fix create paper 2018-12-05 16:51:26 +04:00			`class="alert alert-danger">Incorrect title</p>`
partially add deadline 2018-10-25 08:41:37 +04:00			`</div>`
edit deadlines 2018-12-17 13:46:08 +04:00			`<div class="form-group">`
some layout fix 2018-12-30 19:23:11 +04:00			`<input type="submit" id="addDeadline" name="addDeadline" class="btn btn-primary"`
			`value="Добавить`
edit deadlines 2018-12-17 13:46:08 +04:00			`дедлайн"/>`
			`</div>`
some layout fix 2018-12-30 19:23:11 +04:00			`<div class="form-group">`
			`<label>Авторы:</label>`
			`<select class="selectpicker form-control" multiple="true" data-live-search="true"`
			`title="-- Выберите авторов --"`
			`th:field="*{authorIds}">`
			`<option th:each="author: ${allAuthors}" th:value="${author.id}"`
			`th:text="${author.lastName}">Status`
			`</option>`
			`</select>`
			`<p th:if="${#fields.hasErrors('authorIds')}" th:errors="*{authorIds}"`
			`class="alert alert-danger">Incorrect title</p>`
			`</div>`
#13 file list on paper page 2019-03-18 16:02:55 +04:00
#13 addNewFile js function 2019-03-18 18:39:15 +04:00			`<div class="form-group" id="files-list">`
#13 file list on paper page 2019-03-18 16:02:55 +04:00			`<label>Файлы:</label>`
			`<th:block th:each="file, rowStat : *{files}">`
			`<div class="row" th:id="\|files${rowStat.index}\|"`
			`th:style="${file.deleteFlag} ? 'display: none;' :''">`
			`<input type="hidden" th:field="*{files[__${rowStat.index}__].id}"/>`
			`<input type="hidden" th:field="*{files[__${rowStat.index}__].deleteFlag}"/>`
			`<input type="hidden" th:field="*{files[__${rowStat.index}__].name}"/>`
#13 addNewFile js function 2019-03-18 18:39:15 +04:00			`<input type="hidden" th:field="*{files[__${rowStat.index}__].tmpFileName}"/>`
#13 file list on paper page 2019-03-18 16:02:55 +04:00			`<div class="col-2">`
			`<a class="btn btn-danger float-right"`
			`th:onclick="\|$('#files${rowStat.index}\\.deleteFlag').val('true'); $('#files${rowStat.index}').hide(); \|">`
			`<span aria-hidden="true"><i class="fa fa-times"/></span>`
			`</a>`
			`</div>`
#13 some refactoring 2019-03-19 17:59:19 +04:00			`<div class="col-10">`
			`<a th:onclick="${file.id==null} ? 'downloadFile('+${file.tmpFileName}+',null,\''+${file.name}+'\')':`
			`'downloadFile(null,'+${file.id}+',\''+${file.name}+'\')' "`
#13 download files 2019-03-18 21:02:26 +04:00			`href="javascript:void(0)"`
			`th:text="*{files[__${rowStat.index}__].name}">`
			`</a>`
#13 file list on paper page 2019-03-18 16:02:55 +04:00			`</div>`
			`</div>`
			`</th:block>`
#13 addNewFile js function 2019-03-18 18:39:15 +04:00
#13 file list on paper page 2019-03-18 16:02:55 +04:00			`</div>`

fix paper view 2018-10-10 17:05:54 +04:00			`<div class="form-check">`
load paper 2018-11-26 23:07:14 +04:00			`<input type="checkbox" class="form-check-input" id="locked"`
			`th:field="*{locked}"/>`
fix paper view 2018-10-10 17:05:54 +04:00			`<label class="form-check-label" for="locked">Заблокирована</label>`
			`</div>`
			`<div class="form-group">`
			`<label for="loader">Загрузить статью:</label>`
			`<div id="loader">`

			`</div>`
			`</div>`
some layout fix 2018-12-30 19:23:11 +04:00			`</div>`
			`<div class="col-md-4 offset-md-1 col-sm-12 offset-sm-0">`
use html5 datetime pickers 2018-10-18 11:21:26 +04:00			`<div class="form-group">`
some layout fix 2018-12-30 19:23:11 +04:00			`<div class="row">`
			`<div class="col">`
			`<h6 class="my-0">Дата создания:</h6>`
			`</div>`
			`<div class="col">`
			`<small class="text-muted"`
			`th:text="${paperDto.createDate == null ? '' : #dates.format(paperDto.createDate, 'dd.MM.yyyy HH:mm')}">`
			`text`
			`</small>`
			`</div>`
			`</div>`
use html5 datetime pickers 2018-10-18 11:21:26 +04:00			`</div>`
save authors 2018-12-05 18:08:47 +04:00			`<div class="form-group">`
some layout fix 2018-12-30 19:23:11 +04:00			`<div class="row">`
			`<div class="col">`
			`<h6 class="my-0">Дата изменения:</h6>`
			`</div>`
			`<div class="col">`
			`<small class="text-muted"`
			`th:text="${paperDto.updateDate == null ? '' : #dates.format(paperDto.updateDate, 'dd.MM.yyyy HH:mm')}">`
			`text`
			`</small>`
			`</div>`
			`</div>`
save authors 2018-12-05 18:08:47 +04:00			`</div>`
fix buttons size 2018-10-11 19:49:16 +04:00			`<div class="form-group">`
some layout fix 2018-12-30 19:23:11 +04:00			`<button id="pingButton" class="btn btn-primary text-uppercase"`
			`type="button">`
fix buttons size 2018-10-11 19:49:16 +04:00			`Ping авторам`
			`</button>`
			`</div>`
fix styles 2018-10-11 15:39:57 +04:00			`</div>`

delete orphaned files, migrate to webjars, some fixes and refactoring 2018-05-20 10:05:21 +04:00			`<div class="clearfix"></div>`
fix buttons size 2018-10-11 19:49:16 +04:00			`<div class="col-lg-12">`
			`<div class="form-group">`
some layout fix 2018-12-30 19:23:11 +04:00			`<button id="sendMessageButton" name="save"`
			`class="btn btn-success text-uppercase"`
fix buttons size 2018-10-11 19:49:16 +04:00			`type="submit">`
			`Сохранить`
			`</button>`
some layout fix 2018-12-30 19:23:11 +04:00			`<a id="cancelButton" class="btn btn-default text-uppercase"`
			`href="/papers/papers">`
fix buttons size 2018-10-11 19:49:16 +04:00			`Отмена`
fix create paper 2018-12-05 16:51:26 +04:00			`</a>`
fix buttons size 2018-10-11 19:49:16 +04:00			`</div>`
load paper 2018-11-26 23:07:14 +04:00
add paper page 2018-04-29 20:44:47 +04:00			`</div>`
			`</div>`
delete orphaned files, migrate to webjars, some fixes and refactoring 2018-05-20 10:05:21 +04:00			`</form>`
			`</div>`
add paper page 2018-04-29 20:44:47 +04:00			`</div>`
			`</div>`
delete orphaned files, migrate to webjars, some fixes and refactoring 2018-05-20 10:05:21 +04:00			`</section>`
fix paper view 2018-10-10 17:05:54 +04:00			`<script type="text/javascript" src="/js/file-loader.js"></script>`
			`<script>`
			`/<![CDATA[/`
			`$(document).ready(function () {`
			`new FileLoader({`
			`div: "loader",`
			`url: urlFileUpload,`
#13 add files to db 2019-03-18 19:17:28 +04:00			`maxSize: -1,`
#13 addNewFile js function 2019-03-18 18:39:15 +04:00			`extensions: [],`
fix paper view 2018-10-10 17:05:54 +04:00			`callback: function (response) {`
			`showFeedbackMessage("Файл успешно загружен");`
			`console.debug(response);`
#13 addNewFile js function 2019-03-18 18:39:15 +04:00
			`addNewFile(response);`
fix paper view 2018-10-10 17:05:54 +04:00			`}`
			`});`
save authors 2018-12-05 18:08:47 +04:00			`$('.selectpicker').selectpicker();`
fix paper view 2018-10-10 17:05:54 +04:00			`});`
			`/]]>/`
#13 fileDataDto instead of Object[] 2019-03-21 18:26:28 +04:00			`function addNewFile(fileDto) {`
#13 addNewFile js function 2019-03-18 18:39:15 +04:00			`var fileNumber = $("#files-list div.row").length;`

			`var newFileRow = $("<div/>")`
			`.attr("id", 'files' + fileNumber)`
			`.addClass("row");`

			`var idInput = $("<input/>")`
			`.attr("type", "hidden")`
			`.attr("id", "files" + fileNumber + ".id")`
			`.attr("value", '')`
			`.attr("name", "files[" + fileNumber + "].id");`
			`newFileRow.append(idInput);`

			`var flagInput = $("<input/>")`
			`.attr("type", "hidden")`
			`.attr("id", "files" + fileNumber + ".deleteFlag")`
			`.attr("value", "false")`
			`.attr("name", "files[" + fileNumber + "].deleteFlag");`
			`newFileRow.append(flagInput);`

			`var nameInput = $("<input/>")`
			`.attr("type", "hidden")`
			`.attr("id", "files" + fileNumber + ".name")`
#13 fileDataDto instead of Object[] 2019-03-21 18:26:28 +04:00			`.attr("value", fileDto.fileName)`
#13 addNewFile js function 2019-03-18 18:39:15 +04:00			`.attr("name", "files[" + fileNumber + "].name");`
			`newFileRow.append(nameInput);`

			`var tmpFileNameInput = $("<input/>")`
			`.attr("type", "hidden")`
			`.attr("id", "files" + fileNumber + ".tmpFileName")`
#13 fileDataDto instead of Object[] 2019-03-21 18:26:28 +04:00			`.attr("value", fileDto.tmpFileName)`
#13 addNewFile js function 2019-03-18 18:39:15 +04:00			`.attr("name", "files[" + fileNumber + "].tmpFileName");`
			`newFileRow.append(tmpFileNameInput);`

			`var nextDiv = $("<div/>")`
			`.addClass("col-2");`

			`var nextA = $("<a/>")`
			`.addClass("btn btn-danger float-right")`
			`.attr("onclick", "$('#files" + fileNumber + "\\\\.deleteFlag').val('true'); $('#files" + fileNumber + "').hide();")`
			`.append(($("<span/>").attr("aria-hidden", "true")).append($("<i/>").addClass("fa fa-times")))`
			`;`
			`nextDiv.append(nextA)`
			`newFileRow.append(nextDiv);`

			`var nameDiv = $("<div/>")`
			`.addClass("col-10")`
#13 fileDataDto instead of Object[] 2019-03-21 18:26:28 +04:00			`.append($("<a/>").text(fileDto.fileName)`
#13 download files 2019-03-18 21:02:26 +04:00			`.attr("href", 'javascript:void(0)')`
#13 fileDataDto instead of Object[] 2019-03-21 18:26:28 +04:00			`.attr("onclick", "downloadFile('" + fileDto.tmpFileName + "',null,'" + fileDto.fileName + "')"));`
#13 addNewFile js function 2019-03-18 18:39:15 +04:00			`newFileRow.append(nameDiv);`

			`$("#files-list").append(newFileRow);`

			`}`
#13 download files 2019-03-18 21:02:26 +04:00
			`function downloadFile(tmpName, fileId, downloadName) {`
			`let xhr = new XMLHttpRequest();`
			`if (fileId != null) xhr.open('GET', urlFileDownload + fileId);`
			`if (tmpName != null) xhr.open('GET', urlFileDownloadTmp + tmpName);`
			`xhr.responseType = 'blob';`

			`var formData = new FormData();`
			`if (fileId != null) formData.append("file-id", fileId);`
			`if (tmpName != null) formData.append("tmp-file-name", tmpName);`

			`xhr.send(formData);`

			`xhr.onload = function () {`
			`if (this.status == 200) {`
			`console.debug(this.response);`
			`var blob = new Blob([this.response], {type: '*'});`
			`let a = document.createElement("a");`
			`a.style = "display: none";`
			`document.body.appendChild(a);`
			`let url = window.URL.createObjectURL(blob);`
			`a.href = url;`
			`a.download = downloadName;`
			`a.click();`
			`window.URL.revokeObjectURL(url);`
			`} else {`
			`}`
			`}`
			`}`
fix paper view 2018-10-10 17:05:54 +04:00			`</script>`
delete orphaned files, migrate to webjars, some fixes and refactoring 2018-05-20 10:05:21 +04:00			`</div>`
Задача №5 new 2018-10-10 15:30:47 +04:00
			`</body>`

			`</html>`