mficzel

//
// the form component creates a formDescription object and adds it to context `form`
// 
prototype(Neos.Fusion.Form:Form) < prototype(Neos.Fusion.Forms:FormComponent) {
    renderer = afx`
        <form action={form.action}>
            <div style="display: none">
                <Neos.Fusion:Loop items={form.hiddenFields} itemName="hiddenField">
                    <input type="hidden" name={hiddenField.name} value={hiddenField.value} />
                </Neos.Fusion:Loop>

mficzel

prototype(Vendor.Site:Component.Organism.Header.Fixtures) < prototype(Neos.Fusion:DataStructure) {
    mainMenuItems ...
    languageMenuItems ...
}

mficzel

<?php
namespace Test\BeModule\Controller;

use Neos\Flow\Annotations as Flow;
use Neos\Flow\Mvc\View\ViewInterface;
use Neos\Fusion\View\FusionView;
use Neos\Neos\Controller\Module\AbstractModuleController;

class ExampleController extends AbstractModuleController
{

mficzel

#
# Presentational - prototype that encapsulates rendering of a page header 
# without caring where title and description originate from
#
# Notice:
# - the base prototype is Neos.Fusion:Component
#
prototype(Vendor.Site:Component.Organism.Head) < prototype(Neos.Fusion:Component) { 
    title = ''
    intro = ''

mficzel

//
// The prototype Menu is now based on template, like he already is
// the calulation of the menu items is passed over to MenuData
//
prototype (Neos.Neos:Menu) < prototype(Neos.Neos:Template) {
    
    templatePath = 'resource://Neos.Neos/Private/Templates/FusionObjects/Menu.html'
    node = ${node}
    items = ${this.items}
    entryLevel = ${this.startingPoint ? 0 : 1}

mficzel

#
# The rendering is implemented as special renderer for the error messages with a specific status code
# 
# The fusion `error` path is rendered with only `site` and the `error` in the fusion context
#
error = Neos.Fusion:Case {
  @context.notFoundNode = ${q(site).children('[uriPathSegment == 404]').get(0)}
  
  404 {
    condition = ${error.status == 404 && notFoundNode}

mficzel

sum = Neos.Fusion:Reduce {
    items = ${ __array_of_products__ }
    initialValue = 0
    itemReducer = ${carry + item.price}
}

cheapest = Neos.Fusion:Reduce {
    items = ${ __array_of_products__ }
    initialValue = null
    itemReducer = ${(!carry || carry.price > item.price) ? item : carry}

mficzel

# 
# simple pagination with parameter appending to a uri
#
prototype(Vendor.Site:Components.Molecules.Pagination) < prototype(PackageFactory.AtomicFusion:Component) {
    @styleguide {
        title = 'Pagination'
        props {
            current = 12
            start = 8
            end = 16

mficzel

<?php
namespace Sitegeist\Monocle\FusionObjects;

/*
 * This file is part of the Neos.Fusion package.
 *
 * (c) Contributors of the Neos Project - www.neos.io
 *
 * This package is Open Source Software. For the full copyright and license
 * information, please view the LICENSE file which was distributed with this

mficzel

// Given the Neos.Fusion:Collection will iterate over the items that are given as array.
// If a ContentCollection is rendered and the nodes shall be edited inline the information 
// wich node is rendererd has to be transferred to the collection whild keeping then interface 
// of the component simple and serializable. 
// 
// This document discusses some of the possible syntax options.

//
// Automagic RawCollection
//