Изменение DirectoryTables

Разработка
1

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

Как мне изменить это в пользовательской теме:

<DirectoryTable
              @items={{this.model}}
              @columns={{this.columns}}
              @showTimeRead={{this.showTimeRead}}
              @order={{this.order}}
              @asc={{this.asc}}
            />

(редактирование) целью было бы изменить это, возможно, на строки и столбцы с использованием div.

2

Прежде чем ты даже ответишь, Крис, я ценю твое время.

3

Отлично, что вы зашли! На этой неделе я начал обновлять каталог, чтобы отказаться от использования <table> в пользу более гибкой разметки на основе div, которая воссоздаёт структуру таблицы с помощью CSS Grid. Так что, если вы сможете подождать неделю-другую, это станет новым стандартным решением.

В противном случае вам придётся переопределить наш шаблон по умолчанию здесь в рамках вашей темы. Подробнее о переопределении шаблонов читайте в статье: Developing Discourse Themes & Theme Components

4

Это именно то, что мне было нужно, большое спасибо!

5

Сортировка по местоположению? Сначала показывать ближайших участников? :innocent:

6

Итак, я установил свою пользовательскую тему, отредактировал этот файл: “discourse/app/assets/javascripts/discourse/app/components/directory-table.hbs at ba3f62f576068035bc8fbda615e595960cd4520c · discourse/discourse · GitHub”, проверил и установил обновления для него, но никаких изменений не вижу. В качестве теста я добавил класс к “directory-table-container”. Нужно ли мне пересобрать контейнер?

Расположение изменённого файла:
$theme/javascripts/discourse/app/components/directory-table.hbs

7

Итак, я разобрался с таблицей и ячейками td, но где же, черт возьми, находятся теги tr?

8

Ранее упомянутая работа была объединена в Discourse, и мы больше не используем table для таблиц пользователей, а теперь применяем комбинацию div и CSS Grid.

Вам нужно проверить компонент DirectoryItem, который находится здесь: https://github.com/discourse/discourse/blob/main/app/assets/javascripts/discourse/app/components/directory-item.hbs