tpr

AdminOnSteroids

Recommended Posts

bernhard    1,320

one thing i'm missing sometimes on the template editor is a shortcut for editing field widths. a slider from 10 - 100% instantly changing the fields width would be a great addition in my opinion :) often changing one field's width makes it necessary to change the other field's width as well (eg adding a field to a row of 4 fields with 25% makes it necessary to change all fields to 20%

it would be great to add the field and drag all field's width from 25 to 20 without the need to open each fields settings, clicking on the display tab, changing value, saving field, closing modal...

all other settings are fine being available behind one click.

  • Like 1

Share this post


Link to post
Share on other sites
Juergen    270

Forget the drag and drop idea , a link, fe next to the page title, that opens the template editor in a modal window to show all the fields of the template, would fit the requirements.:)

Screenshot_6.jpg

Share this post


Link to post
Share on other sites
tpr    2,218

By not reading the manual? :)

Field width changing would be great, provided that a good and simple GUI could be found. My first idea was to change the asm fields width according to the field widths, that would allow instant visual feedback, and allow field width change by dragging their right side. I haven't used such Js library so I don't know how hard that would be to implement.

Share this post


Link to post
Share on other sites
bernhard    1,320

i think the most simple solution would be to make the status text on the right edge of asm select clickable and link directly to the second tab:

<span class="asmListItemStatus">Text 33%</span> --> editurl#inputfieldConfig

would that work? it would save 1 click per field and would still need 1 click to save. maybe 1 inputfield per field directly inside the asm select would be even better? then it would be really easy to change multiple fields in a very short time...

btw: has anyone ever kind of a "newline"-field? for example if you have different number of fields in one line depending on field dependencies. if you have 2 lines with columns < 100% that can lead to wrong field orders. workaround is to put those fields inside a fieldset, but i think there could be a better solution...

Share this post


Link to post
Share on other sites
tpr    2,218

v117 contains @bernhard's idea (see above). I've also managed to add the "100%" text on full-width fields because this makes percentages align nicer.

asmWidths.gif

  • Like 3

Share this post


Link to post
Share on other sites
tpr    2,218
On ‎27‎/‎12‎/‎2016 at 2:24 PM, bernhard said:

btw: has anyone ever kind of a "newline"-field? for example if you have different number of fields in one line depending on field dependencies. if you have 2 lines with columns < 100% that can lead to wrong field orders. workaround is to put those fields inside a fieldset, but i think there could be a better solution...

I dont think there is such field, I would perhaps add some CSS to fix (clear or before-after pseudos).

  • Like 1

Share this post


Link to post
Share on other sites
bernhard    1,320

thank you tpr for the new update :) also thank you for the css fix. didn't think about that!

what do you think of adding often used widths as a clickable shortcut to the form? clicking it could also save + close the modal :)

2017-01-02 18_52_11-Edit Template_ rockproject • hrd.baumrock.com.png

 

shortcuts could be

  • 20
  • 25
  • 33
  • 34
  • 40
  • 50
  • 60
  • 75
  • 80
  • 100

 

  • Like 1

Share this post


Link to post
Share on other sites
tpr    2,218

Not sure about this, it wouldn't save too much time imo. Auto save would be also an issue because users could have edited other fields and perhaps they wouldn't like to save.

  • Like 2

Share this post


Link to post
Share on other sites
tpr    2,218

I've added simple svg backgrounds to show values as guidelines. It's not 100% perfect but close :)

aos-columwidth-scale.gif

  • Like 3

Share this post


Link to post
Share on other sites
Speed    21
On 12/21/2016 at 3:29 PM, tpr said:

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.

Sorry for delay in respond, Just returned home from out of town during holiday.  Pardon for my ignorance, Tracy Debugger? Is that PW modules? Plugin? I have looked into this https://processwire.com/blog/posts/introducing-tracy-debugger/ and still not yet sure understand how or where I can preform debugging. Can you explain? 

Share this post


Link to post
Share on other sites
tpr    2,218

Yes, Tracy Debugger is a module which can help you find problems with your code or in others code as in this case too.

Once you install it and see the "Debugger bar" (refer to the introduction post you linked above) then if you uncomment those lines I mentioned you should see the values if you click on the bar. This way you can see why the path/url differs.

  • Like 1

Share this post


Link to post
Share on other sites
Speed    21

Okay, Tracy Debugger module is installed, I 've uncomment  line :913 bd($ckeCSS);  and :961 bd($adminCSS); on AdminOnSteroids.module inside .AdminOnSteroids directory.I have read and followed carefully, I understand am supposed to look for debug bar once debugger is installed. Apparently, its not show any bar. I use chrome browser with firelogger installed. Yes, I've confirmed debugger is enabled, The bar to display at front and back is checked, the uncommented, line 913 and 961 and cleared cache after Tracy debugger module is installed. 

Tracy1.JPG

Tracy2.JPG

Now I am getting confused... what am I missing?

Share this post


Link to post
Share on other sites
adrian    7,666

@Speed - if this is on a non local server, you will either need to force to "Development" mode (change from Detect), or check the "Force superuser development mode" button.

Tracy must be in development mode to show the debug bar. If it's a remote server, DETECT will determine that it should be in PRODUCTION mode.

  • Like 1

Share this post


Link to post
Share on other sites
Speed    21
9 minutes ago, adrian said:

if this is on a non local server, you will either need to force to "Development" mode (change from Detect), or check the "Force superuser development mode" button.

@adrian - Enabling 'Development' mode got debugger bar to show up. (PW in livehost) Thank you. 

@tpr - let me guess, is that what I should look for??

Tracy3.JPG

 

Share this post


Link to post
Share on other sites
adrian    7,666
Just now, Speed said:

let me guess, is that what I should look for??

You want to look at the Dumps Recorder panel - the icon looks like a dump truck :)

Share this post


Link to post
Share on other sites
Speed    21

yes...Confirmed,  I have commented it out.  (This line was commented out in live server with editor.)

Share this post


Link to post
Share on other sites
tpr    2,218

v119 comes with a new "Apply to all" button to update all dropdowns with the selected option on the "Add field to templates" page (see the screen capture below), requested by @gmclelland

I've also updated the "Remove all" button on the field deletion confirmation page. Now it reads "Check all" and the default submit button can be used for deletion instead. The same "Check all" button is added to the other field deletion confirmation page (accessed from the Field edit page, Actions tab).

All these are under the "Misc" submodule. Please re-check the checkbox "Add helper buttons to batch field add/remove confirmation pages" because it was renamed.

aos-field-batch-actions.gif

  • Like 5

Share this post


Link to post
Share on other sites
tpr    2,218

Just committed a small update to GitHub which expands the select box if there's only one of it (field add confirmation page):

aos-expand-select.png

  • Like 2

Share this post


Link to post
Share on other sites
tpr    2,218

v123 is up, and here are the latest additions:

1.2.3
- Hotkeys: focus filterbox on alt+s

1.2.2
- title change case button improvements

1.2.1 
- Misc: option to move empty trash confirmation checkbox above trash items

  • 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 kongondo
      The Module Blog for ProcessWire replicates and extends the popular Blog Profile.
      Blog is now in version 2.
      Please read the README in the Github link below in its entirety before using this module 
      Blog Documentation is here (Work in Progress!)
      See this post for new features in version 2 or the readme in GitHub.
      To upgrade from version 1, see these instructions.
      ##################################################
      Most of the text below refers to Blog version 1 (left here for posterity). 
       
      Blog version 1 consists of two modules:
      ProcessBlog: Manage Blog in the backend/Admin.
      MarkupBlog: Display Blog in the frontend.
      Being a module, Blog can be installed in both fresh and existing sites. Note, however, that presently, ProcessBlog is not compatible with existing installs of the Blog Profile. This is because of various structural and naming differences in respect of Fields, Templates, Template Files and Pages. If there is demand for such compatibility, I will code a separate version for managing Blog Profile installs.
      In order to use the 'Recent Tweets Widget', you will need to separately install and setup the module 'MarkupTwitterFeed'.
      Please read the README in the Github link below in its entirety before using this module (especially the bit about the Pages, etc. created by the module). 
      I'll appreciate Beta testers, thanks! Stable release works fine.
      Download
      Modules Directory: http://modules.processwire.com/modules/process-blog/
      Github: https://github.com/kongondo/Blog
      You can also install from right within your ProcessWire install.
      Screenshots (Blog version 1)

      Video Demos
      ProcessBlog
      MarkupBlog
      Credits
      Ryan Cramer
      The Alpha Testers and 'Critics' 
      License
      GPL2
    • By bernhard
      hi everybody,
      this is a preview of a module that i'm working on for quite a long time. I needed it for an intranet office management application that i'm still working on. It makes it very easy to create very customized Datatables using the awesome jquery datatables plugin (www.datatables.net)
       
      EARLY ALPHA release!
      It's very likely that there will lots of changes to this module that may cause breaking your implementations.
       
      Module source
      sorry, removed as it changes too frequently; closed alpha - contact me if you think you can contribute
       
       
      Remarks:
      The module is intended to be used on the backend. Loading styles is at the moment only done via adding files to the $config->styles/scripts arrays. Also the communicaton to javascript is done via the $config->js() method that is built into the admin and would have to be implemented manually on frontend use. But it would not be difficult of course
      Installation:
      Nothing special here, just download + install
       
      edit: removed some parts, because i made a complete rewrite of the module! (see last posting in the thread)
       
      Customization example:
      in the screencast you see an example that i'm using in a process module. i put the table inside an InputfieldMarkup just to have the same look&feel all around the admin. you see that you could also use this module to create tables quickly and easily using @kongondo s runtime markup module.
      complete PHP code:
      $this->headline('Kundenliste'); $form = $modules->get('InputfieldForm'); // init datatables module $dt2 = $modules->get('RockDataTables2'); // setup columns // name $col = new dtCol(); $col->name = 'name'; $col->title = 'Name'; $col->data = function($page) { return $page->title; }; $dt2->cols->add($col); // type $col = new dtCol(); $col->name = 'type'; $col->data = function($page) { return $page->rockcontact_type->title; }; $dt2->cols->add($col); // modified $col = new dtCol(); $col->name = 'modified'; $col->data = function($page) { $obj = new stdClass(); $obj->timestamp = $page->modified; $obj->display = date('d.m.Y', $page->modified); return $obj; }; $dt2->cols->add($col); // setup table $dt2->id = 'dt_kundenliste'; $dt2->js('/site/modules/ProcessRockProjects/dt_kundenliste.js'); $f = $modules->get('InputfieldMarkup'); $f->value = $dt2->render(); $form->add($f); // ################################## // ajax request -> return data // non-ajax -> render form + table // ################################## if($config->ajax) { echo $dt2->getJSON($pages->find('template=rockcontact, sort=random, limit=10000')); die(); } else $out .= $form->render(); return $out; what is interesting here is this part:
      // modified $col = new dtCol(); $col->name = 'modified'; $col->data = function($page) { $obj = new stdClass(); $obj->timestamp = $page->modified; $obj->display = date('d.m.Y', $page->modified); return $obj; }; $dt2->cols->add($col); datatables support orthogonal data (https://datatables.net/extensions/buttons/examples/html5/outputFormat-orthogonal.html). a date column is a good example, because you need to DISPLAY a formatted date (like 10.02.2017) but you need to be able to SORT this column by a different value (timestamp). its very easy to accomplish this by providing both values in your json. Btw: You could also just transfer the timestamp and do the formatting on the client-side via javascript. Next Example will show ho this would work. Both cases can be necessary, it's just an example here.
      [...] removed
      Why i created this module:
      of course i know @Soma s module but i needed a lot more features and the newer datatables version. also i like to define all the columns as objects and have everything on one place. lister & markupadmindatatable: nice for basic tables but lacks of features to modify the appearance of the cell values (like rendering icons, background colors and so on) datatables provides a great frontend API for filtering, showing/hiding columns, getting data, modifying it... it also plays well together with frontend charts like google chart api in this case:
       
      todo / roadmap:
      all kinds of column filters (like seen in the example above that shows an older and bloated version of this module) support for ajax filters and pagination (currently all filtering and sorting is done on the client side. i tried it with up to 50.000 rows and got reasonable results. initial loading took around 10sec. but of course this heavily depends on the complexity of your table and your data.  
       
       
    • By Robin S
      PageListTrash
      Allows non-superusers to trash pages directly from Page List (if they have page-delete permission for that page).
      Not much to say really - the module adds a "Trash" option to the extra actions for pages in Page List. It looks and works just like the Trash action available to superusers.

      https://github.com/Toutouwai/PageListTrash/
       
      Up to you whether you think non-superusers should be trusted with simpler trashing. For most cases I like the default behaviour where editors have to jump through some more hoops - I want them to think carefully about what they are doing. But if an editor needs to trash several pages then this module might reduce frustration.
      @tpr, by now you can probably predict what I'm going to say...
      ...something to merge into AdminOnSteroids?
    • By horst
      Wire Mail SMTP

      An extension to the new WireMail base class that uses SMTP-transport

      This module integrates EmailMessage, SMTP and SASL php-libraries from Manuel Lemos into ProcessWire. I use this continously evolved libraries for about 10 years now and there was never a reason or occasion not to do so. I use it nearly every day in my office for automated composing and sending personalized messages with attachments, requests for Disposition Notifications, etc. Also I have used it for sending personalized Bulkmails many times.

      The WireMailSmtp module extends the new email-related WireMail base class introduced in ProcessWire 2.4.1 (while this writing, the dev-branch only).
       
      Here are Ryans announcement.



      Current Version 0.2.5
      get it from the Modules Directory Install and Configure

      Download the module into your site/modules/ directory and install it.

      In the config page you fill in settings for the SMTP server and optionaly the (default) sender, like email address, name and signature.
      You can test the smtp settings directly there. If it says "SUCCESS! SMTP settings appear to work correctly." you are ready to start using it in templates, modules or bootstrap scripts.


      Usage Examples
      The simplest way to use it:
      $numSent = wireMail($to, $from, $subject, $textBody); $numSent = wireMail($to, '', $subject, $textBody); // or with a default sender emailaddress on config page This will send a plain text message to each recipient.
       
      You may also use the object oriented style:
      $mail = wireMail(); // calling an empty wireMail() returns a wireMail object $mail->to($toEmail, $toName); $mail->from = $yourEmailaddress; // if you don't have set a default sender in config // or if you want to override that $mail->subject($subject); $mail->body($textBody); $numSent = $mail->send(); Or chained, like everywhere in ProcessWire:
      $mail = wireMail(); $numSent = $mail->to($toEmail)->subject($subject)->body($textBody)->send(); Additionaly to the basics there are more options available with WireMailSmtp. The main difference compared to the WireMail BaseClass is the sendSingle option. With it you can set only one To-Recipient but additional CC-Recipients.
      $mail = wireMail(); $mail->sendSingle(true)->to($toEmail, $toName)->cc(array('person1@example.com', 'person2@example.com', 'person3@example.com')); $numSent = $mail->subject($subject)->body($textBody)->send(); The same as function call with options array:
      $options = array( 'sendSingle' => true, 'cc' => array('person1@example.com', 'person2@example.com', 'person3@example.com') ); $numSent = wireMail($to, '', $subject, $textBody, $options); There are methods to your disposal to check if you have the right WireMail-Class and if the SMTP-settings are working:
      $mail = wireMail(); if($mail->className != 'WireMailSmtp') { // Uups, wrong WireMail-Class: do something to inform the user and quit echo "<p>Couldn't get the right WireMail-Module (WireMailSmtp). found: {$mail->className}</p>"; return; } if(!$mail->testConnection()) { // Connection not working: echo "<p>Couldn't connect to the SMTP server. Please check the {$mail->className} modules config settings!</p>"; return; } Following are a ...


      List of all options and features


      testConnection () - returns true on success, false on failures


      sendSingle ( true | false ) - default is false

      sendBulk ( true | false ) - default is false, Set this to true if you have lots of recipients (50+)


      to ($recipients) - one emailaddress or array with multiple emailaddresses

      cc ($recipients) - only available with mode sendSingle, one emailaddress or array with multiple emailaddresses

      bcc ($recipients) - one emailaddress or array with multiple emailaddresses

       
      from = 'person@example.com' - emailaddress, can be set in module config (called Sender Emailaddress) but it can be overwritten here

      fromName = 'Name Surname' - optional, can be set in module config (called Sender Name) but it can be overwritten here


      priority (3) - 1 = Highest | 2 = High | 3 = Normal | 4 = Low | 5 = Lowest

      dispositionNotification () or notification () - request a Disposition Notification


      subject ($subject) - subject of the message

      body ($textBody) - use this one alone to create and send plainText emailmessages

      bodyHTML ($htmlBody) - use this to create a Multipart Alternative Emailmessage (containing a HTML-Part and a Plaintext-Part as fallback)

      addSignature ( true | false ) - the default-behave is selectable in config screen, this can be overridden here
      (only available if a signature is defined in the config screen)

      attachment ($filename, $alternativeBasename = "") - add attachment file, optionally alternative basename


      send () - send the message(s) and return number of successful sent messages


      getResult () - returns a dump (array) with all recipients (to, cc, bcc) and settings you have selected with the message, the message subject and body, and lists of successfull addresses and failed addresses,


      logActivity ($logmessage) - you may log success if you want

      logError ($logmessage) - you may log warnings, too. - Errors are logged automaticaly
       
       
      useSentLog (true | false) - intended for usage with e.g. third party newsletter modules - tells the send() method to make usage of the sentLog-methods - the following three sentLog methods are hookable, e.g. if you don't want log into files you may provide your own storage, or add additional functionality here

      sentLogReset ()  - starts a new LogSession - Best usage would be interactively once when setting up a new Newsletter

      sentLogGet ()  - is called automaticly within the send() method - returns an array containing all previously used emailaddresses

      sentLogAdd ($emailaddress)  - is called automaticly within the send() method
       
      Changelog: https://github.com/horst-n/WireMailSmtp/blob/master/CHANGELOG.md
       
    • By celfred
      Hello,
      I'm desperately trying to update my website to PW 3.0.62 and I'm facing issues to to module compatibility. I was stuck with Pages2Pdf which I managed to solve bu updating the module from Github, but now it's the Pages Web Service module... and this time, I don't know wht to do
      The Module is found there. But it is quite old and I can't find it in the modules catalogue... and my site is making quite a use of it (I can't think of a way to do otherwise, sorry...)
      After adding the FileCompiler=0 to the module pages, the error I'm stuck with is :
      Fatal error: Class 'WireData' not found in /home/celfred/PlanetAlert/site/modules/ServicePages/ServicePages.module on line 22
      and I have no idea on what to do... I must admit I'm not a programmer but a middle-school teacher... (for your information, here's the site I'm talking about : http://planetalert.tuxfamily.org ) but I'm struggling hard to solve the different issues I have to face and I'm wlling to understand things. I have just spent many hours trying to make 2.8 work on my localhost (and it seems ok ) but I'd like to switch to 3.x to prepare the future
      If anyone had the will to spend a few minutes to try and help me, I would greatly appreciate.
      Thanks in advance !
      If you need more information to understand my problem, feel free to ask.