feat: #21

ajax/brick/copy.php

+<?php
+
+/**
+ * This file contains package_quiqqer_bricks_ajax_brick_save
+ */
+
+/**
+ * saves the brick
+ *
+ * @param string|Integer $brickId - Brick-ID
+ * @param string $title - title of the new brick
+ * @param string $description - description of the new brick
+ *
+ * @return array
+ */
+QUI::$Ajax->registerFunction(
+    'package_quiqqer_bricks_ajax_brick_copy',
+    function ($brickId, $params) {
+        $BrickManager = QUI\Bricks\Manager::init();
+
+        $newId = $BrickManager->copyBrick(
+            $brickId,
+            json_decode($params, true)
+        );
+
+        return $BrickManager->getBrickById($newId)->getAttributes();
+    },
+    array('brickId', 'params'),
+    'Permission::checkAdminUser'
+);

bin/Manager.Copy.css

+.dialog-bricks-copy {
+    margin-top: 20px;
+}
+
+.dialog-bricks-copy .data-table-flexbox {
+    border: none;
+}
+
+.dialog-bricks-copy .data-table-flexbox td {
+    padding-left: 0;
+    padding-right: 0;
+}
+
+.dialog-bricks-copy [name="description"] {
+    height: 100px;
+}
\ No newline at end of file

bin/Manager.Copy.html

+{{text}}
+
+<form class="dialog-bricks-copy" action="" method="POST">
+    <table class="data-table data-table-flexbox">
+        <tbody>
+        <tr>
+            <td>
+                <label class="field-container">
+                    <span class="field-container-item">Sprache</span>
+                    <span class="dialog-bricks-copy-languages field-container-field field-container-field-no-padding"></span>
+                </label>
+            </td>
+        </tr>
+        <tr>
+            <td>
+                <label class="field-container">
+                    <span class="field-container-item">Titel</span>
+                    <input name="title" class="field-container-field"/>
+                </label>
+            </td>
+        </tr>
+        <tr>
+            <td>
+                <label class="field-container">
+                    <span class="field-container-item">Beschreibung</span>
+                    <textarea name="description" class="field-container-field"></textarea>
+                </label>
+            </td>
+        </tr>
+        </tbody>
+    </table>
+</form>

bin/Manager.js

@@ -16,10 +16,14 @@ define('package/quiqqer/bricks/bin/Manager', [
     'Locale',
     'Projects',
     'Ajax',
+    'Mustache',
 
+    'text!package/quiqqer/bricks/bin/Manager.Copy.html',
+    'css!package/quiqqer/bricks/bin/Manager.Copy.css',
     'css!package/quiqqer/bricks/bin/Manager.css'
 
-], function (QUI, QUIPanel, QUISelect, QUIButton, QUISeparator, QUIConfirm, Grid, QUILocale, Projects, Ajax) {
+], function (QUI, QUIPanel, QUISelect, QUIButton, QUISeparator, QUIConfirm, Grid, QUILocale, Projects, Ajax,
+             Mustache, templateCopy) {
     "use strict";
 
     var lg = 'quiqqer/bricks';
@@ -36,6 +40,7 @@ define('package/quiqqer/bricks/bin/Manager', [
             '$onCreate',
             '$onResize',
             '$openCreateDialog',
+            '$openCopyDialog',
             '$openDeleteDialog',
             '$onDblClick',
             '$onClick'
@@ -102,11 +107,13 @@ define('package/quiqqer/bricks/bin/Manager', [
             var selected   = this.$Grid.getSelectedData(),
                 AddButton  = this.getButtons('brick-add'),
                 EditButton = this.getButtons('brick-edit'),
+                CopyButton = this.getButtons('brick-copy'),
                 DelButton  = this.getButtons('brick-delete');
 
             if (!selected.length) {
                 AddButton.enable();
                 DelButton.disable();
+                CopyButton.disable();
                 EditButton.disable();
                 return;
             }
@@ -114,12 +121,14 @@ define('package/quiqqer/bricks/bin/Manager', [
             AddButton.enable();
             DelButton.enable();
 
-            if (selected.length == 1) {
+            if (selected.length === 1) {
                 EditButton.enable();
+                CopyButton.enable();
             }
 
             if (selected.length > 1) {
-                AddButton.disable();
+                EditButton.disable();
+                CopyButton.disable();
             }
         },
 
@@ -164,19 +173,40 @@ define('package/quiqqer/bricks/bin/Manager', [
                 })
             );
 
+            this.addButton(new QUISeparator());
+
             this.addButton(
                 new QUIButton({
                     textimage: 'fa fa-edit',
-                    text     : QUILocale.get(lg, 'manager.button.edit'),
-                    title    : QUILocale.get(lg, 'manager.button.edit'),
+                    text     : QUILocale.get(lg, 'manager.button.edit.text'),
+                    title    : QUILocale.get(lg, 'manager.button.edit.title'),
                     name     : 'brick-edit',
                     disabled : true,
                     events   : {
                         onClick: function () {
-                            this.editBrick(
-                                this.$Grid.getSelectedData()[0].id
+                            self.editBrick(
+                                self.$Grid.getSelectedData()[0].id
                             );
-                        }.bind(this)
+                        }
+                    }
+                })
+            );
+
+            this.addButton(
+                new QUIButton({
+                    textimage: 'fa fa-copy',
+                    text     : QUILocale.get(lg, 'manager.button.copy.text'),
+                    title    : QUILocale.get(lg, 'manager.button.copy.title'),
+                    name     : 'brick-copy',
+                    disabled : true,
+                    events   : {
+                        onClick: function () {
+                            var data = self.$Grid.getSelectedData();
+
+                            if (data.length === 1) {
+                                self.$openCopyDialog(data[0].id);
+                            }
+                        }
                     }
                 })
             );
@@ -290,7 +320,7 @@ define('package/quiqqer/bricks/bin/Manager', [
         },
 
         /**
-         * Refresh the project language dropdown
+         * Refresh the project language DropDown
          */
         $refreshProjectLanguages: function () {
             var self          = this,
@@ -302,7 +332,7 @@ define('package/quiqqer/bricks/bin/Manager', [
                         continue;
                     }
 
-                    if (activeProject != project) {
+                    if (activeProject !== project) {
                         continue;
                     }
 
@@ -476,6 +506,97 @@ define('package/quiqqer/bricks/bin/Manager', [
             }).open();
         },
 
+        /**
+         * opens the copy dialog
+         */
+        $openCopyDialog: function (brickId) {
+            var self = this;
+
+            new QUIConfirm({
+                title    : QUILocale.get(lg, 'dialog.copy.title', {
+                    id: brickId
+                }),
+                icon     : 'fa fa-copy',
+                maxHeight: 600,
+                maxWidth : 800,
+                autoclose: false,
+
+                events: {
+                    onOpen: function (Win) {
+                        Win.Loader.show();
+
+                        var Content = Win.getContent(),
+                            project = self.$ProjectSelect.getValue(),
+                            lang    = self.$ProjectLangs.getValue(),
+                            Project = Projects.get(project);
+
+                        Content.set('html', Mustache.render(templateCopy, {
+                            text: QUILocale.get(lg, 'dialog.copy.message')
+                        }));
+
+                        Project.getConfig().then(function (config) {
+                            var Select = new QUISelect({
+                                name: 'language-select'
+                            });
+
+                            var langs = config.langs.split(',');
+
+                            for (var i = 0, len = langs.length; i < len; i++) {
+                                Select.appendChild(
+                                    QUILocale.get('quiqqer/system', 'language.' + langs[i]),
+                                    langs[i],
+                                    URL_BIN_DIR + '16x16/flags/' + langs[i] + '.png'
+                                );
+                            }
+
+                            Select.inject(Content.getElement('.dialog-bricks-copy-languages'));
+                            Select.getElm().setStyle('width', '100%');
+                            Select.getElm().setStyle('border', 0);
+
+                            Select.setValue(lang);
+
+                            Ajax.get('package_quiqqer_bricks_ajax_getBrick', function (data) {
+                                var Form = Content.getElement('form');
+
+                                Form.elements.title.value       = data.attributes.title;
+                                Form.elements.description.value = data.attributes.description;
+
+                                Win.Loader.hide();
+                            }, {
+                                'package': 'quiqqer/bricks',
+                                brickId  : brickId
+                            });
+                        });
+                    },
+
+                    onSubmit: function (Win) {
+                        Win.Loader.show();
+
+                        var Content = Win.getContent(),
+                            Form    = Content.getElement('form');
+
+                        var Select   = Content.getElement('.dialog-bricks-copy-languages [data-quiid]');
+                        var Language = QUI.Controls.getById(Select.get('data-quiid'));
+
+                        Ajax.post('package_quiqqer_bricks_ajax_brick_copy', function (data) {
+                            self.refresh();
+                            Win.close();
+
+                            self.editBrick(data['id']);
+                        }, {
+                            'package': 'quiqqer/bricks',
+                            brickId  : brickId,
+                            params   : JSON.encode({
+                                'lang'       : Language.getValue(),
+                                'title'      : Form.elements.title.value,
+                                'description': Form.elements.description.value
+                            })
+                        });
+                    }
+                }
+            }).open();
+        },
+
         /**
          * Opens the brick panel
          *
@@ -623,7 +744,7 @@ define('package/quiqqer/bricks/bin/Manager', [
                         brickId = brickIds[i];
 
                         for (c = 0, clen = panels.length; c < clen; c++) {
-                            if (panels[c].getAttribute('id') == brickId) {
+                            if (panels[c].getAttribute('id') === brickId) {
                                 panels[c].destroy();
                             }
                         }

locale.xml

@@ -608,9 +608,21 @@ M&ouml;chten Sie die Bausteine aus der Bausteinzone entfernen?</p>]]></de>
             <de><![CDATA[Baustein hinzufügen]]></de>
             <en><![CDATA[Add a Brick]]></en>
         </locale>
-        <locale name="manager.button.edit">
-            <de><![CDATA[Baustein bearbeiten]]></de>
-            <en><![CDATA[Edit a Brick]]></en>
+        <locale name="manager.button.edit.title">
+            <de><![CDATA[Markierten Baustein bearbeiten]]></de>
+            <en><![CDATA[Edit marked Brick]]></en>
+        </locale>
+        <locale name="manager.button.edit.text">
+            <de><![CDATA[Bearbeiten]]></de>
+            <en><![CDATA[Edit]]></en>
+        </locale>
+        <locale name="manager.button.copy.title">
+            <de><![CDATA[Markierten Baustein kopieren]]></de>
+            <en><![CDATA[Copy marked Brick]]></en>
+        </locale>
+        <locale name="manager.button.copy.text">
+            <de><![CDATA[Kopieren]]></de>
+            <en><![CDATA[Copy]]></en>
         </locale>
         <locale name="manager.button.delete">
             <de><![CDATA[Markierte Bausteine löschen]]></de>
@@ -713,7 +725,25 @@ M&ouml;chten Sie die Bausteine aus der Bausteinzone entfernen?</p>]]></de>
             <de><![CDATA[Slide bearbieten]]></de>
             <en><![CDATA[Edit Slide]]></en>
         </locale>
+
+        <locale name="dialog.copy.title">
+            <de><![CDATA[Baustein #[id] kopieren]]></de>
+            <en><![CDATA[Copy brick #[id]]]></en>
+        </locale>
+        <locale name="dialog.copy.message">
+            <de><![CDATA[
+            Bitte geben Sie an in welche Sprache der Baustein kopieren werden soll.
+            Zusätzlich können Sie Titel und Beschreibung für den neuen Baustein angeben.
+            Alle anderen Einstellungen werden in den neuen Baustein kopiert.
+            ]]></de>
+            <en><![CDATA[
+            Please specify in which language the block should be copied.
+            You can also specify the title and description for the new module.
+            All other settings are copied to the new block.
+            ]]></en>
+        </locale>
     </groups>
+
     <groups name="quiqqer/bricks" datatype="js,php">
         <locale name="brick.control.navigation.setting.content">
             <de><![CDATA[Text über dem Kontaktformular]]></de>

src/QUI/Bricks/Manager.php

@@ -83,6 +83,24 @@ public function __construct($init = false)
         }
     }
 
+    /**
+     * Returns the bricks table name
+     *
+     * @return String
+     */
+    public static function getTable()
+    {
+        return QUI::getDBTableName(self::TABLE);
+    }
+
+    /**
+     * @return string
+     */
+    public static function getUIDTable()
+    {
+        return QUI::getDBTableName(self::TABLE_UID);
+    }
+
     /**
      * Creates a new brick for the project
      *
@@ -842,21 +860,52 @@ public function saveBrick($brickId, array $brickData)
     }
 
     /**
-     * Returns the bricks table name
+     * Copy a brick
      *
-     * @return String
+     * @param integer|string $brickId
+     * @param array $params - project, lang, title, description
+     * @return integer
+     *
+     * @throws QUI\Exception
      */
-    public static function getTable()
+    public function copyBrick($brickId, $params = array())
     {
-        return QUI::getDBTableName(self::TABLE);
-    }
+        QUI\Permissions\Permission::checkPermission('quiqqer.bricks.create');
 
-    /**
-     * @return string
-     */
-    public static function getUIDTable()
-    {
-        return QUI::getDBTableName(self::TABLE_UID);
+        $result = QUI::getDataBase()->fetch(array(
+            'from'  => $this->getTable(),
+            'where' => array(
+                'id' => $brickId
+            )
+        ));
+
+        if (!isset($result[0])) {
+            throw new QUI\Exception('Brick not found');
+        }
+
+        $allowed = array('project', 'lang', 'title', 'description');
+        $allowed = array_flip($allowed);
+        $data    = $result[0];
+
+        unset($data['id']);
+
+        if (!is_array($params)) {
+            $params = array();
+        }
+
+        foreach ($params as $param => $value) {
+            if (!isset($allowed[$param])) {
+                continue;
+            }
+
+            $data[$param] = $value;
+        }
+
+        QUI::getDataBase()->insert($this->getTable(), $data);
+
+        $lastId = QUI::getPDO()->lastInsertId();
+
+        return $lastId;
     }
 
     /**