tpr

Module
AdminOnSteroids

855 posts in this topic

@Robin S Could you tell if there's a body class or something that I can use to disable the relative position for H1's on those sites? I don't have ProDevTools to check.

@Speed Could you elaborate a bit more? Also, what AOS version are you using? A few versions ago the search could be focused using double-tap the Shift key but that was removed because such issues you mentioned.

Share this post


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

@Robin S Could you tell if there's a body class or something that I can use to disable the relative position for H1's on those sites? I don't have ProDevTools to check.

Nothing useful on the body I think but there is a class on the h1 and also its containing div:

2016-12-15_093642.png

1 person likes this

Share this post


Link to post
Share on other sites

v109 is up - see the readme file on date formattig:

  • PageListTweaks: ability to format unix timestamps in pagelists
  • PageListTweaks: using %field.property% will output the value in the user's language (if available)
  • PageListTweaks: always show extra actions
  • fixed language translator filterbox not appearing
  • possible fix for unclickable select dropdowns in ProDevTools API Explorer (reported by Robin S.)

"Always show extra actions" was a client request and removes the need to click on the ">" icon to see the extra actions. This can be handy for power users or when you often need to toggle pub/hidden states of pages. Or simply lazy :)

aos-alwaysshowextraactions.png

 

4 people like this

Share this post


Link to post
Share on other sites
On 12/14/2016 at 6:03 AM, tpr said:

 

@Speed Could you elaborate a bit more? Also, what AOS version are you using? A few versions ago the search could be focused using double-tap the Shift key but that was removed because such issues you mentioned.

Usually, If you click on any input box in PW you'd see cursor blinking. This will confirm that input box is active. Now If you hold down Shift key on keyboard before you could hit on any keys on keyboard (i.e. to create first capital letter). The input box becomes deactive, the blinking cursor will disappear  The current version i had problem was 0.9.7.  I just updated to 1.0.9... Unfortunately, the problems still exist. 

Share this post


Link to post
Share on other sites
On 12/15/2016 at 10:43 AM, tpr said:

 

Is the search box activated? The feature I was referring was removed in v0.999 so perhaps it's only a cache issue on your side. Try hard reload and see if it helps.

 

Yes, clearing cache have solved issues... Now I am facing a new problem right after updating. This come from old tread discussion on page tree If you can remember...

With this code that saved in /site/template/admin.css...

.PageListItem:not(.PageListItemOpen) 
span.PageListNumChildren.detail:not(:empty):before {
    content: " ← click to show children - Number of Children: " !important;
}

This showed up without problem on localhost running latest update of AOS 1.0.9

localhost.JPG

after transferring files from localhost into livehost... It doesn't show, seem like admin.css isn't recognized.

livehost.JPG

It happen right after I updated AOS 1.0.9. However, I tried another approach. I've added site/template/admin.css into asset path it still wouldn't recognize. I have uninstall and reinstall, refresh cache and yet problem still exisit. 

 

Share this post


Link to post
Share on other sites

admin.css works fine here with the code above, in PW 3.042, AOS 1.0.9. I see you have "site/template" and not "site/templates", is that only a typo?

Can you check using the Network tab in the devtools that admin.css is not loaded? (using Chrome, you can filter by file types)

Share this post


Link to post
Share on other sites

Template with no "s" was my typo in this thread only.

Here's dev tool

filter.jpg

Seem like it did not admin.css when i filtered it out. Although file is already there in livehost site same way I did in localhost.

ftp.jpg

 

 

 

 

Share this post


Link to post
Share on other sites

hi tpr,

do you know where this glitch comes from?

how it should be (AOS off):

2016-12-18 15_08_54-Program Manager.png

how it is (simple process module just returning "hallo"). sticky header OFF:

2016-12-18 15_09_08-Program Manager.png2016-12-18 15_10_20-Program Manager.png

is this a bug or did i forget a setting? thank you for your help!

Share this post


Link to post
Share on other sites

h1 is float: left; - i don't know why, it must have to be a setting of AOS. it's quite hard to find out what setting it could be so i thought you may have an idea?

Share this post


Link to post
Share on other sites

It's the "headBtnToTitle" as you can see in the dev tools, coming from "Place header button next to the main title" from RenoTweaks.

1 person likes this

Share this post


Link to post
Share on other sites

@Speed are you sure you can access admin.css directly in your browser? Plus AOS checks if the file exists, can you confirm that PHP can access it? (maybe a file permission issue?)

Share this post


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

@Speed are you sure you can access admin.css directly in your browser? Plus AOS checks if the file exists, can you confirm that PHP can access it? (maybe a file permission issue?)

Edit: File permission for admin.css is set at 644 as default following config.php.  I have created new css file and call them two.css, added same code string, and set   site/templates/two.css into asset path. It doesn't detect two,css either. Can you elaborate how could I access admin.css through browser. Sure I can access .css for template with browser but not knowing how I could this for admin. 

Here are view source for Admin... it seem like it isn't detecting admin.css from site/templates/...

viewSource.JPG

Share this post


Link to post
Share on other sites

Thanks, just noticed you are running PW from a subfolder so most probably AOS is using relative paths and that's why the assets are not loaded. I will post a fix soon.

1 person likes this

Share this post


Link to post
Share on other sites

v112 is uploaded and contains the submenu feature for custom nav items. See the readme for the instructions.

On the default theme its appearance is similar to the other 3rd level menus:

aos-submenus.gif

3 people like this

Share this post


Link to post
Share on other sites
On 12/20/2016 at 2:40 AM, tpr said:

 

@Speed

Could you try this? It's working for me when PW is in a subdir or in the root.

AdminOnSteroids.module

 

Module that work for you... was this working on localhost or livehost?  It didn't work on me when I download and tried yours from livehost but worked on localhost. Although I did some test, I've added the code string at the very bottom of AdminOnSteroids.css. and this worked on livehost. So I am guessing somewhere in your module, i didn't detect admin.css in subpage of livehost. 

Share this post


Link to post
Share on other sites

I tried it on two servers (livehost), in a subdir and in the root.

You could try to uncomment the series of bd() calls in line 913 and further down in 961 to see what paths/urls AOS tries to use (requires Tracy Debugger).

You can update the module from the directory as it contains these fixes.

Share this post


Link to post
Share on other sites

Hello @tpr

here is an idea, what can also be useful for admins: It would be great if there will be a drag and drop possibility in the forms to change the position of a field in the form itself. You have added a great function to edit a field directly from the form.  So changing the position of the field in the form directly would also be a great addon (but maybe difficult to implement?!?)

I hope you understand what I mean. At the moment you have to open the template directory and change the position of the fields there.

With roles permission you can make this only accessable for superusers. Its only an idea.

Best regards Jürgen

Share this post


Link to post
Share on other sites

I think this feature won't be that hard to implement but I see it as an edge-case so I'm not sure too many users would use it.

The UI would be another question, I think the current "Edit template" tooltip could have an extra icon (eg. "Edit fields order"), and clicking on it the fields could be drag-and-dropped. But again, I would like to see others voting for this feature.

Share this post


Link to post
Share on other sites

i don't understand what you mean jürgen... you can edit the field's position in the template editor. it's only 1 click away from the page-edit-screen.

Share this post


Link to post
Share on other sites

But it's not wysiwyg and he's getting lazy at the end if the year :)

2 people like 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 blynx
      Hej,
      just finished the first working version of my photoswipe bundle. https://github.com/blynx/MarkupProcesswirePhotoswipe
      As always any feedback is highly appreciated
      Modules directory: http://modules.processwire.com/modules/markup-processwire-photoswipe
      .zip download: https://github.com/blynx/MarkupProcesswirePhotoswipe/archive/master.zip
      You can add a photoswipe enabled thumbnail gallery / lightbox to your site like this. Just pass an image field to the renderGallery method:
      <?php $pwpswp = $modules->get('Pwpswp'); echo $pwpswp->renderGallery($page->nicePictures); Options are provided like so:
      <?php $galleryOptions = [ 'imageResizerOptions' => [ 'size' => '500x500' 'quality' => 70, 'upscaling' => false, 'cropping' => false ], 'loresResizerOptions' => [ 'size' => '500x500' 'quality' => 20, 'upscaling' => false, 'cropping' => false ], 'pswpOptions' => (object) [ 'shareEl' => false, 'indexIndicatorSep' => ' von ', 'closeOnScroll' => false ] ]; echo $pswp->renderGallery($page->images, $galleryOptions); More info about all that is in the readme: https://github.com/blynx/MarkupProcesswirePhotoswipe
      It is possible to customize pretty much anything by providing your own templates and scripts.
      What do you think? Any ideas, bugs, critique, requests?
      cheers
      Steffen
    • By alexcapes
      Hi,
      I've been invited by Apple to use their 'News' service for a publication in the UK. https://www.apple.com/uk/news/
      A number of CMSs already have plugins to publish content via the API, however Processwire is not one (yet!)
      https://newsresources.apple.com/en/faq/66346243
      It's slightly beyond my technical abilities but would be very interested in anyone that is willing to look at developing a Processwire Module.
      (for reference here is the Apple News API documentation)
      Update: Chapter Three have created a PHP Apple News library here https://github.com/chapter-three/AppleNewsAPI
    • By flydev
      OAuth2Login for ProcessWire
      A Module which give you ability to login an existing user using your favorite thrid-party OAuth2 provider (i.e. Facebook, GitHub, Google, LinkedIn, etc.)..
      You can login from the backend to the backend directly or render a form on the frontend and redirect the user to a choosen page.
      Built on top of ThePhpLeague OAuth2-Client lib.
      Registration is not handled by this module but planned.
       
      Howto Install
      Install the module following this procedure:
       - http://modules.processwire.com/modules/oauth2-login/
       - https://github.com/flydev-fr/OAuth2Login
      Next step, in order to use a provider, you need to use Composer to install each provider
      ie: to install Google, open a terminal, go to your root directory of pw and type the following command-line: composer require league/oauth2-google
      Tested providers/packages :
          Google :  league/oauth2-google     Facebook: league/oauth2-facebook     Github: league/oauth2-github     LinkedIn: league/oauth2-linkedin
      More third-party providers are available there. You should be able to add a provider by simply adding it to the JSON config file.

      Howto Use It
      First (and for testing purpose), you should create a new user in ProcessWire that reflect your real OAuth2 account information. The important informations are, Last Name, First Name and Email. The module will compare existing users by firstname, lastname and email; If the user match the informations, then he is logged in.
      ie, if my Google fullname is John Wick, then in ProcessWire, I create a new user  Wick-John  with email  johnwick@mydomain.com
      Next step, go to your favorite provider and create an app in order to get the ClientId and ClientSecret keys. Ask on the forum if you have difficulties getting there.
      Once you got the keys for a provider, just paste it into the module settings and save it. One or more button should appear bellow the standard login form.
      The final step is to make your JSON configuration file.
      In this sample, the JSON config include all tested providers, you can of course edit it to suit your needs :
      { "providers": { "google": { "className": "Google", "packageName": "league/oauth2-google", "helpUrl": "https://console.developers.google.com/apis/credentials" }, "facebook": { "className": "Facebook", "packageName": "league/oauth2-facebook", "helpUrl": "https://developers.facebook.com/apps/", "options": { "graphApiVersion": "v2.10", "scope": "email" } }, "github": { "className": "Github", "packageName": "league/oauth2-github", "helpUrl": "https://github.com/settings/developers", "options": { "scope": "user:email" } }, "linkedin": { "className": "LinkedIn", "packageName": "league/oauth2-linkedin", "helpUrl": "https://www.linkedin.com/secure/developer" } } }  
      Backend Usage
      In ready.php, call the module :
      if($page->template == 'admin') { $oauth2mod = $modules->get('Oauth2Login'); if($oauth2mod) $oauth2mod->hookBackend(); }  
      Frontend Usage
      Small note: At this moment the render method is pretty simple. It output a InputfieldForm with InputfieldSubmit(s) into wrapped in a ul:li tag. Feedbacks and ideas welcome!
      For the following example, I created a page login and a template login which contain the following code :
      <?php namespace ProcessWire; if(!$user->isLoggedin()) { $options = array( 'buttonClass' => 'my_button_class', 'buttonValue' => 'Login with {provider}', // {{provider}} keyword 'prependMarkup' => '<div class="wrapper">', 'appendMarkup' => '</div>' ); $redirectUri = str_lreplace('//', '/', $config->urls->httpRoot . $page->url); $content = $modules->get('Oauth2Login')->config( array( 'redirect_uri' => $redirectUri, 'success_uri' => $page->url ) )->render($options); }

       
      Screenshot
       



    • By psy
      ProcessWire DropboxAPI on GitHub: https://github.com/clipmagic/DropboxAPI
       
      This module is a wrapper for Kunal Varma's Dropbox PHP SDK https://github.com/kunalvarma05/dropbox-php-sdk
      It was created to perform a specific function for a client, ie upload PDF files on a PW website to a specific Dropbox account folder.
      The PDF files, created using @Wanze's excellent PagesToPdf module using the WirePDF functions, are generated from Formbuilder forms completed by front-end site visitors.  Works a treat!
      There's more that could be done to allow ProcessWire to take advantage of all the features of the SDK, eg downloads, multiple Dropbox accounts, etc. You are welcome to request changes and/or fork the GitHub project to extend the feature set.
      Enjoy!
      System requirements
      PHP 5.6.4 or greater Composer The PHP mbstring extension General information
      This module enables you to access a single Dropbox (www.dropbox.com) account to upload files from a ProcessWire website.
      All kudos to (https://github.com/kunalvarma05/dropbox-php-sdk) for the PHP API.
      First steps
      Visit (https://www.dropbox.com/developers) and read the documentation. Log into Dropbox and create a new application. It's recommended to limit ProcessWire App access to a specified folder Make a note of the App key, the App secret and the name of the Dropbox folder Installation
      Download the zip file into your site/modules folder then expand the zip file. Next, login to ProcessWire > go to Modules > click "Refresh". You should see a note that a new module was found. Install the DropboxAPI module. Configure the module with your App key, App secret and your Call Back URL You need to generate a Dropbox access token to enable your site to communicate with the nominated Dropbox account. Dropbox will generate a token for you or you can create a page for the front end of your ProcessWire site with a template to submit the token request to Dropbox, eg:
      <?php namespace ProcessWire; $drop = $modules->get('DropboxAPI'); if ($input->get->code && $input->get->state) { $code = $sanitizer->text($input->get->code); $state = $sanitizer->text($input->get->state); //Fetch the AccessToken $accessToken = $drop->getAccessToken($code, $state); echo "Copy/paste this code into the module configuration: " . $accessToken; } else { echo "<p><a href='" . $drop->getAuthURL() . "'>Log in with Dropbox</a></p>"; } ?> Once you have entered the token in the module configuration, you can unpublish this page.
      Usage
      Read the dropbox-php-sdk documentation!
      An example template for sending a file to a Dropbox App folder from ProcessWire:
      <?php namespace ProcessWire; use Kunnu\Dropbox\Dropbox; use Kunnu\Dropbox\DropboxApp; use Kunnu\Dropbox\DropboxFile; // send pdf to Dropbox $drop = $modules->get('DropboxAPI'); $app = new DropboxApp($drop->app_key, $drop->app_secret, $drop->authorization_code); if ($app) { //Configure Dropbox service $dropbox = new Dropbox($app); $dropboxFile = new DropboxFile('/path/to/myfilename.pdf'); $file = $dropbox->upload($dropboxFile, "/myfilename.pdf", ['autorename' => true]); //Uploaded File meta data if ($file) { $success = $file->getName() . " uploaded to Dropbox"; $drop->log($success); } }  
       
    • By sirhc
      Hi all,
      Im trying to install this core module and got the error of not having the ImageMagick library installed.
      But if im checking for the version of my ImageMagick installed on my server via SSH im getting this response;
      identify -version
      Version: ImageMagick 6.9.4-9 Q16 i386 2016-06-21 http://www.imagemagick.org
      Copyright: Copyright (C) 1999-2016 ImageMagick Studio LLC
      License: http://www.imagemagick.org/script/license.php
      Features: Cipher DPC 
      Delegates (built-in): bzlib freetype gslib jng jpeg png ps tiff xml zlib
      Does this even mean the library is installed? And if yes, why cant i install my module?
      Pleaassee help me
      Greetz.