BuildFormBootstrap.php 31.7 KB
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
<?php
/**
 * Created by PhpStorm.
 * User: crose
 * Date: 1/25/16
 * Time: 10:00 PM
 */

namespace qfq;

use qfq;

require_once(__DIR__ . '/../qfq/Constants.php');
14
require_once(__DIR__ . '/../qfq/helper/OnArray.php');
15
require_once(__DIR__ . '/../qfq/AbstractBuildForm.php');
16
require_once(__DIR__ . '/../qfq/exceptions/UserFormException.php');
17

Carsten  Rose's avatar
Carsten Rose committed
18
19
20
21
/**
 * Class BuildFormBootstrap
 * @package qfq
 */
22
23
class BuildFormBootstrap extends AbstractBuildForm {

24
25
26
27
28
29
    private $isFirstPill;

    /**
     * @param array $formSpec
     * @param array $feSpecAction
     * @param array $feSpecNative
30
     * @param array $db Array of 'Database' instances
31
32
     * @throws CodeException
     * @throws UserFormException
33
     */
34
35
    public function __construct(array $formSpec, array $feSpecAction, array $feSpecNative, array $db) {
        parent::__construct($formSpec, $feSpecAction, $feSpecNative, $db);
36
37
38
        $this->isFirstPill = true;
    }

Carsten  Rose's avatar
Carsten Rose committed
39
40
41
    /**
     *
     */
42
    public function fillWrap() {
43
44
45
46

//        $this->wrap[WRAP_SETUP_OUTER][WRAP_SETUP_START] = '<div class="tab-content">';
//        $this->wrap[WRAP_SETUP_OUTER][WRAP_SETUP_END] = '</div>';

47
48
        $this->wrap[WRAP_SETUP_TITLE][WRAP_SETUP_START] = "<div class='row hidden-xs'><div class='col-md-12'><h1>";
        $this->wrap[WRAP_SETUP_TITLE][WRAP_SETUP_END] = "</h1></div></div>";
49

50
        // Element: Label + Input + Note
51
        $this->wrap[WRAP_SETUP_ELEMENT][WRAP_SETUP_CLASS] = "form-group clearfix";
52
        $this->wrap[WRAP_SETUP_ELEMENT][WRAP_SETUP_START] = "<div class='" . $this->wrap[WRAP_SETUP_ELEMENT][WRAP_SETUP_CLASS] . "'>";
53
        $this->wrap[WRAP_SETUP_ELEMENT][WRAP_SETUP_END] = "</div>";
54

55
56
        $this->wrap[WRAP_SETUP_SUBRECORD][WRAP_SETUP_START] = "<div class='col-md-12'>";
        $this->wrap[WRAP_SETUP_SUBRECORD][WRAP_SETUP_END] = "</div>";
57

58
59
        $this->wrap[WRAP_SETUP_IN_FIELDSET][WRAP_SETUP_START] = "";
        $this->wrap[WRAP_SETUP_IN_FIELDSET][WRAP_SETUP_END] = "";
60

61
62
63
        $this->wrap[WRAP_SETUP_IN_TEMPLATE_GROUP][WRAP_SETUP_START] = "";
        $this->wrap[WRAP_SETUP_IN_TEMPLATE_GROUP][WRAP_SETUP_END] = "";

64
65
//        $this->feDivClass['radio'] = 'radio';
//        $this->feDivClass['checkbox'] = 'checkbox';
66
67
    }

68
69
    /**
     * @param string $addClass
Carsten  Rose's avatar
Carsten Rose committed
70
     *
71
     * @return string
72
     * @throws CodeException
73
74
75
76
77
78
79
     */
    public function getRowOpenTag($addClass = '') {
        $class = Support::doAttribute('class', [$this->wrap[WRAP_SETUP_ELEMENT][WRAP_SETUP_CLASS], $addClass]);

        return "<div $class>";

    }
80

81
82
83
84
85
86
    /**
     * @param $label
     * @param $input
     * @param $note
     */
    public function fillWrapLabelInputNote($label, $input, $note) {
87
        $this->wrap[WRAP_SETUP_LABEL][WRAP_SETUP_START] = "<div class='col-md-$label qfq-label'>";
88
89
90
        $this->wrap[WRAP_SETUP_LABEL][WRAP_SETUP_END] = "</div>";
        $this->wrap[WRAP_SETUP_INPUT][WRAP_SETUP_START] = "<div class='col-md-$input'>";
        $this->wrap[WRAP_SETUP_INPUT][WRAP_SETUP_END] = "</div>";
Carsten  Rose's avatar
Carsten Rose committed
91
        $this->wrap[WRAP_SETUP_NOTE][WRAP_SETUP_START] = "<div class='col-md-$note qfq-note'>";
92
93
94
95
        $this->wrap[WRAP_SETUP_NOTE][WRAP_SETUP_END] = "</div>";

    }

Carsten  Rose's avatar
Carsten Rose committed
96
97
98
    /**
     * @return string
     */
99
100
101
102
    public function getProcessFilter() {
        return FORM_ELEMENTS_NATIVE_SUBRECORD;
    }

Carsten  Rose's avatar
Carsten Rose committed
103
104
105
    /**
     * @return string
     */
106
107
108
109
110
    public function doSubrecords() {
        return '';
    }

    /**
111
     * @param string $mode
112
     * @return string
113
114
115
     * @throws CodeException
     * @throws DbException
     * @throws UserFormException
116
     */
117
    public function head($mode = FORM_LOAD) {
118
        $html = '';
119

Carsten  Rose's avatar
Carsten Rose committed
120
        $html .= '<div ' . Support::doAttribute('class', $this->formSpec[F_CLASS], true) . '>'; // main <div class=...> around everything, Whole FORM; class="container" or class="container-fluid"
121

122
        //TODO: nicer error reporting - make test with 'unknown index' here - unset($this->formSpec['title']) - See #3424
123
        $title = Support::wrapTag('<div class="hidden-xs col-sm-6 col-md-8">', Support::wrapTag('<h3>', $this->formSpec[F_TITLE]));
124
125
        $button = Support::wrapTag('<div class="col-xs-12 col-sm-6 col-md-4">', $this->buildButtons());
        $html .= Support::wrapTag('<div class="row">', $title . $button);
126

127
        $dummy = array();
128
        $pill = $this->buildPillNavigation($mode, OnArray::filter($this->feSpecNative, FE_TYPE, FE_TYPE_PILL), $dummy);
129
        $html .= Support::wrapTag('<div class="row">', $pill);
130

131
132
        $html .= $this->getFormTag();

133
134
135
136
137
        $class = ['tab-content', $this->formSpec[F_CLASS_BODY]];
        if ($pill == '') {
            $class[] = 'col-md-12';
        }
        $html .= "<div " . Support::doAttribute('class', $class) . ">";
138
139
140
141

        return $html;
    }

142
143
144
145
146
147
    /**
     * Creates a Checkbox, which toggles 'hide'/'unhide' via JS, on all elements with class= CLASS_FORM_ELEMENT_EDIT.
     *
     * @return string - the rendered Checkbox
     */
    private function buildShowEditFormElementCheckbox() {
Carsten  Rose's avatar
Carsten Rose committed
148
        // EditFormElement Icons
149
150
        $js = '$(".' . CLASS_FORM_ELEMENT_EDIT . '").toggleClass("hidden")';
        $element = "<input type='checkbox' onchange='" . $js . "'>" .
151
            Support::wrapTag("<span title='Toggle: Edit form element icons' class='" . GLYPH_ICON . ' ' . GLYPH_ICON_TASKS . "'>", '');
152
        $element = Support::wrapTag('<label class="btn btn-default navbar-btn">', $element);
Carsten  Rose's avatar
Carsten Rose committed
153

154
155
156
        return Support::wrapTag('<div class="btn-group" data-toggle="buttons">', $element);
    }

Carsten  Rose's avatar
Carsten Rose committed
157
158
159
160
    /**
     * Creates a button to open 'CopyForm' with the current form as source.
     *
     * @return string - the rendered button
161
162
     * @throws CodeException
     * @throws UserFormException
Carsten  Rose's avatar
Carsten Rose committed
163
164
165
166
167
168
169
170
171
172
173
     */
    private function buildButtonCopyForm() {

        // Show copy icon only on form 'form' and only if there is a form loaded (id>0)
        if ($this->formSpec[COLUMN_ID] != 1) {
            return '';
        }
        // current loaded form.
        $formId = $this->store->getVar(COLUMN_ID, STORE_RECORD . STORE_ZERO);

        $queryStringArray = [
Carsten  Rose's avatar
Carsten Rose committed
174
            'id' => $this->store->getVar(SYSTEM_EDIT_FORM_PAGE, STORE_SYSTEM),
Carsten  Rose's avatar
Carsten Rose committed
175
            'form' => 'copyForm',
Carsten  Rose's avatar
Carsten Rose committed
176
            'r' => 0,
Carsten  Rose's avatar
Carsten Rose committed
177
178
179
180
181
182
183
184
185
186
187
188
            'idSrc' => $formId,
        ];
        $queryString = Support::arrayToQueryString($queryStringArray);
        $sip = $this->store->getSipInstance();
        $url = $sip->queryStringToSip($queryString);

        $toolTip = "Duplicate form" . PHP_EOL . PHP_EOL . OnArray::toString($queryStringArray, ' = ', PHP_EOL, "'");
        $status = ($formId == 0) ? 'disabled' : '';

        return $this->buildButtonAnchor($url, 'form-view-' . $this->formSpec[F_ID], '', $toolTip, GLYPH_ICON_DUPLICATE, $status, 'btn btn-default navbar-btn');
    }

Carsten  Rose's avatar
Carsten Rose committed
189
190
191
192
    /**
     * Creates a link to open current form loaded in FormEditor
     *
     * @return string - the rendered Checkbox
193
194
195
     * @throws CodeException
     * @throws DbException
     * @throws UserFormException
Carsten  Rose's avatar
Carsten Rose committed
196
197
198
     */
    private function buildViewForm() {

199
200
201
202
        $form = false;
        $url = '';
        $status = '';

Carsten  Rose's avatar
Carsten Rose committed
203
204
205
206
207
        switch ($this->formSpec[F_NAME]) {
            case 'form':
                $form = $this->store->getVar(F_NAME, STORE_RECORD);
                break;
            case 'formElement':
208
                if (false !== ($formId = $this->store->getVar(FE_FORM_ID, STORE_SIP . STORE_RECORD))) {
209
                    $row = $this->dbArray[$this->dbIndexQfq]->sql("SELECT f.name FROM Form AS f WHERE id=" . $formId, ROW_EXPECT_1);
210
211
                    $form = current($row);
                }
Carsten  Rose's avatar
Carsten Rose committed
212
213
214
215
216
217
                break;
            default:
                return '';
        }

        if ($form === false) {
218
219
220
221
222
223
224
            $toolTip = "Form not 'form' or 'formElement'";
            $status = 'disabled';
        } else {

            $queryStringArray = [
                'id' => $this->store->getVar(SYSTEM_EDIT_FORM_PAGE, STORE_SYSTEM),
                'form' => $form,
Carsten  Rose's avatar
Carsten Rose committed
225
                'r' => 0,
226
227
228
229
230
231
            ];
            $queryString = Support::arrayToQueryString($queryStringArray);
            $sip = $this->store->getSipInstance();
            $url = $sip->queryStringToSip($queryString);

            $toolTip = "View current form with r=0" . PHP_EOL . PHP_EOL . OnArray::toString($queryStringArray, ' = ', PHP_EOL, "'");
Carsten  Rose's avatar
Carsten Rose committed
232
233
        }

234
        return $this->buildButtonAnchor($url, 'form-view-' . $this->formSpec[F_ID], '', $toolTip, GLYPH_ICON_VIEW, $status, 'btn btn-default navbar-btn');
Carsten  Rose's avatar
Carsten Rose committed
235
236
    }

237
    /**
238
     * Build Buttons panel on top right corner of form.
239
     * Simulate Submit Button: http://www.javascript-coder.com/javascript-form/javascript-form-submit.phtml
240
241
     *
     * @return string
242
     * @throws CodeException
Carsten  Rose's avatar
Carsten Rose committed
243
     * @throws DbException
244
     * @throws UserFormException
245
246
247
     */
    private function buildButtons() {
        $buttonNew = '';
248
249
250
251
        $buttonDelete = '';
        $buttonClose = '';
        $buttonSave = '';
        $buttonEditForm = '';
Carsten  Rose's avatar
Carsten Rose committed
252
253
254
        $recordId = $this->store->getVar(SIP_RECORD_ID, STORE_SIP);

        // Button: FormEdit
255
        if ($this->showDebugInfoFlag) {
256
            $toolTip = "Edit form" . PHP_EOL . PHP_EOL . OnArray::toString($this->store->getStore(STORE_SIP), ' = ', PHP_EOL, "'");
257
            $url = $this->createFormEditorUrl(FORM_NAME_FORM, $this->formSpec[F_ID]);
258

Carsten  Rose's avatar
Carsten Rose committed
259
260
            $buttonEditForm = $this->buildViewForm() .
                $this->buildShowEditFormElementCheckbox() .
Carsten  Rose's avatar
Carsten Rose committed
261
                $this->buildButtonCopyForm() .
262
                $this->buildButtonAnchor($url, 'form-edit-button', '', $toolTip, GLYPH_ICON_TOOL, '', 'btn btn-default navbar-btn');
263
264
265
        }

        // Button: Save
Carsten  Rose's avatar
Carsten Rose committed
266
        if (Support::findInSet(FORM_BUTTON_SAVE, $this->formSpec[F_SHOW_BUTTON]) && $this->formSpec[F_SUBMIT_BUTTON_TEXT] === '') {
267
268
            $toolTip = $this->formSpec[F_SAVE_BUTTON_TOOLTIP];
            // In debugMode every button link should show the information behind the SIP.
269
            if ($this->showDebugInfoFlag) {
270
                $toolTip .= PHP_EOL . "table = '" . $this->formSpec[F_TABLE_NAME] . "'" . PHP_EOL . "r = '" . $recordId . "'";
271
272
            }

273
274
            $buttonSave = $this->buildButtonCode('save-button', $this->formSpec[F_SAVE_BUTTON_TEXT], $toolTip,
                $this->formSpec[F_SAVE_BUTTON_GLYPH_ICON], '', $this->formSpec[F_BUTTON_ON_CHANGE_CLASS], $this->formSpec[F_SAVE_BUTTON_CLASS]);
275
276
277
        }

        // Button: Close
Carsten  Rose's avatar
Carsten Rose committed
278
        if (Support::findInSet(FORM_BUTTON_CLOSE, $this->formSpec[F_SHOW_BUTTON])) {
279
280
281
            $buttonClose = $this->buildButtonCode('close-button', $this->formSpec[F_CLOSE_BUTTON_TEXT],
                $this->formSpec[F_CLOSE_BUTTON_TOOLTIP],
                $this->formSpec[F_CLOSE_BUTTON_GLYPH_ICON], '', '', $this->formSpec[F_CLOSE_BUTTON_CLASS]);
Carsten  Rose's avatar
Carsten Rose committed
282
        }
283

Carsten  Rose's avatar
Carsten Rose committed
284
        // Button: Delete
Carsten  Rose's avatar
Carsten Rose committed
285
        if (Support::findInSet(FORM_BUTTON_DELETE, $this->formSpec[F_SHOW_BUTTON])) {
286
            $toolTip = $this->formSpec[F_DELETE_BUTTON_TOOLTIP];
287

288
            if ($this->showDebugInfoFlag && $recordId > 0) {
289
                $toolTip .= PHP_EOL . "form = '" . $this->formSpec[F_FINAL_DELETE_FORM] . "'" . PHP_EOL . "r = '" . $recordId . "'";
Carsten  Rose's avatar
Carsten Rose committed
290
            }
291
            $disabled = ($recordId > 0) ? '' : 'disabled';
Carsten  Rose's avatar
Carsten Rose committed
292

293
294
            $buttonDelete = $this->buildButtonCode('delete-button', $this->formSpec[F_DELETE_BUTTON_TEXT], $toolTip,
                $this->formSpec[F_DELETE_BUTTON_GLYPH_ICON], $disabled, '', $this->formSpec[F_DELETE_BUTTON_CLASS]);
295
296
        }

Carsten  Rose's avatar
Carsten Rose committed
297
        // Button: New
Carsten  Rose's avatar
Carsten Rose committed
298
        if (Support::findInSet(FORM_BUTTON_NEW, $this->formSpec[F_SHOW_BUTTON])) {
299
            $url = $this->deriveNewRecordUrlFromExistingSip($toolTip);
Carsten  Rose's avatar
Carsten Rose committed
300

301
302
            $buttonNew = $this->buildButtonAnchor($url, 'form-new-button', $this->formSpec[F_NEW_BUTTON_TEXT],
                $this->formSpec[F_NEW_BUTTON_TOOLTIP], $this->formSpec[F_NEW_BUTTON_GLYPH_ICON], '', $this->formSpec[F_NEW_BUTTON_CLASS]);
303
304
        }

305
        // Arrangement: Edit Form / Save / Close / Delete / New
Carsten  Rose's avatar
Carsten Rose committed
306
        // Specified in reverse order cause 'pull-right' inverts the order. http://getbootstrap.com/css/#helper-classes-floats
307
308
309
310
311
        $html = '';
        $html .= Support::wrapTag('<div class="btn-group pull-right" role="group">', $buttonNew);
        $html .= Support::wrapTag('<div class="btn-group pull-right" role="group">', $buttonDelete);
        $html .= Support::wrapTag('<div class="btn-group pull-right" role="group">', $buttonSave . $buttonClose);
        $html .= Support::wrapTag('<div class="btn-group pull-right" role="group">', $buttonEditForm);
312
313
314

        $html = Support::wrapTag('<div class="btn-toolbar" role="toolbar">', $html);

315
316
317
        return $html;
    }

318
    /**
319
320
     * Generic function to create a button with a given $buttonHtmlId, $url, $title, $icon (=glyph), $disabled
     *
Carsten  Rose's avatar
Carsten Rose committed
321
     * @param string $url
322
323
324
     * @param string $buttonHtmlId
     * @param string $text
     * @param string $toolTip
Carsten  Rose's avatar
Carsten Rose committed
325
     * @param string $icon
326
     * @param string $disabled
327
     * @param string $class
Carsten  Rose's avatar
Carsten Rose committed
328
     *
329
     * @return string
330
     * @throws CodeException
331
     */
332
333
334
335
336
337
338
    private function buildButtonAnchor($url, $buttonHtmlId, $text, $toolTip, $icon, $disabled = '', $class = '') {

        if ($icon === '') {
            $element = $text;
        } else {
            $element = Support::wrapTag("<span " . Support::doAttribute('class', "glyphicon $icon") . ">", $text);
        }
Carsten  Rose's avatar
Carsten Rose committed
339
340

        $attribute = Support::doAttribute('href', $url);
341
342
343
        $attribute .= Support::doAttribute('id', $buttonHtmlId);
        $attribute .= Support::doAttribute('class', "$class $disabled");
        $attribute .= Support::doAttribute('title', $toolTip);
Carsten  Rose's avatar
Carsten Rose committed
344

345
        return Support::wrapTag("<a $attribute>", $element);
346
347
348
    }

    /**
349
350
     * Creates a button with the given attributes. If there is no $icon given, render the button without glyph.
     *
351
352
353
     * @param string $buttonHtmlId
     * @param string $text
     * @param string $tooltip
354
     * @param string $icon
355
     * @param string $disabled
Carsten  Rose's avatar
Carsten Rose committed
356
     *
357
358
     * @param string $buttonOnChangeClass
     * @param string $class
359
     * @return string
360
     * @throws CodeException
361
     */
362
    private function buildButtonCode($buttonHtmlId, $text, $tooltip, $icon, $disabled = '', $buttonOnChangeClass = '', $class = '') {
363
364

        if ($icon === '') {
365
366
            $element = $text;
        } else {
367
            $element = "<span class='glyphicon $icon'></span>" . ' ' . $text;
368
369
        }

370
        $class = Support::doAttribute('class', $class);
371
        $dataClassOnChange = Support::doAttribute('data-class-on-change', $buttonOnChangeClass);
372
373
374
        $tooltip = Support::doAttribute('title', $tooltip);

        return "<button id='$buttonHtmlId' type='button' $class $dataClassOnChange $tooltip $disabled>$element</button>";
375
376
    }

Carsten  Rose's avatar
Carsten Rose committed
377
    /**
378
379
380
     * Builds the BS-pills on top of a form.
     *
     * @param string $mode FORM_LOAD | FORM_UPDATE | FORM_SAVE
381
     * @param array $pillArray
Carsten  Rose's avatar
Carsten Rose committed
382
     *
383
     * @param array $json
Carsten  Rose's avatar
Carsten Rose committed
384
     * @return string
385
     * @throws CodeException
386
     * @throws UserFormException
Carsten  Rose's avatar
Carsten Rose committed
387
     */
388
    private function buildPillNavigation($mode = FORM_LOAD, array $pillArray, array &$json) {
389
390
        $pillButton = '';
        $pillDropdown = '';
391
        $htmlDropdown = '';
392

393
        if ($pillArray == null) {
394
            return '';
395
        }
396
397
398

        $maxVisiblePill = (isset($this->formSpec['maxVisiblePill']) && $this->formSpec['maxVisiblePill'] !== '') ? $this->formSpec['maxVisiblePill'] : 1000;

399
400
        $parameterLanguageFieldName = $this->store->getVar(SYSTEM_PARAMETER_LANGUAGE_FIELD_NAME, STORE_SYSTEM);

401
402
403
        // Iterate over all 'pill'
        $ii = 0;
        $active = 'class="active"';
404
        $recordId = $this->store->getVar(COLUMN_ID, STORE_RECORD . STORE_ZERO);
405
        foreach ($pillArray as $formElement) {
406

407
408
409
410
            if ($mode != FORM_LOAD && $formElement[FE_DYNAMIC_UPDATE] !== 'yes') {
                continue; // During save/update: Process only FE dynamic_update=yes
            }

411
412
            $htmlIdLi = $formElement[FE_HTML_ID] . HTML_ID_EXTENSION_PILL_LI;
            $htmlIdLiA = $formElement[FE_HTML_ID] . HTML_ID_EXTENSION_PILL_LI_A;
413
414
415
416

            $formElement = $this->evaluate->parseArray($formElement);
            HelperFormElement::explodeParameter($formElement, F_PARAMETER);
            $formElement = HelperFormElement::setLanguage($formElement, $parameterLanguageFieldName);
417
418
419
            if (!empty($formElement[FE_MODE_SQL])) {
                $formElement[FE_MODE] = $formElement[FE_MODE_SQL];
            }
420

421
422
            $ii++;

423
            if ($formElement[FE_NAME] === '' || $formElement[FE_LABEL] === '') {
424
                $this->store->setVar(SYSTEM_FORM_ELEMENT, Logger::formatFormElementName($formElement), STORE_SYSTEM);
425
                $this->store->setVar(SYSTEM_FORM_ELEMENT_COLUMN, 'name, label', STORE_SYSTEM);
426
                throw new UserFormException("Field 'name' and/or 'label' are empty", ERROR_NAME_LABEL_EMPTY);
427
428
            }

429
            // Anker for pill navigation
430
431
//            $a = '<a ' . Support::doAttribute('href', '#' . $this->createAnker($formElement[FE_ID])) . ' data-toggle="tab">' . $formElement[FE_LABEL] . '</a>';

432
            $attributeLiA = 'data-toggle="tab" ';
433
434
            $hrefTarget = '#' . $this->createAnker($formElement[FE_ID]);

435
            $htmlFormElementName = HelperFormElement::buildFormElementName($formElement, $recordId);
436
437
438
439
            switch ($formElement[FE_MODE]) {
                case FE_MODE_SHOW:
                case FE_MODE_REQUIRED:
                    $attributeLi = '';
440
441
                $json[$htmlFormElementName][API_ELEMENT_UPDATE][$htmlIdLi][API_ELEMENT_ATTRIBUTE][HTML_ATTR_CLASS] = '';
                $json[$htmlFormElementName][API_ELEMENT_UPDATE][$htmlIdLiA][API_ELEMENT_ATTRIBUTE][HTML_ATTR_CLASS] = '';
442
                    break;
443

444
                case FE_MODE_READONLY:
445
446
                    $hrefTarget = '#';

447
                    $attributeLi = Support::doAttribute('class', 'disabled');
448
                    $json[$htmlFormElementName][API_ELEMENT_UPDATE][$htmlIdLi][API_ELEMENT_ATTRIBUTE][HTML_ATTR_CLASS] = 'disabled';
449
450

                    $attributeLiA .= Support::doAttribute('class', 'noclick');
451
                    $json[$htmlFormElementName][API_ELEMENT_UPDATE][$htmlIdLiA][API_ELEMENT_ATTRIBUTE][HTML_ATTR_CLASS] = 'noclick';
452
                    break;
453

454
                case FE_MODE_HIDDEN:
455
456
//                    $attributeLi = Support::doAttribute('style', 'display: none');
                    $attributeLi = Support::doAttribute('class', 'hidden');
457
                    $json[$htmlFormElementName][API_ELEMENT_UPDATE][$htmlIdLi][API_ELEMENT_ATTRIBUTE][HTML_ATTR_CLASS] = 'hidden';
458
459
                    $a = '';
                    break;
460

461
462
463
                default:
                    throw new UserFormException("Unknown Mode: " . $formElement[FE_MODE], ERROR_UNKNOWN_MODE);
            }
464

465
466
            $attributeLi .= Support::doAttribute(HTML_ATTR_ID, $htmlIdLi);
            $attributeLiA .= Support::doAttribute(HTML_ATTR_ID, $htmlIdLiA);
467
            $a = Support::wrapTag("<a $attributeLiA" . Support::doAttribute('href', $hrefTarget) . ">", $formElement[FE_LABEL]);
468
            $json[$htmlFormElementName][API_ELEMENT_UPDATE][$htmlIdLiA][API_ELEMENT_CONTENT] = $formElement[FE_LABEL];
469

470
            if ($ii <= $maxVisiblePill) {
471
                $pillButton .= '<li role="presentation"' . $attributeLi . $active . ">" . $a . "</li>";
472
            } else {
473
                $pillDropdown .= '<li ' . $attributeLi . '>' . $a . "</li>";
474
            }
475

476
477
            $active = '';
        }
478

479
480
        // Pill Dropdown necessary?
        if ($ii > $maxVisiblePill) {
481
            $htmlDropdown = Support::wrapTag('<ul class="dropdown-menu qfq-form-pill ' . $this->formSpec[F_CLASS_PILL] . '">', $pillDropdown, true);
482
            $htmlDropdown = '<a class="dropdown-toggle" data-toggle="dropdown" href="#" role="button">more <span class="caret"></span></a>' . $htmlDropdown;
483
            $htmlDropdown = Support::wrapTag('<li role="presentation" class="dropdown">', $htmlDropdown, false);
484
        }
485

486
        $htmlDropdown = Support::wrapTag('<ul id="' . $this->getTabId() . '" class="nav nav-pills qfq-form-pill ' . $this->formSpec[F_CLASS_PILL] . '" role="tablist">', $pillButton . $htmlDropdown);
487
        $htmlDropdown = Support::wrapTag('<div class="col-md-12">', $htmlDropdown);
488

489
        return $htmlDropdown;
490
491
492
493
494
495
    }

    /**
     * Create an identifier for the pill navigation menu
     *
     * @param $id
Carsten  Rose's avatar
Carsten Rose committed
496
     *
497
498
499
     * @return string
     */
    private function createAnker($id) {
500
        return $this->formSpec[FE_NAME] . '_' . $id;
501
502
    }

Carsten  Rose's avatar
Carsten Rose committed
503
504
505
506
507
508
509
    /**
     * @return string
     */
    private function getTabId() {
        return 'qfqTabs';
    }

510
511
512
513
    /**
     * Builds the complete HTML '<form ...>'-tag
     *
     * @return string
514
515
     * @throws CodeException
     * @throws DbException
516
     */
517
    public function getFormTag() {
518

519
        $attribute = $this->getFormTagAttributes();
520
521

        $attribute['class'] = 'form-horizontal';
522
        $attribute['data-toggle'] = 'validator';
523
        if (isset($this->formSpec[F_SAVE_BUTTON_ACTIVE]) && $this->formSpec[F_SAVE_BUTTON_ACTIVE]!='0') {
524
525
            $attribute[DATA_ENABLE_SAVE_BUTTON] = 'true';
        }
526
527

        $honeypot = $this->getHoneypotVars();
528
        $md5 = $this->buildInputRecordHashMd5();
529

Carsten  Rose's avatar
Carsten Rose committed
530
        return '<form ' . OnArray::toString($attribute, '=', ' ', "'") . '>' . $honeypot . $md5;
531
532
    }

533
534
    /**
     * @return string
535
536
     * @throws CodeException
     * @throws UserFormException
537
     */
538
    public function tail() {
539

540
        $html = '';
Carsten  Rose's avatar
Carsten Rose committed
541
        $deleteUrl = '';
542

543
544
        $formId = $this->getFormId();

545
546
        // Button Save at bottom of form - only if there is a button text given.
        if ($this->formSpec[F_SUBMIT_BUTTON_TEXT] !== '') {
547
548
549
550

            // Default setzen:
            $this->fillWrapLabelInputNote($this->formSpec[F_BS_LABEL_COLUMNS], $this->formSpec[F_BS_INPUT_COLUMNS], $this->formSpec[F_BS_NOTE_COLUMNS]);

551
552
            $buttonText = $this->formSpec[F_SUBMIT_BUTTON_TEXT];

553
            $htmlElement = $this->buildButtonCode('save-button', $buttonText, $buttonText, '', '', $this->formSpec[F_BUTTON_ON_CHANGE_CLASS], 'btn btn-default');
554
555
556
557
558
559
560
561

            $html .= $this->wrapItem(WRAP_SETUP_LABEL, '');
            $html .= $this->wrapItem(WRAP_SETUP_INPUT, $htmlElement);
            $html .= $this->wrapItem(WRAP_SETUP_NOTE, '');

            $html = $this->wrapItem(WRAP_SETUP_ELEMENT, $html);
        }

562
        $html .= '</div> <!--class="tab-content" -->';  //  <div class="tab-content">
563
//        $html .= '<input type="submit" value="Submit">';
564

Carsten  Rose's avatar
Carsten Rose committed
565
566
567
        $formId = $this->getFormId();
        $tabId = $this->getTabId();

Carsten  Rose's avatar
Carsten Rose committed
568
        if (0 < ($recordId = $this->store->getVar(SIP_RECORD_ID, STORE_SIP))) {
569
            $deleteUrl = $this->createDeleteUrl($this->formSpec[F_FINAL_DELETE_FORM], $recordId);
Carsten  Rose's avatar
Carsten Rose committed
570
        }
571

572
573
574
        $actionUpload = FILE_ACTION . '=' . FILE_ACTION_UPLOAD;
        $actionDelete = FILE_ACTION . '=' . FILE_ACTION_DELETE;

575
576
577
        $apiDir = API_DIR;
        $apiDeletePhp = API_DIR . '/' . API_DELETE_PHP;

578
        $dirtyAction = ($this->formSpec[F_DIRTY_MODE] == DIRTY_MODE_NONE) ? '' : "dirtyUrl: '$apiDir/dirty.php',";
Carsten  Rose's avatar
Carsten Rose committed
579

580
        $html .= '</form>';  //  <form class="form-horizontal" ...
581
582
583
584
585
586
        $html .= <<<EOF
        <script type="text/javascript">
            $(function () {
                'use strict';
                QfqNS.Log.level = 0;

Carsten  Rose's avatar
Carsten Rose committed
587
588
589
                var qfqPage = new QfqNS.QfqPage({
                    tabsId: '$tabId',
                    formId: '$formId',
590
                    submitTo: '$apiDir/save.php',
Carsten  Rose's avatar
Carsten Rose committed
591
                    $dirtyAction
Carsten  Rose's avatar
Carsten Rose committed
592
                    deleteUrl: '$deleteUrl',
593
594
595
                    refreshUrl: '$apiDir/load.php',
                    fileUploadTo: '$apiDir/file.php?$actionUpload',
                    fileDeleteUrl: '$apiDir/file.php?$actionDelete'
Carsten  Rose's avatar
Carsten Rose committed
596
597
                });

598
                var qfqRecordList = new QfqNS.QfqRecordList('$apiDeletePhp');
Carsten  Rose's avatar
Carsten Rose committed
599
            })
600
601
         </script>
EOF;
602
        $html .= '</div>';  //  <div class="container-fluid"> === main <div class=...> around everything
603

604
605
606
607
608
        return $html;
    }

    /**
     * @param array $formElement
Carsten  Rose's avatar
Carsten Rose committed
609
610
611
     * @param       $htmlFormElementName
     * @param       $value
     *
612
     * @param array $json
613
     * @return mixed
614
615
616
     * @throws CodeException
     * @throws DbException
     * @throws UserFormException
617
     */
618
    public function buildPill(array $formElement, $htmlFormElementName, $value, array &$json) {
619
        $html = '';
620
621
622
623
        // save parent processed FE's
        $tmpStore = $this->feSpecNative;

        // child FE's
624
        $this->feSpecNative = $this->dbArray[$this->dbIndexQfq]->getNativeFormElements(SQL_FORM_ELEMENT_SPECIFIC_CONTAINER,
625
626
            ['yes', $this->formSpec["id"], 'native,container', $formElement['id']], $this->formSpec);

Carsten  Rose's avatar
Carsten Rose committed
627
        $html = $this->elements($this->store->getVar(SIP_RECORD_ID, STORE_SIP), FORM_ELEMENTS_NATIVE_SUBRECORD, 0, $json);
628
629
630
631

        // restore parent processed FE's
        $this->feSpecNative = $tmpStore;

632
633
634
        return $html;
    }

635
    /**
Carsten  Rose's avatar
Carsten Rose committed
636
     * @param array $formElement Complete FormElement, especially some FE_WRAP
637
     * @param string $htmlElement Content to wrap.
Carsten  Rose's avatar
Carsten Rose committed
638
639
     * @param        $htmlFormElementName
     *
640
     * @return string               Wrapped $htmlElement
641
642
     * @throws CodeException
     * @throws UserFormException
643
     */
644
    public function buildRowNative(array $formElement, $htmlElement, $htmlFormElementName) {
645
        $html = '';
646
        $htmlLabel = '';
647
648
        $classHideRow = '';
        $classHideElement = '';
649

650
        if ($formElement[FE_MODE] == FE_MODE_HIDDEN) {
651
            if ($formElement[FE_FLAG_ROW_OPEN_TAG] && $formElement[FE_FLAG_ROW_CLOSE_TAG]) {
652
653
654
655
656
657
                $classHideRow = 'hidden';
            } else {
                $classHideElement = 'hidden';
            }
        }

Carsten  Rose's avatar
Carsten Rose committed
658
        // Label
659
        if ($formElement[FE_BS_LABEL_COLUMNS] > 0) {
660
661
            $addClass = ($formElement[FE_MODE] == FE_MODE_REQUIRED) ? CSS_REQUIRED : '';
            $htmlLabel = $this->buildLabel($htmlFormElementName, $formElement[FE_LABEL], $addClass);
662
        }
663

664
        $html .= $this->customWrap($formElement, $htmlLabel, FE_WRAP_LABEL, $formElement[FE_BS_LABEL_COLUMNS],
665
            [$this->wrap[WRAP_SETUP_LABEL][WRAP_SETUP_START], $this->wrap[WRAP_SETUP_LABEL][WRAP_SETUP_END]], $formElement[FE_HTML_ID] . HTML_ID_EXTENSION_LABEL);
666

Carsten  Rose's avatar
Carsten Rose committed
667
        // Input
668
        $html .= $this->customWrap($formElement, $htmlElement, FE_WRAP_INPUT, $formElement[FE_BS_INPUT_COLUMNS],
669
670
            [$this->wrap[WRAP_SETUP_INPUT][WRAP_SETUP_START], $this->wrap[WRAP_SETUP_INPUT][WRAP_SETUP_END]],
            $formElement[FE_HTML_ID] . HTML_ID_EXTENSION_INPUT, $classHideElement);
671

Carsten  Rose's avatar
Carsten Rose committed
672
        // Note
Carsten  Rose's avatar
Carsten Rose committed
673
        $note = $formElement[FE_NOTE];
674
        $html .= $this->customWrap($formElement, $note, FE_WRAP_NOTE, $formElement[FE_BS_NOTE_COLUMNS],
675
            [$this->wrap[WRAP_SETUP_NOTE][WRAP_SETUP_START], $this->wrap[WRAP_SETUP_NOTE][WRAP_SETUP_END]], $formElement[FE_HTML_ID] . HTML_ID_EXTENSION_NOTE);
676

677
        // Row
678
679
        $openTag = $formElement[FE_FLAG_ROW_OPEN_TAG] ? $this->getRowOpenTag($classHideRow) : '';
        $closeTag = $formElement[FE_FLAG_ROW_CLOSE_TAG] ? $this->wrap[WRAP_SETUP_ELEMENT][WRAP_SETUP_END] : '';
680
681

        $html = $this->customWrap($formElement, $html, FE_WRAP_ROW, -1, [$openTag, $closeTag], $formElement[FE_HTML_ID] . HTML_ID_EXTENSION_ROW);
682
683
684
685

        return $html;
    }

686
    /**
687
688
689
690
691
692
     * Wrap content with $wrapArray or, if specified use $formElement[$wrapName]. Inject $htmlId in wrap.
     *
     * Result:
     * - if $bsColumns==0 and empty $formElement[$wrapName]: no wrap
     * - if $formElement[$wrapName] is given: wrap with that one. Else: wrap with $wrapArray
     * - if $htmlId is give, inject it in $wrap.
693
     *
Carsten  Rose's avatar
Carsten Rose committed
694
     * @param array $formElement Complete FormElement, especially some FE_WRAP
695
     * @param string $htmlElement Content to wrap.
Carsten  Rose's avatar
Carsten Rose committed
696
697
698
     * @param string $wrapName FE_WRAP_ROW, FE_WRAP_LABEL, FE_WRAP_INPUT, FE_WRAP_NOTE
     * @param int $bsColumns
     * @param array $wrapArray Systemwide Defaults: [ 'open wrap', 'close wrap' ]
699
700
     * @param string $htmlId
     * @param string $class
Carsten  Rose's avatar
Carsten Rose committed
701
     *
702
     * @return string Wrapped $htmlElement
703
     * @throws CodeException
704
705
     * @throws \qfq\UserFormException
     */
706
    private function customWrap(array $formElement, $htmlElement, $wrapName, $bsColumns, array $wrapArray, $htmlId = '', $class = '') {
707

708
        // If $bsColumns==0: do not wrap with default.
709
710
711
712
        if ($bsColumns == 0) {
            $wrapArray[0] = '';
            $wrapArray[1] = '';
        }
713

714
        // If there is a 'per FormElement'-wrap, take it.
715
716
717
718
719
720
721
722
        if (isset($formElement[$wrapName])) {
            $wrapArray = explode('|', $formElement[$wrapName], 2);
        }

        if (count($wrapArray) != 2) {
            throw new UserFormException("Need open & close wrap token for FormElement.parameter" . $wrapName . " - E.g.: <div ...>|</div>", ERROR_MISSING_VALUE);
        }

723
724
        if ($wrapArray[0] != '') {
            $wrapArray[0] = Support::insertAttribute($wrapArray[0], 'id', $htmlId);
725
            $wrapArray[0] = Support::insertAttribute($wrapArray[0], 'class', $class); // might be problematic, if there is already a 'class' defined.
726
727
        }

728
729
730
        return $wrapArray[0] . $htmlElement . $wrapArray[1];
    }

731

732
733
734
    /**
     * @param $formElement
     * @param $elementHtml
Carsten  Rose's avatar
Carsten Rose committed
735
     *
736
737
     * @return string
     */
738
    public function buildRowPill(array $formElement, $elementHtml) {
739
740
        $html = '';

741
        $html .= Support::wrapTag('<div class="col-md-12 qfq-form-body ' . $this->formSpec[F_CLASS_BODY] . '">', $elementHtml);
742
743
744

        $active = $this->isFirstPill ? ' active' : '';

745
        $html = Support::wrapTag('<div role="tabpanel" class="tab-pane' . $active . '" id="' . $this->createAnker($formElement['id']) . '">', $html);
746
747
748
749
750
751

        $this->isFirstPill = false;

        return $html;
    }

752
    /**
753
754
     * Builds a fieldset
     *
Carsten  Rose's avatar
Carsten Rose committed
755
     * @param array $formElement
756
     * @param $elementHtml
Carsten  Rose's avatar
Carsten Rose committed
757
     * @return mixed
758
     */
759
    public function buildRowFieldset(array $formElement, $elementHtml) {
760
761
762
        $html = $elementHtml;

        return $html;
763
764
    }

765
766
767
768
769
    /**
     * Builds a templateGroup
     *
     * @param $formElement
     * @param $elementHtml
770
     * @return mixed
771
772
773
774
775
776
777
     */
    public function buildRowTemplateGroup(array $formElement, $elementHtml) {
        $html = $elementHtml;

        return $html;
    }

778
    /**
779
     * @param array $formElement
780
     * @param $elementHtml
Carsten  Rose's avatar
Carsten Rose committed
781
     *
782
     * @return string
783
     * @throws CodeException
784
     */
785
    public function buildRowSubrecord(array $formElement, $elementHtml) {
786

787
        $formElement[FE_LABEL] = Support::wrapTag("<label class='control-label'>", $formElement[FE_LABEL], true);
788
        $html = $this->wrapItem(WRAP_SETUP_ELEMENT, $this->wrapItem(WRAP_SETUP_SUBRECORD, $formElement[FE_LABEL]));
789
        $html .= $this->wrapItem(WRAP_SETUP_ELEMENT, $this->wrapItem(WRAP_SETUP_SUBRECORD, $elementHtml));
790
        $html .= $this->wrapItem(WRAP_SETUP_ELEMENT, $this->wrapItem(WRAP_SETUP_SUBRECORD, $formElement[FE_NOTE]));
791

792
793
794
        $attribute = ($formElement[FE_MODE] == FE_MODE_HIDDEN) ? ' style="display: none;"' : '';
        $attribute .= Support::doAttribute('id', $formElement[FE_HTML_ID]);

795

796
        return Support::wrapTag("<span name='qfq-subrecord' $attribute>", $html);
797
    }
798
799
800
801
802
803
804


    /**
     * Builds complete 'form'.
     *
     * @param string $mode FORM_LOAD | FORM_UPDATE | FORM_SAVE
     *
805
806
     * @param bool $htmlElementNameIdZero
     * @param array $latestFeSpecNative
807
808
809
810
     * @return string|array   $mode=LOAD_FORM: The whole form as HTML, $mode=FORM_UPDATE /FORM_SAVE: array of all
     *                        formElement.dynamicUpdate-yes  values/states
     * @throws CodeException
     * @throws DbException
811
     * @throws UserFormException
812
813
814
815
     */
    public function process($mode, $htmlElementNameIdZero = false, $latestFeSpecNative = array()) {

        $json = array();
816
817
        $data = parent::process($mode, $htmlElementNameIdZero, $latestFeSpecNative);

818
819
820
        switch ($mode) {
            case FORM_SAVE:
            case FORM_UPDATE:
821
822
            $pillArray = OnArray::filter($this->feSpecNative, FE_TYPE, FE_TYPE_PILL);
            $this->buildPillNavigation($mode, $pillArray, $json);
823
824
825
826
827
828
829
830
                $data = array_merge($data, $json);
                break;
            default:
                break;
        }

        return $data;
    }
831
}