Как сверстать фильтр из трехугольных кнопок?

Question

[Виталий Ананьев]

Как мне сверстать фильтр из трехугольных кнопок как на этом сайте https://funpay.com/lots/183/ где раздел цена и наличие? Я просто делаю бэк и мне нужно понять как эта конструкция выглядит.

Comments

[Александр]

Это просто иконка рядом с текстом. При изменении сортировки вставляется нужная иконка, и всё.

[Виталий Ананьев]

Александр, под иконкой в данной сортировке селект или чекбокс?

[Александр]

Виталий Ананьев, на приведенном сайте просто изображение.

[Виталий Ананьев]

Александр, как эта форма называеться на фронте? Что мне гуглить что бы скопипастить этот шаблон с CSS?

[Александр]

Виталий Ананьев, никак не называется, открываете DevTools и исследуете.

Answer 1

[Stalker_RED]

На бэке это выглядит как изменение ORDER BY.

Comments

[Виталий Ананьев]

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

[Stalker_RED]

Виталий Ананьев, в браузере нет стандартного контрола для сортировки.
Следовательно, его сделает фронтендер.
Судя по тому, что вы делаете бэк до фронта, то ВЫ можете описать в каком формате должен быть запрос.
Ну там json может, или обычный query string.
Для сортировки обычно указывают ASC, DESC или ничего, если не выбрано.
Неплохо бы учесть, что сортировка может быть по нескольким столбца одновременно, и порядок столбцов важен.

[Максим]

Виталий Ананьев, где там треугольные кнопки ?

[Виталий Ананьев]

Stalker_RED, как эта форма называеться на фронте? Что мне гуглить что бы скопипастить этот шаблон с CSS?

[Stalker_RED]

Виталий Ананьев, еще раз повторяю - такого контрола в стандарте нет. Бесполезно его гуглить. В данном случае там просто div с текстом "In stock", все остальное делается в несколько строчек скриптов и css.
Похожие штуки есть в разных фремворках, но я вам не буду советовать применять какой-то фреймворк ради одного контрола. И вообще, вы вроде заявляли, что делаете бэк. Хотя в этом же вопросе написано "сверстать". Хм.

И еще раз - если бэк делается раньше фронта, то вам решать в каком формате бэк примет запросы. Если вы считаете, что это не в вашей компетенции - задайте вопрос руководителю, или вместе с фронтендером решите этот вопрос, смотря как у вас в компании это принято.

[Виталий Ананьев]

Stalker_RED, Я не работаю в компании, в просто делаю портфолио, хотел сделать что-то подобное что-бы было и на фронте, поверхостно я знаю фронт но подобные кнопки я не делал, в любом случае спасибо за совет!

[Stalker_RED]

Виталий Ананьев, ну вот, наверное, простейший вариант

[Stalker_RED]

Виталий Ананьев, даже с выводом параметров