Size: a a a

JavaScript.Ninja

2020 May 25

IG

Igor Grekhov in JavaScript.Ninja
если я правильно понял задачу, то нужно использовать атрибут tabindex
источник

AP

Andrey Panaseyko in JavaScript.Ninja
разрисовать в виде графа а потом уже танцевать с индексами
источник

AP

Andrey Panaseyko in JavaScript.Ninja
ну можно конечно методом тыка
источник

ЗС

Захар Скороходов... in JavaScript.Ninja
Сергей
Переслано от
#noob дали задание сделать вэб интерфейс управления "устройством", но я не знаю как это проектируется, чтобы осуществлять навигацию
лишь кликами по стрелкам.

Дело в том что направление навигации меняется в зависимости от активации режима редактирования опции - где-то верх/вниз, а где-то влево/вправо. За счет чего это делается ?
Как определять,  в каких опциях могут быть активны определённые кнопки. Проще говоря как спроектировать store для такой задачи ?
Много-много раз вздымая глаза к небесам, люди, которые будут пользоваться этим оборудованием, будут произносить "Господи, какой мудак это проектировал!?"

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

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

Простите, не удержался промолчать.
источник

С

Сергей in JavaScript.Ninja
Igor Grekhov
если я правильно понял задачу, то нужно использовать атрибут tabindex
при этом выбор опции из списка слева осуществляется стрелками верх/вниз. При нажатии на "OK" навигация переключается в правую область, где перемещение может быть как верх вниз для выбора уровня, так и влево/вправо для выбора toggle-button ☺️
источник

IG

Igor Grekhov in JavaScript.Ninja
значит нужен двумерный tabindex)
источник

С

Сергей in JavaScript.Ninja
Захар Скороходов
Много-много раз вздымая глаза к небесам, люди, которые будут пользоваться этим оборудованием, будут произносить "Господи, какой мудак это проектировал!?"

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

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

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

IG

Igor Grekhov in JavaScript.Ninja
[x,y]
источник

IK

Illya Klymov in JavaScript.Ninja
Захар Скороходов
Много-много раз вздымая глаза к небесам, люди, которые будут пользоваться этим оборудованием, будут произносить "Господи, какой мудак это проектировал!?"

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

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

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

С

Сергей in JavaScript.Ninja
Illya Klymov
Вы очень не правы. Это явно тренажёр
да это тренажер, чтобы можно было потыкать вместо реального устройства
источник

ЗС

Захар Скороходов... in JavaScript.Ninja
Сергей
да это тренажер, чтобы можно было потыкать вместо реального устройства
А интерфес взят с реального устройства? Или Вы сами  его нарисовали?
источник

С

Сергей in JavaScript.Ninja
Захар Скороходов
А интерфес взят с реального устройства? Или Вы сами  его нарисовали?
кто-то рисовал ) мне скинули макеты, под предлогом "ничего сложного сверстаешь", но чел потом сообщил, что надо чтобы еще и работало как физическое устройство и еще они планируют, чтобы было окошко, в которым будет происходить анимация работы "запущенного устройства" )
источник

IK

Illya Klymov in JavaScript.Ninja
Сергей
кто-то рисовал ) мне скинули макеты, под предлогом "ничего сложного сверстаешь", но чел потом сообщил, что надо чтобы еще и работало как физическое устройство и еще они планируют, чтобы было окошко, в которым будет происходить анимация работы "запущенного устройства" )
То что вы хотите - типичная машина состояний :)
источник

ЗС

Захар Скороходов... in JavaScript.Ninja
Illya Klymov
Вы очень не правы. Это явно тренажёр
Простите, а в чём именно я не прав?
Кажется, я ошибся только в том, что страдальцы будут пользоваться не оборудованием, а тренажёром, но это же не меняет сути проблемы. :)
источник

С

Сергей in JavaScript.Ninja
Illya Klymov
То что вы хотите - типичная машина состояний :)
проблема в том, что я сложнее crud todo ничего не делал )
и в данном случае я не могу понять структуру будущего store, чтобы можно было осуществлять по нему "передвижение" )
источник

ЗС

Захар Скороходов... in JavaScript.Ninja
Сергей
кто-то рисовал ) мне скинули макеты, под предлогом "ничего сложного сверстаешь", но чел потом сообщил, что надо чтобы еще и работало как физическое устройство и еще они планируют, чтобы было окошко, в которым будет происходить анимация работы "запущенного устройства" )
По человечески сожалею, что Вам придётся решать эту задачу.
источник

IK

Illya Klymov in JavaScript.Ninja
Захар Скороходов
Простите, а в чём именно я не прав?
Кажется, я ошибся только в том, что страдальцы будут пользоваться не оборудованием, а тренажёром, но это же не меняет сути проблемы. :)
Во всех утверждениях. Начиная от джойстик ориентированного интерфейса :) (здесь сходу пачка здравых практик)
источник

IK

Illya Klymov in JavaScript.Ninja
Я в свое время делал много таких :)
источник

ЗС

Захар Скороходов... in JavaScript.Ninja
Illya Klymov
Во всех утверждениях. Начиная от джойстик ориентированного интерфейса :) (здесь сходу пачка здравых практик)
Вопрос немного в оффтопе, если не готовы обсуждать, я не обижусь, НО

Вы представляете, сколько надо сделать телодвижений, чтобы открыть десятые гейты на всех 4-х экструдерах?
источник

IK

Illya Klymov in JavaScript.Ninja
Обычно 6-7 нажатий на экструдер
источник