msenkpiel.de

Load all tracks in a playlist at once - Apple Music app on a mac

Marco — Tue, 06 Oct 2020 12:01:22 GMT

If you open a playlist you'll get a nice large list view. You can select multiple tracks but it is not possible to trigger the download for all these tracks.

But if you switch to the "show as title" view, you can trigger all at once:

Now you can select all tracks you want to load and select this menu item from the menu bar.

Photo: unsplash.com

How to trigger power off command with Logitech Harmony Hub on an AppleTV

Marco — Mon, 22 Jun 2020 10:16:16 GMT

Create a new device called "Harmony Pro" and type in the serial "BT Apple TV 4". This creates an AppleTV device within the Harmony app with a quite different configuration. If you use that device in your actions, the hub will sent a power off/sleep command to the AppleTV.

Photo: unsplash.com

Using Symfony Webpack-Encore-Bundle with Pimcore

Marco — Tue, 12 May 2020 12:26:20 GMT

I am using Pimcore v6.6.4, PHP 7.4 on a Mac.

Open a terminal and go to the project root directory and perform the following steps:

Install yarn brew install yarn
Install Symfony Flex composer require symfony/flex
Install Symfony Encore composer require encore
run yarn or yarn install

Now we have a new directory 'assets' in the project root directory. Within these directories, there are two subdirectories one for JS-files and another one where CSS-files placed to be. To execute the very first build we need to go over in our terminal and run ./node_modules/.bin/encore dev . This will create a build directory in our web-root.

If we want to use the Twig template functions to render the JS and CSS files, we need to set up some more things. Add the new \Symfony\WebpackEncoreBundle\WebpackEncoreBundle() to AppKernel.php:

addBundle(new \AppBundle\AppBundle);
        }
        
        if (class_exists('\Symfony\WebpackEncoreBundle\WebpackEncoreBundle')) {
            $collection->addBundle(new \Symfony\WebpackEncoreBundle\WebpackEncoreBundle());
        }

        if (class_exists('\Pimcore\Bundle\LegacyBundle\PimcoreLegacyBundle')) {
            $collection->addBundle(new \Pimcore\Bundle\LegacyBundle\PimcoreLegacyBundle);
        }
    }
}

AppKernel.php

In config.yml we need to add the following lines:

framework:
    assets:
        json_manifest_path: '%kernel.project_dir%/web/build/manifest.json'
        
webpack_encore:
    output_path: '%kernel.project_dir%/web/build'

config.yml

From now we can use the Twig Helper functions to add JS- and CSS-files to our templates like so:





    {% block title %}Awesome Default Title{% endblock %}
    
    

    {% block stylesheets %}
        {{ encore_entry_link_tags('app') }}
    {% endblock %}




{% block body %}{% endblock %}

{% block javascripts %}
    {{ encore_entry_script_tags('app') }}
{% endblock %}

base.html.twig

There are several scripts the we can use to build our files. Have a look into package.json file.

"scripts": {
        "dev-server": "encore dev-server",
        "dev": "encore dev",
        "watch": "encore dev --watch",
        "build": "encore production --progress"
    }

package.json

If we want to rebuild our files every time we have changed some code, so simply use yarn watch . This will run the script in the background.

For more information about this bundle I highly recommend the "Webpack Encore: Frontend like a Pro!" - SymfonyCast.

HTML cleanup on paste in Pimcore's WYSIWYG editor

Marco — Wed, 08 Apr 2020 19:08:29 GMT

Create a new file ckeditor_config.js in a folder filed under the web-root directory, in this example under /static/js/editmode/ckeditor/config.js.

Besides we need the Clipboard and the Notification Plugin (a dependency of clipboard plugin). You need to download and extract these files to /static/js/editmode/ckeditor/ directory.

Now add the following lines into ckeditor_config.js file:

CKEDITOR.plugins.addExternal( 'clipboard', '/static/js/editmode/ckeditor/clipboard/' );
CKEDITOR.plugins.addExternal( 'notification', '/static/js/editmode/ckeditor/notification/' );

CKEDITOR.editorConfig = function( config ) {
    config.extraPlugins = 'notification,clipboard';
    config.pasteFilter = 'plain-text';
}

ckeditor_config.js

In addition to the clipboard plugin, what we need to interact with the system clipboard, we use an option called pasteFilter. The magic happens if we use "plain-text" as value. The filter plugin offers some other possibilities to filter the content. Further information can you find in the documentation.

Now we have to tell Pimcore where to find the custom config file as shown below:

{{  pimcore_wysiwyg("specialContent", {
        "customConfig": "/static/js/editmode/ckeditor/config.js"
    }) 
}}

twig template

wysiwyg("specialContent", [
    "customConfig" => "/static/js/editmode/ckeditor/config.js"
]); ?>

php template

Photo: unsplash.com