Module AdminOnSteroids

[bernhard]

@tpr would you mind adding a screenshot how this looks like? never thought of using columns in admin but i guess it could be a good possibility and would love to get some inspiration

[tpr]

Here you go:

As you can see it offers a lot better screen utilization, especially on wider screens.

It can be similar to WordPress admin if you place an image field to the top of right column (called "featured image" in WP).

[bernhard]

thank you, looks great!

[Juergen]

Another usage example:

I use it for an event calendar.

On the left side is all information about the event as text. In the right column are all settings for the event (single or recurring event, start, end, price,...)

 

[tpr]

Why are the background yellow of at the bottom of the fields?

[Juergen]

These are all required fields. I know that yellow is not the best color. I have only tested it to make required fields more visible for the author. Non required fields are with no colored background. 

[tpr]

I see, I though that's some kind of error coming from AOS Tooltips.

I would perhaps try using CSS outline, eg.

li.InputfieldStateRequired {
  outline: 2px solid #efcb1d;
  outline-offset: -2px;
  z-index: 1;
}

 

[tpr]

New version is up (v065):

• new RenoTweak "hoverTopSubmenus": show topnav submenus on hover instead click
• use slider for LongClickDuration instead plain text input
• do not load submodule JS/CSS files on login page

Here is how the slider looks like for LongClickDuration:

I wanted a traditional tooltip-style tooltip but Chrome has overflow and css-transition issues inside CSS3 columns, so I had to fallback to this.

[ceberlin]

I found out what causes the misplaced cke bars here: It's only happening (also current version) if the module's scrollFix is enabled at the same time.

It is happening with ReneTweaks on or off, no difference.

[ceberlin]

If RenoTweaks is on with FixedHeader>CompactHeader on, the Search field is overlapping the "Save" field, which needs more space in German ("Absenden")

[tpr]

Thanks, it's fixed with Js as there's no way fixed elements to be positioned relatively to each other.

[tpr]

v066 is up. The biggest thing is a new hook where you can disable a submodule or even tweaks too, based on your custom conditions. Before this hook there was no way to disable a tweak, only to disable the entire submodule or restrict by role from the module settings page. I haven't tested disabling each tweaks so please report if you think something is not working as expected. The readme contains an example on how to use the hook.

There were a few CKE plugins added too and it is possible to use cke.js or cke.css from the templates directory to override things. See the readme for details.

Changelog

• added hook AdminOnSteroids::modifyConfigData to enable or disable submodules or tweaks
• added helper method AdminOnSteroids::disableSubmodule to disable a submodule
• new helper method AdminOnSteroids::disableTweak to disable a tweak
• new CKEaddon plugins: oEmbed, showBlocks, CodeMirror
• CKEaddons: use "/site/templates/cke.js" file for custom config (if exists)
• CKEaddons: use "/site/templates/cke.css" file for custom styles (if exists)
• use asmSelect for selecting CKEaddons plugins in module config (enables ordering)
• CKEaddons plugins that add buttons are marked with an asterisk
• JS fix for compact header save button and search field overlap (RenoTweaks)
• various LightWire skin CSS fixes (CKEaddons)

[Juergen]

I really enjoy the CKEaddons. Till now I have always installed the addons manually but AOS makes my life much easier from now on. Thanks!!

[Juergen]

One thing to mention. I would add an inputfield for the cke.js and cke.css path, so everyone can write the path to those files in a custom way. In this case you are able to put the css and js files in a subfolder of your choice instead of directly in the templates folder where all the template files are located. 

[tpr]

CKEddons is a great timesaver for me too. Setting up one ckeditor can be made quickly but when you have more its a nuisance.

I have also thought about custom paths but have wait until someone asks for it. It didn't took much time

Do you think the same for admin.css/js?

[szabesz]

45 minutes ago, tpr said:

Do you think the same for admin.css/js?

Sure  I've already suggested not to "pollute"  the "root" (/site/templates) and a the possibility to configure it is welcome.

[Juergen]

4 hours ago, tpr said:

Do you think the same for admin.css/js?

Yes, of course. I always like it if there is a clean directory structure. So I have a folder for CSS, JS, widgets, inc and so on. It makes life easier too.

[bernhard]

hi tpr,

this setting:

leads to empty space on wide modals, both in default and reno theme:

[tpr]

Thanks, added a :not(.modal) to the CSS to avoid setting a max-width of 1480px in modals. Btw it's loaded in the default theme so it shouldn't have any effect in Reno.

[bernhard]

35 minutes ago, tpr said:

Btw it's loaded in the default theme so it shouldn't have any effect in Reno.

that was a surprise for me as well, but  i tried it both in default and reno (2 different users) and it had the same effect... maybe some cache again?

[tpr]

No idea, html.AdminThemeDefault.wide shouldn't be available when Reno theme is active.

[dotnetic]

I really love this module and think its features should be in core. So much flexibility. You can customize the backend to your preference.

[tpr]

Thanks! The module is only half of the picture, there should be a system that allows such mods

I've added a "highlight rows" tweak that adds a slight background color when hovering on pagelist row items an AdminDataTables items. This helps keeping the focus when having long rows.

This features modifies the main pagelist so that opened items get bold. I find it helpful because the hierarchy is more clearly visible.

[tpr]

Next version will contain a fix for the missing image labels in the image select screen:

[ceberlin]

I cannot see the tooltip for editing the template any more, which is in the breadcrumb. (Default theme, the information is still there in the source code - but the tooltip is not shown, maybe misplaced and hidden somewhere) - Am I the only one having the issue?