Martijn Geerts

Admin Custom Files

Recommended Posts

2 hours ago, Martijn Geerts said:

@PWaddict, do you use the dependencies or the default injection method?

I tried both. The default one injects a broken link as I described above and the dependencies doesn't inject anything.

Share this post


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

i think it's more related to setting up a proper rewrite base than changing this module.

https://processwire.com/docs/tutorials/troubleshooting-guide/page3

I'm not sure cause every other link on ProcessWire works great except the link injection in this module. 

On the AdminCustomFiles.module I replaced the 249 line:

'relative' => substr($base, strpos($base, '/site/templates/')),

to this and it worked:

'relative' => substr($base, strpos($base, '/mysite.com/site/templates/')),

It seems that the module can't recognize that ProccessWire installed on localhost/mysite.com.

  • Like 1

Share this post


Link to post
Share on other sites

Hi, 

I only see the changes of my css file (templates/AdminCustomFiles/AdminThemeReno.css) when I'm logged-in as superuser, when I have an other roll I just see the default AdminThemeReno. Does anyone know what I'm doing wrong?

*working with version: 3.0.59

Share this post


Link to post
Share on other sites

Hee PeeJay,

I will see if I have time soon and if I can reproduce and fix it. Thanks for the report.

 

  • Like 2

Share this post


Link to post
Share on other sites

 for some reason the 'include theme based files' stopped working, so i added AdminCustomFiles/AdminThemeReno.css to the dependencies, and it works.. @Peejay that might solve your problem...

  • Like 1

Share this post


Link to post
Share on other sites

@Peejay there are some more little improvements coming up but there are still a few annoyances. But there will be updates soon, sorry guys for the delays, but free time is sparse these days.

 

  • Like 3

Share this post


Link to post
Share on other sites

Hi @Martijn Geerts, just a heads up that the current version number of this module is 0.0.1 - is that supposed to be 1.0.0?

Because I've just noticed that the version I have been running is 0.8.7 which is older than the current version yet I never get an upgrade prompt in the Upgrades module due to the low current version number.

Also, did you change GitHub repos at some point? There seems to be only a few months of commit history yet the module has been around much longer than that.

Share this post


Link to post
Share on other sites

I'm trying to inject a custom js for AdminThemeUikit but it loads before the original AdminThemeUikit js files. How to make it load after the original files?

AdminThemeUikitJS.thumb.jpg.d2340e4b691b7b70c047edc56d3fd5a4.jpg 

Share this post


Link to post
Share on other sites
40 minutes ago, Martijn Geerts said:

@PWaddict

Thanks for your report,

I've added an extra hook (after AdminTheme::getExtraMarkup) and updated the version number.

Changes are uploaded to GitHub. 

https://github.com/Da-Fecto/AdminCustomFiles

My custom js for AdminThemeUikit is still loading before the original files. This is happening only for js. The custom css loads properly.

Share this post


Link to post
Share on other sites

@PWaddict

I think i'm locked in... don't know how to solve this one.

$config->scripts and $config->styles are echoed before those  admin scripts are echoed. I don't know what I can do about that.

 

 

Share this post


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

@PWaddict

I think i'm locked in... don't know how to solve this one.

$config->scripts and $config->styles are echoed before those  admin scripts are echoed. I don't know what I can do about that.

 

 

Here is the css & js structure with the AdminThemeDefault:

AdminThemeDefault.thumb.jpg.6cd90dc94f6e63fa3f0f8eae986d6a35.jpg

and here is with the AdminThemeUikit:

AdminThemeUikit.thumb.jpg.8b97c2fb0eeec0964f4cbf28e1b7fca1.jpg

So maybe it needs an extra hook that is specific to AdminThemeUikit in order for the files to be injected at the very end???

Share this post


Link to post
Share on other sites
On 10/28/2017 at 8:54 AM, PWaddict said:

I'm trying to inject a custom js for AdminThemeUikit but it loads before the original AdminThemeUikit js files. How to make it load after the original files?

AdminThemeUikitJS.thumb.jpg.d2340e4b691b7b70c047edc56d3fd5a4.jpg 

Maybe I'm looking at this wrong, but you should physically list the AdminThemeUikitCustom.js after all the uikit js in whatever template file you are using.

Share this post


Link to post
Share on other sites

You can also inject scripts and styles by hooking the page render and doing a str_replace("</head>", $yourscripts . "</head>", $event->return)

  • Like 4

Share this post


Link to post
Share on other sites
48 minutes ago, bernhard said:

You can also inject scripts and styles by hooking the page render and doing a str_replace("</head>", $yourscripts . "</head>", $event->return)

Is it possible to do this on site/ready.php without creating a module?

Share this post


Link to post
Share on other sites

Sure, just hook page render and modify event->return like I showed above. I'm on mobile but this info is easy to find in the forum, it's nothing special

Share this post


Link to post
Share on other sites

@bernhard Here is the code I used on site/ready.php and it works great:

if($this->page->template == 'admin') {
$this->addHookAfter('Page::render', function($event) {
	$css = wire('config')->urls->templates . 'styles/AdminThemeUikit.css?v=1';
	$js = wire('config')->urls->templates . 'scripts/AdminThemeUikit.js?v=1';
	$event->return = str_replace("</head>", "\n<link type='text/css' href='{$css}' rel='stylesheet'/>\n</head>", $event->return);
	$event->return = str_replace("</body>", "\n<script type='text/javascript' src='{$js}'></script>\n</body>", $event->return);
});
};

I've also uninstalled Admin Custom Files since I was only using it to inject theme files. Thank you.

  • Like 4

Share this post


Link to post
Share on other sites

Another option for adding elements at the end of <head>:

$wire->addHookAfter('AdminTheme::getExtraMarkup', function(HookEvent $event) {
    $parts = $event->return;
    $parts['head'] .= "<script src='/path/to/script.js'></script>";
    $event->return = $parts;
});

 

  • Like 5

Share this post


Link to post
Share on other sites

Or you can load a JS loader that loads your JS.

  • Like 2

Share this post


Link to post
Share on other sites

@Martijn Geerts 

I upgraded from 0.8.7 to 0.9.4 and I get:

Warning: Invalid argument supplied for foreach() in C:\inetpub\wwwroot\site\modules\AdminCustomFiles\AdminCustomFiles.module on line 249
$files = NULL
$dependencies = string(41) "ProcessPageEdit AdminCustomFiles/test.css"

Also, AdminCustomFiles.js fails at line 19.

I see that you dropped support for PW 2. Any reason for that?

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 anderson
      Hi all,
      I'm a new to website building. Learned some CRASH course of js,jquery,php. Then I found CMS. Still learning around forum, youtube....
      Anyway, please help me with some beginer questions:
      1, About template - please correct me if I understand wrong : every page should be (or recommended) built on a template. So if in total I'll have 10 pages, 2 of them have same layout, I'll need 9 templates.  And, what fields a page includes, is not defined in page, but defined in the template that page uses. 
      2,  Where to see what modules I've installed? is it in "Modules - Site"? 
      3, I installed "PageTable Extended", then what?  As in a youtube tutorial, it should appear in Setup tab, but it doesn't.  What's in there: templates,fields,logs,comments. (I installed "Uikit 3 site_blog profile".)
      4, I did a search in Processwire website for the famous "repeater matrix" module, and can not find it, there's a Repeater, as well as a Matrix. Is it not a module?
      5, I watched this youtube tuts: https://www.youtube.com/watch?v=IHqnLQy9R1A
      Anybody familiar with this tuts please help: 
      After he analysed a target webpage layout he wanted to mimic, he created some fields, some template, then based on those he created a page and input some "content" in there, then clicked "view", it's just some text. So, here comes my question, he copied a folder "assets" (subfolders are: css,fonts,js,img) over, then the page have the appearance/layout he wanted to mimic. Where does that assets folder come from?
      Appreciate any help.
    • By mtwebit
      I've created a set of modules for importing (manipulating and displaying) data from external resources. A key requirement was to handle large (100k+) number of pages easily.
      Main features
      import data from CSV and XML sources in the background (using Tasker) purge, update or overwrite existing pages using selectors user configurable input <-> field mappings on-the-fly data conversion and composition (e.g. joining CSV columns into a single field) download external resources (files, images) during import handle page references by any (even numeric) fields How it works
      You can upload CSV or XML files to DataSet pages and specify import rules in their description.
      The module imports the content of the file and creates/updates child pages automatically.
      How to use it
      Create a DataSet page that stores the source file. The file's description field specifies how the import should be done:
      After saving the DataSet page an import button should appear below the file description.

      When you start the import the DataSet module creates a task (executed by Tasker) that will import the data in the background.
      You can monitor its execution and check its logs for errors.

      See the module's wiki for more details.
      The module was already used in three projects to import and handle large XML and CSV datasets. It has some rough edges and I'm sure it needs improvement so comments are welcome.
    • By dreerr
      TemplateEnginePug (formally TemplateEngineJade)
       
      This module adds Pug templates to the TemplateEngineFactory. It uses https://github.com/pug-php/pug to render templates.
      doctype html html(lang='en') head meta(http-equiv='content-type', content='text/html; charset=utf-8') title= $page->title link(rel='stylesheet', type='text/css', href=$config->urls->templates . 'styles/main.css') body include header.pug h1= $page->title if $page->editable() p: a(href=$page->editURL) Edit Project on GitHub: github.com/dreerr/TemplateEnginePug
      Project in modules directory: modules.processwire.com/modules/template-engine-pug/
       
      For common problems/features/questions about the Factory, use the TemplateEngineFactory thread.
       
    • By Robin S
      Pages At Bottom
      Keeps selected pages at the bottom of their siblings.
      A "bottom page" will stay at the bottom even if it is drag-sorted to a different location or another page is drag-sorted below it (after Page List is refreshed the bottom page will still be at the bottom).
      Newly added sibling pages will not appear below a bottom page.
      The module also prevents the API methods $pages->sort() and $pages->insertAfter() from affecting the position of bottom pages.
      Note: the module only works when the sort setting for children on the parent page/template is "Manual drag-n-drop".
      Why?
      Because you want some pages to always be at the bottom of their siblings for one reason or another. And someone requested it. 🙂
      Usage
      Install the Pages At Bottom module.
      Select one or more pages to keep at the bottom of their siblings. If you select more than one bottom page per parent then their sort order in the page list will be the same as the sort order in the module config.

       
      https://github.com/Toutouwai/PagesAtBottom
      https://modules.processwire.com/modules/pages-at-bottom/
    • By Robin S
      Another little admin helper module...
      Template Field Widths
      Adds a "Field widths" field to Edit Template that allows you to quickly set the widths of inputfields in the template.

      Why?
      When setting up a new template or trying out different field layouts I find it a bit slow and tedious to have to open each field individually in a modal just to set the width. This module speeds up the process.
      Installation
      Install the Template Field Widths module.
      Config options
      You can set the default presentation of the "Field widths" field to collapsed or open. You can choose Name or Label as the primary identifier shown for the field. The unchosen alternative will become the title attribute shown on hover. You can choose to show the original field width next to the template context field width.  
      https://github.com/Toutouwai/TemplateFieldWidths
      https://modules.processwire.com/modules/template-field-widths/