POWERFULHORSE

I just finished a medium sized website/SPA using processwire and vue with vue router and vuex. Has lots of nice features like server side rendering, happy to share details with people if they'd be interested. Shoot me a PM.

I've been looking into both React and Vue.js for a while and how front-end frameworks like these could integrate with my current workflow of building websites with ProcessWire. Ultimately I've decided to go with Vue.js after using it for certain sections of a few previous projects and familiarizing myself with the documentation, but I assume the same concepts I'm trying to work out would apply for both. So for my next project, I was thinking of using ProcessWire to simply manage content and serve what would function as the website's API. Essentially I would install ProcessWire into a subdirectory of my site's root folder, say '/api', and all template files would serve JSON only. The site itself would essentially be a webapp served by a simple node.js server, with all routing handled by the vue-router component of Vue.js. This way I could also utilise some sort of server side rendering to avoid initial asynchronous content loading. I would then set up my ProcessWire tree structure so that the API routes match those defined by vue on the front-end, only prefixed with '/api', subsequent pages could then be loaded asynchronously. Has anyone used ProcessWire in a similar way in the past, or used it in another way alongside React or Vue.js? I would eventually like to start using this approach for client projects, my first attempt will be an internal project however.

Great to see these types of modules appearing. Similar functionality to ConnectPageFields? I was working on my own implementation but seems that's no longer necessary!

Interesting to see someone else using PW + Vue.js. Building components in Vue and using things like webpack and hot reloading has been kind of eye opening for me. I've just finished a small website/shop that uses Vue to render some elements. Things like the cart made a lot of sense, calculating/updating prices as quantities are edited for example. The cart in this instance is essentially a popover and doesn't need to be rendered immediately or visible for SEO purposes, which was a primary concern with this site. Where Vue was used to render actual content, I ended up writing duplicate templates in both PHP and using Vue components (the latter overwrites the former) which is obviously not ideal. I'm looking to eventually transition to using Vue/Vuex/Vue Router, moving away from writing PHP based templates and just using PW to expose JSON data via some kind of custom API. But as I almost exclusively build websites and not apps, things like SEO have always been a bit of a concern. I need to read a lot more about how to handle server side rendering with Vue for example. I wonder if there are enough people here who would be interested in some kind of PW/Vue/Webpack project template for use with Vue CLI or similar?

You're a genius @Robin S. Thank you!

Sorry, I should have mentioned that was the method I was using. No luck unfortunately. It seems that neither negate nor colorize preserve transparency.

Thanks again for this, managed to get the module to install correctly. The changed lines below summarised for anyone else facing a similar problem. This was for PW 3.0.28, PHP 7.0.1 and MySQL 5.7.13. schema-create-mc.sql updated_at TIMESTAMP NULL DEFAULT NULL created_at TIMESTAMP NULL DEFAULT NULL schema-create-main.sql created_at TIMESTAMP NULL DEFAULT NULL updated_at TIMESTAMP NULL DEFAULT NULL schema-update-v2.sql ALTER TABLE <table-name> MODIFY date_start TIMESTAMP NULL DEFAULT NULL; ALTER TABLE <table-name> MODIFY date_end TIMESTAMP NULL DEFAULT NULL; schema-update-v3.sql ALTER TABLE <table-name> ADD COLUMN last_hit TIMESTAMP NULL DEFAULT NULL;

Is it possible to invert a PNG with transparency with PIM? I have an image which is essentially a white (255,255,255) shape over a transparent background, and I would like to make the white shape black whilst maintaining the transparent area.

I've posted question this in the Padloper forum, but realized it might not be Padloper specific so thought I would try here too. The module uses a template to generate a form populated with the template fields on the front end, by default these are for a billing address. Really simple form validation is done by making specific fields required, this all works as it should. However I'm attempting to extend this to include a shipping address. I have a checkbox called "shipping_toggle" which when checked reveals further fields for an alternative shipping address using JS. I need these fields to be required ONLY if the "shipping_toggle" checkbox is checked. I've tried setting these fields as required with the condition that "shipping_toggle=1" in the template but they seem to always be required when the form validates, even with this condition set. Apologies if this is module specific, it seems to validate the form using $form->processInput() which I believe is a PW core method, but I could well be wrong. EDIT Turns out this wasn't a Padloper issue or a problem with field dependencies. I had the following code in my config.php to allow for field dependencies in repeaters, luckily we've moved all the repeaters over to PageTables for this project, so I was able to remove it. $config->InputfieldWrapper = array( 'useDependencies' => false, 'requiredLabel' => 'Missing required value', );

No luck with either of those unfortunately. Should I also try to update the created_at lines in schema-create-main.sql and schema-create-msc.sql with the replacement line you quoted?

Hi Mike, thanks for carrying this over for me. Using 5.7.13 as far as I can see.

Thanks, I just edited the module's uninstall method as it was referencing a missing table that should have been created during module installation (it was never created as the install method threw errors). Seems to have done the trick. EDIT: New errors installing jumplinks, wil have a go at attempting to resolve. Session: Module reported error during install (ProcessJumplinks): SQLSTATE[42000]: Syntax error or access violation: 1067 Invalid default value for 'created_at' Modules: Failed to init module: ProcessJumplinks - SQLSTATE[42S02]: Base table or view not found: 1146 Table 'website.process_jumplinks' doesn't exist

Thanks @adrian. Unfortunately it seems trying to install ProcessRedirects caused some errors and I'm now unable to uninstall it, the module is also interfering with 404s. I'll take a look at jumplinks as soon as I've resolved that.

Any tips on using this module with PW3.x? Currently experiencing some problems with it.

So I can't figure this one out at all. Is there some other method that I can hook that occurs when the add page button is clicked? It seems everything in the Pages class happens after you click Save. Am I right in saying your first suggestion would require me to edit files in the /wire/ directory?