Feature : Intergration Article draggable menu

[LeoHugues]

A way to integrate Draggable setting menu without overrinding article.html.twig

[bobdenotter]

Hi, @LeoHugues, could you give an example how to use this feature?
We can perhaps put that in the default configurationyaml, so people can see how they can use it.

[LeoHugues]

Hi @bobdenotter, I think that it's probaly not the best way to implement draggable settings. The config/extensions/bolt-article.yaml file is too long because of these two parameters (draggable: and draggable_menu:). Maybe we should put theme into Twig files and allow users to override templates and css extentions to customise editor ?

I have some styles conflicts with the assets/article/arx-content.min.css and I have to remove it. Moreover, I would very much like to put css to customise draggable_menu.

I am trying to find a way to integrate this feature but I have difficulty with the article extension mechanics at the moment.

What do you think of it ?

[bobdenotter]

@LeoHugues I'm not too sure what the correct way could be.. Perhaps we could make it so, that you can override the templates.

In https://github.com/bolt/article/blob/master/src/ArticleInjectorWidget.php#L17

it says:

protected $template = '@article/injector.html.twig';

Maybe we could make it so that it would either use that, or a template configured in the config, so that somebody can overwrite it. 🤔

[I-Valchev]

@bobdenotter @LeoHugues it's probably already possible to overwrite it, by creating a decorator service which simply extends the ArticleInjectorWidget?

Unless I'm misunderstanding this, and it needs to be part of the default article, of course.

[LeoHugues]

@bobdenotter @I-Valchev how do you think of it ?

   draggable_menu: 
     template: '@draggable/_draggable_menu.twig'
     css: 'assets/article/css/draggable-menu-default.css'
     js: 'assets/article/js/draggable-menu.js'
  
   draggable:
     'card-01':        '@draggable/components/card/_card_01.twig'
     'card-02':        '@draggable/components/card/_card_02.twig'
     'paragraph':      '@draggable/components/general/_paragraph.twig'
     'text':           '<div class="text-arx">Lorem ipsum dolor si amet</div>'

[LeoHugues]

@bobdenotter @I-Valchev how do you think of it ?

   draggable_menu: 
     template: '@draggable/_draggable_menu.twig'
     css: 'assets/article/css/draggable-menu-default.css'
     js: 'assets/article/js/draggable-menu.js'
  
   draggable:
     'card-01':        '@draggable/components/card/_card_01.twig'
     'card-02':        '@draggable/components/card/_card_02.twig'
     'paragraph':      '@draggable/components/general/_paragraph.twig'
     'text':           '<div class="text-arx">Lorem ipsum dolor si amet</div>'