shopmodx.ru

prisma-cms.com

freecode.academy

Учебный проект pivo-moscow

Учебный проект на next-js. Покемоны.

genavinogradov.github.io

Lms-Redactor

Работа. Март.

Обучение. Март.

tinacms.ru

@prisma-cms/ecommerce

@prisma-cms/ecommerce-docker

Сейчас демо-сайт находится на отдельном сервере.

Восстановить работу сайта

Опубликовать версию, работающую на чистом modx

Поправить почту и кошельки

Написать статью

Обзор CMSок

В новой версии появились обязательные директивы @id, @createdAt и @updatedAt.

В целом деплой выполняется строкой endpoint=https://eu1.prisma.sh/username/project/stage yarn deploy, но надо еще уметь передавать secret

Актуализировать все модули под новую версию prisma.io

Сейчас пользователь привязывается при авторизации и регистрации, но когда восстанавливает пароль и авторизовывается при этом, пользователь не привязывается.

Добавить привязку пользователя к проекту через восстановление пароля

Добавить пользовательские поддомены

https://github.com/prisma-cms/prisma-cms.com/commit/529a9f3c5988deb947fa6cee6f3d580a059e656e

https://github.com/prisma-cms/prisma-cms.com-docker/commit/1ca5885fd536be1298d85e58e2bd2818eba0e46c

Вынести текущую версию в отдельный бранч

A unique constraint would be violated on Project. Details: Field name = domain

Зависимая задача: /tasks/ckighnibn1hrf0730e4qa36s6

Поправить создание проектов

Восстановить страницу чат-комнаты

https://prisma-cms.com/learn/sections/ck4h36qjt0hog07820auo716b

Уроки. $ is not defined

https://prisma-cms.com/learn/exercises/587d7fb3367417b2b2512bfb

Уроки. Поправить JSON

https://prisma-cms.com/learn/exercises/bad87fee1348bd9bedc08826

Уроки. Поправить раздел jQuery. Не выводится превью.

https://github.com/freecode-academy/freecode.academy/commit/2c71ef5e200b02b287a540fa0623228bc8bc8ede

Добавить информацию о разделе урока

При переходе на страницу комментария со страницы урока 404 ошибка

Поправить ссылки на страницы комментариев

Сейчас вывод console.log() можно видеть только открыв devTools

Уроки. Добавить вывод сообщений из консоли

https://github.com/johannesjo/super-productivity

Он просто так не интегрируется, но какие-то идеи с него все-таки получилось взять.

Прикрутить super-productivity

Поправить создание/редактирование задач

Поправить запуск/остановку таймеров в задачах

Поправить вывод задач в проектах

https://github.com/prisma-cms/prisma-cms.com/commit/3e7283629846cfbc7d0d325e76d0be1203d09d7e

https://github.com/freecode-academy/freecode.academy/commit/db1f13c79cd1bd917aadf88652572e7d2c2d8294

Добавить обсуждения в задачи

Добавить редактирование задач

Надо еще сразу поправить указание ссылки на проект. Сейчас при указании ссылки вычленяется домен и сохраняется, при этом на это поле уникальный ключ, так что даже две ссылки на гитхаб не получается создать.

Решение: https://github.com/freecode-academy/freecode.academy/commit/cf9f7174c0474d4fe141e4936d891fb87d7c5a5a

Добавить создание проектов

Пользователь должен видеть, что есть такая функция. При клике он получит сообщение "Необходимо авторизоваться".

Решение: https://github.com/freecode-academy/freecode.academy/commit/5395179e4413cc19ed8f61a6056c34232626e533

В списке задач выводить кнопки запуска таймеров для неавторизованных пользователей

Если на странице задачи нажать редактирование задачи, то можно увидеть 4 поля редактирования дат.

Надо эти даты вывести и на самой странице задачи, просто для просмотра.

Код страницы: задачи: https://github.com/freecode-academy/freecode.academy/blob/b94b55a4a8fc0a75b2a45eea7a0cf03fc324af25/src/pages/Tasks/Task/index.tsx

Вьюха: https://github.com/freecode-academy/freecode.academy/blob/b94b55a4a8fc0a75b2a45eea7a0cf03fc324af25/src/pages/Tasks/Task/View/index.tsx

Для примера можно посмотреть вьюху страницы топика: https://github.com/freecode-academy/freecode.academy/blob/b94b55a4a8fc0a75b2a45eea7a0cf03fc324af25/src/pages/Topics/Topic/View/index.tsx

Решение: https://github.com/freecode-academy/freecode.academy/pull/1

На странице задачи вывести даты планируемых и фактических начала и завершения задачи

Добавить ссылку на урок из задачи урока

Решение: https://github.com/freecode-academy/freecode.academy/commit/995e0e2b7666e1791f720f19e351f0eb925abbdd

Добавить сабскрипшены на основные типы объектов

Надо дать возможность указывать флаг "Нужна помощь", чтобы другие пользователи могли видеть такие задачи и выполнять. Просто большинство задач ставится самому себе и часто не ожидается никакая помощь, и если другие будут браться за такие задачи, то получится "Медвежья услуга". В свою очередь если пользователь осваивает новые технологии и хочет повыполнять практические задачия, он может посмотреть список всех таких задач и взяться за подходящую.

Плюс к этому сразу надо реализовать связку с технологиями и уровнем владения, чтобы можно было фильтровать и по ним. Для этого надо добавить уровни знания технологий от 0 до 5.

Добавить флаг Нужна помощь

Надо еще поправить редактирование статуса пользования

Добавить уровни знания технологий и поправить страницу Пользователь-Технология

Выводим здесь https://github.com/linklib/pivo-moscow/blob/master/pages/beers/%5Bid%5D.tsx   

Обсуждение задачи в топике https://freecode.academy/topics/proekt-pivo-moscow.-obsuzhdenie-zadachi-%E2%84%961.-na-konechnoy-stranitse-piva-vyvesti-nazvanie-piva-i-kartinku

Задача №1. На конечной странице пива вывести название пива и картинку

Зайти в любую задачу, напимер https://freecode.academy/tasks/ckk9tbrgqpcjw0730kc5mkzd1

Тамблица с датами тег <tbody> не обернут в <table>

Поправить табличный вывод дат на странице задачи

В блог Документация для специалистов надо написать мануал как контрибьютить в https://github.com/freecode-academy/freecode.academy, то есть как сделать форк проекта, как клонировать на локал, как новую ветку создать, как закоммитить и вылить на гитхаб, как отправить пулл-реквест.

Логично, что такой мануал будет справедлив для большинства любых гит-проектов, но все же за пример надо взять именно этот проект, так как далеко не все, кто захочет выполнить какие-нибудь простые задачи, знает как работать с гитом. Им этот мануал понадобится.

Сделано: https://freecode.academy/topics/manual-po-rabote-s-git

Написать топик-мануал по работе с git

В топиках используется фронт-редактор @prisma-cms/front-editor. Вот к нему надо дописать новый компонент для загрузки и вывода картинок. 

Есть готовый компонент для загрузки файлов @prisma-cms/uploader. Его вот надо заюзать для загрузки картинок и дописать вывод со всплывашкой.

Решение: https://github.com/freecode-academy/freecode.academy/commit/e11788933d399c06f91602d025d08eecef72b841

Добавить в редактор топика загрузку картинок

Сейчас на странице проекта задачи выводятся общим скопом. Надо добавить в любом виде возможность фильтровать по статусу. Главное условие - изменения фильтра должно менять УРЛ страницы, а GraphQL-запрос должен выполняться в соответствии с параметрами УРЛ.

На странице проекта надо добавить фильтры задач по статусу

В продолжение этой задачи: https://freecode.academy/tasks/ckka5h1u6pnei0730su77czbc

Скорее всего вот здесь я зря убрал враппер https://youtu.be/-NTRi-NW61s?t=8698

Обсуждение здесь: https://freecode.academy/topics/skrinkast-dobavleniya-komponenta-zagruzki-kartinok-vo-front-redaktor

Решение: https://github.com/freecode-academy/freecode.academy/commit/7612cc81775951e4bc8f38c9971ead588374e052

Поправить пропорции картинок во всплывашке

https://habr.com/ru/company/docsvision/blog/341562/

Сгенерировать typescript документацию

Сейчас в старом редакторе используются теги pre, у которых по умолчанию перенос запрещен.

Надо тегам pre глобально прописать CSS-правило

Файл глобальных стилей: https://github.com/freecode-academy/freecode.academy/blob/master/src/theme/GlobalStyle.ts

Пример проблемной страницы: https://freecode.academy/comments/comment-6415.html

.DraftEditor-root pre {
  white-space: pre-wrap;
}

Поправить переносы строк

Если зайти в любую задачу с пометкой Нужна помощь и нажать Редактировать, в форме редактора у чекбокса Нужна помощь галочка не стоит, то есть не понимает, что должно быть checked.

Чекбокс в коде: https://github.com/freecode-academy/freecode.academy/blob/7612cc81775951e4bc8f38c9971ead588374e052/src/pages/Tasks/Task/View/form/TaskForm/index.tsx#L310-L314

Поправить галочку Нужна помощь на странице редактирования задачи

Сейчас можно приступить к выполнению задачи, но нельзя указать конечного исполнителя или исполнителей.

Добавить функцию указывать исполнителя по задаче

Николай, нужна твоя подсказка.

можно запихать условия ограничить выдачу заведений только  Московского региона?

Запрос graphql для получения places по региону

Перенести страницы и настроить роутинг в nextJs

Перенести страницы и настроить роутинг

На конечной странице комментария в мета дескрипшен выводится типа "Комментарий к топику "undefined"". Пример: https://freecode.academy/comments/479f395b1075906871b7f9e6e

Это потому что ранее комменты были к топикам, а сейчас еще к задачам. Надо добавить проверку связанной сущности и правильный дескрипшен выводить.

Решение: https://github.com/freecode-academy/freecode.academy/commit/818c3b44a3b2d4006889a32b6d1d404930e0b92f

Поправить страницу комментария

При запуске первого таймера автоматически ставить в задаче время фактического старта, а при завершении, дату завершения

Ранее были более мощные фильтры, но сейчас надо добавить хотя бы основные.

Вот здесь прописаны текущие фильтры для топиков: https://github.com/freecode-academy/freecode.academy/blob/818c3b44a3b2d4006889a32b6d1d404930e0b92f/src/pages/Topics/index.tsx#L24-L50

Сюда надо прописать возможность передавать и другие фильтры, как то Название, Содержимое и т.п. (сейчас хотя бы поиск по названию и/или содержимому). 

Пример того, как это работало на старой версии сайта: https://old.prisma-cms.com/topics/?filters=%7B%22contentText_contains%22%3A%22next-js%22%7D

Следует обратить внимание, что изменение значений в фильтре (UI) вызывает изменение УРЛ страницы, а параметры для API-запроса берутся именно из УРЛа страницы. Надо сделать сдесь так же (то есть заюзать useRouter и router.replace(newUri)). 

Добавить в топиках фильтр по названию и/или содержимому

Добавить в профиль пользователя вывод его проектов, задач, публикаций и т.п.

В профиле пользователя поправить сортировку технологий по названию

Перенести оставшиеся страницы на NextJs:

1. Перенести стили из css в styled-components

2. Пофикстить Typescript ошибки

3. Пофиксить подключение к firebase

Перенести страницы и настроить роутинг 2

В задачах формы отправляют на главную страницу. Пример: https://freecode.academy/learn/exercises/bad87fee1348bd9aede08830

https://freecode.academy/learn/exercises/bad87fee1348bd9aedd08830/discuss/0fb8da4fc739fd401a51a9650

Поправить формы в задачах

Пример проблемной закадачи: https://freecode.academy/learn/exercises/bad87fee1348bd9aedf08816/discuss/0922feef4127db3ffed3ac122

В исходниках обернуто в ``

Поправить вывод ссылок из тега code

В задачах расширить редактор (сейчас только старый редактор)

Добавить переключатель на англ язык в уроках

Разработать личный кабинет со вложенными проектами и задачами

Поправить авторизацию

Программирование редактора

Создание и редактирование задач

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

Решение: https://github.com/freecode-academy/freecode.academy/commit/87fd0d1d5ec4ea51ad7c8702d68c7abfd032537c

Сделать календарь задач

В офисе сделать добавление задачи прям в проекте

В офисе вывести таймеры

Страница: https://freecode.academy/office/timers

Сейчас выводятся таймеры без учета кто их создал. Надо отфильтровать по условию CreatedBy: {id: currentUserId}. currentUserId получить из контекста OfficeContext::user. 

Надо галочку добавить "Только мои". Если пользователь текущий имеется, то галочка по умолчанию checked.

Условия прописаны здесь: https://github.com/freecode-academy/freecode.academy/blob/e8dc066e7a539e87d1a87e72ada36f059a32d291/src/pages/Office/Timers/index.tsx#L19-L27

Решение: https://github.com/freecode-academy/freecode.academy/commit/5f892c3b62d08884b953647c5327eeb1937756b5

В офисе на странице таймеров добавить условие поиск только по текущему пользователю

Вот здесь есть подсчет и форматирование  затраченного времени : https://github.com/freecode-academy/freecode.academy/blob/e8dc066e7a539e87d1a87e72ada36f059a32d291/src/pages/Office/Timers/View/Timer/index.tsx#L13-L15

Надо на странице таймеров вывести суммарное затраченное время.

 Сама страница здесь: https://github.com/freecode-academy/freecode.academy/blob/e8dc066e7a539e87d1a87e72ada36f059a32d291/src/pages/Office/Timers/View/index.tsx

Решение: https://github.com/freecode-academy/freecode.academy/commit/ead47f12bdf18a3225ad455ccbf53324a8586551

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

Виджет заказа

Ответы на вопросы

Оформление сайта

Судя по всему разваливается когда неизвестный домен, типа @yandexx.ru

Перепроверить отправку почты

Надо из всех фильтров вычлинять уникальные проекты и оформить их в виде кнопок. При клике выставляется фильтр, чтобы показать таймеры только по задачам этого проекта (пока достаточно фильтровать по одному проекту).

Решение: https://github.com/freecode-academy/freecode.academy/commit/980ecb0f89638462efe503c9c780b66a3a936177

В списке таймеров добавить фильтр по проекту/задаче

Поправить 413 ошибку

Сейчас это свойство передается через свойства компонентов, при этом переключение в редактирование происходит на уровне компонента, находящегося на уровне ниже чем компонент страницы. Надо или поменять иерархию, или задействовать контексты (контексты менее предпочтительно).

В редакторе поправить проброс свойства inEditMode

Пока стопаю. Слишком много тонкостей, а выхлоп не велик.

Решение: https://github.com/freecode-academy/freecode.academy/commit/efe29bd7941342e8c33004d5d54bd2bf4709ab90

Добавить интерфейс для управления вложенными задачами

Решение: https://github.com/freecode-academy/freecode.academy/commit/681dacfadba60b680b94be9ef848c07c73c85349

Добавить создание вложенных задач

Написать топик

В задаче добавить кнопку "Выполнено"

При запуске таймера, если в задаче не указано время фактического старта выполнения, автоматически проставить.

А при переводе в статус Выполнено, проставить фактическое время завершения задачи, если не проставлено.

Поправить автоматическое проставление фактического времени выполнения задачи

Решение: https://github.com/freecode-academy/freecode.academy/commit/7bc4731489d0194be624b2cbeab7af8aa99d1160

Добавить автоматическое проставление фактического старта задачи

На странице задачи добавить ссылку на родительскую задачу

Добавить автоматическое проставление времени фактического завершения задачи.

Сейчас приходится записывать решение в описание задачи. Во-первых, это смешение сущностей. Во-вторых, сложно найти задачи, в которых указано решение.

В задачах добавить поле Решение

В сайдбаре в проектах выводить кол-во активных задач

Добавить галочку "Только с активными задачами"

В списке задач добавить ссылку на автора задачи

Удалить енам UikitUserLinkAvatarSize, просто перечислить варианты в тип

Решение: https://github.com/freecode-academy/freecode.academy/commit/dbc2717bd4ba9ee548e3f69fbbdd6e019b007e56

FreeCode.Academy

@prisma-cms/ecommerce-docker

@prisma-cms/ecommerce-docker

@prisma-cms/ecommerce

@prisma-cms/ecommerce

tinacms.ru

tinacms.ru

http://tinacms.ru

shopmodx.ru

shopmodx.ru

https://shopmodx.ru/

Обучение. Март.

Обучение. Март.

Работа. Март.

Работа. Март.

Lms-Redactor

Lms-Redactor

genavinogradov.github.io

genavinogradov.github.io

https://genavinogradov.github.io

Учебный проект на next-js. Покемоны.

Учебный проект на next-js. Покемоны.

Учебный проект pivo-moscow

Учебный проект pivo-moscow

freecode.academy

freecode.academy

https://freecode.academy

prisma-cms.com

prisma-cms.com

https://prisma-cms.com