Week 3 by vikashatalova · Pull Request #6 · CodegirlSchool/c-gallery

vikashatalova · 2023-01-15T19:52:07Z

No description provided.

PolinaShneider · 2023-01-18T12:40:13Z

scripts/main.js

+
+    if (pattern.test(postTextValue) && postTextValue.length <= count) {
+        textValidate.textContent = 'Данные введены корректно';
+        const sumsCounter = Number(2000) - Number(postTextValue.length);


Зачем ты пишешь Number(2000), если 2000 уже изначально число?

PolinaShneider · 2023-01-18T12:41:25Z

scripts/main.js

+    if (pattern.test(hashtags) && hashtags.length <= 200) {
+        textValidateTags.textContent = 'Данные введены корректно';
        postPublishButton.disabled = false;
+    } else if (hashtags.trim() === ' ') {


Можешь пояснить, как хэштеги после trim() будут равны пустой строке, если trim удаляет незначащие пробелы с двух сторон?

PolinaShneider · 2023-01-18T12:41:59Z

scripts/main.js

-        sum = 'Вы вели слишком много символов введите на '+sums+'  меньше';
-        postText.style.outlineColor = 'var(--error)'
+        textValidateTags.textContent = 'Данные введены неверно';
+        postHashtags.style.outlineColor = 'var(--error)';


Почему ты не хочешь завести CSS-класс и добавлять его на postHashtags в случае не валидного значения?

PolinaShneider · 2023-01-18T12:43:17Z

scripts/main.js

+
+            comments.forEach((comment) => {
+                commentsContent.innerHTML = `
+                <div class="comments__item">


Лучше использовать шаблон (template), а не вставлять куски HTML. При такой записи легко опечататься, и тогда результат будет непредсказуемым

PolinaShneider · 2023-01-18T12:43:37Z

scripts/main.js

+                <div class="comments__item">
+                    <img
+                        class="comments__item-avatar"
+                        src="https://avatars.dicebear.com/api/avataaars/${(Math.random() + 1).toString(36).substring(7)}.svg"


Адреса нужно выносить в константу

Что такое числа 36 и 7? Выглядят как магические числа: https://ru.wikipedia.org/wiki/%D0%9C%D0%B0%D0%B3%D0%B8%D1%87%D0%B5%D1%81%D0%BA%D0%BE%D0%B5_%D1%87%D0%B8%D1%81%D0%BB%D0%BE_(%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B8%D1%80%D0%BE%D0%B2%D0%B0%D0%BD%D0%B8%D0%B5)

PolinaShneider · 2023-01-18T12:44:30Z

scripts/main.js

+            commentsButton.addEventListener('click', () => {
+                const comment = postComment.value;
+                if (comment.trim() === '') {
+                    console.log('error');


Вывода в консоль быть не должно

PolinaShneider · 2023-01-18T12:45:54Z

scripts/main.js

+const likeButton = document.querySelector('.fa-heart');
+const countElement = document.querySelector('#like');
+const statisticsLikes = document.querySelector('.statistics__likes');
+let likes = 0;


У тебя одна глобальная переменная с количеством лайков на все посты?

PolinaShneider · 2023-01-18T12:46:17Z

scripts/main.js

+let likes = 0;
+
+likeButton.addEventListener('click', () => {
+    likes++;


Тебе нужно сначала отправить запрос на сервер, и только когда он ответит, что все ок, ты увеличиваешь количество лайков

PolinaShneider · 2023-01-18T12:46:39Z

scripts/main.js

+    getItemId();
+});
+
+const countLikesPost = (content) => {


Точно ли нужна под это функция?

PolinaShneider · 2023-01-18T12:48:53Z

scripts/main.js

+};
+
+const updateCount = (itemId) => {
+    countElement.innerHTML = likes;


Используешь глобальную переменную для лайков. Не надо так

PolinaShneider · 2023-01-18T12:49:20Z

scripts/main.js

+const imageAvatar = document.querySelector('#profile-avatar');
+
+const getBioUser = () => {
+    const response = fetch('https://c-gallery.polinashneider.space/api/v1/users/me/', {


Не вынесла URL в константу

PolinaShneider · 2023-01-18T12:49:29Z

scripts/main.js

+        const formData = new FormData();
+        formData.append("photo", filUploadAvatar.files[0]);
+
+        fetch('https://c-gallery.polinashneider.space/api/v1/users/me/', {


PolinaShneider · 2023-01-22T17:58:42Z

scripts/main.js

+        textValidate.textContent = 'Поле обязательно для заполнения';
+        postPublishButton.disabled = true;
+    } else if (postTextValue.length === 2000) {
+        const sumsCounter = Number(2000) - Number(postTextValue.length);


Штуковину с Number(2000) нужно поправить везде

PolinaShneider · 2023-01-22T17:59:12Z

scripts/main.js

+    } else if (postTextValue === '') {
+        textValidate.textContent = 'Поле обязательно для заполнения';
+        postPublishButton.disabled = true;
+    } else if (postTextValue.length === 2000) {


У тебя же есть переменная count. Почему бы в коде не использовать ее?

PolinaShneider · 2023-01-22T17:59:31Z

scripts/main.js

+        postPublishButton.disabled = true;
+    } else {
+        textValidateTags.textContent = 'Данные введены неверно';
+        postHashtags.classList.add('error-validate');


PolinaShneider · 2023-01-22T18:00:32Z

scripts/main.js

+
+    const inputsAddPublish = document.querySelectorAll('textarea');
+
+    for (let i = 0;  i < inputsAddPublish.length; i++) {


Можешь пояснить, зачем тебе тут цикл? Получается, ты inputsAddPublish.length раз сбрасываешь значения одних и тех же элементов. У тебя даже i в теле цикла не фигурирует

PolinaShneider · 2023-01-22T18:01:08Z

scripts/main.js

+            document.body.classList.remove('with-overlay');
+            getPostUsers();
+
+            showMessage('#alert-success');


У тебя всегда один и тот же текст показывается в случае успеха?

PolinaShneider · 2023-01-22T18:02:33Z

scripts/main.js

+    if (isHidden) {
+        loader.removeAttribute('hidden');
+    } else {
+        loader.setAttribute('hidden', '');


У вас есть критерий про использование одного API. Где-то ты используешь el.disabled = true, а где-то el.setAttribute('hidden', '')

Нужно унифицировать. То есть либо через точку обращаться к атрибуту, либо через setAttribute

PolinaShneider · 2023-01-22T18:03:21Z

scripts/main.js

+    });
+}
+createAvatarUser();
+


Много пустых строк в конце файла. Зачем?

PolinaShneider · 2023-01-22T18:04:17Z

scripts/utils.js

+    commentsButton.addEventListener('click', () => {
+      const comment = postComment.value;
+      if (comment === '') {
+        showMessage('#alert-fail');


Если комментарий пустой, можно не показывать уведомление, а просто блокировать кнопку добавления, например

PolinaShneider · 2023-01-22T18:04:26Z

scripts/utils.js

+    commentsContent.dataset.postId = id;
+
+    comments.forEach((comment) => {
+      const dateCommnets = new Date(comment.created_at);


Опечатка

PolinaShneider · 2023-01-22T18:04:51Z

scripts/utils.js

+
+      const commentsAvatar = document.createElement('img');
+      commentsAvatar.className = 'comments__item-avatar';
+      commentsAvatar.src = `https://avatars.dicebear.com/api/avataaars/${(Math.random() + 1)}.svg`;


Такое лучше выносить в константу (адрес) — я вроде про это писала

PolinaShneider · 2023-01-22T18:05:38Z

scripts/utils.js

+      commentTime.className = 'comments__item-time';
+      commentTime.innerText = newDateComments;
+
+      commentsText.append(commentNickname);


Возможно, тебе было бы удобнее использовать template, а не собирать такую сложную матрешку. Вы можете менять верстку на свое усмотрение

PolinaShneider · 2023-01-22T18:06:05Z

scripts/utils.js

+      showMessage('#alert-fail');
+    })
+    .finally(() => {
+      previewPostModal.classList.remove('active');


Выглядит как повторяющийся код, который можно вынести в функцию

PolinaShneider · 2023-01-22T18:07:57Z

scripts/utils.js

+      if (comment === '') {
+        showMessage('#alert-fail');
+      } else {
+        sendComment(comment, id);


У меня почему-то не срабатывает добавление комментариев, но, может, на пейджес старая версия

PolinaShneider

Ты все еще пишешь код в реквесте, который открыт в репозиторий школы. Почти все хорошо, но тебе нужно открыть его в свой репозиторий, иначе защита проекта будет невозможна 😿

vikashatalova added 6 commits December 16, 2022 20:55

week-1

3f2b9fb

week-1

d426408

week-2

17bca66

week-2

5bdb1a5

edit

480cfd7

week-3

3376451

PolinaShneider reviewed Jan 18, 2023

View reviewed changes

vikashatalova added 2 commits January 21, 2023 18:59

edit week-3

7b49773

edit number

3313299

PolinaShneider reviewed Jan 22, 2023

View reviewed changes

scripts/main.js

});

}

createAvatarUser();

Copy link
Copy Markdown

PolinaShneider Jan 22, 2023

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Много пустых строк в конце файла. Зачем?

PolinaShneider reviewed Jan 22, 2023

View reviewed changes

vikashatalova added 3 commits January 23, 2023 13:47

edit error

8ce07d5

debugging

a830628

fix final

ca13851


		const inputsAddPublish = document.querySelectorAll('textarea');

		for (let i = 0; i < inputsAddPublish.length; i++) {

Conversation

vikashatalova commented Jan 15, 2023

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

Choose a reason for hiding this comment

Uh oh!

PolinaShneider left a comment

Choose a reason for hiding this comment

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

2 participants