search

Metaserverless / Console

Web IDE for Metarhia Cloud Application 🛸
MIT License
7 stars 11 forks source link

Многоуровневое верхнее меню #20

Closed leonpolak closed 2 years ago

leonpolak commented 2 years ago

Довольно простое задание.

В файле /static/client/elements/Topmenu.js лежит класс управляющий верхним меню, пункты для которого заданы в /static/client/controllers/controller_topheader.js. Надо сделать так, чтоб дерево подэлементов меню было многомерным, то есть сейчас открывается только один элемент меню, а хотелось бы чтобы к каждой строке можно было добавлять элементы открывающиеся вбок. Все css стили находятся в файле /static/client/index.css

vitalii88 commented 2 years ago

готов взяться за это задание

roman-serebrov commented 2 years ago

готов тоже попробовать сделать, как раз разберусь и смогу в дольнейшем быстрей помогать! только вот какие элементы меню должны быть многмерными?

leonpolak commented 2 years ago

в /static/client/controllers/controller_topheader.js на 17й строке лежит эррэй this.items на основе которого Topmenu.js в конструкторе генерирует html. Предмтавьте себе, что третий элемент объект эррэя на 147й строке, выглядит так: 

 {
        title: 'View',
        items: [
{
          title: 'Placeholder',
          action: 'placeholder',
          shortcut: 'Ctrl+Shift+P',
          items: [{
               title: 'Placeholder 2',
               action: 'placeholder 2',
                shortcut: 'Ctrl+Shift+P',
            },
           {
              title: 'Placeholder 3',
              action: 'placeholder 3',
               shortcut: 'Ctrl+Shift+P',
           }]

        }]
}

Первое меню c одной строкой открывается на mouseover вниз, а на mouseover первой строки открывшегося меню - открывается подмею вбок с двума строками

roman-serebrov commented 2 years ago

я уже реализовал открытие под меню. Завтра немного код под рефакторю и отправлю Вам посмотреть.

roman-serebrov commented 2 years ago

Снимок экрана 2022-07-24 в 23 10 10

на данный момент, как пример, это выглядит вот так!правильно я понял задание?

leonpolak commented 2 years ago

на данный момент, как пример, это выглядит вот так!правильно я понял задание?

Да, всё именно так. Там нужен функционал как в родительском: возможность задавать дивайдеры и шорткаты..

roman-serebrov commented 2 years ago

Leon good afternoon! Haven't looked at the last commit?

leonpolak commented 2 years ago

Это нужно было сделать вот так: https://github.com/Metaserverless/Console/pull/37/files Оно сейчас тестировочно работает в File->Export