tpr

Module
AdminOnSteroids

781 posts in this topic

I don't have ListerPro but I can add this line if you say it fixes it. I've searched for 100% width in AOS but it seems that it's coming from ListerPro, right?

1 person likes this

Share this post


Link to post
Share on other sites
5 minutes ago, tpr said:

I've searched for 100% width in AOS but it seems that it's coming from ListerPro, right?

Yes, the full rule is...

#ProcessListerResults select, #ProcessListerResults textarea, #ProcessListerResults input[type="url"], #ProcessListerResults input[type="email"], #ProcessListerResults input[type="text"] {
    width: 100%;
}

...in ProcessPageListerPro.css

So you could override that specific rule or use a more generic rule like in my previous post to try and force the filterbox input to always be width:auto - whichever you think best. Thanks.

1 person likes this

Share this post


Link to post
Share on other sites

Thanks, I've added width: auto to the CSS (no version change).

2 people like this

Share this post


Link to post
Share on other sites

Hi @tpr, would it be possible to get the field edit links that show on hovering a field label to work on fields that are inside repeater items?

Ooh, and another idea re: field edit links. What if Ctrl-click brought up the settings for the field in the template context? (i.e. the template overrides)

Edit: one more thing...

The "Configure" anchor links in the Submodules panel do not scroll me to the right options panel, but scroll down quite a bit further. Tested in Firefox and Chrome on Windows.

2017-03-02_111131.png.4ce64634529330936de7ef2d95b313e9.png

1 person likes this

Share this post


Link to post
Share on other sites

No issues here with the scroll (Chrome/FF).

I have plans to modify the field edit link tooltip, then I'll try to make them work in repeaters too, and perhaps add a template context feature too.

3 people like this

Share this post


Link to post
Share on other sites
16 minutes ago, tpr said:

No issues here with the scroll (Chrome/FF).

I have tracked the issue down to the "Tooltips" submodule - when this submodule is disabled the Configure anchor links scroll to the wrong place (in the default Admin theme anyway).

BTW, have been meaning to ask this for a while: is it possible to use the "Restore settings on next install" feature to copy AOS settings from one site to another? Or some other way to quickly replicate AOS settings on another site?

Share this post


Link to post
Share on other sites

Thanks, will check it.

Yes, you can copy the settings.php file to the new site, but first check the checkbox and save AOS, then uninstall, and only then copy it over. Then if you install the old settings should be loaded.

A better method that I use recently is the Module Toolkit module where you can export modules with their settings to the new site. There's a JSON copy to clipboard option so all you need is copy-paste that. Modules are re-downloaded from the modules directory so core modules are not supported atm but it's still an incredible time saver.

1 person likes this

Share this post


Link to post
Share on other sites
1 hour ago, tpr said:

Yes, you can copy the settings.php file to the new site, but first check the checkbox and save AOS, then uninstall, and only then copy it over.

Okay, thanks for the info. It would be neat if there was a feature allowing to export/import (copy/paste) the settings JSON without needing to uninstall/reinstall. As new AOS features are rolled out quite regularly (which is awesome) I often want to synchronise my new settings across many sites.

Share this post


Link to post
Share on other sites
Just now, Robin S said:

Okay, thanks for the info. It would be neat if there was a feature allowing to export/import the settings JSON without needing to uninstall/reinstall. As new AOS features are rolled out quite regularly (which is awesome) I often want to synchronise my new settings across many sites.

Like  this?

 

3 people like this

Share this post


Link to post
Share on other sites
3 minutes ago, adrian said:

Like  this?

Yes! I had forgotten about your thread there. That is still a work in progress and not released yet, right, or did I miss it? I think AOS and Tracy are the main modules where I find myself wanting a quick way to sync settings, but would definitely be cool to have that available for any module.

Share this post


Link to post
Share on other sites
7 minutes ago, Robin S said:

Yes! I had forgotten about your thread there. That is still a work in progress and not released yet, right, or did I miss it? I think AOS and Tracy are the main modules where I find myself wanting a quick way to sync settings, but would definitely be cool to have that available for any module.

It's fully functional. I'll PM it to you to try out. I'd be curious to get your feedback, and then maybe I'll just release it, maybe on its own, or maybe packaged with Module Toolkit, along with core module support to address @tpr's request.

1 person likes this

Share this post


Link to post
Share on other sites

Hey @tpr - FYI with the new Pages > Tree functionality that Ryan just committed. AOS is resulting in this:

58c0395e5cd34_ScreenShot2017-03-08at9_02_24AM.png.95e77b4f8b57213b63cb0386589aa7df.png

Share this post


Link to post
Share on other sites

Thanks, it's mostly PageList IDs that is causing this and perhaps PageListThumbs. I'll check it soon.

1 person likes this

Share this post


Link to post
Share on other sites

Seems like the "class" attribute is the culprit, I guess there's some regex going on later somewhere but  haven't checked.

Could you try replacing this line with this? It seems to fix the issue in all 3 themes.

$event->return = "<span data-pid='$page->id'>$markup</span>";

 

1 person likes this

Share this post


Link to post
Share on other sites
5 hours ago, tpr said:

Seems like the "class" attribute is the culprit, I guess there's some regex going on later somewhere but  haven't checked.

Could you try replacing this line with this? It seems to fix the issue in all 3 themes.


$event->return = "<span data-pid='$page->id'>$markup</span>";

 

Works for me!

1 person likes this

Share this post


Link to post
Share on other sites

FYI - there are still some issues with the new tree submenus - some unpublished pages just appear blank. Note "Resources" is blank:

58c2f296db0dc_ScreenShot2017-03-10at10_37_38AM.png.2f257adcd14a9b1cd062dc422aeeca5e.png

If you can't reproduce, let me know and I'll see if I can figure out why it's only some unpublished pages that are doing this.

Share this post


Link to post
Share on other sites

It seems to be the "double span" issue again. Could you try replacing the same line as in my post above with this:

$event->return = str_replace('<span ', '<span data-pid="' . $page->id . '" ', $event->return);

 

1 person likes this

Share this post


Link to post
Share on other sites
55 minutes ago, tpr said:

It seems to be the "double span" issue again. Could you try replacing the same line as in my post above with this:


$event->return = str_replace('<span ', '<span data-pid="' . $page->id . '" ', $event->return);

 

That seems to take care of things!

Share this post


Link to post
Share on other sites

Thanks, but unfortunately there were other issues with the current approach. In v130 (just uploaded) all should be fine, and pagelist IDs are visible in the new Tree menu too.

aos-pagelistthumbs.png.714eb37d0c341498003f5ae1b4c5d65c.png

This version also contains the option to align the top nav to the left in the default admin theme (idea & request by @Robin S - thanks!).

2 people like this

Share this post


Link to post
Share on other sites

New feature in v131: new move to first/last buttons for file/image fields (FileFieldTweaks). This adds up/down icons (right-left in case of images) that you can use to move items to the first or last position.

aos-first-last-buttons.gif.a5b701884faa04a1ae7247de29efc168.gif

5 people like this

Share this post


Link to post
Share on other sites

v133 contains a new CKE plugin Code Snippet which lets you insert rich code snippets with syntax highlighting into the editor. The plugin uses highlight.js.

On the frontend you'll need to include highlight.js assets and initialize (see more at higlightjs.org):

Quote

<link rel="stylesheet" href="/path/to/styles/default.css">
<script src="/path/to/highlight.pack.js"></script>
<script>hljs.initHighlightingOnLoad();</script>

To customize the languages available for selection and the theme, add this to /site/templates/admin/cke.js file (this is the auto-loaded configuration file for CKEditor, you can modify it in the Asset Paths section in AOS):

CKEDITOR.editorConfig = function (config) {

    config.codeSnippet_theme = 'foundation';

    config.codeSnippet_languages = {
        apache: 'Apache',
        css: 'CSS',
        html: 'HTML',
        ini: 'INI   ',
        javascript: 'JavaScript',
        scss: 'SCSS',
        php: 'PHP',
        sql: 'SQL',
    };
};

 

aos-cke-codesnippet-editor.png.cf90dbbc2601bd7f12810adcd2741862.png

 

aos-cke-codesnippet-dialog.png.418e975ea9a2c397e5e43df7926cab38.png

 

4 people like this

Share this post


Link to post
Share on other sites

v134 has a new option for FileFieldTweaks: disable filename truncation for File fields.

Thanks @BitPoet for the right track and @Robin S for the request. This was something bugged me for some time but was lazy to investigate :)

aos-untruncate.png

5 people like this

Share this post


Link to post
Share on other sites

hi @tpr,

it would be nice to have a "fullscreen" button for some of my inputfields in my current project. it seems to be quite easy to make the inputfields content div fullscreen like this:

.fullscreen {
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
    overflow: scroll;
    position: fixed;
    z-index: 999;
}

i need it for my datatables fields, but i'm thinking if that would maybe also interesting for other fields. that's why i thought creating a module. and then i thought that could maybe be interesting for AOS as well. like having a toggle icon to make CKE fields fullscreen?

with fullscreen i mean full browser window ;)

what do you think?

Share this post


Link to post
Share on other sites

For ckeditor there is already a Maximize plugin in aos (ckeaddons).

As for the other fields the biggest issue is the button placement, or finding another solution to trigger. I think such features would fit to the drop down idea I plan to add to field labels - when my time allows :)

1 person likes this

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now

  • Recently Browsing   0 members

    No registered users viewing this page.

  • Similar Content

    • By justb3a
      Little admin helper module: Using this module you can view all template cache settings at once. E.g. cache status, cache time (configurable). Furthermore it adds the functionality to clear the entire template cache or just the template cache for a given template. Note that this may cause a temporary delay for one or more requests while pages are re-cached.

      GitHub: https://github.com/justb3a/processwire-templatecacheoverview
    • By blad
       
      Hi guys!
      I'm creating a module to manage, edit, publish ... pages. It is very similar to ProcessBatcher.
       
       
      Changelog:
      In progress 
      Features:



      Select pages with your mouse like a desktop enviroment. If you press "edit" the selected pages will appear in a lightbox.


      Drag pages to do actions.
      Any feedback is welcome
       
       
    • By abdus
      I dont know how they work internally, whether they depend on each other, but I'd love to be able to test and buy RepeaterMatrix or Multiplier or Table (or any other) module individually. Whole pack of ProFields modules seems awesome to have, however, being able to buy one for ~$30 --instead of all for $130-- sounds much more affordable and this way I could buy the whole pack part by part in several months and wouldn't think twice. But $130 at once, I can't really justify it (and still havent been able to) just as easily with low (to none) disposable student income.  Or instead, having sales one - twice a year would be great as well.
      One advantage of this change would be allowing more people to buy -> support the development & community -> give feedback -> improve these products. This could also potentially pose a disadvantage where requests from people would increase the headache and time required to respond to all these requests, but this community is more than able to handle that.
      I'm sure there's a reason to why these modules are sold together, and I'd love to hear your side as well, @ryan, (and all other maintainers).
      Regards,
      Abdus.
    • By Richard Jedlička
      Tense    
      Tense (Test ENvironment Setup & Execution) is a command-line tool to easily run tests agains multiple versions of ProcessWire CMF.
      Are you building a module, or a template and you need to make sure it works in all supported ProcessWire versions? Then Tense is exactly what you need. Write the tests in any testing framework, tell Tense which ProcessWire versions you are interested in and it will do the rest for you.

      See example or see usage in a real project.
      How to use?
      1. Install it: 
      composer global require uiii/tense 2. Create tense.yml config:
      tense init 3. Run it:
      tense run  
      For detailed instructions see Github page: https://github.com/uiii/tense
       
      This is made possible thanks to the great wireshell tool by @justb3a, @marcus and others.
       
      What do you think about it? Do you find it useful? Do you have some idea? Did you find some bug? Tell me you opinion. Write it here or in the issue tracker.
    • By ukyo
      FieldtypeFontIconPicker
      v.0.1.6
      Fix FieldtypeFontIconPicker sanitizeValue() v.0.1.5
      Added uikit icon select support (required AdminThemeUikit), because uikit icons not working standalone. v.0.1.4 :
      Fix issue FontIconPicker inside repeater v.0.1.3 :
      FontAwesome updated to 4.7.0 v.0.1.2 :
      Little Corrections Some works about icon pickers inside repeater via ajax load v.0.1.1 :
      FontAwesome updated to 4.6.3 v.0.1.0 :
      Custom CSS file url support Added hook method ___beforeRender(), you can check hook example for usage Added multiple icons library use option Added Ionicons Library Now module using cdn for load icon fonts v.0.0.9 inside dev branch
      Added hook method ___beforeRender(), you can check hook example for usage Added multiple icons library use option Added Ionicons Library Now module using cdn for load icon fonts v.0.0.8
      FontAwesome 4.5 update, Improvements and Performance updates Important ! After update module check your input settings, because i changed input attribute names (This will only effect input options, like theme, category). Changed loading icon method from input:hidden to select>optgroup>option, added module js file for load and correct icon picker container many changes…. v.0.0.7
      FontAwesome updated to 4.4.0 v.0.0.6
      Missed... array compatibility for usage, from [$foo, $bar] to array($foo, $bar) v.0.0.5
      Fix for oldest pw versions (Assets file loding scripts moved to inputfieldfonticonpicker module) v.0.0.4
      Array compatibility for usage, from [$foo, $bar] to array($foo, $bar) v.0.0.3
      Small z-index problem solved v.0.0.2
      MarkupFontIconPicker added v.0.0.1
      Start Point Module allow you to use Fotn-Awesome icons easily. You can select icons directly from icon select list, also you can set settings for each InputfieldFontIconPicker.
       
      NOTE : Module store data without prefix, you need to add "prefix" when you want to show your icon on front-end, because some of front-end frameworks using font-awesome with different "prefix".

      Example :
      if($my-icon-field) echo "<i class='my-prefix-{$my-icon-field}' />"; Hook Before Render Example This example using /site/templates/admin.php file for hook
      wire()->addHook('InputfieldFontIconPicker::beforeRender', function($event) { if(!$event->return) return; // Get Input Name (For specified input hook, if you want apply all InputfieldFontIconPicker remove inputName check) $inputName = ""; if(isset($event->object->attributes['name'])) $inputName = $event->object->attributes['name']; // Get Input Name (For specified input hook, if you want apply all InputfieldFontIconPicker remove inputName check) if($inputName == 'icon_picker') { /** * Load your custom icons function file * Your array need to be same format with Icons/FontAwesome.php or Icons/Ionicons.php * Also you can pass directly an array */ wireIncludeFile('MyCustomIconFile'); // Set icons as $icons variable $icons = MyCustomIconsArray(); // Set your options $return = array( 'attributes' => array( 'category' => '', 'theme' => 'fip-grey', 'empty-icon' => 1, 'empty-icon-value' => '', 'icons-per-page' => 20, 'has-search' => 1 ), 'icons' => $icons ); // Return the event $event->return = $return; } $event->return; }); MarkupFontIconPicker Usage
      // MarkupFontIconPicker::render(YourIconField=string, Options=array) echo MarkupFontIconPicker::render($page->YourIconField, [ 'prefix' => 'uk-icon-', // Icon class prefix, if you have different prefix, default is : "fa fa-" 'tag' => 'span', // Icon tag default is : "i" 'class' => 'fa-lg', // If you have extra cutom classes, for example : icons sizes, Array or Sting value 'style' => 'your custom styles if you have' // Array or String Value ]); Module Using
      Font-Awesome v4.3 jQuery fontIconPicker v2.0.0 Screenshots - InputfieldFontIconPicker input settings

      InputfieldFontIconPicker Setting "Category Select"
       


      InputfieldFontIconPicker Setting "Theme Select"



      Screenshots - InputfieldFontIconPicker page edit views

      InputfieldFontIconPicker Search


      InputfieldFontIconPicker Categories


       
      For issues and other things here is MY Github Repo