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 Mike Rockett
      As I mentioned in this issue, I've create a new textformatter for ParsedownExtraPlugin, which adds some oomph to your markdown.
      Repo: Parsedown Extra Plugin
      Unlike the built-in textformatter for Parsedown and Parsedown Extra, this should be used when you want to use Extra with additional configuration/customisation.
      Some examples:
      ### Test {.heading} - A [external link](https://google.com/){.google} with `google` as a class that opens in a new tab if the config property is set. - [Another link](/page){target=_blank} that opens in a new tab even though it isn't external. ```html .html <p>Test</p> ``` There's some config options available to you, such as setting attributes on all/external images and links, setting table and table-cell alignment classes, adjusting footnote classes and IDs, adding <code> attributes to their parent <pre> elements, and changing the <code> class if your syntax highlighter does not use language-*.
      I was thinking about adding the ability to make links open in a new tab by appending a plus to the link syntax, but only external links should be opening in a new tab anyway. Further, this would add extra, unnecessary processing time.
      Please let me know if you bump into any problems. ☺️
    • By Mike Rockett
      TextformatterTypographer (0.4.0 Beta)
      A ProcessWire wrapper for the awesome PHP Typography class, originally authored by KINGdesk LLC and enhanced by Peter Putzer in wp-Typography. Like Smartypants, it supercharges text fields with enhanced typography and typesetting, such as smart quotations, hyphenation in 59 languages, ellipses, copyright-, trade-, and service-marks, math symbols, and more.
      Learn more on my blog
      It's based on the PHP-Typography library found over at wp-Typography, which is more frequently updated and feature rich that its original by KINGdesk LLC.
      The module itself is fully configurable. I haven't done extensive testing, but there is nothing complex about this, and so I only envisage a typographical bug here and there, if any.
      Please do test it out and let me know what you think.
      Also note that I have indicated support for PW 2.8, but I haven't tested there as yet. This was built on PW 3.0.42/62.
    • By Mike Rockett
      Jumplinks for ProcessWire
      Release: 1.5.50
      Jumplinks is an enhanced version of the original ProcessRedirects by Antti Peisa.
      The Process module manages your permanent and temporary redirects (we'll call these "jumplinks" from now on, unless in reference to redirects from another module), useful for when you're migrating over to ProcessWire from another system/platform. Each jumplink supports wildcards, shortening the time needed to create them.
      Unlike similar modules for other platforms, wildcards in Jumplinks are much easier to work with, as Regular Expressions are not fully exposed. Instead, parameters wrapped in curly braces are used - these are described in the documentation.
      Under Development: 2.0, to be powered by FastRoute
      As of version 1.5.0, Jumplinks requires at least ProcessWire 2.6.1 to run.
      View on GitLab
      Download via the Modules Directory
      Read the docs
      Features
      The most prominent features include:
      Basic jumplinks (from one fixed route to another) Parameter-based wildcards with "Smart" equivalents Mapping Collections (for converting ID-based routes to their named-equivalents without the need to create multiple jumplinks) Destination Selectors (for finding and redirecting to pages containing legacy location information) Timed Activation (activate and/or deactivate jumplinks at specific times) 404-Monitor (for creating jumplinks based on 404 hits) Additionally, the following features may come in handy:
      Stale jumplink management Legacy domain support for slow migrations An importer (from CSV or ProcessRedirects) Feedback & Feature Requests
      I’d love to know what you think of this module. Please provide some feedback on the module as a whole, or even regarding smaller things that make it whole. Also, please feel free to submit feature requests and their use-cases.
      Note: Features requested so far have been added to the to-do list, and will be added to 2.0, and not the current dev/master branches.
      Open Source

      Jumplinks is an open-source project, and is free to use. In fact, Jumplinks will always be open-source, and will always remain free to use. Forever. If you would like to support the development of Jumplinks, please consider making a small donation via PayPal.
      Enjoy! 
    • By bernhard
      Some of you might have followed the development of this module here: https://processwire.com/talk/topic/15524-previewdiscussion-rockdatatables/ . It is the successor of "RockDataTables" and requires RockFinder to get the data for the grid easily and efficiently. It uses the open source part of agGrid for grid rendering.
       
      WHY?
      ProcessWire is awesome for creating all kinds of custom backend applications, but where it is not so awesome in my opinion is when it comes to listing this data. Of course we have the built in page lister and we have ListerPro, but none of that solutions is capable of properly displaying large amounts of data, for example lists of revenues, aggregations, quick and easy sorts by the user, instant filter and those kind of features. RockGrid to the rescue 😉 
       
      Features/Highlights:
      100k+ rows Instant (client side) filter, search, sort (different sort based on data type, eg "lower/greater than" for numbers, "contains" for strings) extendable via plugins (available plugins at the moment: fullscreen, csv export, reload, batch-processing of data, column sum/statistics, row selection) all the agGrid features (cell renderers, cell styling, pagination, column grouping etc) vanilla javascript, backend and frontend support (though not all plugins are working on the frontend yet and I don't plan to support it as long as I don't need it myself)  
      Limitations:
      While there is an option to retrieve data via AJAX the actual processing of the grid (displaying, filtering, sorting) is done on the client side, meaning that you can get into troubles when handling really large datasets of several thousands of rows. agGrid should be one of the most performant grid options in the world (see the official example page with a 100k row example) and does a lot to prevent problems (such as virtual row rendering), but you should always have this limitation in mind as this is a major difference to the available lister options that do not have this limitation.
      Currently it only supports AdminThemeUikit and I don't plan to support any other admin theme.
       
      Download: https://gitlab.com/baumrock/FieldtypeRockGrid
      Installation: https://gitlab.com/baumrock/RockGrid/wikis/Installation
      Quikckstart: https://gitlab.com/baumrock/RockGrid/wikis/quickstart
      Further instructions: https://gitlab.com/baumrock/RockGrid/wikis/quickstart#further-instructions
      German Translation File: site--modules--fieldtyperockgrid--fieldtyperockgrid-module-php.json
      Changelog: https://gitlab.com/baumrock/FieldtypeRockGrid/raw/master/changelog.md
       
      Module status: alpha, License: MIT
      Note that every installation and uninstallation sends an anonymous google analytics event to my google analytics account. If you don't want that feel free to remove the appropriate lines of code before installation/uninstallation.
       
      Contribute:
      You can contribute to the development of this and other modules or just say thank you by
      testing, reporting issues and making PRs at gitlab liking this post buying me a drink: paypal.me/baumrock/5 liking my facebook page: facebook.com/baumrock hiring me for pw work: baumrock.com  
      Support: Please note that this module might not be as easy and plug&play as many other modules. It needs a good understanding of agGrid (and JavaScript in general) and it likely needs some looks into the code to get all the options. Please understand that I can not provide free support for every request here in the forum. I try to answer all questions that might also help others or that might improve the module but for individual requests I offer paid support for 60€ per hour (excl vat).
       
      Use Cases / Examples:
      Colored grid cells, Icons, Links etc. The Grid also has a "batcher" feature built in that helps communicating with the server via AJAX and managing resource intensive tasks in batches:

      Filters, PW panel links and instant reload on panel close:

      You can combine the grid with a chart library like I did with the (outdated) RockDataTables module:

    • By thomasaull
      Some time ago I created a site profile for creation of a REST API with ProcessWire. Since I kept struggeling with updating stuff between different projects which use this, I decided to convert it into a module. It is now ready for testing: https://github.com/thomasaull/RestApi
      Additionally I added a few small features:
      automatic creation of JWT Secret at module install routes can be flagged as auth: false, which makes them publicly accessible even though JWT Auth is activated in module settings To check things out, download and install the module and check the folder /site/api for examples.
      If you find any bugs or can think of improvements, please let me know!