Merge pull request #18 from margarita0206/master

js/constant.js

@@ -6,16 +6,6 @@ export const TIME_OUT_DELAY = 500;
 
 export const SHOW_TIME = 5000;
 
-export const MIN_POSTS_COUNT = 1;
-export const MAX_POSTS_COUNT = 25;
-export const AVATAR_MIN_COUNT = 1;
-export const AVATAR_MAX_COUNT = 6;
-export const LIKES_MIN_COUNT = 15;
-export const LIKES_MAX_COUNT = 200;
-export const COMMENT_MIN_COUNT = 0;
-export const COMMENT_MAX_COUNT = 30;
-export const COMMENT_MAX_ID = 500000;
-
 export const HASHTAG_CHECK = /^#[a-zа-яё0-9]{1,19}$/i;
 export const SPACE = /\s+/g;
 export const MAX_HASHTAG = 5;
@@ -90,47 +80,3 @@ export const effectToSliderOption = {
     step: 0.1,
   },
 };
-
-export const COMMENT_NAMES = [
-  'Анна',
-  'Александр',
-  'Светлана',
-  'Юра',
-  'Сергей',
-  'Полина',
-  'Олег',
-  'Андрей',
-  'Юля',
-  'Анастасия',
-  'Соня',
-  'Татьяна',
-  'Алексей',
-  'Артем',
-  'Вера',
-  'Ирина',
-  'Николай',
-  'Ева',
-  'Ольга',
-  'Алиса'
-];
-
-export const POSTS_COMMENTS = [
-  'Всё отлично!',
-  'В целом всё неплохо. Но не всё.',
-  'Когда вы делаете фотографию, хорошо бы убирать палец из кадра. В конце концов это просто непрофессионально.',
-  'Моя бабушка случайно чихнула с фотоаппаратом в руках и у неё получилась фотография лучше.',
-  'Я поскользнулся на банановой кожуре и уронил фотоаппарат на кота и у меня получилась фотография лучше.',
-  'Лица у людей на фотке перекошены, как будто их избивают. Как можно было поймать такой неудачный момент?!'
-];
-
-export const DESCRIPTIONS = [
-  'Моя жизнь меняется, потому что меняю ее я.',
-  'Не слушай никого, лишь твое сердце, оно все знает.',
-  'Чтобы достичь новых берегов, мы должны плыть, а не дрейфовать.',
-  'Навстречу новым приключениям.',
-  'Каждое мгновенье жизни — еще одна возможность.',
-  'Пусть эта фотография будет здесь',
-  'Одна хорошая мысль утром меняет смысл целого дня.',
-  'Как мало нужно для счастья.',
-  'Этой фотографии описание не нужно'
-];

js/effects-img.js

@@ -3,6 +3,7 @@ import {
   effectToFilter,
   effectToSliderOption
 } from './constant.js';
+import { loadingPicture } from './load-pictures.js';
 
 const modalElement = document.querySelector('.img-upload');
 const imgElement = modalElement.querySelector('.img-upload__preview img');
@@ -11,6 +12,8 @@ const slider = modalElement.querySelector('.effect-level__slider');
 const sliderContainer = modalElement.querySelector('.img-upload__effect-level');
 const effectLevel = modalElement.querySelector('.effect-level__value');
 
+loadingPicture();
+
 let chosenEffect = effect.DEFAULT;
 
 const isDefault = () => chosenEffect === effect.DEFAULT;
@@ -20,7 +23,6 @@ const setImageStyle = () => {
     imgElement.style.filter = null;
     return;
   }
-
   const { value } = effectLevel;
   const { style, unit } = effectToFilter[chosenEffect];
   imgElement.style.filter = `${style}(${value}${unit})`;

js/form-modal.js

@@ -4,6 +4,7 @@ import { resetScale } from './scale.js';
 import {
   reset as resetEffect
 } from './effects-img.js';
+import { loadingPicture } from './load-pictures.js';
 
 const SubmitButtonText = {
   IDLE: 'Опубликовать',
@@ -23,13 +24,14 @@ const openRedactForm = () => {
   redactForm.classList.remove('hidden');
   body.classList.add('modal-open');
   document.addEventListener('keydown', onDocumentKeydown);
+  loadingPicture();
 };
 
 const closeRedactForm = () => {
   resetScale();
   resetEffect();
   redactForm.classList.add('hidden');
-  document.body.classList.remove('modal-open');
+  body.classList.remove('modal-open');
   imgUploadInput.value = '';
   document.removeEventListener('keydown', onDocumentKeydown);
   resetValidation();
@@ -45,6 +47,7 @@ const toggleSubmitButton = (isDisabled) => {
 
 imgUploadInput.addEventListener('change', () => {
   openRedactForm();
+
 });
 
 imgUploadCancelButton.addEventListener('click', () => {
@@ -53,7 +56,7 @@ imgUploadCancelButton.addEventListener('click', () => {
 
 const isErrorMessageShown = () => Boolean(document.querySelector('.error'));
 
-function onDocumentKeydown (evt) {
+function onDocumentKeydown(evt) {
   if (isEscapeKey(evt) && !isErrorMessageShown()) {
     evt.preventDefault();
     closeRedactForm();

js/form-validate.js

@@ -17,7 +17,7 @@ const pristine = new Pristine(imgUploadForm, {
   classTo: 'img-upload__field-wrapper',
   errorTextParent: 'img-upload__field-wrapper',
   errorTextTag: 'div',
-  errorTextClass: 'img-upload__field-wrapper__error'
+  errorTextClass: 'img-upload__field-wrapper__error',
 });
 
 const normalizeHashtage = (value) => !value.length ? [] : fieldHashtag.value.toLowerCase().replaceAll(SPACE, ' ').trim().split(' ');

js/load-pictures.js

@@ -2,6 +2,7 @@ import { FILE_TYPES } from './constant.js';
 
 const imgUploadPreview = document.querySelector('.img-upload__preview img');
 const fileChooser = document.querySelector('.img-upload__start input[type=file]');
+const effectsPreviews = document.querySelectorAll('.effects__preview');
 
 const loadingPicture = () => {
   fileChooser.addEventListener('change', () => {
@@ -12,6 +13,10 @@ const loadingPicture = () => {
 
     if (matches) {
       imgUploadPreview.src = URL.createObjectURL(file);
+      imgUploadPreview.style.width = '100%';
+      effectsPreviews.forEach((preview) => {
+        preview.style.backgroundImage = `url('${imgUploadPreview.src}')`;
+      });
     }
   });
 };

js/modal-pictures.js

@@ -61,6 +61,7 @@ const onDocumentKeydown = (evt) => {
   if(isEscapeKey(evt)) {
     evt.preventDefault();
     bigPicturesModal.classList.add('hidden');
+    body.classList.remove('modal-open');
   }
 };
 
@@ -78,7 +79,9 @@ const closeBigPictureWindow = () => {
   document.removeEventListener('keydown', onDocumentKeydown);
 };
 
-closeBigPicturesButton.addEventListener('click', closeBigPictureWindow);
+closeBigPicturesButton.addEventListener('click', () => {
+  closeBigPictureWindow();
+});
 
 loadCommentsButton.addEventListener('click', renderComments);