Заметка netwood.org

[NetWood]

Всем привет!

На досуге заточил анонимный сервис проектов и скилов с персональной страницей с QR-кодом.

Ссылка скрыта от гостей

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

Зарегистрированный пользователь имеет на сайте персональную открытую страницу с QR-кодом, которую можно использовать в качестве визитной карточки, например, на форумах в качестве подписи или как ссылка для передачи конфиденциальной информации. В качестве адреса страницы используется автоматически уникальный NID анонимуса. После авторизации можно будет создать до трех текстовых блоков проектов и скилов и опубликовать их через чекбокс 'SHARE PUBLIC'. Проекты также имеют уникальный номер с индексом NP.

Для работы с сервисом необходимо зарегистрироваться через электронную почту. Зарегистрированный email изменить будет невозможно. Сообщения с сайта будут приходить на этот email. Отвечать нужно будет через страницу сайта, указанную в письме. Таким образом обеспечивается анонимность переписки. Постороннему анонимусу узнать реальный email пользоветеля при использовании данных сервиса невозможно.

Предполагается , что система контроля доступа к персональному email пользователя достаточно надежна. При авторизации и регистрации на указанный email будет приходить письмо с кодом, который надо будет ввести на интерактивной форме. Это очень удобная и простая система, позволяющая не запоминать пароли, которых в интернете развелось уже очень много.

Cвязаться с анонимусом можно через кнопку 'CONTACT'. По факту, c адреса сайта приходит обезличенная почта, например, что NID191A написал анонимусу NID4056 и ответить можно на странице

Ссылка скрыта от гостей

. Есть возможность написать самому себе для теста.

Вполне возможно, что пытливый юзернейм найдет этому сервису другое полезное применение, например, в качестве записной книжки или для передачи информации от Юстаса к Алексу.

На сервисе работает собственный внутренний поиск по тексту проектов, скилов и идентификаторам NID и NP. Проект реализован на защищенной платформе с использованием внутренних механизмов защиты информации и контроля доступа.

Enjoy!

 

[garrick]

Красивое! Особенно внутри. Это зелёное мне очень понравилось.

 

[lmike]

реакт так и не хочешь юзать

 

[NetWood]

реакт так и не хочешь юзать

Это и так сплошная абстракция, а еще абстрактный DOM сверху. Лениво). Осенью меня пробивает на всякие проекты. И походу дела приходится на Домине отвечать на всякие вопросы, на которые нигде нет ответа. Там внутри для рега и при редактировании паттернов целый теплоход с цыганами и блекджеком пришлось написать. JQ проще.

 

[NetWood]

Прикрутил CKEditor 5 в редактирование Project

Потроха подформы редактирования

<form id="edit_<Вычисляемое значение>">
                    <input name="SessionID" type="hidden" value="<Вычисляемое значение>">
                    <input name="Status" type="hidden" value="<Вычисляемое значение>">
                    <input name="Lang" type="hidden" value="<Вычисляемое значение>" />
    <div>
    <textarea name="Content" id="ckeditor<Вычисляемое значение>" rows="5" cols="50" placeholder="Edit project"><Вычисляемое значение></textarea>
        <div class="editbox">
            <span class="edit-save icon solid fa-save" data-doc="<Вычисляемое значение>"></span>
            <span class="edit-close icon solid fa-times" data-doc="<Вычисляемое значение>"></span>
        </div>
    </div>
</form>
<style>
/*Стиль бекграунда редактора*/
.ck.ck-editor__main > .ck-editor__editable {
  background: #2E3450;
}
</style>
<script>
document.querySelectorAll('#ckeditor<Вычисляемое значение>').forEach(e => {
  ClassicEditor
    .create( e, {
            toolbar: ['bold', 'italic', 'link', 'bulletedList', 'numberedList', 'blockQuote', '|', 'undo', 'redo' ]
    } )
    .then(editor => {
      editor.model.document.on('change:data', () => {
        e.value = editor.getData();
      });
    })
    .catch(error => {
      console.error(error);
    });
})
</script>

e.value = editor.getData() налету изменяет textarea, чтобы работало var $datarc = $( form ).serialize();

 

[rinsk]

querySelectorAll('#ckeditor<Вычисляемое значение>')

Имхо там должен быть класс (.) а не идентификатор (#) ...

 

[NetWood]

Имхо там должен быть класс (.) а не идентификатор (#) ...

Я тоже так думал. Но задваиваивается айтем при открытии нового редактора в другой форме если просто класс. Морочиться с динамическим именем редактора оказалось не перспективно совсем. Поэтому проще сделать якорь с новым @Text(@DocumentUniqueID) и динамическим полем по editor.getData().

А так-то, да forEach лишноватый. Но меня меня радует минимальное количество строк в коде и головной боли.

 

[rinsk]

Я тоже так думал. Но задваиваивается айтем при открытии нового редактора в другой форме если просто класс. Морочиться с динамическим именем редактора оказалось не перспективно совсем. Поэтому проще сделать якорь с новым @Text(@DocumentUniqueID) и динамическим полем по editor.getData()

Ясн.
Для этих целей использую data- атрибуты. Как раз для нескольких инстансов объекта на форме...