Giter Club home page Giter Club logo

anime-pictures's Introduction

anime-pictures

Issues for Anime-Pictures.Net site

anime-pictures's People

Contributors

idolmatov avatar sagashiftyblow avatar stalkerg avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

Forkers

sagashiftyblow

anime-pictures's Issues

Страница загрузки артов 2.0

Пора бы уже и нам заиметь современную страницу загрузки файлов.
Добавить множественный выбор файлов, драг-ен-дроп и загрузку по ссылке.
Концепция:
На странице присутствуют счётчик свободных слотов, красивые кнопка выбора файлов и поле ввода ссылки. При перетаскивании файлов появляется область на всё окно для их вбрасывания.
Когда слоты заканчиваются всё это дело деактивируется или при попытке добавить картинку выводится сообщение об ошибке.
При добавлении картинок, они встают в отображаемую очередь, неплохо бы отображать прогресс бар (общий и/или свой для каждой картинки).
Если добавляемых файлов/ссылок больше чем свободных слотов, то их список можно урезать, а можно, когда закончатся слоты, на них отобразить ошибку и кнопку повтора попытки.

Скучкованные дочерние теги

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

Алиасы переносятся

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

Автозамена разделителя

При расширенном поиске заменять в конце || на && и наоборот, если строка заканчивается одной из этих комбинаций.

Защита от нескольких конъюнкций (&&) и/или дизъюнкций (||) идущих подряд в поисковом запросе.

Область выделения тега

  1. Область выделение тега (персонажа) на картинке может выходить за пределы картинки (скриншот, достаточно не спеша вести курсор) и такая область сохраняется и воспроизводится без проблем.
  2. При ширине окна 1000 пикс. и менее картинка подгоняется под ширину окна, а область выделения тега - нет.
  3. Иногда затемнение и область выделения съезжают вправо на 1 пикс.. Пример: 518325 (скриншот) (Хром 57).
  4. При выделении у области есть некий минимальный размер, но если кликнуть где-то в середине и нажать сохранить, то сохранённая область будет меньше чем отображавшаяся при сохранении.

Рекомендация связки

Просьба добавить аналог рекомендации тегов. но для связки.
Для экономии места разместить одну строку по тегами, пишет ОК после отправки ID или полной ссылки. Отображать рекомендованные связки только в профиле пользователя.

Со стороны модераторов отдельный раздел, где показаны рекомендации.
Вид списка, по аналогии с текущими карточками связок у картинок.
[Картинка у которой дана рекомендация] [картинка для связи 1] V/X [картинка для связи N] V/X
Т.е. галочка и крест под или возле рекомендованной картинки.

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

Авторские аккауты

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

Запретить пользователям добавлять копирайты на прешки

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

Новые категории тегов

  1. Компания / студия - отнести сюда производителей чего бы то ни было. Хотя глянув теги типа иной копирайт, у меня встал вопрос о толковании копирайта-продукта.
  2. Примечание - отнести сюда обязательные, по возможности, теги: оф. арт, скан, косплейные теги, обрезанное, отражённый, совместная работа, заимствованный персонаж, jpeg артефакты, rendered, векторная графика, otoko no ko, обложка.

Цветовые теги 2.0

Суть
Полностью избавиться от цветовых тегов (чёрные волосы, белые чулки etc.), заменив их на "палитру".

Пример
тык

Польза

  • Избавимся от кучи тегов в базе
  • Цветовые теги есть почти на каждой картинке, меньше тегов - больше удобства
  • Удобно смотреть, сразу видно какие цвета объекта есть на картинке

Проблемы

  • Не понятно, что такое "палитра" и как её показывать. На скрине 2 цвета чулков, окей, но что делать если их будет 10? Все эти иконки не поместятся внутри полоски тега. Тогда, может нужен скролл всех 10 цветов? Или раскрывающийся вниз список? Или вообще уже изначально раскрытый?
  • Как искать? Склоняюсь к варианту указания цветов в скобках через запятую - чулки (чёрные, белые). Или даже оставить как есть: чулки (чёрные)&&чулки (белые). Правда в плане реализации не понятно, ведь это уже не простой поиск тегов.

Подытожим
Пока сыро, нужно будет обдумать ещё кучу вещей.

Свой поисковик наших картинок

На данный момент ни IQDB ни saucenao полностью не покрывают наши картинки, пример. А про забаненные, новые и прешки и говорить нечего.
Почему бы не сделать форк, например, IQDB для поиска картинок только у нас?

Растягивание превью на десктоп версии

При ширине вкладки 1000 пикс. и менее картинки подгоняются под ширину экрана. Учитывая что качество превью даже при 100%-м масштабе не такое уж и супер, то при растягивании оно ещё хуже.
Сжатия это не касается.

Избранное для new и pre картинок.

Сейчас могут возникать ситуации, когда есть картинка, но ты не можешь добавить её в избранное.

  1. PRE
    Добавить кнопку "Добавить в предварительные избранные" на странице картинки.
    После её нажатия менять на "Удалить из предварительных избранных".
    Данные картинки отображать в отдельной категории "предварительные избранные". Категория не удаляется. Управление категорией картинки возможно только в рамках данных кнопок.

После смены PRE на опубликованную перемещать в стандартную категорию. Для этого нужна отдельная база (раздел базы) картинок, которая меняется при установке (снятии) статуса pre.

При управлении избранным со стороны пользователя ID картинки присваивается ID пользователей с разделителем и заносится в отдельную колонку (графу) базы.
В момент удаления картинки из базы PRE картинок для каждого пользователя перевести картинку в стандартные избранные.
По идее не должен быть перевод картинки из PRE в BAN (ведь она почти одобрена), но для таких случаев может потребоваться сначала выполнение запроса удаления картинки из избранного. а затем удаление из базы PRE.
2. New
Иногда, при загрузке картинки сайт сообщает, что картинка уже есть. При этом картинка тебе нравиться, поэтому ты бы хотел её загрузить или добавить в избранное.
Хотелось бы для картинок new после получения сообщения о дубликате видеть справка от уведомления кнопку "i".
Суть кнопки, которая должна быть вкратце описана во всплывающей подсказке или в справке к сайту:
При нажатии кнопки для профиля пользователя формируется запрос для автоматической проверки статуса картинки.
Работа запроса и кнопки:
Нажатие кнопки формирует список картинок по их ID для уведомления и ID пользователей, которым отправить уведомление. Определённый скрипт на сайте раз в N минут (допустим 10), проверяет статус картинки, если он изменился с NEW на другой, то уведомить пользователя об обновлении статуса картинки.
Уведомление отправляется в ЛС с краткой сутью уведомления (картинке ZZZ присвоен статус YYY) и превью картинки. По возможности, для статуса PRE или опубликованной, формировать линк на картинку через превью.
После отправки ЛС всем пользователям удалять строку с ID из базы.

Горячие клавиши

A (add) - фокус на поле добавления тегов
Q (query) - фокус на поле быстрого/расширенного поиска
D (download) - скачать картинку
S или L (star/like) - поставить звезду
O (open) - открыть картинку в полном размере
F (favorite) - добавить в избранное по-умолчанию
P (public) - фокус на поле выставления статуса
Стрелки влево/вправо переход на соседние картинки или страницы поиска
Esc (escape) - убрать фокус с поля ввода

Баг с подписками

В поиске по всем картинкам: вбиваешь единственный нужный тег - подписка не отображается, лечится обновлением страницы.
1

Название родителя и синонима в редакторе тега

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

Пустой тег

Если написать пробел в теге и добавить, то показана ошибка "Пустая строка" под строкой ввода тегов и все теги скрываются от зрителя фразой "undefined".
default

Лучше в таком случае просто отправлять запрос с ответом "ок", как для || без тегов. И не скрывать теги.

Ачивки

Один из способов оживить сайт.

-Мотивация для юзеров, помимо топа пользователей, прилагать усилия во благо сайта.
Идея проста: есть некий список достижений, юзер выполняет пункты и за это получает поощрение.
Пункты списка можно придумывать до бесконечности много (на сколько хватит фантазии): выложи 10/50/100.. картинок, попади в топ, получи N звёзд всего, N звёзд максимум за картинку, N предложенных тегов приняли и т.д. и т.п.
Способов поощрения, увы, не так много: от просто иконок (медальки) в профиле, увеличение лимита на 1, +N очков и т.д. до личного предложения переводить в pre или даже дать модерку.

З.ы. Не лишними будут отрицательные достижения: ваши картинки забанили N раз и т.д, что ухудшит положение.
З.ы.ы Издревне на сайте уже была ачивка - коммитер.

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

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

Запрос на изменение тегов

Предлагаю ввести запросы на изменения тегов: когда ты редактируешь и сохраняешь тег, то изменения не применяются, а формируется запрос на изменение тега, который должны одобрить, например, три модератора, включая инициатора, и чтобы никто его не отклонил.
Так можно избежать создания неправильных/неточных связей/описаний/переводов.
Об этом изменении будет знать не только инициатор.
Возможно стоит сделать запросы редактируемыми для внесения уточнений/поправок (тогда список одобривших сбрасывается) и добавить поле для комментария, если причина редактирования тега не очевидна.
Ну и этот запрос не должен формироваться для только что созданных тегов - можно закрыть Автооткрытие свойств тега при его создании посредством реализации заполнения необходимых полей в момент создания тега, а не после.

Цвета пользователей в блоке Now watching

Обычные пользователи и модераторы имеют практически одинаковые цвета в блоке Now watching на оранжевой теме.
image
Предлагаю использовать стандартные цвета ников.

Ссылки на view_posts_v2

При поиске картинок, ссылки всех номеров страниц введут на view_posts_v2 вместо view_posts. И тех, кто решит открыть другую страницу поиска в новой вкладке ждёт сюрприз.

Выделения тега только для тегов-персонажей

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

Автозамена абракадабры

ntvf #45
как насчёт менять абракадабру на внятные слова других языков? например, на слова из выбранного пользователем языка в шапке.
light
производить автозамену можно будет, если по запросу (например, "cdtnkst") теги не найдены.

Заменить редирект на все картинки

Предлагаю или добавить промежуточную страницу, или редирект на главную страницу.
Или придумать отдельную страницу 404, когда будут показаны последние X (5-15) картинок со всеми плюшками расширенного поиска. В внизу кнопка "Посмотреть все".

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

Повышение удобства рекомендации тегов

Было бы неплохо отображать на картинке уже рекомендованные данным пользователем, но ещё не проверенные теги. Так пользователям будет проще искать, что они забыли проставить. ИМХО, ещё такая система будет более стимулирующая, так как пользователи будут сразу видеть результат их роботы. Да и модерам будет немного проще проверять теги, когда их сразу пачка приходит.

Раздел "протегируй меню"

Вернуть старый раздел в новом виде.
Добавить отдельный поиск в разделе:
Pre, с тегом tagme (artist), tagme (character), протегируй меня
Можно перевести фильтры поиска:
Предварительные, без артиста (автора), без персонажа. мало тегов.

Вверху краткие правила раздела:

  1. Обычные теги можно ставить только для предварительных, для остальных рекомендовать;
  2. Ссылку на артиста (автора) и/или описание персонажа писать в комментарии, там где пишите несуществующие теги.

P.S. Предложения переношу из лички, которые можно объяснить.

BB коды

Хотелось бы видеть некоторую справку, типа всплывающего окна или наподобие вкладки "дополнительно" везде, где их (коды) можно вставить. В справке бы объяснялись общий принцип и расшифровка каждого.
Плюсом, имхо, не хватает зачёркнутого, изменение цвета и размера текста.

Редактирование комментариев

Редактирование комментария происходит в поле не связанном с кнопками BBCode'ов. А после редактирования комментария исчезают кнопки редактировать и удалить комментарий до перезагрузки страницы.

Пробелы вокруг разделителей

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

function (e) {
    const oldVal = e.srcElement.value;
    const newVal = oldVal.replace(/\s*(&&|\|\|)\s*/g, "$1");
    if (newVal !== oldVal) {
        e.srcElement.value = newVal;        
    }
}

Также можно сразу добавить "автозамену разделителя", но тогда нужно вызывать ф-ю ещё и при вставке разделителя:

function (e) {
    const oldVal = e.srcElement.value;
    const newVal = oldVal.replace(/\s*(?:\s|&&|\|\|)*(&&|\|\|)\s*/g, "$1");
    if (newVal !== oldVal) {
        e.srcElement.value = newVal;        
    }
}

А потом я подумал, решил почему бы не добавить автозамену " AND ", " И " на &&, а " OR ", " ИЛИ " на ||:

function (e) {
    function replacer(str, p1) {
        switch (p1) {
            case " AND ":
            case " И ":
                return "&&";
            case " OR ":
            case " ИЛИ ":
                return "||";
            default: return p1;
        }
    }
    const oldVal = e.srcElement.value;
    const newVal = oldVal.replace(/\s*(?:\s|&&|\|\|| AND | OR | И | ИЛИ )*(&&|\|\|| AND | OR | И | ИЛИ )\s*/g, replacer);
    if (newVal !== oldVal) {
        e.srcElement.value = newVal;        
    }
}

Перевод сайта

Может на github создашь файл перевод с колонками или несколько файлов для каждого языка, где каждый пользователь этого сайта сможет дополнить не переведённые строки?

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

Профиль 2.0

Суть
Перелопатить внешний вид профиля для более удобного пользования и представления информации.

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

Примеры:
Изменить аватар: 1 Отправить сообщение: 2 Настройки: 3 Включен: true 4 / false 5 Your own stars: 6 Добавить изображение: 7 и т.д.

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

Таблица
Почти всю не ссылочную информацию из списка можно запихнуть в удобную таблицу (см. пример).

Разное

  • Не понятно какой статус у пользователя. Думаю, кроме вкладки "О нас", в профиле нужно указать кто он: одмен/модер/коммитер/юзер и т.д. К тому же, можно указать его позицию в топе.
    - Может стоит добавить какие-нибудь ачивки/достижения помимо топа? это может воодушевить многих помогать сайту за медальки/плюшки, которые на всеобщий показ будут выставлены в профиле.
    - Возможно стоит добавить аналог "стены" или обсуждения пользователя, дабы профиль этот немного оживить.
  • Явно не хватает какой-нибудь личной статистики/активности.

Подытожим
Это всё концепция и лишь часть того, что можно сделать в конечном итоге.

Расширение свойств тегов

Первое – несколько родителей, второе – динамическое кол-во имён тега.
Третье - отказаться от тегов только в нижнем регистре. Для меня - писать чьё-то имя/название с маленькой букве = неуважение, и не важно что это вымышленные персонажи, имя есть имя.

Сейчас, если в названии тега есть хоть одна буква в верхнем регистра (все совершают промахи), то тег не найдётся по этому имени.

Дата перевода в пре

Заменить “Дата публикации:” (“Date Published:”) на “Текущий статус выставлен:” (“Current status set on:”) и указывать дату выставления статуса, в том числе для пре. А то сейчас нельзя понять как долго картинка находится в пре. Также в этом случае прешки будут подниматься у простых пользователей
и, возможно, кто-то из них протегирует её.

Кнопка "Наверх"

Часто очень требуется. К примеру, когда ты в конце длинной страницы, а тебе нужно вернутся в шапку, к условиям поиска. Особенно неприятно отсутсвие сей кнопки на ноутах или на мобилках.
З.ы. И для тех, кто не сидит с яндексброузера.

Переключение языка сайта

Язык сайта указывается в ссылке, поэтому иногда, при переходе по некоторым ссылкам язык сайта неожиданно переключается, а убрать от туда его нельзя во имя гугла.
Предлагаю для зарегистрированных пользователей игнорировать язык в ссылке, а лучше редиректить на язык указанный в куках пользователя или вообще БД. А для того, чтобы они могли переключать язык, в форму выбора языка добавить <input type="hidden" name="force" value="1"> как идентификатор того, что это осознанный выбор пользователя.

Маленькие checkbox и radio

В параметрах поиска картинок и настройках поиска тега checkbox и radio можно было бы позаворачивать в label, а то тыкать в область 13х13 пикс. не шибко удобно.

Проблема связывания и отвязывания картинок

  1. Если связывать картинки, каждая из которых уже связана с своим набором картинок, то получается некоторая белиберда. Нужно либо отображать, что картинка связана сразу с двумя группами картинок, либо запретить связывание в подобных случаях.
  2. Иногда при отвязывании картинка отвязывается только с одной стороны и получается односторонняя связь. Пример.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.