/******/ (function(modules) { // webpackBootstrap /******/ // The module cache /******/ var installedModules = {}; /******/ // The require function /******/ function __webpack_require__(moduleId) { /******/ // Check if module is in cache /******/ if(installedModules[moduleId]) /******/ return installedModules[moduleId].exports; /******/ // Create a new module (and put it into the cache) /******/ var module = installedModules[moduleId] = { /******/ exports: {}, /******/ id: moduleId, /******/ loaded: false /******/ }; /******/ // Execute the module function /******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__); /******/ // Flag the module as loaded /******/ module.loaded = true; /******/ // Return the exports of the module /******/ return module.exports; /******/ } /******/ // expose the modules object (__webpack_modules__) /******/ __webpack_require__.m = modules; /******/ // expose the module cache /******/ __webpack_require__.c = installedModules; /******/ // __webpack_public_path__ /******/ __webpack_require__.p = ""; /******/ // Load entry module and return exports /******/ return __webpack_require__(0); /******/ }) /************************************************************************/ /******/ ([ /* 0 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; var _file_upload = __webpack_require__(1); var _image_upload = __webpack_require__(10); var _scroll_on_required = __webpack_require__(8); var _popups = __webpack_require__(7); $(function () { // fileUploadInit(); // previewImg(); (0, _image_upload.imageUploadInit)(); (0, _scroll_on_required.scrollOnRequiredInit)(); (0, _popups.showPopupsInit)(); window.addMessage = _popups.addMessage; }); /***/ }, /* 1 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.fileUploadInit = undefined; var _utils = __webpack_require__(2); function fileUploadInit() { var $fileUploadContainer = $('#fileUploadContainer'); $('#fileUploadAddBtn').on('click', function ($evt) { $fileUploadContainer.find('.file-upload-widget').last().find('.file-upload-input').click(); }); $fileUploadContainer.on('change', '.file-upload-input', function ($evt) { var $fileInput = $(this); var $fileUploadWidget = $fileInput.closest('.file-upload-widget'); var filePath = $fileInput.val().replace(/\\/g, '/'); var fileName = path.basename(filePath); //var fileExt = path.extname(filePath) var fileSize = $fileInput.get(0).files && (0, _utils.humanFileSize)($fileInput.get(0).files[0].size); if (fileName) { $fileUploadWidget.find('.file-upload-label').text(fileName + ' ' + fileSize); var $newFileUploadWidget = $fileUploadWidget.clone(); $newFileUploadWidget.find('.file-upload-label').text(''); $fileUploadContainer.find('ul').first().append($newFileUploadWidget); $fileUploadWidget.css('display', 'block'); } }); $fileUploadContainer.on('click', '.file-upload-remove-btn', function ($evt) { var $btn = $(this); $btn.closest('.file-upload-widget').remove(); }); } exports.fileUploadInit = fileUploadInit; /***/ }, /* 2 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); function getCookie(name) { var cookieValue = null; if (document.cookie && document.cookie != '') { var cookies = document.cookie.split(';'); for (var i = 0; i < cookies.length; i++) { var cookie = jQuery.trim(cookies[i]); if (cookie.substring(0, name.length + 1) == name + '=') { cookieValue = decodeURIComponent(cookie.substring(name.length + 1)); break; } } } return cookieValue; } function humanFileSize(bytes, si) { var thresh = si ? 1000 : 1024; if (Math.abs(bytes) < thresh) return bytes + ' B'; var units = si ? ['kB', 'MB', 'GB', 'TB', 'PB', 'EB', 'ZB', 'YB'] : ['KiB', 'MiB', 'GiB', 'TiB', 'PiB', 'EiB', 'ZiB', 'YiB']; var u = -1; do { bytes /= thresh; ++u; } while (Math.abs(bytes) >= thresh && u < units.length - 1); return bytes.toFixed(1) + ' ' + units[u]; } exports.humanFileSize = humanFileSize; exports.getCookie = getCookie; /***/ }, /* 3 */, /* 4 */, /* 5 */, /* 6 */, /* 7 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); function showMessage(container, template, message, type) { var $popup = $(template); $popup.hide(); $popup.find('.message').html(message); $popup.addClass(type); container.append($popup); $popup.fadeIn(1000, function () { setTimeout(function (el) { $(el).fadeOut(1000); }, 2000, this); }); } function addMessage(message, type) { var $popups_storage = $('#popups-storage'); var li = '
  • ' + message + '
  • '; $popups_storage.append(li); } function showPopupsInit() { var $popups_storage = $('#popups-storage'); var $popups_container = $('#popups-container'); var $popup = $popups_container.find(".popup"); var popup_html = $popup[0].outerHTML; $popup.remove(); if (!$popups_storage.length) return; $.each($popups_storage.find("li"), function (key, value) { var message = $(value).html(); var type = $(value).attr('class'); showMessage($popups_container, popup_html, message, type); $(value).remove(); }); $popups_storage.bind("DOMNodeInserted", function () { var $li = $(this).find('li'); var message = $li.html(); var type = $li.attr('class'); $li.remove(); showMessage($popups_container, popup_html, message, type); }); } exports.showPopupsInit = showPopupsInit; exports.addMessage = addMessage; /***/ }, /* 8 */ /***/ function(module, exports) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); function scrollOnRequiredInit() { var $required = $('.required.error'); // console.log($required); if (!$required.length) return; $('html, body').animate({ scrollTop: $required.offset().top - 25 }, 1000); } exports.scrollOnRequiredInit = scrollOnRequiredInit; /***/ }, /* 9 */, /* 10 */ /***/ function(module, exports, __webpack_require__) { 'use strict'; Object.defineProperty(exports, "__esModule", { value: true }); exports.imageUploadInit = undefined; var _utils = __webpack_require__(2); // function previewImg() { // let $fileUploadWidgets = $('.file-upload-widget'); // $.each($fileUploadWidgets, function (ind, el) { // let $fileImg = $(el).find('img'); // let $fileInput = $(el).find('.file-upload-input'); // // console.log("$fileInput[0].files.length = ", $fileInput[0].files.length); // // console.log("$fileInput.val() = ", $fileInput.val()); // console.log("$fileInput = ", $fileInput); // if ($fileInput[0].files.length) { // console.log("Попытка загрузить файл"); // let reader = new FileReader(); // reader.onload = function (e) { // $fileImg.attr('src', e.target.result); // }; // // reader.readAsDataURL($fileInput[0].files[0]); // } // }) // } function imageUploadInit() { var $fileUploadContainer = $('#fileUploadContainer'); $('#fileUploadAddBtn').on('click', function ($evt) { $fileUploadContainer.find('.file-upload-widget').last().find('.file-upload-input').click(); }); $fileUploadContainer.on('change', '.file-upload-input', function ($evt) { var $fileInput = $(this); var $fileUploadWidget = $fileInput.closest('.file-upload-widget'); var $fileImg = $fileUploadWidget.find('.preview'); var filePath = $fileInput.val().replace(/\\/g, '/'); var fileName = path.basename(filePath); var fileSize = $fileInput.get(0).files && (0, _utils.humanFileSize)($fileInput.get(0).files[0].size); console.log("file path", filePath); console.log("file path2 ", $fileInput[0].files[0]); if (fileName) { $fileUploadWidget.find('.file-upload-label').text(fileName + ' ' + fileSize); var $newFileUploadWidget = $fileUploadWidget.clone(); $newFileUploadWidget.find('.file-upload-label').text(''); $fileUploadContainer.find('.list-new-new').append($newFileUploadWidget); $fileUploadWidget.css('display', 'block'); if ($fileImg.length) { console.log('+'); var reader = new FileReader(); reader.onload = function (e) { // document.getElementById('clock').style.backgroundImage = "url(" + reader.result + ")"; $fileImg.css('background-image', 'url(' + e.target.result + ')'); // $fileImg.attr('src', e.target.result); }; reader.readAsDataURL($fileInput[0].files[0]); } } }); $fileUploadContainer.on('click', '.file-upload-remove-img-btn', function ($evt) { var $btn = $(this); $btn.closest('.file-upload-widget').remove(); }); } //TODO: оформить Upload'еры в виде классов exports.imageUploadInit = imageUploadInit; // export {imageUploadInit, previewImg} /***/ } /******/ ]);