Jump to content

nurkka

Members
  • Posts

    47
  • Joined

  • Last visited

Posts posted by nurkka

  1. My suggestion would be to add a native global media manager and native multidomain support

    Media Manager:
    - Global management of images (also SVG) and Documents (e.g. PDFs) with a decent UI, Preview-Thumbnails, the possibility to organize the assets in folders, etc.
    - A field to reference those assets, with a usable UI and the possibility to define starting folders, e.g. having a field which only allows to select from a folder with employee portraits, etc.
    - References should be managed automatically, so one can't delete an image which is still referenced anywhere
    - If an image is not referenced anywhere anymore, there should be a dialog which asks, if one wants to delete the asset OR there could be a cleanup feature to find and delete unused media items
    - and so much more ideas, but the global management and the reference field with visual image preview in a clear UI would be great

    Multidomain Support:
    - Manage multiple Websites with different domains within one ProcessWire installation, with optional multilanguage support
    - Every website has a root parent page in the page tree, where everything is defined: domain name, language, etc.
    - Internal links will be managed by ProcessWire, so you can link between the domains. ProcessWire would determine if the links have to be prefixed with the domain name automatically
    - The root parent pages will be fully abstracted away, e.g. their page names won't be applied to urls

    I think that we really would need a native implementation of those features. Unfortunately, I don't have the time or expertise to develop them myself and make a PR, but I would like to add them to the wish list. And if they would be implemented, I would be happy to contribute ideas, feedback and provide beta testing.

    • Like 3
  2. 23 hours ago, poljpocket said:

    Can you also provide the code for your template file (the one which gets used by the render()-function)?

    Here is an example of the template file:

    $json_data = [];
    
    foreach ($page->contentblocks as $cb) { // "contentblocks" is a repeatermatrix field
    	$json_data_block = $cb->render(); // this returns an actual json array
    	array_push($json_data, $json_data_block);
    }
    
    header('Content-Type: application/json');
    echo json_encode($json_data);

    And here is an examle of a repeatermatrix field template file:

    $json_data = [];
    $json_data["headline"] = $page->text; // "text" is a multilanguage text field
    $json_data["text"]     = $page->body; // "body" is a multilanguage textarea/tinymce field
    
    return $json_data; // no json_encode needed 

     

    23 hours ago, poljpocket said:

    Also just a side note: Is there a reason you are generating JSON in the render file, decoding it just to pass it along and re-encode it again?

    Returning JSON data from the template did not work, because the $page->render() method threw an error ("strlen(): Argument #1 ($string) must be of type string, array given"). So I had to convert the JSON data to a string in the template and convert it back in the module. The advantage is, that one can view the page in the browser and check the JSON output.

  3. Hello everyone,

    I use ProcessWire with multilangage support (5 languages) to provide a shop with content as JSON files. To match the specifications regarding the structure of those JSON files, I wrote a module that exports the files on page save. It renders a page and outputs the language content in different JSON files, within different folders.

    The module hooks into the Pages::saved hook. As soon as a page is saved in the admin area, the module loops over the languages, renders the page content in each language and writes a JSON file for each language.

    The following phenomenon now occurs:

    • If one edits individual fields of the page in the admin area and then saves it, the JSON files are output correctly.
    • If one saves the page again – without having changed a field on the page – $page->render() does not return the text content of the multilanguage fields, but objects with the text content of all languages. These are e.g. LanguagesPageFieldValue objects or ComboLanguagesValue objects.

    I believe this must have something to do with the trackChanges behaviour. ProcessWire tracks the changes that have been made to fields. If no changes have been detected, the behaviour appears to be different when saving the page and with $page->render within the Pages::saved hook.

    Here is the code (simplified) I am using:

    <?php namespace ProcessWire;
    
    class ExportAsJson extends WireData implements Module {
    
    	public function init() {
    		$this->addHookAfter('Pages::saved', $this, 'hookPageSaved', ['priority' => 200]);
    	}
    
    	protected function hookPageSaved(HookEvent $event) {
    		$page = $event->arguments(0); // get the saved page
    
    		// save current settings
    		$saved_lang              = $this->wire->user->language;
    		$saved_user              = $this->wire->user;
    		$saved_output_formatting = $page->of();
    
    		// set current user to guest user
    		$this->wire->users->setCurrentUser($this->wire->users->getGuestUser());
    		$page->of(true);
    
    		$json_data = [];
    
    		foreach ($this->wire->languages as $l) {
    			$lang_name = $l->name;
    
    			// set current language for rendering the page 
    			$this->wire->user->language = $l;
    
    			// get rendered json data as string
    			$markup = $page->render();
    
    			$json_data[$lang_name] = json_decode($markup);
    		}
    
    		// restore saved settings
    		$page->of($saved_output_formatting);
    		$this->wire->users->setCurrentUser($saved_user);
    		$this->wire->user->language = $saved_lang;
    
    		// write the JSON data to separate files on the remote shop server
    		$this->writeJsonToSftpAsSeparateFiles($page, $json_data);
    	}
    
    }

    The correct result in JSON would be like this:

    [
    	{
    		"featureHeadline": "Lorem ipsum dolor"
    	}
    ]

    But when I save the page without changing a field beforehand, I get this:

    [
    	{
    		"featureHeadline": {}
    	}
    ]

    Does anyone have an idea how to fix this behaviour?

    Thanks and best regards!

     

  4. On 4/20/2024 at 5:57 PM, Chris-PW said:

    [...]
    I would be very interested to know whether only Meta+s are actually sufficient for Windows in TinyMCE.
    [...]

    Hi @Chris-PW

    I removed the javascript block for meta-shift-s and ctrl-s. After that, pressing ctrl-s in TinyMCE worked perfectly.
    Tested in Chrome/Windows11 and Firefox/Windows11, and via BrowserStack, also in Safari 17.3/MacOS Sonoma.

    Additionally, I removed the timeout in UIkit.notification(...) in QuickSave.js, because my pages have so many fields and languages that saving the page takes several seconds. And because the page is reloaded anyway, in my case it was better to simply leave the notification until the page reloads.

    • Like 2
  5. @Chris-PW Many thanks for contributing this module. That was really a much needed missing feature.

    I am using the module with Chrome (Iron) under Windows 11, where in TinyMCE fields, pressing CTRL-S saved the page twice. It seems, that Chrome/Windows reacts also to "meta-s". I then went to quicksavetinymce.js and commented out the block for "ctrl+s". Now, pressing CTRL-S within a TinyMCE field saves the page only once.

    Thanks again for this great module!

    P.S.: This also works with Firefox/Windows

    • Like 1
  6. Hi all!

    Is there a way to add comments and documentation directly in the admin area, e.g. above the page editor? Field descriptions and notes are not sufficient in some cases, when one wants to document more complex things or explain something more detailed. I know that one can add a custom admin page, but I am searching for a way to document things directly in the pages where the editor users are working.

    Thanks in advance for any tips!

  7. Hi @kongondo,

    today I tried to upgrade a ProcessWire website from PW 3.0.210 to 3.0.229.

    After that, when trying to access pages in the backend, which contain MediaManager fields, the following error occured:

    ProcessWire\WireException
    
    Item 'type' set to ProcessWire\Pagefiles is not an allowed type search
    File: /html/website/wire/core/WireArray.php:458
    
    448:         *
    449:         * @param int|string $key Key of item to set.
    450:         * @param int|string|array|object|Wire $value Item value to set.
    451:         * @throws WireException If given an item not compatible with this WireArray. 
    452:         * @return $this
    453:         *
    454:         */
    455:        public function set($key, $value) {
    456:    
    457:            if(!$this->isValidItem($value)) {
    458:                throw new WireException("Item '$key' set to " . get_class($this) . " is not an allowed type");
    
    459:            }
    460:            if(!$this->isValidKey($key)) {
    461:                throw new WireException("Key '$key' is not an allowed key for " . get_class($this));
    462:            }

    To verify that this error was caused by Media Manager, I renamed the directory "MediaManager" in the modules folder. Then, the error disappeared.

    I had to downgrade ProcessWire for now, but the website has to be updated sooner or later, as other modules and parts of the site depend on it.

    Do you have any hints what I can do to avoid this error or is there a bugfix release of MediaManager?

  8. @bernhard Thanks again for your help! I finally managed to also get SSH keys to work under Windows with WSL2 and with DDEV installed in Windows, so that now I am able to use RockShell how it's meant to be ? 

    The key point, why I struggled with the ssh keys was, because I had put the key files in the ~/.ssh folder on the WSL2-Linux installation. But as I am using the Windows version of DDEV and using the command line from the windows side, the ssh keys must be placed in C:\Users\YourNameHere\.ssh

    After that, one can simply use this command, which will copy the ssh keys into one's web container:

    ddev auth ssh

    Then one can use e.g. the following RockShell command like so:

    ddev php RockShell/rock db:pull

    * * * * *

    And here is how to add a shell function under Windows, when using PowerShell 5:

    # test, if the PowerShell profile, where you can store custom shell functions, already exists
    Test-Path $PROFILE
    
    # if not, create the PowerShell profile
    New-Item -path $PROFILE -type file -force
    
    # Open the profile file with an editor. it's located here:
    # Path: C:\Users\YourNameHere\Documents\WindowsPowerShell
    # Name: Microsoft.PowerShell_profile.ps1
    
    # Add the shell function to the profile file:
    function rockshell {
        param(
            [string]$Command
        )
        ddev exec php RockShell/rock $Command
    }

    After that, save the file, restart PowerShell, and now it is possible to use RockShell like so:

    rockshell db:pull

    Many thanks @bernhard for creating RockShell, and for your help!

    • Thanks 1
  9. @bernhard @dotnetic Thanks for your replies!

    In my current project I followed your advice and now work with a local ddev, a staging server and a live server. Currently I still have no automated scripts yet, but working with the command line (wsl2, ddev and ssh) works really good. Also, I mostly got rid of large ftp uploads, using rsync. Working with that tools feels better every day ? 

    But when trying to copy the local ddev website to the staging server, I got stuck. I exported the database with ddev php RockShell/rock db:dump, uploaded it via rsync. connected via SSH and tried php RockShell/rock db:restore on the server. But as the ProcessWire database tables were not present at this point yet, RockShell/rock returned an error message. So I had to fall back to Adminer to import the SQL file. 

    What would be the right way to copy a locally developed website to a staging server with RockShell? 

  10. 36 minutes ago, dotnetic said:

    We use RockMigrations to ensure our development environment matches the live server. This allows Bernhard and me to add new fields and templates without risk of overwriting existing data during uploads, as any changes are automatically migrated

    I have also tried RockMigrations, but I still don't use it as standard. I'll take another look at RockMigrations, thank you very much!

    Do I understand you correctly that when further developing a website that is already live, only templates, fields and modules can be updated?

    For example, when I create a new page type, I not only create a new template and new fields, but also one or more pages and fill their fields with content.

    Can this newly created content also be transferred to the production environment with RockMigrations? If so, that would mean that you have to create not only the new fields, but also all the new content in php code, and not via the ProcessWire backend, right?

  11. Firstly, many thanks for the brilliant input regarding DDEV. I'm finally using DDEV for local development and it's really super fast. My latest project is now 100% finished locally and I saved a lot of waiting time.

    @bernhard I understood from your posts that you have a staging version and a production version of your projects on the remote server.

    - What is the benefit of a remote staging version for a single developer? Wouldn't it be easier to omit the staging server?

    - What I still can't deal with is the following problem: If I put the website live now, my customer and their team will start editing content, creating pages, etc. in the ProcessWire backend. In addition, there will be contact form entries and blog comments from end users, i.e. ultimately user-generated content, which will also end up in the ProcessWire database.

    The website is to be continuously developed, i.e. I will be adding fields, modules and templates over the coming weeks and months.

    I understood, you would clone the database to local and continue working on the website locally, and later copy everything back to remote. But then I would overwrite the changes my client and the users have made in the meantime.

    How do you deal with this problem?
    Are you developing the site locally, and once deployed to production, do you work on the remote server? I tried to connect to a server database remotely, and it is super slow.

    Before DDEV, I had the classic setup with uploading every change to the remote server via FTP and refreshing the browser manually. I do not really want to go back to that ...

    Appreciating any help ... !

  12. Does anyone know how one can add a style to the TinyMCE styles dropdown, which applies a css class to several HTML-Elements at once?
    I managed to do it with JSON like so in the "Default setting overrides JSON text" field:

    {
      "style_formats": [
        {
          "title": "Styles",
          "items": [
            {
              "title": "Center",
              "selector": "p,h1,h2,h3,h4,h5,h6",
              "classes": "text-center"
            }
          ]
        }
      ]
    }

    But how is the syntax for achieving the same within the field "Custom style formats CSS"?
    Or is this simply not possible (yet)?

  13. I noticed that, in my case, I cannot have more than one CKEditor field with mystyles.js on the same template, except within repeaters or repeater matrix fields. The solution was to configure mystyles.js only for the first textarea CKEditor field and to use the feature "Inherit settings from another CKE field" for the others. Then the custom styles work as expected.

  14. Hi kongondo,

    I just watched the video and it looks very good! I already sent some suggestions a while ago, but I wanted to repeat an important one: I have some projects where the clients have lots of PDFs with very long detailed technical names. I assume the PDFs won't have thumbnails in Media Manager, so it would be very good if one could switch the view to a really compact list view, where the filenames would not be cropped. Perhaps in this list view also some other meta data could be shown, like filesize etc. Also I would add that the filenames or image titles as shown in the video are cropped in a way it makes them nearly unreadable. So I am wondering if you could consider an option to not crop those titles or filenames at all?

    • Like 1
  15. Hi @kongondo

    2 hours ago, kongondo said:

    Yes. Perhaps my question wasn't clear. I am all for this folder structure. What I was referring to in my question about inputfield selector is whether we could also simplify that.

    It would be nice to have a full text search, which would always be visible.
    If this is not possible, it would be nice, if the filter would be always open, so one can start typing immediately and previously set filter values would be visible right away.

    Also a more compact view for pdf documents would be great, because the current grid and list view both require a lot of space if one has some hundred pdfs in the library. In a past project I added the pdf filenames to the grid view by modifiying some javascript files, to have a more compact view with the filenames visible. Perhaps, pdf icons could be a lot smaller or omitted at all in the document view.

    The UI elements could be smaller and information like how many times an image was used, filesize, etc. could be hidden and made visible with a toggle button, so everything would take up less space and more image and document items would fit on the screen.

    • Like 1
  16. Hi @kongondo

    First of all thank you for the awesome plugin!

    1 hour ago, kongondo said:

    A question to you all, how does the powerful but potentially confusing inputfield selector work for your clients? Do they use it or would you prefer a simpler interface such as the WP one in the screenshot shown above by @David Karich?

    It would be really awesome if the selection would run through an interface with a folder structure. And it would be perfect if one could define per template in which folder the selection would start.

    An example: Assuming we have a folder "Employee photos" and a folder "Customers" (or a lot more folders and subfolders ? ), then it would be perfect if one could give the input field the information that the image selection on employee detail pages starts in the folder "Employee photos". That would be much easier for the clients/editors to work with.

    And without a folder structure, it would be great if one could define per template with which category or tag the input field starts, i.e. to have a ore-defined filter setting per template.

    • Like 2
  17. Hi everybody,

    is it possible to hide a page in the default language of a multilanguage website?
    The page’s settings tab doesn't seem to allow it, because there is no checkbox next to the default language’s url and it can’t be left empty.

    For the time being I implemented a checkbox "hide in default language", and if checked, the page outputs a wire404();

    But is there any native way to do it?

    Thanks and best regards

  18. Hi everybody,
    some time ago I implemented a blog in ProcessWire with the comments function. The comments have avatar images which were displayed based on the commentators email address. To manage the avatar images and some other data, I added custom fields to the user template. This used to work perfectly, but today I noticed that the avatar images were missing.

    $user = users()->find("email=mail@example.com");
    echo $user->first()->get('name'); // works perfectly
    echo $user->first()->get('user_display_image'); // doesn't work anymore

    UPDATE: I just found out, how to get the field value again. One has to check the option »Make field value accessible from API even if not viewable«. Screenshot:

    image.png.b2253a32233d6c9cd00048c2cca25cb9.png

    I assume, the functionality must have been changed sometime between 2019 and 2021. With the above setting it works again.

×
×
  • Create New...