Merge branch 'dev' of dev.quiqqer.com:quiqqer/package-bricks into dev

bin/Controls/SimpleContact.js

+
+/**
+ * QUIQQER Contact Control
+ *
+ * @author www.pcsg.de (Henning Leutz)
+ * @module Bricks\Controls\SimpleContact
+ */
+
+define('Controls/SimpleContact', [
+
+    'qui/QUI',
+    'qui/controls/Control',
+    'qui/controls/buttons/Button',
+    'qui/controls/loader/Loader',
+    'Ajax',
+    'Locale'
+
+], function(QUI, QUIControl, QUIButton, QUILoader, Ajax, Locale)
+{
+    "use strict";
+
+    return new Class({
+
+        Extends : QUIControl,
+        Type    : 'Controls/SimpleContact',
+
+        Binds : ['$onImport'],
+
+        initialize : function(options)
+        {
+            this.parent( options );
+
+            this.Loader = new QUILoader();
+
+            this.$Text  = null;
+            this.$Email = null;
+            this.$Name  = null;
+
+            this.addEvents({
+                onImport : this.$onImport
+            });
+        },
+
+        /**
+         * event : on import
+         */
+        $onImport : function()
+        {
+            var self = this;
+
+            this.Loader.inject( this.$Elm );
+            this.Loader.show();
+/*
+            var Send = new QUIButton({
+                text   : 'senden',
+                textimage : 'fa fa-envelope-o icon-envelope-alt',
+                events :
+                {
+                    onClick : function() {
+                        self.$Elm.getElement('form').fireEvent('submit');
+                    }
+                }
+            }).inject( this.$Elm );
+*/
+            new Element('button', {
+                html : 'sendenNNnN',
+                'class' : 'button qui-button',
+                events : {
+                    click : function() {
+                        self.$Elm.getElement('form').fireEvent('submit');
+                    }
+                }
+            }).inject(this.$Elm);
+
+
+            this.$Elm.getElement('form').addEvent('submit', function(event)
+            {
+                var sendViaAjax = self.getElm().get('data-ajax').toInt();
+
+                if ( sendViaAjax === 0 )
+                {
+                    self.getElm().getElement('form').submit();
+                    return;
+                }
+
+                if ( typeof event !== 'undefined' ) {
+                    event.stop();
+                }
+
+                self.send();
+            });
+
+            this.$Text  = this.$Elm.getElement( '[name="message"]' );
+            this.$Email = this.$Elm.getElement( '[name="email"]' );
+            this.$Name  = this.$Elm.getElement( '[name="name"]' );
+
+            this.Loader.hide();
+        },
+
+        /**
+         * Send contact message
+         */
+        send : function()
+        {
+            if ( this.$Text.value === '' )
+            {
+                this.$Text.focus();
+                return;
+            }
+
+            if ( this.$Email.value === '' )
+            {
+                this.$Email.focus();
+                return;
+            }
+
+            if ( this.$Name.value === '' )
+            {
+                this.$Name.focus();
+                return;
+            }
+
+            var self = this;
+
+            this.Loader.show();
+
+
+            Ajax.post('ajax_contact', function(result)
+            {
+                if ( result ) {
+                    self.$Elm.set( 'html', Locale.get( 'quiqqer/system', 'message.contact.successful' ) );
+                }
+
+                self.Loader.hide();
+
+            }, {
+                message   : this.$Text.value,
+                email     : this.$Email.value,
+                name      : this.$Name.value,
+                showError : false,
+                onError   : function(Exception)
+                {
+                    self.Loader.hide();
+
+                    QUI.getMessageHandler(function(MH) {
+                        MH.addError( Exception.getMessage(), self.$Elm );
+                    });
+                }
+            });
+        }
+    });
+});
\ No newline at end of file

bricks.xml

@@ -20,6 +20,17 @@
             </description>
         </brick>
 
+        <!-- simple contact form (new) -->
+
+        <brick control="\QUI\Bricks\Controls\SimpleContact">
+            <title>
+                <locale group="quiqqer/bricks" var="brick.control.simpleContact.title"/>
+            </title>
+            <description>
+                <locale group="quiqqer/bricks" var="brick.control.simpleContact.description"/>
+            </description>
+        </brick>
+
         <brick control="\QUI\Controls\LangSwitch">
             <title>
                 <locale group="quiqqer/bricks" var="brick.control.langSwitch.title"/>

locale.xml

@@ -45,13 +45,52 @@
             <en><![CDATA[]]></en>
         </locale>
         <locale name="brick.control.contact.title">
-            <de><![CDATA[Baustein: Kontakt]]></de>
-            <en><![CDATA[Brick:Contact]]></en>
+            <de><![CDATA[Baustein: Kontaktformular]]></de>
+            <en><![CDATA[Brick: Contact form]]></en>
         </locale>
         <locale name="brick.control.contact.description">
             <de><![CDATA[Ein vorgefertigtes Kontaktformular]]></de>
             <en><![CDATA[]]></en>
         </locale>
+
+
+        <!-- Simple contact form as brick (new) -->
+
+        <locale name="brick.control.simpleContact.title">
+            <de><![CDATA[Baustein: Einfacher Kontaktformular]]></de>
+            <en><![CDATA[Brick: Simple Contact form]]></en>
+        </locale>
+        <locale name="brick.control.simpleContact.description">
+            <de><![CDATA[Ein vorgefertigtes Kontaktformular]]></de>
+            <en><![CDATA[]]></en>
+        </locale>
+        <locale name="control.simpleContact.name">
+            <de><![CDATA[Vor- und Nachname]]></de>
+            <en><![CDATA[Name]]></en>
+        </locale>
+        <locale name="control.simpleContact.name.placeholder">
+            <de><![CDATA[Ihr Vor- und Nachname]]></de>
+            <en><![CDATA[Please enter Your First and Last Name here]]></en>
+        </locale>
+        <locale name="control.simpleContact.email">
+            <de><![CDATA[E-Mail]]></de>
+            <en><![CDATA[Email]]></en>
+        </locale>
+        <locale name="control.simpleContact.email.placeholder">
+            <de><![CDATA[Ihre E-Mail-Adresse]]></de>
+            <en><![CDATA[Please enter your email address here]]></en>
+        </locale>
+        <locale name="control.simpleContact.message">
+            <de><![CDATA[Nachricht]]></de>
+            <en><![CDATA[Message]]></en>
+        </locale>
+        <locale name="control.simpleContact.message.placeholder">
+            <de><![CDATA[Ihre Nachricht an uns...]]></de>
+            <en><![CDATA[Your message to us]]></en>
+        </locale>
+
+
+
         <locale name="package.title">
             <de><![CDATA[Baustein Modul / Bricks]]></de>
             <en><![CDATA[Bricks Module]]></en>

src/QUI/Bricks/Controls/SimpleContact.css

+@CHARSET "UTF-8";
+
+.quiqqer-simple-contact {
+    position: relative;
+}
+
+.quiqqer-simple-contact .simple-contact-content {
+    margin-bottom: 1em;
+}
+
+.quiqqer-simple-contact label,
+.quiqqer-simple-contact input,
+.quiqqer-simple-contact textarea {
+    float: left;
+    clear: both;
+    width: 100%;
+}
+
+.quiqqer-simple-contact label {
+    cursor: pointer;
+}
+
+.quiqqer-simple-contact input,
+.quiqqer-simple-contact textarea {
+    margin-bottom: 10px;
+}
+
+
+/* Message & Message color
+ ================================================================= */
+
+.quiqqer-simple-contact-message {
+    border: 1px solid #555;
+    clear: both;
+    float: left;
+    margin: 1em 0;
+    padding: 0.8em;
+    position: relative;
+    text-align: center;
+    width: 100%;
+}
+
+.quiqqer-simple-contact-message-error {
+    background: #F2D4CE;
+    border-color: #AE432E;
+}
+
+.quiqqer-simple-contact-message-success {
+    background: #D9E6C3;
+    border-color: #77AB13;
+}

src/QUI/Bricks/Controls/SimpleContact.html

+
+<form class="quiqqer-simple-contact" method="POST" action="">
+
+    {if $this->getAttribute('showBrickTitle')}
+    <h1 class="simple-contact-title">{$this->getAttribute('showBrickTitle')}</h1>
+    {/if}
+
+    {if $this->getAttribute('content')}
+    <div class="simple-contact-content">
+        {$this->getAttribute('content')}
+    </div>
+    {/if}
+
+    {if $this->getAttribute('labels')}
+    <label for="qui-contact-name">
+        {locale group="quiqqer/bricks" value="control.simpleContact.name"}
+    </label>
+    {/if}
+    <input type="text"
+        name="name"
+        id="qui-contact-name"
+        required="required"
+        value="{$this->getAttribute('POST_NAME')}"
+        placeholder="{locale group="quiqqer/bricks" value="control.simpleContact.name.placeholder"}"
+    />
+
+    {if $this->getAttribute('labels')}
+    <label for="qui-contact-email">
+        {locale group="quiqqer/bricks" value="control.simpleContact.email"}
+    </label>
+    {/if}
+    <input type="email"
+        name="email"
+        id="qui-contact-email"
+        required="required"
+        value="{$this->getAttribute('POST_EMAIL')}"
+        placeholder="{locale group="quiqqer/bricks" value="control.simpleContact.email.placeholder"}"
+    />
+
+    {if $this->getAttribute('labels')}
+    <label for="qui-contact-message">
+        {locale group="quiqqer/bricks" value="control.simpleContact.message"}
+    </label>
+    {/if}
+    <textarea name="message"
+        id="qui-contact-message"
+        required="required"
+        placeholder="{locale group="quiqqer/bricks" value="control.simpleContact.message.placeholder"}"
+    >{$this->getAttribute('POST_MESSAGE')}</textarea>
+
+</form>
\ No newline at end of file

src/QUI/Bricks/Controls/SimpleContact.php

+<?php
+
+/**
+ * This file contains \QUI\Bricks\Controls\SimpleContact
+ */
+
+namespace QUI\Bricks\Controls;
+
+use QUI;
+use QUI\Utils\Security\Orthos;
+
+/**
+ * Mini contact control
+ * {control control="\QUI\Bricks\Controls\SimpleContact" labels=false}
+ *
+ * @author  www.pcsg.de (Henning Leutz)
+ * @licence For copyright and license information, please view the /README.md
+ */
+class SimpleContact extends QUI\Control
+{
+    /**
+     * constructor
+     *
+     * @param array $attributes
+     */
+    public function __construct($attributes = array())
+    {
+        $this->setAttributes(array(
+            'data-ajax' => 1,
+            'POST_NAME' => '',
+            'POST_EMAIL' => '',
+            'POST_MESSAGE' => ''
+        ));
+
+        parent::__construct($attributes);
+
+        $this->addCSSFile(
+            dirname(__FILE__) . '/SimpleContact.css'
+        );
+
+        $this->setAttribute('class', 'quiqqer-simple-contact');
+        $this->setAttribute('qui-class', "Bricks/Controls/SimpleContact");
+        $this->setAttribute('labels', true);
+    }
+
+    /**
+     * (non-PHPdoc)
+     *
+     * @see \QUI\Control::create()
+     */
+    public function getBody()
+    {
+        $Engine = QUI::getTemplateManager()->getEngine();
+
+        // filter POST vars if exist
+        $this->setAttributes(array(
+            'POST_NAME' => Orthos::clearFormRequest($this->getAttribute('POST_NAME')),
+            'POST_EMAIL' => Orthos::clearFormRequest($this->getAttribute('POST_EMAIL')),
+            'POST_MESSAGE' => Orthos::clearFormRequest($this->getAttribute('POST_MESSAGE')),
+        ));
+
+        $Engine->assign(array(
+            'this' => $this
+        ));
+
+        return $Engine->fetch(dirname(__FILE__) . '/SimpleContact.html');
+    }
+}