tpr

AdminOnSteroids

Recommended Posts

11 minutes ago, tpr said:

I guess I can show the save overlay for a second and then remove.

Or use a "saving" indicator that does not cover/lock the screen but just overlays a small part of it.

Share this post


Link to post
Share on other sites

Okay, I've narrowed down the problem. It occurs whenever an image or file is uploaded and then the page is immediately saved via the hotkey. It seems to be related to the "Choose File" button having focus after a image/file is uploaded - like the first click() just shifts the focus but does not trigger a submit.

What fixed it for me was, at the end of aos_triggerSave() where the button click is triggered, first focus the button:

aos_saveButton.focus().click();

 

 

  • Like 2
  • Thanks 1

Share this post


Link to post
Share on other sites

Hi @tpr. I found a bug if you use AdminOnSteroids with the latest AdminThemeUIKit in ProcessWire 3.0.84.

If you have activated the setting "Edit modules in modal on long-click" under Module tweaks, then the Save Button has a weird behavior. First of all it does not work anymore, and second it displays multiple buttons (see screenshot).

chrome_2017-11-27_19-41-26.thumb.png.02ec117197396bc39371dc1591f7bbd1.png

Another problem is, that the CTRL-S shortcut does not work with AdminThemeUIKit. It would be great if you could add this.

Cheers
Jens

  • Like 1

Share this post


Link to post
Share on other sites

For any folks needing IUC on a ProFields table URL field, i have a working javascript snippet

Share this post


Link to post
Share on other sites

@jmartsch Are you sure it's the long-click module setting that causes that? I can't reproduce it using PW 3.0.84 and the uikit theme that comes with it.

@Macrura Could you share? As I remember there were no CSS class on those inputs that I could use to distinguish URL fields.

Share this post


Link to post
Share on other sites

in this case i hardcoded the field name into this script; i guess it would be possible to have some setting in AOS where one could specify a name of the table field, and then the name of the url field – once you know those 2 things it should be possible to have this be more generic, but haven't gotten that far yet...

JS:

$(function(){
    $('li.Inputfield_links_table tr').each(function(){

        urlInput = $(this).find('input[name*="_link_href"]');
        urlValue = urlInput.val(); // the url entered
        urlInput.parent().addClass('urlFieldContainer');

        if(urlValue) {
            var link = '<a style="height: 33px; line-height: 33px;" data-iuc-loaded="1" '+
             'href="'+urlValue+'" data-iuc-mode="button" class="iuc iuc-button iuc-table-button button-right pw-blank" data-iuc-force-http="1" '+
             'target="_blank"><i class="fa fa-arrow-right"></i></a>';

            urlInput.after(link);
        }

    });
});

CSS:

.urlFieldContainer {
    position:relative;
    overflow: auto;
    height: 100%;
}

.iuc-table-button {
    right:5px;
}

 

  • Like 1

Share this post


Link to post
Share on other sites

Thanks, that could work as a workaround. I guess I would actually solve it differently but using the same idea (specifying fields manually).

  • Like 1

Share this post


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

For any folks needing IUC on a ProFields table URL field, i have a working javascript snippet

sorry but google didn't help, what is that IUC you are talking about?

Share this post


Link to post
Share on other sites

yeah, if you haven't used it yet, it almost becomes a 'can't live without' - on sites where you do use a URL field, it saves a ton of clicking, super convenient, been using it since way back when it was it's own module..

  • Like 2

Share this post


Link to post
Share on other sites

Regarding my post/bug mentioned here 

This only happens when I selected

image.png.749ab197b2cf879f11bd7264ad82273d.png

or sidebar (left). I know, it's experimental ^^

With the Traditional setting with masthead navigation everything works fine.

Share this post


Link to post
Share on other sites

Thanks, now I have a slight clue what's going on :)

Share this post


Link to post
Share on other sites

thanks, i'm using IUC already and it's very handy - just didn't know the short name ;)

Share this post


Link to post
Share on other sites

Any one else having trouble with this module not detecting updates with Ryan's ProcessWireUpgrade module?

Some of my sites are stuck at AOS version 1.6.71 and it but it also reports 1.6.7.2.

5a201bcb38e14_UpgradesProcessWirepwmansfield.test2017-11-3008-54-45.jpg.97727d5d4d2dfeb9b97a29eec11f5240.jpg

As you can see in the picture, there is another version available but it doesn't give me an option to download/update it.

Share this post


Link to post
Share on other sites

Sorry, that's my fault, I've mixed the string vs numeric versioning and that's why the chaos (adrian reminded me). Next time I'll double check :)

  • Like 1

Share this post


Link to post
Share on other sites

Also, next time for string versions, I think you should leave off the trailing period :)

Share this post


Link to post
Share on other sites

I've managed to solve the uikit issues mentioned by @jmartsch, will be available in the next update.

I'm experimenting with a feature called "language indicators", which would come handy to see the active/inactive languages in the page list:

aos-lang-indicators.png.bed981a43a23cffbc9624cd3fca14191.png

The idea is to make it visible only if not all languages are active, otherwise list all languages (abbreviated to the first 3 chars of their titles). Inactive languages are marked with a line-through.

I think it's the quite talkative at first sight, and doesn't mess up the page list if you have many languages. Thoughts?

  • Like 1

Share this post


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

make it visible only if not all languages are active, otherwise list all languages

I'm not quite sure what you mean. Do you list all languages when they are not visible?
btw, HUN crossed out (aka line-through) looked like Arabic to me. I had to zoom in see what it is.

Share this post


Link to post
Share on other sites

If at least one language is inactive, then list all and strike through the inactive ones.

My other idea is to show this language list in a tooltip somehow.

  • Like 1

Share this post


Link to post
Share on other sites

Maybe an indicator to show that there are inactive languages and when the user clicks it we get the tooltip? In a tooltip you have more room to use something else which can be better than a line-through.

Share this post


Link to post
Share on other sites

In developing the Field Descriptions Extended module, i looked at your code for how to hook into the Inputfield::render and then from there run the method to do my replacements on the field descriptions, and it's all good.

But i got stuck at fields inside repeaters; I see that AOS doesn't add the edit link to those fields either; i'm guessing the hook doesn't run on those because they are rendered by ajax, so wondering how hard it will be to support the AOS field edit links for fields in repeaters, and similarly in my module....

Share this post


Link to post
Share on other sites

Hi @tpr,

AOS seems to be suppressing the "required" icon in the template editor.

Without AOS:
2017-12-13_111853.png.337e39b0a26dfd48774240678914267b.png

With AOS:
2017-12-13_111907.png.902c2c1b75a681dafd712cfb85f2034b.png

  • Like 1

Share this post


Link to post
Share on other sites

Thanks, it was a .text() vs .html() issue, module updated 1.7.0.

  • Like 2

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 kixe
      Email Verification
      This module provides functions to validate email adresses and hosts. The module generates a textfile for blacklisted mailhosts (trashmail), which will be always up to date.
      Download
      https://modules.processwire.com/modules/email-verification/
      API
      // get module $mailcheck = $modules->get('EmailVerification'); // return bool/ string - automatted update of blacklist file $mailcheck->blacklisted(email|domain) // return bool - validate a top level domain, checks against IANA list $mailcheck->validTLD(tld) // return array of punycoded TLDs - cyclic updated, data pulled from IANA $mailcheck->getTLDs(cycle=2592000) // return bool - checks syntax converts to punycode $mailcheck->validDomainName(domain); // return bool - checks punycode encoded syntax $mailcheck->validHostName(host); // return bool - checks syntax and accessibility $mailcheck->validHost(email|domain) // add a single value to blacklist $mailcheck->addToBlacklist(email|domain) USAGE
      $mailcheck = $modules->get('EmailCheck'); $email = 'susi@trashmail.com'; if($mailcheck->blacklisted($email)) echo 'Email Provider not allowed'; if(!$mailcheck->validHost($email)) echo 'Mailhost not available'; Example blacklist file:  blacklist.txt
       
    • By teppo
      Code Blocks Textformatter is a tiny Textformatter module I cooked up to add support for code blocks to text/textarea/RTE fields on some of the sites I work with. Unlike a full-blown Markdown Textformatter – which is something that we already have in the core – this module simply adds support for fenced and inline code blocks.
      The syntax is based on the GitHub code block documentation, so please refer to that for additional instructions. The README at GitHub also includes some basic examples. As with any Textformatter, in order to enable this one, install it and enable it via field settings. Note that there's no syntax highlighting built in (at least for the time being), so use a tool of your choice for that – personally I prefer Prism.js.
      Since this module doesn't use a Markdown tool behind the scenes, but rather some home baked regular expressions, there's always the possibility that I've missed something – but please let me know if you use this module and run into any issues. On the other hand this module should be relatively fast and unobtrusive, as there are no unnecessary bits of code to run 
      GitHub repository: https://github.com/teppokoivula/TextformatterCodeBlocks Modules directory: http://modules.processwire.com/modules/textformatter-code-blocks/
    • By theo
      Here is my first processwire module (beta).
      https://github.com/theo222/ImagePickerField
      A lot of "first times". First time Github, Markdown and of course PW Modules.
      So be gentle please.
      I hope it works.

    • By horst
      Image Animated GIF  v 2.0.2
       
      Module for PW 2.5 stable or newer, but is obsolete for PW Versions greater then 3.0.89 (... read more ...)
       
      This module helps with resizing and cropping of animated GIFs when using the GD-Library.
      The GD-Library does not support this.


      This module is completely based upon the fantastic work of

         László Zsidi (http://www.gifs.hu/, builts the initial classes)
         xurei (https://github.com/xurei/GIFDecoder_optimized, enhanced the classes)


      I have ported it to a PW module and it works with core imagefields, together with Pia and with CropImagefields that uses the new naming scheme since PW 2.5.
       
      ------------------------------------------------------------------------------------------------------------------------------------------
      read more in this post about the rewrite from version 1.0.0 to version 2.0.0
      ------------------------------------------------------------------------------------------------------------------------------------------
      You can find it in the modules directory: https://modules.processwire.com/modules/image-animated-gif/
      and on Github: https://github.com/horst-n/ImageAnimatedGif
      ------
      A preview can be found here