diff --git a/demo/demo.html b/demo/demo.html
index 0b6ca3b..2959cf6 100644
--- a/demo/demo.html
+++ b/demo/demo.html
@@ -27,11 +27,11 @@
             <ul class="nav navbar-nav nav-pills navbar-right" role="menubar">
                 <li class="dropdown pointer"  role="presentation">
                     <a id="language-menu-item" class="dropdown-toggle" href="javascript:;" role="menuitem" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
-                                <span>
-                                    <span class="glyphicon glyphicon-flag"></span>
-                                    <span class="hidden-tablet">Language</span>
-                                    <b class="caret"></b>
-                                </span>
+                        <span>
+                             <span class="glyphicon glyphicon-flag"></span>
+                             <span class="hidden-tablet">Language</span>
+                             <b class="caret"></b>
+                         </span>
                     </a>
                     <ul class="dropdown-menu"  role="menu" aria-labelledby="language-menu-item">
                         <li active-menu="{{language}}" ng-repeat="language in ctrl.languages" role="presentation">
@@ -86,9 +86,6 @@
     </div>
 </div>
 
-
-
-
 <script src="../bower_components/jquery/dist/jquery.min.js"></script>
 <script src="../bower_components/jquery-ui/jquery-ui.min.js"></script>
 <script src="../bower_components/bootstrap/dist/js/bootstrap.min.js"></script>
diff --git a/demo/demo.js b/demo/demo.js
index af6665d..ae2712b 100644
--- a/demo/demo.js
+++ b/demo/demo.js
@@ -9,82 +9,7 @@ angular.module('app', ['mwFormBuilder', 'mwFormViewer', 'pascalprecht.translate'
     .controller('DemoController', function($q, $translate) {
         var ctrl = this;
         ctrl.languages = ['en', 'pl'];
-        ctrl.formData = {
-            "pages": [
-                {
-                    "id": "f60c27ba319d4a645c9e145bba95ef9f",
-                    "number": 1,
-                    "name": null,
-                    "description": null,
-                    "elements": [
-                        {
-                            "id": "a3a6f740ea85672b56ff37f4dac77ae6",
-                            "orderNo": 1,
-                            "type": "question",
-                            "question": {
-                                "id": "ef04ed873bc341239f7b3ac54a86b9bf",
-                                "text": "123",
-                                "type": "radio",
-                                "required": true,
-                                "offeredAnswers": [
-                                    {
-                                        "id": "1e9241d6d65d9c1236b52ab62d4143ae",
-                                        "orderNo": 1,
-                                        "value": "1",
-                                        "pageFlow": {
-                                            "nextPage": true,
-                                            "label": "mwForm.pageFlow.goToNextPage"
-                                        }
-                                    },
-                                    {
-                                        "id": "b537fa40395a8585cced00911caf2d5a",
-                                        "orderNo": 2,
-                                        "value": "2",
-                                        "pageFlow": {
-                                            "page": {
-                                                "id": "a9eb4937ae6187d2f8354a23b153f80f"
-                                            },
-                                            "label": "Go to page 2"
-                                        }
-                                    },
-                                    {
-                                        "id": "20906a5a57a1ca70b43bcb0b724fefce",
-                                        "orderNo": 3,
-                                        "value": "3",
-                                        "pageFlow": {
-                                            "page": {
-                                                "id": "e13ae72a0e02d07594209f195b7eefe9"
-                                            },
-                                            "label": "Go to page 3"
-                                        }
-                                    }
-                                ],
-                                "pageFlowModifier": true
-                            }
-                        }
-                    ],
-                    "namedPage": false,
-                    "isFirst": true,
-                    "isLast": false
-                },
-                {
-                    "id": "a9eb4937ae6187d2f8354a23b153f80f",
-                    "number": 2,
-                    "name": "2",
-                    "description": null,
-                    "elements": [],
-                    "namedPage": true
-                },
-                {
-                    "id": "e13ae72a0e02d07594209f195b7eefe9",
-                    "number": 3,
-                    "name": "3",
-                    "description": null,
-                    "elements": [],
-                    "namedPage": true
-                }
-            ]
-        };
+        ctrl.formData = {};
         ctrl.formViewer = {};
         ctrl.formStatus= {};
         ctrl.responseData={};
diff --git a/dist/form-builder.min.js b/dist/form-builder.min.js
index c0a0efd..50341e7 100644
--- a/dist/form-builder.min.js
+++ b/dist/form-builder.min.js
@@ -1,15 +1,1130 @@
-angular.module("mwFormBuilder",["ui.sortable"]);
-angular.module("mwFormBuilder").service("uuid",function(){function n(){return Math.floor(65536*(1+Math.random())).toString(16).substring(1)}this.get=function(){return n()+n()+n()+n()+n()+n()+n()+n()}});
-angular.module("mwFormBuilder").run(["$templateCache",function(e){e.put("mw-form-builder.html",'<div class=mw-form-builder><form name=ctrl.form role=form novalidate><div class=mw-title-page><div class=form-group><label for=formName translate=mwForm.form.name>Form name</label> <input type=text class=form-control name=formName id=formName ng-model=ctrl.formData.name ng-readonly=ctrl.readOnly placeholder="{{\'mwForm.form.name.placeholder\'|translate}}" required></div><div class=form-group><label for=formDescription translate=mwForm.form.description>Description</label> <textarea msd-elastic class=form-control name=formDescription ng-model=ctrl.formData.description id=formDescription ng-readonly=ctrl.readOnly>\r\n            </textarea></div></div><div class=form-page-list><mw-form-page-builder ng-repeat="page in ctrl.formData.pages" form-page=page form-object=ctrl.formData is-first=$first is-last=$last read-only=ctrl.readOnly></mw-form-page-builder></div><button type=button class="btn btn-default mw-add-new-page-button" ng-click=ctrl.addPage() ng-if=!ctrl.readOnly><i class="fa fa-plus"></i> <span translate=mwForm.buttons.addPage></span></button><mw-form-confirmation-page-builder form-object=ctrl.formData read-only=ctrl.readOnly></mw-form-confirmation-page-builder></form></div>'),e.put("mw-form-confirmation-page-builder.html",'<div class="mw-form-page-builder mw-confirmation-page"><div><div class=mw-page-tab-container><div class=mw-form-page-tab><span class=mw-page-tab-text role=heading translate=mwForm.confirmationPage.title>Strona potwierdzenia</span></div><div class=mw-page-tab-triangle></div></div><div ng-form=ctrl.form role=form novalidate class=form-page-builder-body><div class=form-group><textarea msd-elastic class=form-control name=confirmationMessage ng-model=ctrl.formObject.confirmationMessage aria-label="{{\'mwForm.confirmationPage.customMessage\'|translate}}" placeholder="{{\'mwForm.confirmationPage.customMessage\'|translate}}" ng-disabled=ctrl.readOnly></textarea></div></div></div></div>'),e.put("mw-form-image-builder.html",'<div class=mw-form-image-builder-wrapper><div class=mw-form-image-builder ng-class="{\'ng-submitted\':ctrl.formSubmitted}"><div class=image-editor ng-form=ctrl.form ng-if=!ctrl.isPreview><button ng-if=!ctrl.image.src ng-click=ctrl.selectImageButtonClicked() type=button class="btn btn-default" translate=mwForm.image.selectImageButton>Select image</button><div class="image-edition row" ng-if=ctrl.image.src><div class=col-md-12 ng-class="\'align-\'+ctrl.image.align"><img ng-src={{ctrl.image.src}}></div><div class="col-md-12 image-align-control"><div class=btn-group role=group aria-label="Image align"><button type=button class="btn btn-default" ng-class="{\'selected\': ctrl.image.align==\'left\'}" ng-click="ctrl.setAlign(\'left\')"><i class="fa fa-align-left"></i></button> <button type=button class="btn btn-default" ng-class="{\'selected\': ctrl.image.align==\'center\'}" ng-click="ctrl.setAlign(\'center\')"><i class="fa fa-align-center"></i></button> <button type=button class="btn btn-default" ng-class="{\'selected\': ctrl.image.align==\'right\'}" ng-click="ctrl.setAlign(\'right\')"><i class="fa fa-align-right"></i></button></div></div><div class=form-horizontal><div class=form-group><label ng-attr-for=image-caption-{{ctrl.id}} class="col-sm-2 control-label">Podpis</label><div class=col-sm-8><input type=text class=form-control name=text ng-attr-id=image-caption-{{ctrl.id}} ng-model=ctrl.image.caption ng-readonly=ctrl.readOnly></div></div></div></div><div class=row ng-if=ctrl.image.src><br><br><div class=col-xs-2><button type=button class="btn btn-primary" ng-click=ctrl.save() translate=mwForm.buttons.questionReady>Gotowe</button></div></div></div><div class=mw-preview ng-if=ctrl.isPreview><figure ng-class="\'align-\'+ctrl.image.align"><img ng-src={{ctrl.image.src}} ng-attr-alt=ctrl.image.caption><figcaption ng-if=ctrl.image.caption>{{ctrl.image.caption}}</figcaption></figure></div></div></div>'),e.put("mw-form-page-builder.html",'<div class=mw-form-page-builder><div ng-mouseover=ctrl.hoverIn() ng-mouseleave=ctrl.hoverOut()><div class=mw-page-tab-container><div class=mw-form-page-tab><span class=mw-page-tab-text role=heading translate=mwForm.page.tab.heading translate-values="{page: ctrl.formPage.number, allPages:ctrl.formObject.pages.length}">Strona 1 z 3</span> <span class=mw-page-tab-checkbox><label><input type=checkbox ng-model=ctrl.formPage.namedPage><span class=mw-page-tab-checkbox-text translate=mwForm.page.pageWithNameCheckbox>named</span></label></span></div><div class=mw-page-tab-triangle></div><div class=mw-page-tab-actions ng-if=!ctrl.readOnly><button type=button class=move-down-button ng-click=ctrl.moveDown() ng-if=!ctrl.isLast ng-attr-title="{{\'mwForm.buttons.moveDown\' | translate}}" popover="{{\'mwForm.buttons.moveDown\' | translate}}" popover-trigger=mouseenter popover-placement=left><i class="fa fa-chevron-down"></i></button> <button type=button class=move-up-button ng-click=ctrl.moveUp() ng-if=!ctrl.isFirst ng-attr-title="{{\'mwForm.buttons.moveUp\' | translate}}" popover="{{\'mwForm.buttons.moveUp\' | translate}}" popover-trigger=mouseenter popover-placement=left><i class="fa fa-chevron-up"></i></button> <button type=button class=remove-button mw-confirm-click confirmed-action=ctrl.removePage() ng-attr-title="{{\'mwForm.buttons.removePage\' | translate}}" popover="{{\'mwForm.buttons.removePage\' | translate}}" popover-trigger=mouseenter popover-placement=left><i class="fa fa-trash"></i></button></div></div><div ng-form=ctrl.form role=form novalidate class=form-page-builder-body><div class=form-group ng-if=ctrl.formPage.namedPage><label for=pageName translate=mwForm.page.name>Nazwa strony</label> <input type=text class=form-control name=pageName id=pageName ng-model=ctrl.formPage.name ng-readonly=ctrl.readOnly></div><div class=page-element-list ui-sortable=ctrl.sortableConfig ng-model=ctrl.formPage.elements><div class="empty-page-element-list-label form-group" ng-if="!ctrl.formPage.elements || (ctrl.formPage.elements && ctrl.formPage.elements.length == 0)"><span translate=mwForm.page.elements.empty>Brak elementów</span></div><mw-form-page-element-builder ng-repeat="element in ctrl.formPage.elements" page-element=element form-object=ctrl.formObject is-active=ctrl.isElementActive(element) on-ready=ctrl.onElementReady() ng-click=ctrl.selectElement(element) is-first=$first is-last=$last read-only=ctrl.readOnly></mw-form-page-element-builder></div><div class="add-element btn-group dropdown" ng-if=!ctrl.readOnly><button type=button class="btn btn-default" ng-click=ctrl.addElement()><span translate=mwForm.buttons.addElement>Add element</span></button> <button type=button class="btn btn-default dropdown-toggle" data-toggle=dropdown aria-haspopup=true aria-expanded=false><span class=caret></span> <span class=sr-only>Split button!</span></button><ul class=dropdown-menu role=menu><li><button type=button ng-click=ctrl.addQuestion()><span translate=mwForm.elements.question>Pytanie</span></button></li><li><button type=button ng-click=ctrl.addImage()><span translate=mwForm.elements.image>Obraz</span></button></li></ul></div></div><table cellspacing=0 class=mw-page-bottom-tab-container ng-if=!ctrl.isLast><tr><td class=mw-page-bottom-tab-triangle></td><td class=mw-form-page-bottom-tab><div class="page-flow-select form-inline"><label translate=mwForm.pageFlow.afterPage translate-values={page:ctrl.formPage.number}>Po stronie 1</label><select ng-options="pageFlow.label|translate:pageFlow for pageFlow in ctrl.possiblePageFlow" ng-model=ctrl.formPage.pageFlow class=form-control ng-disabled=ctrl.readOnly></select></div></td><td class=mw-page-bottom-tab-actions><button type=button role=button class=btn ng-click=ctrl.addPage() ng-if=!ctrl.readOnly ng-attr-title="{{\'mwForm.buttons.addPage\' | translate}}" popover="{{\'mwForm.buttons.addPage\' | translate}}" popover-trigger=mouseenter popover-placement=left><i class="fa fa-plus"></i></button></td></tr></table></div></div>'),e.put("mw-form-page-element-builder.html",'<div class=mw-form-page-element-builder-wrapper><div class=mw-form-page-element-builder ng-class="{\'active\': ctrl.isActive, \'inactive draggable\': !ctrl.isActive}"><div class=mw-page-element-actions-tab ng-switch=ctrl.isActive&&!ctrl.readOnly><div ng-switch-when=true><button type=button class=move-down-button ng-click=ctrl.moveDown() ng-if=!ctrl.isLast ng-attr-title="{{\'mwForm.buttons.moveDown\' | translate}}" popover="{{\'mwForm.buttons.moveDown\' | translate}}" popover-trigger=mouseenter popover-placement=left><i class="fa fa-chevron-down"></i></button> <button type=button class=move-up-button ng-click=ctrl.moveUp() ng-if=!ctrl.isFirst ng-attr-title="{{\'mwForm.buttons.moveUp\' | translate}}" popover="{{\'mwForm.buttons.moveUp\' | translate}}" popover-trigger=mouseenter popover-placement=left><i class="fa fa-chevron-up"></i></button> <button type=button class=remove-button mw-confirm-click confirmed-action=ctrl.removeElement() ng-attr-title="{{\'mwForm.buttons.remove\' | translate}}" popover="{{\'mwForm.buttons.remove\' | translate}}" popover-trigger=mouseenter popover-placement=left><i class="fa fa-trash"></i></button></div><div ng-switch-when=false><button type=button aria-label="Edytuj element" aria-hidden=false class=edit-button ng-click=ctrl.editElement() ng-if=!ctrl.readOnly><i class="fa fa-pencil"></i></button> <button type=button aria-label="Wyświetl element" aria-hidden=false class=edit-button ng-click=ctrl.editElement() ng-if=ctrl.readOnly><i class="fa fa-eye"></i></button></div></div><mw-form-question-builder ng-if="ctrl.pageElement.type==\'question\'" question=ctrl.pageElement.question form-object=ctrl.formObject on-ready=ctrl.onReady() is-preview=!ctrl.isActive read-only=ctrl.readOnly></mw-form-question-builder><mw-form-image-builder ng-if="ctrl.pageElement.type==\'image\'" image=ctrl.pageElement.image form-object=ctrl.formObject on-ready=ctrl.onReady() is-preview=!ctrl.isActive read-only=ctrl.readOnly on-image-selection=ctrl.onImageSelection()></mw-form-image-builder></div></div>'),e.put("mw-form-question-builder.html",'<div class=mw-form-question-builder-wrapper><div class=mw-form-question-builder ng-class="{\'ng-submitted\':ctrl.formSubmitted}"><div ng-form=ctrl.form ng-if=!ctrl.isPreview><div class=form-horizontal><div class=form-group><label ng-attr-for=question-text-{{ctrl.id}} class="col-sm-2 control-label" translate=mwForm.question.text>Treść pytania</label><div class="col-sm-10 col-md-8"><input type=text class=form-control name=text ng-attr-id=question-text-{{ctrl.id}} ng-model=ctrl.question.text ng-readonly=ctrl.readOnly required></div></div><div class="form-group mw-question-type"><label ng-attr-for=question-type-{{ctrl.id}} class="col-sm-2 control-label" translate=mwForm.question.type>Typ pytania</label><div class="col-sm-10 form-inline"><select ng-attr-id=question-type-{{ctrl.id}} ng-options="\'mwForm.question.types.\'+type+\'.name\'|translate for type in ctrl.questionTypes" ng-model=ctrl.question.type ng-change=ctrl.questionTypeChanged() class=form-control ng-disabled=ctrl.readOnly required></select><div class=checkbox ng-if="ctrl.question.type==\'radio\'"><label><input type=checkbox ng-model=ctrl.question.pageFlowModifier ng-change=ctrl.pageFlowModifierChanged() ng-readonly=ctrl.readOnly> <span translate=mwForm.pageFlow.afterQuestionAnswer>Przejdź do strony w oparciu o odpowiedź</span></label></div></div></div></div><div class=row ng-if=ctrl.question.type><div class="mw-form-question-answers-builder col-sm-10 col-sm-offset-2 col-md-8"><div ng-if="ctrl.question.type==\'text\'"><input class=form-control type=text disabled value="{{\'mwForm.question.preview.text\'|translate}}"></div><div ng-if="ctrl.question.type==\'textarea\'"><textarea class=form-control disabled>{{\'mwForm.question.preview.textarea\'|translate}}</textarea></div><div ng-if="ctrl.question.type==\'radio\' || ctrl.question.type==\'checkbox\'"><mw-question-offered-answer-list-builder question=ctrl.question form-object=ctrl.formObject read-only=ctrl.readOnly></mw-question-offered-answer-list-builder></div><div ng-if="ctrl.question.type==\'priority\'"><mw-question-priority-list-builder question=ctrl.question read-only=ctrl.readOnly></mw-question-priority-list-builder></div></div><div class=col-sm-12 ng-if="ctrl.question.type==\'grid\'"><mw-question-grid-builder question=ctrl.question read-only=ctrl.readOnly></mw-question-grid-builder></div><div class=col-sm-12 ng-if="ctrl.question.type==\'division\'"><mw-question-division-builder question=ctrl.question read-only=ctrl.readOnly></mw-question-division-builder></div></div><br><br><div class=row><div class=col-xs-2><button type=button class="btn btn-primary" ng-click=ctrl.save() translate=mwForm.buttons.questionReady>Gotowe</button></div><div class=col-xs-10><div class=checkbox><label><input type=checkbox ng-model=ctrl.question.required ng-disabled=ctrl.readOnly><span translate=mwForm.question.required>Required</span></label></div></div></div></div><div class=mw-preview ng-if=ctrl.isPreview><div class=mw-question-text>{{ctrl.question.text}} <span ng-if=ctrl.question.required>*</span></div><div class=question-answers><div ng-if="ctrl.question.type==\'text\'"><input class=form-control type=text disabled value="{{\'mwForm.question.preview.text\'|translate}}"></div><div ng-if="ctrl.question.type==\'textarea\'"><textarea class=form-control type=text disabled>{{\'mwForm.question.preview.textarea\'|translate}}</textarea></div><div ng-if="ctrl.question.type==\'radio\'"><div class=radio ng-repeat="answer in ctrl.question.offeredAnswers"><label><input type=radio> {{answer.value}}</label></div><div class=radio ng-if=ctrl.question.otherAnswer><label><input type=radio><span translate=mwForm.question.preview.otherAnswer>Inna</span>:</label> <span class=form-inline><input type=text class=form-control disabled></span></div></div><div ng-if="ctrl.question.type==\'checkbox\'"><div class=checkbox ng-repeat="answer in ctrl.question.offeredAnswers"><label><input type=checkbox> {{answer.value}}</label></div><div class=checkbox ng-if=ctrl.question.otherAnswer><label><input type=checkbox><span translate=mwForm.question.preview.otherAnswer>Inna</span>:</label> <span class=form-inline><input type=text class=form-control disabled></span></div></div><div ng-if="ctrl.question.type==\'grid\'"><div class=table-responsive><table class="table table-condensed table-striped" border=0 cellpadding=5 cellspacing=0><thead><tr><td></td><td ng-repeat="col in ctrl.question.grid.cols"><label>{{col.label}}</label></td></tr></thead><tbody><tr ng-repeat="row in ctrl.question.grid.rows"><td>{{row.label}}</td><td ng-repeat="col in ctrl.question.grid.cols"><input type=radio></td></tr></tbody></table></div></div><div class=mw-priority-list ng-if="ctrl.question.type==\'priority\'"><table><thead><tr><th translate=mwForm.question.priority.sorted>Sorted</th><th translate=mwForm.question.priority.available>Available</th></tr></thead><tbody><tr><td class=mw-ordered-items></td><td class=mw-available-items><div class=mw-item ng-repeat="item in ctrl.question.priorityList">{{::item.value}}</div></td></tr></tbody></table></div></div><div ng-if="ctrl.question.type==\'division\'"><div class=form-inline style="margin-bottom: 5px" ng-repeat="item in ctrl.question.divisionList"><div class=form-group><label>{{item.value}}</label> <input type=number class=form-control style="width: 80px"> <span>{{ctrl.question.unit}}</span></div></div><div class=form-inline style="margin-bottom: 5px"><div class=form-group><label translate=mwForm.question.division.assignedSumLabel>Przydzielono</label> <input type=number class="form-control strict-validation" style="width: 80px" readonly value=0> <span>{{ctrl.question.unit}} <span translate=mwForm.question.division.fromRequiredLabel>z wymaganych</span> <strong>{{ctrl.question.quantity}}</strong> {{ctrl.question.unit}}</span></div></div></div></div></div></div>'),e.put("mw-question-division-builder.html",'<div class=mw-question-division-builder><div class=form-horizontal><div class=form-group><label class="col-sm-2 control-label" translate=mwForm.question.division.quantity>Ilość</label><div class="col-sm-10 col-md-8 form-inline"><input type=number ng-model=ctrl.question.quantity required class=form-control min=1 ng-readonly=ctrl.readOnly></div></div><div class=form-group><label class="col-sm-2 control-label" ng-attr-for=division-unit-{{ctrl.question.id}} translate=mwForm.question.division.unit>Etykieta jednostki</label><div class="col-sm-10 col-md-8 form-inline"><input ng-attr-id=division-unit-{{ctrl.question.id}} type=text ng-model=ctrl.question.unit required class=form-control ng-readonly=ctrl.readOnly></div></div></div><div class="col-sm-10 col-sm-offset-2 col-md-8"><div class=question-division-list ui-sortable=ctrl.itemsSortableConfig ng-model=ctrl.question.divisionList role=list><div class=mw-question-division-list-item ng-repeat="item in ctrl.question.divisionList" role=listitem><div class=drag-handle ng-if=!ctrl.readOnly><i class="fa fa-arrows-v fa-lg handle-inner"></i></div><input wd-focus-me=ctrl.isNewItem[item.id] type=text ng-model=item.value ng-keypress=ctrl.keyPressedOnInput($event,item) required class="form-control item-value" ng-readonly=ctrl.readOnly> <button role=button class=remove-item-button ng-click=ctrl.removeItem(item) ng-if=!ctrl.readOnly><i class="fa fa-times"></i></button></div></div><div class="mw-question-division-list-item add-new-item-widget"><div class=drag-handle></div><span ng-click=ctrl.addNewItem() role=button ng-if=!ctrl.readOnly><input type=text required class=form-control value="Kliknij aby dodać pozycję"></span></div></div></div>'),e.put("mw-question-grid-builder.html",'<div class=mw-question-grid-builder><div class="form-horizontal mw-grid-rows-builder"><div class=mw-grid-row-list ui-sortable=ctrl.rowsSortableConfig ng-model=ctrl.question.grid.rows role=list><div class="mw-grid-item form-group" ng-repeat="row in ctrl.question.grid.rows" role=listitem><label class="col-sm-2 control-label" translate=mwForm.question.grid.rowLabel translate-values="{row: row.orderNo}">Etykieta wiersza {{row.orderNo}}</label><div class="col-sm-10 col-md-8"><div class=drag-handle><i class="fa fa-arrows-v fa-lg handle-inner"></i></div><input wd-focus-me=ctrl.isNewInput[row.id] type=text ng-model=row.label ng-keypress="ctrl.keyPressedOnInput($event,row, \'row\')" required class="form-control mw-item-label-value" ng-readonly=ctrl.readOnly> <button role=button class=remove-item-button ng-click=ctrl.removeRow(row) ng-if=!ctrl.readOnly><i class="fa fa-times"></i></button></div></div></div><div class="mw-grid-item form-group add-new-item-widget" ng-if=!ctrl.readOnly><label class="col-sm-2 control-label" translate=mwForm.question.grid.rowLabel translate-values="{row: ctrl.question.grid.rows.length+1}">Etykieta wiersza {{ctrl.question.grid.rows.length+1}}</label><div class="col-sm-10 col-md-8"><div class=drag-handle></div><span ng-click=ctrl.addNewRow() role=button><input type=text required class=form-control value="{{\'mwForm.question.grid.clickToAddRow\'|translate}}"></span></div></div></div><div class=row><div class="mw-grid-separator col-sm-9 col-sm-offset-1"></div></div><div class="form-horizontal mw-grid-cols-builder"><div class=mw-grid-col-list ui-sortable=ctrl.colsSortableConfig ng-model=ctrl.question.grid.cols role=list><div class="mw-grid-item form-group" ng-repeat="col in ctrl.question.grid.cols" role=listitem><label class="col-sm-2 control-label" translate=mwForm.question.grid.columnLabel translate-values="{col: col.orderNo}">Etykieta kolumny {{col.orderNo}}</label><div class="col-sm-10 col-md-8"><div class=drag-handle><i class="fa fa-arrows-v fa-lg handle-inner"></i></div><input wd-focus-me=ctrl.isNewInput[col.id] type=text ng-model=col.label ng-keypress="ctrl.keyPressedOnInput($event,col, \'col\')" required class="form-control mw-item-label-value" ng-readonly=ctrl.readOnly> <button role=button class=remove-item-button ng-click=ctrl.removeCol(col) ng-if=!ctrl.readOnly><i class="fa fa-times"></i></button></div></div></div><div class="mw-grid-item form-group add-new-item-widget" ng-if=!ctrl.readOnly><label class="col-sm-2 control-label" translate=mwForm.question.grid.columnLabel translate-values="{col: ctrl.question.grid.cols.length+1}">Etykieta kolumny {{ctrl.question.grid.cols.length+1}}</label><div class="col-sm-10 col-md-8"><div class=drag-handle></div><span ng-click=ctrl.addNewCol() role=button><input type=text required class=form-control value="{{\'mwForm.question.grid.clickToAddColumn\'|translate}}"></span></div></div></div></div>'),e.put("mw-question-offered-answer-list-builder.html",'<div class=question-offered-answer-list-builder><div class=question-offered-answer-list ui-sortable=ctrl.offeredAnswersSortableConfig ng-model=ctrl.question.offeredAnswers role=list><div class=mw-question-offered-answer ng-repeat="answer in ctrl.question.offeredAnswers" role=listitem><div class=drag-handle ng-if=!ctrl.readOnly><i class="fa fa-arrows-v fa-lg handle-inner"></i></div><div class=option-type-indicator><i ng-if="ctrl.question.type==\'radio\'" class="fa fa-circle-thin fa-fw"></i> <i ng-if="ctrl.question.type==\'checkbox\'" class="fa fa-square-o fa-fw"></i></div><input wd-focus-me=ctrl.isNewAnswer[answer.id] type=text ng-model=answer.value ng-keypress=ctrl.keyPressedOnInput($event,answer) required class="form-control offered-answer-value" ng-readonly=ctrl.readOnly> <button role=button class=remove-item-button ng-click=ctrl.removeOfferedAnswer(answer) ng-if=!ctrl.readOnly ng-attr-title="{{\'mwForm.buttons.remove\' | translate}}" popover="{{\'mwForm.buttons.remove\' | translate}}" popover-trigger=mouseenter popover-placement=top><i class="fa fa-times"></i></button> <span ng-if=ctrl.question.pageFlowModifier class=form-inline><select ng-options="pageFlow.label|translate:pageFlow for pageFlow in ctrl.possiblePageFlow" ng-model=answer.pageFlow class=form-control ng-disabled=ctrl.readOnly></select></span></div></div><div class="mw-question-offered-answer add-new-answer-widget" ng-if=!ctrl.readOnly><div class=drag-handle></div><div class=option-type-indicator><i ng-if="ctrl.question.type==\'radio\'" class="fa fa-circle-thin fa-fw"></i> <i ng-if="ctrl.question.type==\'checkbox\'" class="fa fa-square-o fa-fw"></i></div><span ng-click=ctrl.addNewOfferedAnswer() role=button><input type=text class="form-control offered-answer-value" value="{{\'mwForm.question.buttons.addOption\'|translate}}"></span> <span class=add-custom-answer ng-if=!ctrl.question.otherAnswer><span translate=mwForm.question.orLabel>lub</span> <button role=button ng-click=ctrl.addCustomAnswer() translate=mwForm.question.buttons.addOther>Dodaj "Inne"</button></span></div><div class="mw-question-offered-answer custom-answer" ng-if=ctrl.question.otherAnswer><div class=drag-handle ng-if=!ctrl.readOnly></div><div class=option-type-indicator><i ng-if="ctrl.question.type==\'radio\'" class="fa fa-circle-thin fa-fw"></i> <i ng-if="ctrl.question.type==\'checkbox\'" class="fa fa-square-o fa-fw"></i></div><label translate=mwForm.question.otherLabel>Inna:</label> <input type=text value="{{\'mwForm.question.userAnswer\'|translate}}" class="form-control offered-answer-value" readonly> <button type=button role=button class=remove-item-button ng-click=ctrl.removeCustomAnswer() ng-if=!ctrl.readOnly ng-attr-title="{{\'mwForm.buttons.remove\' | translate}}" popover="{{\'mwForm.buttons.remove\' | translate}}" popover-trigger=mouseenter popover-placement=top><i class="fa fa-times"></i></button></div></div>'),e.put("mw-question-priority-list-builder.html",'<div class=mw-question-priority-list-builder><div class=question-priority-list ui-sortable=ctrl.itemsSortableConfig ng-model=ctrl.question.priorityList role=list><div class=mw-question-priority-list-item ng-repeat="item in ctrl.question.priorityList" role=listitem><div class=drag-handle ng-if=!ctrl.readOnly><i class="fa fa-arrows-v fa-lg handle-inner"></i></div><input wd-focus-me=ctrl.isNewItem[item.id] type=text ng-model=item.value ng-keypress=ctrl.keyPressedOnInput($event,item) required class="form-control item-value" ng-readonly=ctrl.readOnly> <button role=button class=remove-item-button ng-click=ctrl.removeItem(item) ng-if=!ctrl.readOnly><i class="fa fa-times"></i></button></div></div><div class="mw-question-priority-list-item add-new-item-widget" ng-if=!ctrl.readOnly><div class=drag-handle></div><span ng-click=ctrl.addNewItem() role=button><input type=text required class=form-control value="{{\'mwForm.question.priority.clickToAddItem\'|translate}}"></span></div></div>')}]);
-angular.module("mwFormBuilder").directive("mwQuestionPriorityListBuilder",function(){return{replace:!0,restrict:"AE",require:"^mwFormQuestionBuilder",scope:{question:"=",readOnly:"=?",options:"=?"},templateUrl:"mw-question-priority-list-builder.html",controllerAs:"ctrl",bindToController:!0,controller:["uuid",function(i){function e(i){if(i)for(var e=0;e<i.length;e++){var t=i[e];t.orderNo=e+1}}function t(i){i.sort(function(i,e){return i.orderNo-e.orderNo})}var r=this;r.isNewItem={},r.addNewItem=function(e){var t={id:i.get(),orderNo:r.question.priorityList.length+1,value:null};e||(r.isNewItem[t.id]=!0),r.question.priorityList.push(t)},r.question.priorityList||(r.question.priorityList=[],r.addNewItem()),t(r.question.priorityList),r.itemsSortableConfig={placeholder:"beingDragged",handle:".drag-handle",stop:function(i,t){e(r.question.priorityList)}},r.removeItem=function(i){var e=r.question.priorityList.indexOf(i);-1!=e&&r.question.priorityList.splice(e,1)},r.keyPressedOnInput=function(i,e){delete r.isNewItem[e.id],13===i.which&&(i.preventDefault(),r.addNewItem())}}],link:function(i,e,t,r){i.ctrl}}});
-angular.module("mwFormBuilder").directive("mwQuestionOfferedAnswerListBuilder",function(){return{replace:!0,restrict:"AE",require:"^mwFormQuestionBuilder",scope:{question:"=",formObject:"=",readOnly:"=?",options:"=?"},templateUrl:"mw-question-offered-answer-list-builder.html",controllerAs:"ctrl",bindToController:!0,controller:["FormQuestionBuilderId","uuid",function(e,r){function n(){if(s.question.offeredAnswers)for(var e=0;e<s.question.offeredAnswers.length;e++){var r=s.question.offeredAnswers[e];r.orderNo=e+1}}function o(){s.question.offeredAnswers&&s.question.offeredAnswers.sort(function(e,r){return e.orderNo-r.orderNo})}var s=this;s.config={radio:{},checkbox:{}},s.isNewAnswer={},o(),s.offeredAnswersSortableConfig={placeholder:"beingDragged",handle:".drag-handle",stop:function(e,r){n()}},s.addNewOfferedAnswer=function(){var e=s.possiblePageFlow[0],n={id:r.get(),orderNo:s.question.offeredAnswers.length+1,value:null,pageFlow:e};s.isNewAnswer[n.id]=!0,s.question.offeredAnswers.push(n)},s.removeOfferedAnswer=function(e){var r=s.question.offeredAnswers.indexOf(e);-1!=r&&s.question.offeredAnswers.splice(r,1)},s.addCustomAnswer=function(){s.question.otherAnswer=!0},s.removeCustomAnswer=function(){s.question.otherAnswer=!1},s.keyPressedOnInput=function(e,r){delete s.isNewAnswer[r.id],13===e.which&&(e.preventDefault(),s.addNewOfferedAnswer())}}],link:function(e,r,n,o){var s=e.ctrl;s.possiblePageFlow=o.possiblePageFlow}}});
-angular.module("mwFormBuilder").directive("mwQuestionGridBuilder",function(){return{replace:!0,restrict:"AE",require:"^mwFormQuestionBuilder",scope:{question:"=",formObject:"=",readOnly:"=?",options:"=?"},templateUrl:"mw-question-grid-builder.html",controllerAs:"ctrl",bindToController:!0,controller:["uuid",function(e){function o(e){if(e)for(var o=0;o<e.length;o++){var r=e[o];r.orderNo=o+1}}function r(e){e.sort(function(e,o){return e.orderNo-o.orderNo})}var i=this;i.isNewInput={},i.addNewRow=function(o){var r={id:e.get(),orderNo:i.question.grid.rows.length+1,label:null};o||(i.isNewInput[r.id]=!0),i.question.grid.rows.push(r)},i.addNewCol=function(o){var r={id:e.get(),orderNo:i.question.grid.cols.length+1,label:null};o||(i.isNewInput[r.id]=!0),i.question.grid.cols.push(r)},i.question.grid||(i.question.grid={rows:[],cols:[]},i.addNewRow(),i.addNewCol(!0)),r(i.question.grid.rows),r(i.question.grid.cols),i.rowsSortableConfig={placeholder:"beingDragged",handle:".drag-handle",stop:function(e,r){o(i.question.grid.rows)}},i.colsSortableConfig={placeholder:"beingDragged",handle:".drag-handle",stop:function(e,r){o(i.question.grid.cols)}},i.removeRow=function(e){var o=i.question.grid.rows.indexOf(e);-1!=o&&i.question.grid.rows.splice(o,1)},i.removeCol=function(e){var o=i.question.grid.cols.indexOf(e);-1!=o&&i.question.grid.cols.splice(o,1)},i.keyPressedOnInput=function(e,o,r){delete i.isNewInput[o.id],13===e.which&&(e.preventDefault(),"row"==r?i.addNewRow():i.addNewCol())}}],link:function(e,o,r,i){e.ctrl}}});
-angular.module("mwFormBuilder").directive("mwQuestionDivisionBuilder",function(){return{replace:!0,restrict:"AE",require:"^mwFormQuestionBuilder",scope:{question:"=",readOnly:"=?",options:"=?"},templateUrl:"mw-question-division-builder.html",controllerAs:"ctrl",bindToController:!0,controller:["uuid",function(i){function e(i){if(i)for(var e=0;e<i.length;e++){var n=i[e];n.orderNo=e+1}}function n(i){i.sort(function(i,e){return i.orderNo-e.orderNo})}var t=this;t.isNewItem={},t.addNewItem=function(e){var n={id:i.get(),orderNo:t.question.divisionList.length+1,value:null};e||(t.isNewItem[n.id]=!0),t.question.divisionList.push(n)},t.question.divisionList||(t.question.divisionList=[],t.addNewItem()),n(t.question.divisionList),t.itemsSortableConfig={placeholder:"beingDragged",handle:".drag-handle",stop:function(i,n){e(t.question.divisionList)}},t.removeItem=function(i){var e=t.question.divisionList.indexOf(i);-1!=e&&t.question.divisionList.splice(e,1)},t.keyPressedOnInput=function(i,e){delete t.isNewItem[e.id],13===i.which&&(i.preventDefault(),t.addNewItem())}}],link:function(i,e,n,t){i.ctrl}}});
-angular.module("mwFormBuilder").factory("FormQuestionBuilderId",function(){var e=0;return{next:function(){return++e}}}).directive("mwFormQuestionBuilder",function(){return{replace:!0,restrict:"AE",require:"^mwFormPageElementBuilder",scope:{question:"=",formObject:"=",onReady:"&",isPreview:"=?",readOnly:"=?",options:"=?"},templateUrl:"mw-form-question-builder.html",controllerAs:"ctrl",bindToController:!0,controller:["$timeout","FormQuestionBuilderId","uuid",function(e,o,r){function i(){if(s.question.offeredAnswers)for(var e=0;e<s.question.offeredAnswers.length;e++)s.question.offeredAnswers[e].orderNo=e+1}function n(){s.question.offeredAnswers&&s.question.offeredAnswers.sort(function(e,o){return e.orderNo-o.orderNo})}function t(){s.question.offeredAnswers&&s.question.offeredAnswers.forEach(function(e){s.question.pageFlowModifier?e.pageFlow=s.possiblePageFlow[0]:delete e.pageFlow})}var s=this;s.id=o.next(),s.questionTypes=["text","textarea","radio","checkbox","grid","priority","division"],s.formSubmitted=!1,n(),s.save=function(){s.formSubmitted=!0,s.form.$valid&&s.onReady()},s.offeredAnswersSortableConfig={placeholder:"beingDragged",handle:".drag-handle",stop:function(e,o){i()}},s.questionTypeChanged=function(){("radio"==s.question.type||"checkbox"==s.question.type)&&(s.question.offeredAnswers||(s.question.offeredAnswers=[])),"radio"!=s.question.type&&(t(),e(function(){s.question.pageFlowModifier=!1})),"radio"!=s.question.type&&"checkbox"!=s.question.type&&delete s.question.offeredAnswers,"grid"!=s.question.type&&delete s.question.grid,"priority"!=s.question.type&&delete s.question.priorityList},s.pageFlowModifierChanged=function(){t()}}],link:function(e,o,r,i){var n=e.ctrl;n.possiblePageFlow=i.possiblePageFlow}}});
-angular.module("mwFormBuilder").directive("mwFormPageElementBuilder",function(){return{replace:!0,restrict:"AE",require:"^mwFormPageBuilder",scope:{pageElement:"=",formObject:"=",isActive:"=",isFirst:"=",isLast:"=",onReady:"&",readOnly:"=?",options:"=?"},templateUrl:"mw-form-page-element-builder.html",controllerAs:"ctrl",bindToController:!0,controller:["uuid",function(e){var t=this;"question"==t.pageElement.type?t.pageElement.question||(t.pageElement.question={id:e.get(),text:null,type:null,required:!0}):"image"==t.pageElement.type&&(t.pageElement.image||(t.pageElement.image={id:e.get(),align:"left"}))}],link:function(e,t,n,l){var o=e.ctrl;o.possiblePageFlow=l.possiblePageFlow,o.hoverIn=function(){o.isHovered=!0},o.hoverOut=function(){o.isHovered=!1},o.editElement=function(){l.selectElement(o.pageElement)},o.removeElement=function(){l.removeElement(o.pageElement)},o.moveDown=function(){l.moveDownElement(o.pageElement)},o.moveUp=function(){l.moveUpElement(o.pageElement)},o.onImageSelection=l.onImageSelection}}});
-angular.module("mwFormBuilder").directive("mwFormPageBuilder",function(){return{replace:!0,restrict:"AE",require:"^mwFormBuilder",scope:{formPage:"=",formObject:"=",isFirst:"=",isLast:"=",readOnly:"=?",options:"=?"},templateUrl:"mw-form-page-builder.html",controllerAs:"ctrl",bindToController:!0,controller:["$timeout","uuid",function(e,n){function t(){for(var e=0;e<i.formPage.elements.length;e++)i.formPage.elements[e].orderNo=e+1}function o(){i.formPage.elements.sort(function(e,n){return e.orderNo-n.orderNo})}function r(e,t){return{id:n.get(),orderNo:t,type:e}}function m(e,n,t){var o=e[n];e.splice(n,1),e.splice(t,0,o)}var i=this;i.hoverEdit=!1,i.formPage.namedPage=!!i.formPage.name,o(),i.sortableConfig={placeholder:"beingDragged",handle:".inactive",connectWith:".page-element-list",stop:function(e,n){t()}},i.activeElement=null,i.addElement=function(e){e||(e="question");var n=r(e,i.formPage.elements.length+1);i.activeElement=n,i.formPage.elements.push(n)},i.removeElement=function(e){var n=i.formPage.elements.indexOf(e);i.formPage.elements.splice(n,1)},i.moveDownElement=function(e){var n=i.formPage.elements.indexOf(e),o=n+1;o<i.formPage.elements.length&&m(i.formPage.elements,n,o),t()},i.moveUpElement=function(e){var n=i.formPage.elements.indexOf(e),o=n-1;o>=0&&m(i.formPage.elements,n,o),t()},i.addQuestion=function(){i.addElement("question")},i.addImage=function(){i.addElement("image")},i.isElementActive=function(e){return i.activeElement==e},i.selectElement=function(e){i.activeElement=e},i.onElementReady=function(){e(function(){i.activeElement=null})},i.hoverIn=function(){i.hoverEdit=!0},i.hoverOut=function(){i.hoverEdit=!1},i.updateElementsOrderNo=t}],link:function(e,n,t,o){var r=e.ctrl;r.possiblePageFlow=o.possiblePageFlow,r.moveDown=function(){o.moveDownPage(r.formPage)},r.moveUp=function(){o.moveUpPage(r.formPage)},r.removePage=function(){o.removePage(r.formPage)},r.addPage=function(){o.addPageAfter(r.formPage)},e.$watch("ctrl.formPage.elements.length",function(e,n){e!=n&&r.updateElementsOrderNo()}),r.onImageSelection=o.onImageSelection}}});
-angular.module("mwFormBuilder").factory("FormImageBuilderId",function(){var e=0;return{next:function(){return++e}}}).directive("mwFormImageBuilder",function(){return{replace:!0,restrict:"AE",require:"^mwFormPageElementBuilder",scope:{image:"=",formObject:"=",onReady:"&",isPreview:"=?",readOnly:"=?",options:"=?",onImageSelection:"&"},templateUrl:"mw-form-image-builder.html",controllerAs:"ctrl",bindToController:!0,controller:["$timeout","FormImageBuilderId","uuid",function(e,r,t){var n=this;n.id=r.next(),n.formSubmitted=!1,n.save=function(){n.formSubmitted=!0,n.form.$valid&&n.onReady()},n.selectImageButtonClicked=function(){var e=n.onImageSelection();e.then(function(e){n.image.src=e})["catch"](function(){})},n.setAlign=function(e){n.image.align=e}}],link:function(e,r,t,n){e.ctrl}}});
-angular.module("mwFormBuilder").directive("mwFormConfirmationPageBuilder",function(){return{replace:!0,restrict:"AE",scope:{formObject:"=",readOnly:"=?",options:"=?"},templateUrl:"mw-form-confirmation-page-builder.html",controllerAs:"ctrl",bindToController:!0,controller:["$timeout",function(r){var o=this;o.hoverEdit=!1,o.hoverIn=function(){o.hoverEdit=!0},o.hoverOut=function(){o.hoverEdit=!1}}],link:function(r,o,t){}}});
-angular.module("mwFormBuilder").directive("mwFormBuilder",function(){return{replace:!0,restrict:"AE",scope:{formData:"=",readOnly:"=?",options:"=?",formStatus:"=?",confirm:"=",onImageSelection:"&"},templateUrl:"mw-form-builder.html",controllerAs:"ctrl",bindToController:!0,controller:["uuid",function(a){function e(e){var o=t.possiblePageFlow[0];return{id:a.get(),number:e,name:null,description:null,pageFlow:o,elements:[]}}function o(){for(var a=0;a<t.formData.pages.length;a++)t.formData.pages[a].number=a+1;t.updatePageFlow()}function r(a,e,o){var r=a[e];a.splice(e,1),a.splice(o,0,r)}var t=this;t.translations={},t.formData.pages&&t.formData.pages.length||(t.formData.pages=[],t.formData.pages.push(e(1))),console.log(t.formData),t.addPage=function(){t.formData.pages.push(e(t.formData.pages.length+1))},t.addPageAfter=function(a){var r=t.formData.pages.indexOf(a),n=r+1,l=e(a.number+1);n<t.formData.pages.length?t.formData.pages.splice(n,0,l):t.formData.pages.push(l),o()},t.moveDownPage=function(a){var e=t.formData.pages.indexOf(a),n=e+1;n<t.formData.pages.length&&r(t.formData.pages,e,n),o()},t.moveUpPage=function(a){var e=t.formData.pages.indexOf(a),n=e-1;n>=0&&r(t.formData.pages,e,n),o()},t.removePage=function(a){var e=t.formData.pages.indexOf(a);t.formData.pages.splice(e,1),o()}}],link:function(a,e,o){var r=a.ctrl;r.formStatus.form=r.form,r.possiblePageFlow=[];var t={nextPage:!0,label:"mwForm.pageFlow.goToNextPage"};r.possiblePageFlow.push(t),r.isSamePageFlow=function(a,e){return a.page&&e.page&&a.page.id==e.page.id||a.formSubmit&&e.formSubmit||a.nextPage&&e.nextPage},r.updatePageFlow=function(){r.possiblePageFlow.length=1,r.formData.pages.forEach(function(a){r.possiblePageFlow.push({page:{id:a.id,number:a.number},label:"mwForm.pageFlow.goToPage"})}),r.possiblePageFlow.push({formSubmit:!0,label:"mwForm.pageFlow.submitForm"}),r.formData.pages.forEach(function(a){r.possiblePageFlow.forEach(function(e){a.pageFlow?r.isSamePageFlow(e,a.pageFlow)&&(a.pageFlow=e):a.pageFlow=t,a.elements.forEach(function(a){var o=a.question;o&&o.pageFlowModifier&&o.offeredAnswers.forEach(function(a){a.pageFlow&&r.isSamePageFlow(e,a.pageFlow)&&(a.pageFlow=e)})})})})},a.$watch("ctrl.formData.pages.length",function(a,e){r.updatePageFlow()})}}});
-angular.module("mwFormBuilder").directive("wdFocusMe",["$timeout","$parse",function(n,o){return{link:function(u,t,c){var e=o(c.wdFocusMe);u.$watch(e,function(o){console.log("value=",o),o===!0&&n(function(){t[0].focus()})}),t.bind("blur",function(){console.log("blur"),u.$apply(e.assign(u,!1))})}}}]).factory("focus",["$timeout","$window",function(n,o){return function(u){n(function(){var n=o.document.getElementById(u);n&&n.focus()})}}]);
-"use strict";angular.module("mwFormBuilder").directive("mwConfirmClick",["$window",function(i){return{restrict:"A",link:function(n,r,c){var o=c.wdConfirmClick||"Are you sure?";r.bind("click",function(r){i.confirm(o)&&n.$apply(c.confirmedAction)})}}}]);
\ No newline at end of file
+angular.module('mwFormBuilder', ['ui.sortable']);
+
+
+angular.module('mwFormBuilder')
+    .service('uuid', function () {
+        function s4() {
+            return Math.floor((1 + Math.random()) * 0x10000)
+                .toString(16)
+                .substring(1);
+        }
+        this.get = function () {
+            return s4() + s4()  + s4() + s4() +s4() + s4() + s4() + s4();
+
+
+        };
+    });
+/*    .factory('CollectionsUtil', function(){
+        return{
+            replaceByEqualObject: function(collection, referenceObjects, equalFn){
+                return _.map(collection, function(element){
+                    var foundRefObj = _.find(referenceObjects, function(refObj){
+                        if(equalFn){
+                            return equalFn(element, refObj);
+                        }else{
+                            return _.isEqual(element, refObj);
+                        }
+                    });
+                    if(foundRefObj){
+                        return foundRefObj;
+                    }else{
+                        return element;
+                    }
+                });
+            },
+            isNotEmptyArray: function(object){
+                return object && $.isArray(object) && object.length > 0;
+            }
+        }
+    });*/
+
+angular.module("mwFormBuilder").run(["$templateCache", function($templateCache) {$templateCache.put("mw-form-builder.html","<div class=mw-form-builder><form name=ctrl.form role=form novalidate><div class=mw-title-page><div class=form-group><label for=formName translate=mwForm.form.name>Form name</label> <input type=text class=form-control name=formName id=formName ng-model=ctrl.formData.name ng-readonly=ctrl.readOnly placeholder=\"{{\'mwForm.form.name.placeholder\'|translate}}\" required></div><div class=form-group><label for=formDescription translate=mwForm.form.description>Description</label> <textarea msd-elastic class=form-control name=formDescription ng-model=ctrl.formData.description id=formDescription ng-readonly=ctrl.readOnly>\r\n            </textarea></div></div><div class=form-page-list><mw-form-page-builder ng-repeat=\"page in ctrl.formData.pages\" form-page=page form-object=ctrl.formData is-first=$first is-last=$last read-only=ctrl.readOnly></mw-form-page-builder></div><button type=button class=\"btn btn-default mw-add-new-page-button\" ng-click=ctrl.addPage() ng-if=!ctrl.readOnly><i class=\"fa fa-plus\"></i> <span translate=mwForm.buttons.addPage></span></button><mw-form-confirmation-page-builder form-object=ctrl.formData read-only=ctrl.readOnly></mw-form-confirmation-page-builder></form></div>");
+$templateCache.put("mw-form-confirmation-page-builder.html","<div class=\"mw-form-page-builder mw-confirmation-page\"><div><div class=mw-page-tab-container><div class=mw-form-page-tab><span class=mw-page-tab-text role=heading translate=mwForm.confirmationPage.title>Strona potwierdzenia</span></div><div class=mw-page-tab-triangle></div></div><div ng-form=ctrl.form role=form novalidate class=form-page-builder-body><div class=form-group><textarea msd-elastic class=form-control name=confirmationMessage ng-model=ctrl.formObject.confirmationMessage aria-label=\"{{\'mwForm.confirmationPage.customMessage\'|translate}}\" placeholder=\"{{\'mwForm.confirmationPage.customMessage\'|translate}}\" ng-disabled=ctrl.readOnly></textarea></div></div></div></div>");
+$templateCache.put("mw-form-image-builder.html","<div class=mw-form-image-builder-wrapper><div class=mw-form-image-builder ng-class=\"{\'ng-submitted\':ctrl.formSubmitted}\"><div class=image-editor ng-form=ctrl.form ng-if=!ctrl.isPreview><button ng-if=!ctrl.image.src ng-click=ctrl.selectImageButtonClicked() type=button class=\"btn btn-default\" translate=mwForm.image.selectImageButton>Select image</button><div class=\"image-edition row\" ng-if=ctrl.image.src><div class=col-md-12 ng-class=\"\'align-\'+ctrl.image.align\"><img ng-src={{ctrl.image.src}}></div><div class=\"col-md-12 image-align-control\"><div class=btn-group role=group aria-label=\"Image align\"><button type=button class=\"btn btn-default\" ng-class=\"{\'selected\': ctrl.image.align==\'left\'}\" ng-click=\"ctrl.setAlign(\'left\')\"><i class=\"fa fa-align-left\"></i></button> <button type=button class=\"btn btn-default\" ng-class=\"{\'selected\': ctrl.image.align==\'center\'}\" ng-click=\"ctrl.setAlign(\'center\')\"><i class=\"fa fa-align-center\"></i></button> <button type=button class=\"btn btn-default\" ng-class=\"{\'selected\': ctrl.image.align==\'right\'}\" ng-click=\"ctrl.setAlign(\'right\')\"><i class=\"fa fa-align-right\"></i></button></div></div><div class=form-horizontal><div class=form-group><label ng-attr-for=image-caption-{{ctrl.id}} class=\"col-sm-2 control-label\">Podpis</label><div class=col-sm-8><input type=text class=form-control name=text ng-attr-id=image-caption-{{ctrl.id}} ng-model=ctrl.image.caption ng-readonly=ctrl.readOnly></div></div></div></div><div class=row ng-if=ctrl.image.src><br><br><div class=col-xs-2><button type=button class=\"btn btn-primary\" ng-click=ctrl.save() translate=mwForm.buttons.questionReady>Gotowe</button></div></div></div><div class=mw-preview ng-if=ctrl.isPreview><figure ng-class=\"\'align-\'+ctrl.image.align\"><img ng-src={{ctrl.image.src}} ng-attr-alt=ctrl.image.caption><figcaption ng-if=ctrl.image.caption>{{ctrl.image.caption}}</figcaption></figure></div></div></div>");
+$templateCache.put("mw-form-page-builder.html","<div class=mw-form-page-builder><div ng-mouseover=ctrl.hoverIn() ng-mouseleave=ctrl.hoverOut()><div class=mw-page-tab-container><div class=mw-form-page-tab><span class=mw-page-tab-text role=heading translate=mwForm.page.tab.heading translate-values=\"{page: ctrl.formPage.number, allPages:ctrl.formObject.pages.length}\">Strona 1 z 3</span> <span class=mw-page-tab-checkbox><label><input type=checkbox ng-model=ctrl.formPage.namedPage><span class=mw-page-tab-checkbox-text translate=mwForm.page.pageWithNameCheckbox>named</span></label></span></div><div class=mw-page-tab-triangle></div><div class=mw-page-tab-actions ng-if=!ctrl.readOnly><button type=button class=move-down-button ng-click=ctrl.moveDown() ng-if=!ctrl.isLast ng-attr-title=\"{{\'mwForm.buttons.moveDown\' | translate}}\" popover=\"{{\'mwForm.buttons.moveDown\' | translate}}\" popover-trigger=mouseenter popover-placement=left><i class=\"fa fa-chevron-down\"></i></button> <button type=button class=move-up-button ng-click=ctrl.moveUp() ng-if=!ctrl.isFirst ng-attr-title=\"{{\'mwForm.buttons.moveUp\' | translate}}\" popover=\"{{\'mwForm.buttons.moveUp\' | translate}}\" popover-trigger=mouseenter popover-placement=left><i class=\"fa fa-chevron-up\"></i></button> <button type=button class=remove-button mw-confirm-click confirmed-action=ctrl.removePage() ng-attr-title=\"{{\'mwForm.buttons.removePage\' | translate}}\" popover=\"{{\'mwForm.buttons.removePage\' | translate}}\" popover-trigger=mouseenter popover-placement=left><i class=\"fa fa-trash\"></i></button></div></div><div ng-form=ctrl.form role=form novalidate class=form-page-builder-body><div class=form-group ng-if=ctrl.formPage.namedPage><label for=pageName translate=mwForm.page.name>Nazwa strony</label> <input type=text class=form-control name=pageName id=pageName ng-model=ctrl.formPage.name ng-readonly=ctrl.readOnly></div><div class=page-element-list ui-sortable=ctrl.sortableConfig ng-model=ctrl.formPage.elements><div class=\"empty-page-element-list-label form-group\" ng-if=\"!ctrl.formPage.elements || (ctrl.formPage.elements && ctrl.formPage.elements.length == 0)\"><span translate=mwForm.page.elements.empty>Brak elementów</span></div><mw-form-page-element-builder ng-repeat=\"element in ctrl.formPage.elements\" page-element=element form-object=ctrl.formObject is-active=ctrl.isElementActive(element) on-ready=ctrl.onElementReady() ng-click=ctrl.selectElement(element) is-first=$first is-last=$last read-only=ctrl.readOnly></mw-form-page-element-builder></div><div class=\"add-element btn-group dropdown\" ng-if=!ctrl.readOnly><button type=button class=\"btn btn-default\" ng-click=ctrl.addElement()><span translate=mwForm.buttons.addElement>Add element</span></button> <button type=button class=\"btn btn-default dropdown-toggle\" data-toggle=dropdown aria-haspopup=true aria-expanded=false><span class=caret></span> <span class=sr-only>Split button!</span></button><ul class=dropdown-menu role=menu><li><button type=button ng-click=ctrl.addQuestion()><span translate=mwForm.elements.question>Pytanie</span></button></li><li><button type=button ng-click=ctrl.addImage()><span translate=mwForm.elements.image>Obraz</span></button></li></ul></div></div><table cellspacing=0 class=mw-page-bottom-tab-container ng-if=!ctrl.isLast><tr><td class=mw-page-bottom-tab-triangle></td><td class=mw-form-page-bottom-tab><div class=\"page-flow-select form-inline\"><label translate=mwForm.pageFlow.afterPage translate-values={page:ctrl.formPage.number}>Po stronie 1</label><select ng-options=\"pageFlow.label|translate:pageFlow for pageFlow in ctrl.possiblePageFlow\" ng-model=ctrl.formPage.pageFlow class=form-control ng-disabled=ctrl.readOnly></select></div></td><td class=mw-page-bottom-tab-actions><button type=button role=button class=btn ng-click=ctrl.addPage() ng-if=!ctrl.readOnly ng-attr-title=\"{{\'mwForm.buttons.addPage\' | translate}}\" popover=\"{{\'mwForm.buttons.addPage\' | translate}}\" popover-trigger=mouseenter popover-placement=left><i class=\"fa fa-plus\"></i></button></td></tr></table></div></div>");
+$templateCache.put("mw-form-page-element-builder.html","<div class=mw-form-page-element-builder-wrapper><div class=mw-form-page-element-builder ng-class=\"{\'active\': ctrl.isActive, \'inactive draggable\': !ctrl.isActive}\"><div class=mw-page-element-actions-tab ng-switch=ctrl.isActive&&!ctrl.readOnly><div ng-switch-when=true><button type=button class=move-down-button ng-click=ctrl.moveDown() ng-if=!ctrl.isLast ng-attr-title=\"{{\'mwForm.buttons.moveDown\' | translate}}\" popover=\"{{\'mwForm.buttons.moveDown\' | translate}}\" popover-trigger=mouseenter popover-placement=left><i class=\"fa fa-chevron-down\"></i></button> <button type=button class=move-up-button ng-click=ctrl.moveUp() ng-if=!ctrl.isFirst ng-attr-title=\"{{\'mwForm.buttons.moveUp\' | translate}}\" popover=\"{{\'mwForm.buttons.moveUp\' | translate}}\" popover-trigger=mouseenter popover-placement=left><i class=\"fa fa-chevron-up\"></i></button> <button type=button class=remove-button mw-confirm-click confirmed-action=ctrl.removeElement() ng-attr-title=\"{{\'mwForm.buttons.remove\' | translate}}\" popover=\"{{\'mwForm.buttons.remove\' | translate}}\" popover-trigger=mouseenter popover-placement=left><i class=\"fa fa-trash\"></i></button></div><div ng-switch-when=false><button type=button aria-label=\"Edytuj element\" aria-hidden=false class=edit-button ng-click=ctrl.editElement() ng-if=!ctrl.readOnly><i class=\"fa fa-pencil\"></i></button> <button type=button aria-label=\"Wyświetl element\" aria-hidden=false class=edit-button ng-click=ctrl.editElement() ng-if=ctrl.readOnly><i class=\"fa fa-eye\"></i></button></div></div><mw-form-question-builder ng-if=\"ctrl.pageElement.type==\'question\'\" question=ctrl.pageElement.question form-object=ctrl.formObject on-ready=ctrl.onReady() is-preview=!ctrl.isActive read-only=ctrl.readOnly></mw-form-question-builder><mw-form-image-builder ng-if=\"ctrl.pageElement.type==\'image\'\" image=ctrl.pageElement.image form-object=ctrl.formObject on-ready=ctrl.onReady() is-preview=!ctrl.isActive read-only=ctrl.readOnly on-image-selection=ctrl.onImageSelection()></mw-form-image-builder></div></div>");
+$templateCache.put("mw-form-question-builder.html","<div class=mw-form-question-builder-wrapper><div class=mw-form-question-builder ng-class=\"{\'ng-submitted\':ctrl.formSubmitted}\"><div ng-form=ctrl.form ng-if=!ctrl.isPreview><div class=form-horizontal><div class=form-group><label ng-attr-for=question-text-{{ctrl.id}} class=\"col-sm-2 control-label\" translate=mwForm.question.text>Treść pytania</label><div class=\"col-sm-10 col-md-8\"><input type=text class=form-control name=text ng-attr-id=question-text-{{ctrl.id}} ng-model=ctrl.question.text ng-readonly=ctrl.readOnly required></div></div><div class=\"form-group mw-question-type\"><label ng-attr-for=question-type-{{ctrl.id}} class=\"col-sm-2 control-label\" translate=mwForm.question.type>Typ pytania</label><div class=\"col-sm-10 form-inline\"><select ng-attr-id=question-type-{{ctrl.id}} ng-options=\"\'mwForm.question.types.\'+type+\'.name\'|translate for type in ctrl.questionTypes\" ng-model=ctrl.question.type ng-change=ctrl.questionTypeChanged() class=form-control ng-disabled=ctrl.readOnly required></select><div class=checkbox ng-if=\"ctrl.question.type==\'radio\'\"><label><input type=checkbox ng-model=ctrl.question.pageFlowModifier ng-change=ctrl.pageFlowModifierChanged() ng-readonly=ctrl.readOnly> <span translate=mwForm.pageFlow.afterQuestionAnswer>Przejdź do strony w oparciu o odpowiedź</span></label></div></div></div></div><div class=row ng-if=ctrl.question.type><div class=\"mw-form-question-answers-builder col-sm-10 col-sm-offset-2 col-md-8\"><div ng-if=\"ctrl.question.type==\'text\'\"><input class=form-control type=text disabled value=\"{{\'mwForm.question.preview.text\'|translate}}\"></div><div ng-if=\"ctrl.question.type==\'textarea\'\"><textarea class=form-control disabled>{{\'mwForm.question.preview.textarea\'|translate}}</textarea></div><div ng-if=\"ctrl.question.type==\'radio\' || ctrl.question.type==\'checkbox\'\"><mw-question-offered-answer-list-builder question=ctrl.question form-object=ctrl.formObject read-only=ctrl.readOnly></mw-question-offered-answer-list-builder></div><div ng-if=\"ctrl.question.type==\'priority\'\"><mw-question-priority-list-builder question=ctrl.question read-only=ctrl.readOnly></mw-question-priority-list-builder></div></div><div class=col-sm-12 ng-if=\"ctrl.question.type==\'grid\'\"><mw-question-grid-builder question=ctrl.question read-only=ctrl.readOnly></mw-question-grid-builder></div><div class=col-sm-12 ng-if=\"ctrl.question.type==\'division\'\"><mw-question-division-builder question=ctrl.question read-only=ctrl.readOnly></mw-question-division-builder></div></div><br><br><div class=row><div class=col-xs-2><button type=button class=\"btn btn-primary\" ng-click=ctrl.save() translate=mwForm.buttons.questionReady>Gotowe</button></div><div class=col-xs-10><div class=checkbox><label><input type=checkbox ng-model=ctrl.question.required ng-disabled=ctrl.readOnly><span translate=mwForm.question.required>Required</span></label></div></div></div></div><div class=mw-preview ng-if=ctrl.isPreview><div class=mw-question-text>{{ctrl.question.text}} <span ng-if=ctrl.question.required>*</span></div><div class=question-answers><div ng-if=\"ctrl.question.type==\'text\'\"><input class=form-control type=text disabled value=\"{{\'mwForm.question.preview.text\'|translate}}\"></div><div ng-if=\"ctrl.question.type==\'textarea\'\"><textarea class=form-control type=text disabled>{{\'mwForm.question.preview.textarea\'|translate}}</textarea></div><div ng-if=\"ctrl.question.type==\'radio\'\"><div class=radio ng-repeat=\"answer in ctrl.question.offeredAnswers\"><label><input type=radio> {{answer.value}}</label></div><div class=radio ng-if=ctrl.question.otherAnswer><label><input type=radio><span translate=mwForm.question.preview.otherAnswer>Inna</span>:</label> <span class=form-inline><input type=text class=form-control disabled></span></div></div><div ng-if=\"ctrl.question.type==\'checkbox\'\"><div class=checkbox ng-repeat=\"answer in ctrl.question.offeredAnswers\"><label><input type=checkbox> {{answer.value}}</label></div><div class=checkbox ng-if=ctrl.question.otherAnswer><label><input type=checkbox><span translate=mwForm.question.preview.otherAnswer>Inna</span>:</label> <span class=form-inline><input type=text class=form-control disabled></span></div></div><div ng-if=\"ctrl.question.type==\'grid\'\"><div class=table-responsive><table class=\"table table-condensed table-striped\" border=0 cellpadding=5 cellspacing=0><thead><tr><td></td><td ng-repeat=\"col in ctrl.question.grid.cols\"><label>{{col.label}}</label></td></tr></thead><tbody><tr ng-repeat=\"row in ctrl.question.grid.rows\"><td>{{row.label}}</td><td ng-repeat=\"col in ctrl.question.grid.cols\"><input type=radio></td></tr></tbody></table></div></div><div class=mw-priority-list ng-if=\"ctrl.question.type==\'priority\'\"><table><thead><tr><th translate=mwForm.question.priority.sorted>Sorted</th><th translate=mwForm.question.priority.available>Available</th></tr></thead><tbody><tr><td class=mw-ordered-items></td><td class=mw-available-items><div class=mw-item ng-repeat=\"item in ctrl.question.priorityList\">{{::item.value}}</div></td></tr></tbody></table></div></div><div ng-if=\"ctrl.question.type==\'division\'\"><div class=form-inline style=\"margin-bottom: 5px\" ng-repeat=\"item in ctrl.question.divisionList\"><div class=form-group><label>{{item.value}}</label> <input type=number class=form-control style=\"width: 80px\"> <span>{{ctrl.question.unit}}</span></div></div><div class=form-inline style=\"margin-bottom: 5px\"><div class=form-group><label translate=mwForm.question.division.assignedSumLabel>Przydzielono</label> <input type=number class=\"form-control strict-validation\" style=\"width: 80px\" readonly value=0> <span>{{ctrl.question.unit}} <span translate=mwForm.question.division.fromRequiredLabel>z wymaganych</span> <strong>{{ctrl.question.quantity}}</strong> {{ctrl.question.unit}}</span></div></div></div></div></div></div>");
+$templateCache.put("mw-question-division-builder.html","<div class=mw-question-division-builder><div class=form-horizontal><div class=form-group><label class=\"col-sm-2 control-label\" translate=mwForm.question.division.quantity>Ilość</label><div class=\"col-sm-10 col-md-8 form-inline\"><input type=number ng-model=ctrl.question.quantity required class=form-control min=1 ng-readonly=ctrl.readOnly></div></div><div class=form-group><label class=\"col-sm-2 control-label\" ng-attr-for=division-unit-{{ctrl.question.id}} translate=mwForm.question.division.unit>Etykieta jednostki</label><div class=\"col-sm-10 col-md-8 form-inline\"><input ng-attr-id=division-unit-{{ctrl.question.id}} type=text ng-model=ctrl.question.unit required class=form-control ng-readonly=ctrl.readOnly></div></div></div><div class=\"col-sm-10 col-sm-offset-2 col-md-8\"><div class=question-division-list ui-sortable=ctrl.itemsSortableConfig ng-model=ctrl.question.divisionList role=list><div class=mw-question-division-list-item ng-repeat=\"item in ctrl.question.divisionList\" role=listitem><div class=drag-handle ng-if=!ctrl.readOnly><i class=\"fa fa-arrows-v fa-lg handle-inner\"></i></div><input wd-focus-me=ctrl.isNewItem[item.id] type=text ng-model=item.value ng-keypress=ctrl.keyPressedOnInput($event,item) required class=\"form-control item-value\" ng-readonly=ctrl.readOnly> <button role=button class=remove-item-button ng-click=ctrl.removeItem(item) ng-if=!ctrl.readOnly><i class=\"fa fa-times\"></i></button></div></div><div class=\"mw-question-division-list-item add-new-item-widget\"><div class=drag-handle></div><span ng-click=ctrl.addNewItem() role=button ng-if=!ctrl.readOnly><input type=text required class=form-control value=\"Kliknij aby dodać pozycję\"></span></div></div></div>");
+$templateCache.put("mw-question-grid-builder.html","<div class=mw-question-grid-builder><div class=\"form-horizontal mw-grid-rows-builder\"><div class=mw-grid-row-list ui-sortable=ctrl.rowsSortableConfig ng-model=ctrl.question.grid.rows role=list><div class=\"mw-grid-item form-group\" ng-repeat=\"row in ctrl.question.grid.rows\" role=listitem><label class=\"col-sm-2 control-label\" translate=mwForm.question.grid.rowLabel translate-values=\"{row: row.orderNo}\">Etykieta wiersza {{row.orderNo}}</label><div class=\"col-sm-10 col-md-8\"><div class=drag-handle><i class=\"fa fa-arrows-v fa-lg handle-inner\"></i></div><input wd-focus-me=ctrl.isNewInput[row.id] type=text ng-model=row.label ng-keypress=\"ctrl.keyPressedOnInput($event,row, \'row\')\" required class=\"form-control mw-item-label-value\" ng-readonly=ctrl.readOnly> <button role=button class=remove-item-button ng-click=ctrl.removeRow(row) ng-if=!ctrl.readOnly><i class=\"fa fa-times\"></i></button></div></div></div><div class=\"mw-grid-item form-group add-new-item-widget\" ng-if=!ctrl.readOnly><label class=\"col-sm-2 control-label\" translate=mwForm.question.grid.rowLabel translate-values=\"{row: ctrl.question.grid.rows.length+1}\">Etykieta wiersza {{ctrl.question.grid.rows.length+1}}</label><div class=\"col-sm-10 col-md-8\"><div class=drag-handle></div><span ng-click=ctrl.addNewRow() role=button><input type=text required class=form-control value=\"{{\'mwForm.question.grid.clickToAddRow\'|translate}}\"></span></div></div></div><div class=row><div class=\"mw-grid-separator col-sm-9 col-sm-offset-1\"></div></div><div class=\"form-horizontal mw-grid-cols-builder\"><div class=mw-grid-col-list ui-sortable=ctrl.colsSortableConfig ng-model=ctrl.question.grid.cols role=list><div class=\"mw-grid-item form-group\" ng-repeat=\"col in ctrl.question.grid.cols\" role=listitem><label class=\"col-sm-2 control-label\" translate=mwForm.question.grid.columnLabel translate-values=\"{col: col.orderNo}\">Etykieta kolumny {{col.orderNo}}</label><div class=\"col-sm-10 col-md-8\"><div class=drag-handle><i class=\"fa fa-arrows-v fa-lg handle-inner\"></i></div><input wd-focus-me=ctrl.isNewInput[col.id] type=text ng-model=col.label ng-keypress=\"ctrl.keyPressedOnInput($event,col, \'col\')\" required class=\"form-control mw-item-label-value\" ng-readonly=ctrl.readOnly> <button role=button class=remove-item-button ng-click=ctrl.removeCol(col) ng-if=!ctrl.readOnly><i class=\"fa fa-times\"></i></button></div></div></div><div class=\"mw-grid-item form-group add-new-item-widget\" ng-if=!ctrl.readOnly><label class=\"col-sm-2 control-label\" translate=mwForm.question.grid.columnLabel translate-values=\"{col: ctrl.question.grid.cols.length+1}\">Etykieta kolumny {{ctrl.question.grid.cols.length+1}}</label><div class=\"col-sm-10 col-md-8\"><div class=drag-handle></div><span ng-click=ctrl.addNewCol() role=button><input type=text required class=form-control value=\"{{\'mwForm.question.grid.clickToAddColumn\'|translate}}\"></span></div></div></div></div>");
+$templateCache.put("mw-question-offered-answer-list-builder.html","<div class=question-offered-answer-list-builder><div class=question-offered-answer-list ui-sortable=ctrl.offeredAnswersSortableConfig ng-model=ctrl.question.offeredAnswers role=list><div class=mw-question-offered-answer ng-repeat=\"answer in ctrl.question.offeredAnswers\" role=listitem><div class=drag-handle ng-if=!ctrl.readOnly><i class=\"fa fa-arrows-v fa-lg handle-inner\"></i></div><div class=option-type-indicator><i ng-if=\"ctrl.question.type==\'radio\'\" class=\"fa fa-circle-thin fa-fw\"></i> <i ng-if=\"ctrl.question.type==\'checkbox\'\" class=\"fa fa-square-o fa-fw\"></i></div><input wd-focus-me=ctrl.isNewAnswer[answer.id] type=text ng-model=answer.value ng-keypress=ctrl.keyPressedOnInput($event,answer) required class=\"form-control offered-answer-value\" ng-readonly=ctrl.readOnly> <button role=button class=remove-item-button ng-click=ctrl.removeOfferedAnswer(answer) ng-if=!ctrl.readOnly ng-attr-title=\"{{\'mwForm.buttons.remove\' | translate}}\" popover=\"{{\'mwForm.buttons.remove\' | translate}}\" popover-trigger=mouseenter popover-placement=top><i class=\"fa fa-times\"></i></button> <span ng-if=ctrl.question.pageFlowModifier class=form-inline><select ng-options=\"pageFlow.label|translate:pageFlow for pageFlow in ctrl.possiblePageFlow\" ng-model=answer.pageFlow class=form-control ng-disabled=ctrl.readOnly></select></span></div></div><div class=\"mw-question-offered-answer add-new-answer-widget\" ng-if=!ctrl.readOnly><div class=drag-handle></div><div class=option-type-indicator><i ng-if=\"ctrl.question.type==\'radio\'\" class=\"fa fa-circle-thin fa-fw\"></i> <i ng-if=\"ctrl.question.type==\'checkbox\'\" class=\"fa fa-square-o fa-fw\"></i></div><span ng-click=ctrl.addNewOfferedAnswer() role=button><input type=text class=\"form-control offered-answer-value\" value=\"{{\'mwForm.question.buttons.addOption\'|translate}}\"></span> <span class=add-custom-answer ng-if=!ctrl.question.otherAnswer><span translate=mwForm.question.orLabel>lub</span> <button role=button ng-click=ctrl.addCustomAnswer() translate=mwForm.question.buttons.addOther>Dodaj \"Inne\"</button></span></div><div class=\"mw-question-offered-answer custom-answer\" ng-if=ctrl.question.otherAnswer><div class=drag-handle ng-if=!ctrl.readOnly></div><div class=option-type-indicator><i ng-if=\"ctrl.question.type==\'radio\'\" class=\"fa fa-circle-thin fa-fw\"></i> <i ng-if=\"ctrl.question.type==\'checkbox\'\" class=\"fa fa-square-o fa-fw\"></i></div><label translate=mwForm.question.otherLabel>Inna:</label> <input type=text value=\"{{\'mwForm.question.userAnswer\'|translate}}\" class=\"form-control offered-answer-value\" readonly> <button type=button role=button class=remove-item-button ng-click=ctrl.removeCustomAnswer() ng-if=!ctrl.readOnly ng-attr-title=\"{{\'mwForm.buttons.remove\' | translate}}\" popover=\"{{\'mwForm.buttons.remove\' | translate}}\" popover-trigger=mouseenter popover-placement=top><i class=\"fa fa-times\"></i></button></div></div>");
+$templateCache.put("mw-question-priority-list-builder.html","<div class=mw-question-priority-list-builder><div class=question-priority-list ui-sortable=ctrl.itemsSortableConfig ng-model=ctrl.question.priorityList role=list><div class=mw-question-priority-list-item ng-repeat=\"item in ctrl.question.priorityList\" role=listitem><div class=drag-handle ng-if=!ctrl.readOnly><i class=\"fa fa-arrows-v fa-lg handle-inner\"></i></div><input wd-focus-me=ctrl.isNewItem[item.id] type=text ng-model=item.value ng-keypress=ctrl.keyPressedOnInput($event,item) required class=\"form-control item-value\" ng-readonly=ctrl.readOnly> <button role=button class=remove-item-button ng-click=ctrl.removeItem(item) ng-if=!ctrl.readOnly><i class=\"fa fa-times\"></i></button></div></div><div class=\"mw-question-priority-list-item add-new-item-widget\" ng-if=!ctrl.readOnly><div class=drag-handle></div><span ng-click=ctrl.addNewItem() role=button><input type=text required class=form-control value=\"{{\'mwForm.question.priority.clickToAddItem\'|translate}}\"></span></div></div>");}]);
+
+angular.module('mwFormBuilder').directive('mwQuestionPriorityListBuilder', function () {
+
+    return {
+        replace: true,
+        restrict: 'AE',
+        require: '^mwFormQuestionBuilder',
+        scope: {
+            question: '=',
+            readOnly: '=?',
+            options: '=?'
+        },
+        templateUrl: 'mw-question-priority-list-builder.html',
+        controllerAs: 'ctrl',
+        bindToController: true,
+        controller: ["uuid", function(uuid){
+            var ctrl = this;
+            ctrl.isNewItem = {};
+
+            ctrl.addNewItem=function(noFocus){
+
+                var item = {
+                    id: uuid.get(),
+                    orderNo: ctrl.question.priorityList.length + 1,
+                    value: null
+                };
+                if(!noFocus){
+                    ctrl.isNewItem[item.id]=true;
+                }
+
+                ctrl.question.priorityList.push(item);
+            };
+
+
+            if(!ctrl.question.priorityList){
+                ctrl.question.priorityList = [];
+                ctrl.addNewItem();
+            }
+
+
+            sortByOrderNo(ctrl.question.priorityList);
+
+            function updateOrderNo(array) {
+                if(array){
+                    for(var i=0; i<array.length; i++){
+                        var item = array[i];
+                        item.orderNo = i+1;
+                    }
+                }
+
+            }
+
+            function sortByOrderNo(array) {
+                array.sort(function (a, b) {
+                   return a.orderNo - b.orderNo;
+               });
+            }
+
+            ctrl.itemsSortableConfig = {
+                placeholder: "beingDragged",
+                handle: ".drag-handle",
+                stop: function(e, ui) {
+                    updateOrderNo(ctrl.question.priorityList);
+                }
+            };
+
+            ctrl.removeItem=function(item){
+                var index =  ctrl.question.priorityList.indexOf(item);
+                if(index!=-1){
+                    ctrl.question.priorityList.splice(index,1);
+                }
+            };
+
+            ctrl.keyPressedOnInput= function(keyEvent, item){
+                delete ctrl.isNewItem[item.id];
+                if (keyEvent.which === 13){
+                    keyEvent.preventDefault();
+                    ctrl.addNewItem();
+                }
+            };
+        }],
+        link: function (scope, ele, attrs, formQuestionBuilderCtrl){
+            var ctrl = scope.ctrl;
+        }
+    };
+});
+
+
+angular.module('mwFormBuilder').directive('mwQuestionOfferedAnswerListBuilder', function () {
+
+    return {
+        replace: true,
+        restrict: 'AE',
+        require: '^mwFormQuestionBuilder',
+        scope: {
+            question: '=',
+            formObject: '=',
+            readOnly: '=?',
+            options: '=?'
+        },
+        templateUrl: 'mw-question-offered-answer-list-builder.html',
+        controllerAs: 'ctrl',
+        bindToController: true,
+        controller: ["FormQuestionBuilderId", "uuid", function(FormQuestionBuilderId, uuid){
+            var ctrl = this;
+            ctrl.config={
+                radio:{
+
+                },
+                checkbox:{
+
+                }
+            };
+
+            ctrl.isNewAnswer = {};
+
+            sortAnswersByOrderNo();
+            function updateAnswersOrderNo() {
+                if(ctrl.question.offeredAnswers){
+                    for(var i=0; i<ctrl.question.offeredAnswers.length; i++){
+
+                        var offeredAnswer = ctrl.question.offeredAnswers[i];
+
+                        offeredAnswer.orderNo = i+1;
+                    }
+                }
+
+            }
+
+            function sortAnswersByOrderNo() {
+                if(ctrl.question.offeredAnswers) {
+                    ctrl.question.offeredAnswers.sort(function (a, b) {
+                        return a.orderNo - b.orderNo;
+                    });
+                }
+            }
+
+            ctrl.offeredAnswersSortableConfig = {
+                placeholder: "beingDragged",
+                handle: ".drag-handle",
+                stop: function(e, ui) {
+                    updateAnswersOrderNo();
+                }
+            };
+
+
+
+            ctrl.addNewOfferedAnswer=function(){
+
+                var defaultPageFlow = ctrl.possiblePageFlow[0];
+
+                var answer = {
+                    id: uuid.get(),
+                    orderNo: ctrl.question.offeredAnswers.length + 1,
+                    value: null,
+                    pageFlow:defaultPageFlow
+                };
+                ctrl.isNewAnswer[answer.id]=true;
+                ctrl.question.offeredAnswers.push(answer);
+            };
+
+            ctrl.removeOfferedAnswer=function(answer){
+                var index = ctrl.question.offeredAnswers.indexOf(answer);
+                if(index!=-1){
+                    ctrl.question.offeredAnswers.splice(index,1);
+                }
+            };
+
+            ctrl.addCustomAnswer=function(){
+                ctrl.question.otherAnswer=true;
+            };
+            ctrl.removeCustomAnswer=function(){
+                ctrl.question.otherAnswer=false;
+            };
+
+            ctrl.keyPressedOnInput= function(keyEvent, answer){
+                delete ctrl.isNewAnswer[answer.id];
+                if (keyEvent.which === 13){
+                    keyEvent.preventDefault()
+                    ctrl.addNewOfferedAnswer();
+                }
+
+
+            };
+        }],
+        link: function (scope, ele, attrs, formQuestionBuilderCtrl){
+            var ctrl = scope.ctrl;
+            ctrl.possiblePageFlow = formQuestionBuilderCtrl.possiblePageFlow;
+        }
+    };
+});
+
+
+angular.module('mwFormBuilder').directive('mwQuestionGridBuilder', function () {
+
+    return {
+        replace: true,
+        restrict: 'AE',
+        require: '^mwFormQuestionBuilder',
+        scope: {
+            question: '=',
+            formObject: '=',
+            readOnly: '=?',
+            options: '=?'
+        },
+        templateUrl: 'mw-question-grid-builder.html',
+        controllerAs: 'ctrl',
+        bindToController: true,
+        controller: ["uuid", function(uuid){
+            var ctrl = this;
+            ctrl.isNewInput = {};
+            ctrl.addNewRow=function(noFocus){
+
+                var row = {
+                    id: uuid.get(),
+                    orderNo: ctrl.question.grid.rows.length + 1,
+                    label: null
+                };
+                if(!noFocus){
+                    ctrl.isNewInput[row.id]=true;
+                }
+
+                ctrl.question.grid.rows.push(row);
+            };
+
+            ctrl.addNewCol=function(noFocus){
+
+                var col = {
+                    id: uuid.get(),
+                    orderNo: ctrl.question.grid.cols.length + 1,
+                    label: null
+                };
+                if(!noFocus){
+                    ctrl.isNewInput[col.id]=true;
+                }
+
+                ctrl.question.grid.cols.push(col);
+            };
+
+
+            if(!ctrl.question.grid){
+                ctrl.question.grid = {
+                    rows:[],
+                    cols:[]
+                };
+                ctrl.addNewRow();
+                ctrl.addNewCol(true);
+            }
+
+
+
+
+            sortByOrderNo(ctrl.question.grid.rows);
+            sortByOrderNo(ctrl.question.grid.cols);
+            function updateOrderNo(array) {
+                if(array){
+                    for(var i=0; i<array.length; i++){
+                        var item = array[i];
+                        item.orderNo = i+1;
+                    }
+                }
+
+            }
+
+            function sortByOrderNo(array) {
+                array.sort(function (a, b) {
+                   return a.orderNo - b.orderNo;
+               });
+            }
+
+            ctrl.rowsSortableConfig = {
+                placeholder: "beingDragged",
+                handle: ".drag-handle",
+                stop: function(e, ui) {
+                    updateOrderNo(ctrl.question.grid.rows);
+                }
+            };
+            ctrl.colsSortableConfig = {
+                placeholder: "beingDragged",
+                handle: ".drag-handle",
+                stop: function(e, ui) {
+                    updateOrderNo(ctrl.question.grid.cols);
+                }
+            };
+
+
+
+            ctrl.removeRow=function(row){
+                var index =  ctrl.question.grid.rows.indexOf(row);
+                if(index!=-1){
+                    ctrl.question.grid.rows.splice(index,1);
+                }
+            };
+            ctrl.removeCol=function(col){
+                var index =  ctrl.question.grid.cols.indexOf(col);
+                if(index!=-1){
+                    ctrl.question.grid.cols.splice(index,1);
+                }
+            };
+
+            ctrl.keyPressedOnInput= function(keyEvent, input, type){
+                delete ctrl.isNewInput[input.id];
+                if (keyEvent.which === 13){
+                    keyEvent.preventDefault();
+                    if(type=='row'){
+                        ctrl.addNewRow();
+                    }else{
+                        ctrl.addNewCol();
+                    }
+
+                }
+
+
+            };
+        }],
+        link: function (scope, ele, attrs, formQuestionBuilderCtrl){
+            var ctrl = scope.ctrl;
+        }
+    };
+});
+
+
+angular.module('mwFormBuilder').directive('mwQuestionDivisionBuilder', function () {
+
+    return {
+        replace: true,
+        restrict: 'AE',
+        require: '^mwFormQuestionBuilder',
+        scope: {
+            question: '=',
+            readOnly: '=?',
+            options: '=?'
+        },
+        templateUrl: 'mw-question-division-builder.html',
+        controllerAs: 'ctrl',
+        bindToController: true,
+        controller: ["uuid", function(uuid){
+            var ctrl = this;
+            ctrl.isNewItem = {};
+
+            ctrl.addNewItem=function(noFocus){
+
+                var item = {
+                    id: uuid.get(),
+                    orderNo: ctrl.question.divisionList.length + 1,
+                    value: null
+                };
+                if(!noFocus){
+                    ctrl.isNewItem[item.id]=true;
+                }
+
+                ctrl.question.divisionList.push(item);
+            };
+
+
+            if(!ctrl.question.divisionList){
+                ctrl.question.divisionList = [];
+                ctrl.addNewItem();
+            }
+
+
+            sortByOrderNo(ctrl.question.divisionList);
+
+            function updateOrderNo(array) {
+                if(array){
+                    for(var i=0; i<array.length; i++){
+                        var item = array[i];
+                        item.orderNo = i+1;
+                    }
+                }
+
+            }
+
+            function sortByOrderNo(array) {
+                array.sort(function (a, b) {
+                   return a.orderNo - b.orderNo;
+               });
+            }
+
+            ctrl.itemsSortableConfig = {
+                placeholder: "beingDragged",
+                handle: ".drag-handle",
+                stop: function(e, ui) {
+                    updateOrderNo(ctrl.question.divisionList);
+                }
+            };
+
+            ctrl.removeItem=function(item){
+                var index =  ctrl.question.divisionList.indexOf(item);
+                if(index!=-1){
+                    ctrl.question.divisionList.splice(index,1);
+                }
+            };
+
+            ctrl.keyPressedOnInput= function(keyEvent, item){
+                delete ctrl.isNewItem[item.id];
+                if (keyEvent.which === 13){
+                    keyEvent.preventDefault();
+                    ctrl.addNewItem();
+                }
+            };
+        }],
+        link: function (scope, ele, attrs, formQuestionBuilderCtrl){
+            var ctrl = scope.ctrl;
+        }
+    };
+});
+
+
+angular.module('mwFormBuilder').factory("FormQuestionBuilderId", function(){
+    var id = 0;
+        return {
+            next: function(){
+                return ++id;
+            }
+        }
+    })
+
+    .directive('mwFormQuestionBuilder', function () {
+
+    return {
+        replace: true,
+        restrict: 'AE',
+        require: '^mwFormPageElementBuilder',
+        scope: {
+            question: '=',
+            formObject: '=',
+            onReady: '&',
+            isPreview: '=?',
+            readOnly: '=?',
+            options: '=?'
+        },
+        templateUrl: 'mw-form-question-builder.html',
+        controllerAs: 'ctrl',
+        bindToController: true,
+        controller: ["$timeout", "FormQuestionBuilderId", "uuid", function($timeout,FormQuestionBuilderId, uuid){
+            var ctrl = this;
+            ctrl.id = FormQuestionBuilderId.next();
+            ctrl.questionTypes = ['text', 'textarea', 'radio', 'checkbox', 'grid', 'priority', 'division'];
+            ctrl.formSubmitted=false;
+
+            sortAnswersByOrderNo();
+            function updateAnswersOrderNo() {
+                if(ctrl.question.offeredAnswers){
+                    for(var i=0; i<ctrl.question.offeredAnswers.length; i++){
+                        ctrl.question.offeredAnswers[i].orderNo = i+1;
+                    }
+                }
+
+            }
+
+            function sortAnswersByOrderNo() {
+                if(ctrl.question.offeredAnswers) {
+                    ctrl.question.offeredAnswers.sort(function (a, b) {
+                        return a.orderNo - b.orderNo;
+                    });
+                }
+            }
+
+            ctrl.save=function(){
+                ctrl.formSubmitted=true;
+                if(ctrl.form.$valid){
+                    ctrl.onReady();
+                }
+
+            };
+
+            ctrl.offeredAnswersSortableConfig = {
+                placeholder: "beingDragged",
+                handle: ".drag-handle",
+                stop: function(e, ui) {
+                    updateAnswersOrderNo();
+                }
+            };
+
+            ctrl.questionTypeChanged = function(){
+                if( ctrl.question.type == 'radio' || ctrl.question.type == 'checkbox'){
+                    if(!ctrl.question.offeredAnswers){
+                        ctrl.question.offeredAnswers=[];
+                    }
+
+                }
+                if(ctrl.question.type != 'radio'){
+                    clearCustomPageFlow();
+                    $timeout(function(){
+                        ctrl.question.pageFlowModifier=false;
+                    });
+
+                }
+                if( ctrl.question.type != 'radio' && ctrl.question.type != 'checkbox'){
+                    delete ctrl.question.offeredAnswers;
+                }
+                if(ctrl.question.type != 'grid'){
+                    delete ctrl.question.grid;
+                }
+
+                if(ctrl.question.type != 'priority'){
+                    delete ctrl.question.priorityList;
+                }
+
+
+            };
+
+            function clearCustomPageFlow() {
+
+                if(!ctrl.question.offeredAnswers){
+                    return;
+                }
+
+                ctrl.question.offeredAnswers.forEach(function (answer) {
+                    if(ctrl.question.pageFlowModifier){
+                        answer.pageFlow = ctrl.possiblePageFlow[0];;
+                    }else{
+                        delete answer.pageFlow;
+                    }
+
+                });
+            }
+
+            ctrl.pageFlowModifierChanged = function(){
+                clearCustomPageFlow();
+            };
+
+        }],
+        link: function (scope, ele, attrs, formPageElementBuilder){
+            var ctrl = scope.ctrl;
+            ctrl.possiblePageFlow = formPageElementBuilder.possiblePageFlow;
+        }
+    };
+});
+
+
+angular.module('mwFormBuilder').directive('mwFormPageElementBuilder', function () {
+
+    return {
+        replace: true,
+        restrict: 'AE',
+        require: '^mwFormPageBuilder',
+        scope: {
+            pageElement: '=',
+            formObject: '=',
+            isActive: '=',
+            isFirst: '=',
+            isLast: '=',
+            onReady: '&',
+            readOnly: '=?',
+            options: '=?'
+        },
+        templateUrl: 'mw-form-page-element-builder.html',
+        controllerAs: 'ctrl',
+        bindToController: true,
+        controller: ["uuid", function(uuid){
+            var ctrl = this;
+
+            if(ctrl.pageElement.type=='question'){
+                if(!ctrl.pageElement.question){
+                    ctrl.pageElement.question={
+                        id: uuid.get(),
+                        text: null,
+                        type:null,
+                        required:true
+                    };
+                }
+            }else if(ctrl.pageElement.type=='image'){
+                if(!ctrl.pageElement.image){
+                    ctrl.pageElement.image={
+                        id: uuid.get(),
+                        align: 'left'
+                    };
+                }
+
+            }
+
+
+
+
+        }],
+        link: function (scope, ele, attrs, pageBuilderCtrl){
+            var ctrl = scope.ctrl;
+            ctrl.possiblePageFlow = pageBuilderCtrl.possiblePageFlow;
+
+            ctrl.hoverIn = function(){
+                ctrl.isHovered = true;
+            };
+
+            ctrl.hoverOut = function(){
+                ctrl.isHovered = false;
+            };
+
+            ctrl.editElement=function(){
+                pageBuilderCtrl.selectElement(ctrl.pageElement);
+            };
+
+            ctrl.removeElement=function(){
+                pageBuilderCtrl.removeElement(ctrl.pageElement);
+            };
+
+            ctrl.moveDown= function(){
+                pageBuilderCtrl.moveDownElement(ctrl.pageElement);
+            };
+            ctrl.moveUp= function(){
+                pageBuilderCtrl.moveUpElement(ctrl.pageElement);
+            };
+
+
+            ctrl.onImageSelection = pageBuilderCtrl.onImageSelection;
+        }
+    };
+});
+
+
+angular.module('mwFormBuilder').directive('mwFormPageBuilder', function () {
+
+    return {
+        replace: true,
+        restrict: 'AE',
+        require: '^mwFormBuilder',
+        scope: {
+            formPage: '=',
+            formObject: '=',
+            isFirst: '=',
+            isLast: '=',
+            readOnly: '=?',
+            options: '=?'
+        },
+        templateUrl: 'mw-form-page-builder.html',
+        controllerAs: 'ctrl',
+        bindToController: true,
+        controller: ["$timeout", "uuid", function($timeout, uuid){
+            var ctrl = this;
+            ctrl.hoverEdit = false;
+            ctrl.formPage.namedPage = !!ctrl.formPage.name;
+
+            sortElementsByOrderNo();
+            function updateElementsOrderNo() {
+                for(var i=0; i<ctrl.formPage.elements.length; i++){
+                    ctrl.formPage.elements[i].orderNo = i+1;
+                }
+            }
+
+
+            function sortElementsByOrderNo() {
+                ctrl.formPage.elements.sort(function(a,b){
+                    return a.orderNo - b.orderNo;
+                });
+            }
+
+            ctrl.sortableConfig = {
+                placeholder: "beingDragged",
+                handle: ".inactive",
+                //cancel: ".not-draggable",
+                connectWith: ".page-element-list",
+                stop: function(e, ui) {
+                    updateElementsOrderNo();
+                }
+            };
+
+            ctrl.activeElement = null;
+
+            ctrl.addElement = function(type){
+                if(!type){
+                    type='question';
+                }
+                var element = createEmptyElement(type, ctrl.formPage.elements.length + 1);
+                ctrl.activeElement=element;
+                ctrl.formPage.elements.push(element);
+            };
+
+            ctrl.removeElement = function(pageElement){
+                var index = ctrl.formPage.elements.indexOf(pageElement);
+                ctrl.formPage.elements.splice(index,1);
+            };
+
+            ctrl.moveDownElement= function(pageElement){
+                var fromIndex = ctrl.formPage.elements.indexOf(pageElement);
+                var toIndex=fromIndex+1;
+                if(toIndex<ctrl.formPage.elements.length){
+                    arrayMove(ctrl.formPage.elements, fromIndex, toIndex);
+                }
+                updateElementsOrderNo();
+            };
+
+            ctrl.moveUpElement= function(pageElement){
+                var fromIndex = ctrl.formPage.elements.indexOf(pageElement);
+                var toIndex=fromIndex-1;
+                if(toIndex>=0){
+                    arrayMove(ctrl.formPage.elements, fromIndex, toIndex);
+                }
+                updateElementsOrderNo();
+            };
+
+            ctrl.addQuestion = function(){
+                ctrl.addElement('question');
+            };
+
+            ctrl.addImage = function(){
+                ctrl.addElement('image');
+            };
+
+            ctrl.isElementActive= function(element){
+                return ctrl.activeElement==element;
+            };
+
+            ctrl.selectElement = function(element){
+                ctrl.activeElement=element;
+            };
+
+            ctrl.onElementReady = function(){
+
+
+                $timeout(function(){
+                    ctrl.activeElement=null;
+                });
+            };
+
+
+
+            function createEmptyElement(type,orderNo){
+                return {
+                    id: uuid.get(),
+                    orderNo: orderNo,
+                    type: type
+                };
+            }
+
+            function arrayMove(arr, fromIndex, toIndex) {
+                var element = arr[fromIndex];
+                arr.splice(fromIndex, 1);
+                arr.splice(toIndex, 0, element);
+            }
+
+            ctrl.hoverIn = function(){
+                ctrl.hoverEdit = true;
+            };
+
+            ctrl.hoverOut = function(){
+                ctrl.hoverEdit = false;
+            };
+
+
+            ctrl.updateElementsOrderNo = updateElementsOrderNo;
+
+        }],
+        link: function (scope, ele, attrs, formBuilderCtrl){
+            var ctrl = scope.ctrl;
+            ctrl.possiblePageFlow = formBuilderCtrl.possiblePageFlow;
+            ctrl.moveDown= function(){
+
+                formBuilderCtrl.moveDownPage(ctrl.formPage);
+            };
+
+            ctrl.moveUp= function(){
+                formBuilderCtrl.moveUpPage(ctrl.formPage);
+            };
+
+            ctrl.removePage=function(){
+                formBuilderCtrl.removePage(ctrl.formPage);
+            };
+
+            ctrl.addPage=function(){
+                formBuilderCtrl.addPageAfter(ctrl.formPage);
+            };
+
+            scope.$watch('ctrl.formPage.elements.length', function(newValue, oldValue){
+                if(newValue!=oldValue){
+                    ctrl.updateElementsOrderNo();
+                }
+            });
+
+            ctrl.onImageSelection = formBuilderCtrl.onImageSelection;
+        }
+    };
+});
+
+
+angular.module('mwFormBuilder').factory("FormImageBuilderId", function(){
+    var id = 0;
+        return {
+            next: function(){
+                return ++id;
+            }
+        }
+    })
+
+    .directive('mwFormImageBuilder', function () {
+
+    return {
+        replace: true,
+        restrict: 'AE',
+        require: '^mwFormPageElementBuilder',
+        scope: {
+            image: '=',
+            formObject: '=',
+            onReady: '&',
+            isPreview: '=?',
+            readOnly: '=?',
+            options: '=?',
+            onImageSelection: '&'
+        },
+        templateUrl: 'mw-form-image-builder.html',
+        controllerAs: 'ctrl',
+        bindToController: true,
+        controller: ["$timeout", "FormImageBuilderId", "uuid", function($timeout,FormImageBuilderId, uuid){
+            var ctrl = this;
+            ctrl.id = FormImageBuilderId.next();
+            ctrl.formSubmitted=false;
+
+            ctrl.save=function(){
+                ctrl.formSubmitted=true;
+                if(ctrl.form.$valid){
+                    ctrl.onReady();
+                }
+            };
+
+            ctrl.selectImageButtonClicked = function(){
+                var resultPromise = ctrl.onImageSelection();
+                resultPromise.then(function(imageSrc){
+                   ctrl.image.src = imageSrc;
+
+                }).catch(function(){
+
+                });
+            };
+
+            ctrl.setAlign = function(align){
+                ctrl.image.align = align;
+            }
+
+
+        }],
+        link: function (scope, ele, attrs, formPageElementBuilder){
+            var ctrl = scope.ctrl;
+        }
+    };
+});
+
+angular.module('mwFormBuilder').directive('mwFormConfirmationPageBuilder', function () {
+
+    return {
+        replace: true,
+        restrict: 'AE',
+        scope: {
+            formObject: '=',
+            readOnly: '=?',
+            options: '=?'
+        },
+        templateUrl: 'mw-form-confirmation-page-builder.html',
+        controllerAs: 'ctrl',
+        bindToController: true,
+        controller: ["$timeout", function($timeout){
+            var ctrl = this;
+            ctrl.hoverEdit = false;
+
+
+            ctrl.hoverIn = function(){
+                ctrl.hoverEdit = true;
+            };
+
+            ctrl.hoverOut = function(){
+                ctrl.hoverEdit = false;
+            };
+
+        }],
+        link: function (scope, ele, attrs){
+
+        }
+    };
+});
+
+
+angular.module('mwFormBuilder').directive('mwFormBuilder', function () {
+
+    return {
+        replace: true,
+        restrict: 'AE',
+        scope: {
+            formData: '=',
+            readOnly: '=?',
+            options: '=?',
+            formStatus: '=?',
+            confirm: '=',
+            onImageSelection: '&'
+        },
+        templateUrl: 'mw-form-builder.html',
+        controllerAs: 'ctrl',
+        bindToController: true,
+        controller: ["uuid", function(uuid){
+            var ctrl = this;
+            ctrl.translations = {};
+
+            if(!ctrl.formData.pages || !ctrl.formData.pages.length){
+                ctrl.formData.pages = [];
+                ctrl.formData.pages.push(createEmptyPage(1));
+            }
+
+            console.log(ctrl.formData);
+
+            ctrl.addPage = function(){
+                ctrl.formData.pages.push(createEmptyPage(ctrl.formData.pages.length+1));
+            };
+
+
+            function createEmptyPage(number){
+                var defaultPageFlow = null;
+                if(ctrl.possiblePageFlow){
+                    defaultPageFlow = ctrl.possiblePageFlow[0];
+                }
+
+                return {
+                    id: uuid.get(),
+                    number: number,
+                    name: null,
+                    description: null,
+                    pageFlow: defaultPageFlow,
+                    elements: []
+                };
+            }
+
+            function updatePageNumbers() {
+                for(var i=0; i<ctrl.formData.pages.length; i++){
+                    ctrl.formData.pages[i].number = i+1;
+                }
+                ctrl.updatePageFlow();
+            }
+
+            ctrl.addPageAfter=function(page){
+                var index = ctrl.formData.pages.indexOf(page);
+                var newIndex = index+1;
+                var newPage = createEmptyPage(page.number+1);
+                if(newIndex<ctrl.formData.pages.length){
+                    ctrl.formData.pages.splice(newIndex,0, newPage);
+                }else{
+                    ctrl.formData.pages.push(newPage);
+                }
+                updatePageNumbers();
+            };
+
+            ctrl.moveDownPage= function(page){
+                var fromIndex = ctrl.formData.pages.indexOf(page);
+                var toIndex=fromIndex+1;
+                if(toIndex<ctrl.formData.pages.length){
+                    arrayMove(ctrl.formData.pages, fromIndex, toIndex);
+                }
+                updatePageNumbers();
+            };
+
+            ctrl.moveUpPage= function(page){
+                var fromIndex = ctrl.formData.pages.indexOf(page);
+                var toIndex=fromIndex-1;
+                if(toIndex>=0){
+                    arrayMove(ctrl.formData.pages, fromIndex, toIndex);
+                }
+                updatePageNumbers();
+            };
+
+            ctrl.removePage=function(page){
+                var index = ctrl.formData.pages.indexOf(page);
+                ctrl.formData.pages.splice(index,1);
+                updatePageNumbers();
+            };
+
+            function arrayMove(arr, fromIndex, toIndex) {
+                var element = arr[fromIndex];
+                arr.splice(fromIndex, 1);
+                arr.splice(toIndex, 0, element);
+            }
+
+        }],
+        link: function (scope, ele, attrs){
+            var ctrl = scope.ctrl;
+            ctrl.formStatus.form = ctrl.form;
+
+            ctrl.possiblePageFlow = [];
+            var defaultPageFlow = {
+                nextPage: true,
+                label: 'mwForm.pageFlow.goToNextPage'
+            };
+            ctrl.possiblePageFlow.push(defaultPageFlow);
+            ctrl.isSamePageFlow = function (p1, p2){
+                return (p1.page && p2.page &&  p1.page.id==p2.page.id) || p1.formSubmit && p2.formSubmit || p1.nextPage && p2.nextPage;
+            };
+
+            ctrl.updatePageFlow = function(){
+                ctrl.possiblePageFlow.length=1;
+
+                ctrl.formData.pages.forEach(function(page){
+
+                    ctrl.possiblePageFlow.push({
+                        page:{
+                            id: page.id,
+                            number: page.number
+                        },
+                        label: 'mwForm.pageFlow.goToPage'
+                    });
+                });
+
+                ctrl.possiblePageFlow.push({
+                    formSubmit:true,
+                    label: 'mwForm.pageFlow.submitForm'
+                });
+                ctrl.formData.pages.forEach(function(page){
+                    ctrl.possiblePageFlow.forEach(function(pageFlow){
+                        if(page.pageFlow) {
+                            if(ctrl.isSamePageFlow(pageFlow, page.pageFlow)){
+                                page.pageFlow = pageFlow;
+                            }
+                        }else{
+                            page.pageFlow = defaultPageFlow;
+                        }
+
+                        page.elements.forEach(function(element){
+                            var question = element.question;
+                            if(question && question.pageFlowModifier){
+                                question.offeredAnswers.forEach(function(answer){
+                                    if(answer.pageFlow){
+                                        if(ctrl.isSamePageFlow(pageFlow, answer.pageFlow)){
+                                            answer.pageFlow = pageFlow;
+                                        }
+                                    }
+                                });
+                            }
+
+                        });
+                    });
+                });
+            };
+
+            scope.$watch('ctrl.formData.pages.length', function(newVal, oldVal){
+                ctrl.updatePageFlow();
+            });
+        }
+    };
+});
+
+angular.module('mwFormBuilder')
+    .directive('wdFocusMe', ["$timeout", "$parse", function($timeout, $parse) {
+        return {
+            link: function(scope, element, attrs) {
+                var model = $parse(attrs.wdFocusMe);
+                scope.$watch(model, function(value) {
+                    console.log('value=',value);
+                    if(value === true) {
+                        $timeout(function() {
+                            element[0].focus();
+                        });
+                    }
+                });
+                element.bind('blur', function() {
+                    console.log('blur');
+                    scope.$apply(model.assign(scope, false));
+                });
+            }
+        };
+    }])
+    .factory('focus', ["$timeout", "$window", function($timeout, $window) {
+        return function(id) {
+            $timeout(function() {
+                var element = $window.document.getElementById(id);
+                if(element)
+                    element.focus();
+            });
+        };
+    }]);
+
+'use strict';
+
+angular.module('mwFormBuilder')
+    .directive('mwConfirmClick', ["$window", function($window){
+        return {
+            restrict: 'A',
+            link: function (scope, element, attr) {
+                var msg = attr.wdConfirmClick || "Are you sure?";
+                element.bind('click',function (event) {
+                    if ( $window.confirm(msg) ) {
+                        scope.$apply(attr.confirmedAction);
+                    }
+                });
+            }
+        }
+    }]);
diff --git a/dist/form-viewer.min.js b/dist/form-viewer.min.js
index 20c7b85..bfa7eba 100644
--- a/dist/form-viewer.min.js
+++ b/dist/form-viewer.min.js
@@ -1,6 +1,486 @@
-angular.module("mwFormViewer",["ui.sortable"]);
-angular.module("mwFormViewer").run(["$templateCache",function(e){e.put("mw-form-confirmation-page.html","<div class=mw-form-confirmation-page><div class=mw-confirmation-message ng-if=\"ctrl.submitStatus=='SUCCESS'\"><span ng-if=ctrl.confirmationMessage>{{ctrl.confirmationMessage}}</span> <span ng-if=!ctrl.confirmationMessage translate=mwForm.confirmationPage.defaultMessage>Twoja odpowiedź została zapisana</span></div><div class=mw-error-message ng-if=\"ctrl.submitStatus=='ERROR'\"><span translate=mwForm.confirmationPage.errorMessage>Bład. Twoja odpowiedź nie została zapisana.</span></div><div class=mw-pending-message ng-if=\"ctrl.submitStatus=='IN_PROGRESS'\"><span translate=mwForm.confirmationPage.pendingMessage>Zapisywanie odpowiedzi w trakcie.</span></div></div>"),e.put("mw-form-question.html",'<div class=mw-form-question><div class=mw-question-text>{{ctrl.question.text}} <span ng-if=ctrl.question.required>*</span></div><div class=mw-question-answers><div ng-if="ctrl.question.type==\'text\'"><input class=form-control type=text ng-model=ctrl.questionResponse.answer placeholder="{{\'mwForm.question.preview.text\'|translate}}" ng-required=ctrl.question.required></div><div ng-if="ctrl.question.type==\'textarea\'"><textarea class=form-control ng-model=ctrl.questionResponse.answer placeholder="{{\'mwForm.question.preview.textarea\'|translate}}" ng-required=ctrl.question.required></textarea></div><div ng-if="ctrl.question.type==\'radio\'"><div class=radio ng-repeat="answer in ctrl.question.offeredAnswers"><label><input type=radio ng-model=ctrl.questionResponse.selectedAnswer ng-value=answer.id name=answer-for-question-{{ctrl.question.id}} ng-change=ctrl.selectedAnswerChanged() ng-required="ctrl.question.required &&!ctrl.isOtherAnswer"> {{answer.value}}</label></div><div class=radio ng-if=ctrl.question.otherAnswer><label><input type=radio ng-model=ctrl.isOtherAnswer ng-value=true name=other-answer-for-question-{{ctrl.question.id}} ng-change=ctrl.otherAnswerRadioChanged()>Inna:</label> <span class=form-inline><input type=text name=other-answer-for-question-{{ctrl.question.id}} ng-model=ctrl.questionResponse.other class=form-control ng-disabled=!ctrl.isOtherAnswer ng-required=ctrl.isOtherAnswer></span></div></div><div ng-if="ctrl.question.type==\'checkbox\'"><div class=checkbox ng-repeat="answer in ::ctrl.question.offeredAnswers"><label><input type=checkbox name=answer-for-question-{{ctrl.question.id}} ng-checked="ctrl.questionResponse.selectedAnswers.indexOf(answer.id) != -1" ng-click=ctrl.toggleSelectedAnswer(answer)> {{::answer.value}}</label></div><div class=checkbox ng-if=ctrl.question.otherAnswer><label><input type=checkbox name=answer-for-question-{{ctrl.question.id}} ng-model=ctrl.isOtherAnswer ng-change=ctrl.otherAnswerCheckboxChanged()><span translate=mwForm.question.preview.otherAnswer>Inna</span>:</label> <span class=form-inline><input type=text ng-model=ctrl.questionResponse.other name=other-answer-for-question-{{ctrl.question.id}} class=form-control ng-disabled=!ctrl.isOtherAnswer ng-required=ctrl.isOtherAnswer></span></div><input type=hidden ng-model=ctrl.selectedAnswer ng-required></div><div ng-if="ctrl.question.type==\'grid\'"><div class=table-responsive><table class="table table-condensed table-striped" border=0 cellpadding=5 cellspacing=0><thead><tr><td></td><td ng-repeat="col in ::ctrl.question.grid.cols"><label>{{::col.label}}</label></td></tr></thead><tbody><tr ng-repeat="row in ::ctrl.question.grid.rows"><td>{{::row.label}}</td><td ng-repeat="col in ::ctrl.question.grid.cols"><input type=radio ng-model=ctrl.questionResponse[row.id] ng-value=col.id name=answer-for-question-{{row.id}} ng-required=ctrl.question.required></td></tr></tbody></table></div></div><div ng-if="ctrl.question.type==\'division\'" class=division-list ng-form=ctrl.divisionForm><div class=form-inline style="margin-bottom: 5px" ng-repeat="item in ctrl.question.divisionList"><div class=form-group><label>{{item.value}}</label> <input type=number class=form-control ng-model=ctrl.questionResponse[item.id] min=0 max={{ctrl.question.quantity}} required style="width: 80px" ng-change=ctrl.computeDivisionSum()> <span>{{::ctrl.question.unit}}</span></div></div><div class=form-inline style="margin-bottom: 5px"><div class=form-group><label translate=mwForm.question.division.assignedSumLabel>Przydzielono</label> <input type=number class="form-control strict-validation" ng-model=ctrl.divisionSum min={{ctrl.question.quantity}} max={{ctrl.question.quantity}} style="width: 80px" readonly> <span>{{ctrl.question.unit}} <span translate=mwForm.question.division.fromRequiredLabel>z wymaganych</span> <strong>{{ctrl.question.quantity}}</strong> {{ctrl.question.unit}} <i ng-show=ctrl.divisionForm.$valid class="fa fa-check" style=color:#008000;></i></span></div></div></div><mw-priority-list ng-if="ctrl.question.type==\'priority\'" question-response=ctrl.questionResponse question=ctrl.question></mw-priority-list></div></div>'),e.put("mw-form-viewer-content.html",'<div class=mw-form-viewer-content><h1 class=form-title>{{ctrl.formData.name}}</h1><div class=mw-title-page ng-if="!ctrl.currentPage && !ctrl.formSubmitted"><div class=mw-form-description>{{ctrl.formData.description}}</div><button type=button class="btn btn-default begin-response-button" ng-click=ctrl.beginResponse() translate=mwForm.buttons.begin>Rozpocznij</button></div><div class=mw-form-page ng-if=ctrl.currentPage><h2 class=mw-page-title ng-if="ctrl.currentPage.namedPage && ctrl.currentPage.name">{{ctrl.currentPage.name}}</h2><div class=mw-form-page-element-list><div class=mw-page-element ng-repeat="pageElement in ctrl.currentPage.elements"><mw-form-question ng-if="pageElement.type==\'question\'" question=pageElement.question question-response=ctrl.responseData[pageElement.question.id] read-only=ctrl.readOnly on-response-changed=ctrl.onResponseChanged(pageElement)></mw-form-question><div class=image-element ng-if="pageElement.type==\'image\'"><figure ng-class="\'align-\'+pageElement.image.align"><img ng-src={{pageElement.image.src}} ng-attr-alt=pageElement.image.caption><figcaption ng-if=pageElement.image.caption>{{pageElement.image.caption}}</figcaption></figure></div></div></div></div><mw-form-confirmation-page ng-if=ctrl.formSubmitted confirmation-message=ctrl.formData.confirmationMessage submit-status=ctrl.submitStatus></mw-form-confirmation-page><div class=mw-form-action-list><button type=button ng-if=ctrl.buttons.prevPage.visible class="btn btn-default prev-page-button" ng-click=ctrl.goToPrevPage()><i class="fa fa-chevron-left"></i> <span translate=mwForm.buttons.back>Wstecz</span></button> <button type=button ng-disabled=ctrl.form.$invalid ng-if=ctrl.buttons.nextPage.visible class="btn btn-default next-page-button" ng-click=ctrl.goToNextPage()><span translate=mwForm.buttons.next>Dalej</span> <i class="fa fa-chevron-right"></i></button> <button type=submit ng-disabled=ctrl.form.$invalid ng-if=ctrl.buttons.submitForm.visible class="btn btn-default next-page-button" ng-click=ctrl.submitForm()><span translate=mwForm.buttons.submit>Submit</span></button></div></div>'),e.put("mw-form-viewer.html","<div class=mw-form-viewer><form ng-if=!ctrl.options.nestedForm name=ctrl.form role=form novalidate ng-include=\"'mw-form-viewer-content.html'\"></form><div ng-if=ctrl.options.nestedForm ng-form=ctrl.form ng-include=\"'mw-form-viewer-content.html'\"></div></div>"),e.put("mw-priority-list.html",'<div class=mw-priority-list><table><thead><tr><th translate=mwForm.question.priority.sorted>Sorted</th><th translate=mwForm.question.priority.available>Available</th></tr></thead><tbody><tr><td class=mw-ordered-items ui-sortable=ctrl.orderedConfig ng-model=ctrl.questionResponse.priorityList><div class=mw-item ng-repeat="item in ctrl.questionResponse.priorityList"><strong>{{$index+1}}.</strong> {{::ctrl.idToItem[item.id].value}}</div></td><td class=mw-available-items ui-sortable=ctrl.availableConfig ng-model=ctrl.availableItems><div class=mw-item ng-repeat="item in ctrl.availableItems">{{::ctrl.idToItem[item.id].value}}</div></td></tr></tbody></table><input type=hidden ng-model=ctrl.allItemsOrdered ng-required=ctrl.question.required></div>')}]);
-angular.module("mwFormViewer").directive("mwPriorityList",function(){return{replace:!0,restrict:"AE",require:"^mwFormQuestion",scope:{question:"=",questionResponse:"=",readOnly:"=?",options:"=?"},templateUrl:"mw-priority-list.html",controllerAs:"ctrl",bindToController:!0,controller:["uuid",function(i){function e(i){if(i)for(var e=0;e<i.length;e++){var t=i[e];t.priority=e+1}}function t(i){i.sort(function(i,e){return i.priority-e.priority})}var r=this;r.questionResponse.priorityList||(r.questionResponse.priorityList=[]),r.idToItem={},t(r.questionResponse.priorityList),r.availableItems=[],r.question.priorityList.forEach(function(i){r.idToItem[i.id]=i;var e=r.questionResponse.priorityList.some(function(e){return i.id==e.id});e||r.availableItems.push({priority:null,id:i.id})}),r.allItemsOrdered=0==r.availableItems.length?!0:null;var o={placeholder:"beingDragged",tolerance:"pointer",items:"div",revert:100};r.orderedConfig=angular.extend({},o,{stop:function(i,t){e(r.questionResponse.priorityList)}}),r.availableConfig=angular.extend({},o,{connectWith:".mw-ordered-items",stop:function(i,t){e(r.questionResponse.priorityList),r.allItemsOrdered=0==r.availableItems.length?!0:null}})}],link:function(i,e,t,r){i.ctrl}}});
-angular.module("mwFormViewer").directive("mwFormViewer",function(){return{replace:!0,restrict:"AE",scope:{formData:"=",responseData:"=",readOnly:"=?",options:"=?",formStatus:"=?",onSubmit:"&",api:"=?"},templateUrl:"mw-form-viewer.html",controllerAs:"ctrl",bindToController:!0,controller:["uuid",function(e){function t(){a.formData.pages.sort(function(e,t){return e.number-t.number})}var a=this;a.defaultOptions={nestedForm:!1},a.options=angular.extend({},a.defaultOptions,a.options),a.submitStatus="NOT_SUBMITTED",a.formSubmitted=!1,t(),a.pageIdToPage={},a.formData.pages.forEach(function(e){a.pageIdToPage[e.id]=e}),a.buttons={prevPage:{visible:!1,disabled:!1},nextPage:{visible:!1,disabled:!1},submitForm:{visible:!1,disabled:!1}},a.submitForm=function(){a.formSubmitted=!0,a.submitStatus="IN_PROGRESS",a.setCurrentPage(null);var e=a.onSubmit();e.then(function(){a.submitStatus="SUCCESS"})["catch"](function(){a.submitStatus="ERROR"})},a.setCurrentPage=function(e){return a.currentPage=e,e?(a.setDefaultNextPage(),void a.clearResponsesForCurrentPage()):(a.buttons.submitForm.visible=!1,a.buttons.prevPage.visible=!1,void(a.buttons.nextPage.visible=!1))},a.setDefaultNextPage=function(){var e=a.formData.pages.indexOf(a.currentPage);a.currentPage.isFirst=0==e,a.currentPage.isLast=e==a.formData.pages.length-1,a.buttons.submitForm.visible=a.currentPage.isLast,a.buttons.prevPage.visible=!a.currentPage.isFirst,a.buttons.nextPage.visible=!a.currentPage.isLast,a.currentPage.isLast?a.nextPage=null:a.nextPage=a.formData.pages[e+1],a.currentPage.pageFlow&&(a.buttons.submitForm.visible=a.currentPage.pageFlow.formSubmit,a.currentPage.pageFlow.formSubmit?(a.nextPage=null,a.buttons.nextPage.visible=!1):a.currentPage.pageFlow.page&&(a.nextPage=a.pageIdToPage[a.currentPage.pageFlow.page.id],a.buttons.nextPage.visible=!0))},a.clearResponsesForCurrentPage=function(){a.currentPage.elements.forEach(function(e){var t=e.question;t&&!a.responseData[t.id]&&(a.responseData[t.id]={})})},a.resetPages=function(){a.prevPages=[],a.currentPage=null,a.nextPage=null,a.formSubmitted=!1},a.resetPages(),a.beginResponse=function(){a.formData.pages.length>0&&a.setCurrentPage(a.formData.pages[0])},a.goToPrevPage=function(){var e=a.prevPages.pop();a.setCurrentPage(e),a.updateNextPageBasedOnAllAnswers()},a.goToNextPage=function(){a.prevPages.push(a.currentPage),a.updateNextPageBasedOnAllAnswers(),a.setCurrentPage(a.nextPage)},a.updateNextPageBasedOnAllAnswers=function(){a.currentPage.elements.forEach(function(e){a.updateNextPageBasedOnPageElementAnswers(e)}),a.buttons.submitForm.visible=!a.nextPage,a.buttons.nextPage.visible=!!a.nextPage},a.updateNextPageBasedOnPageElementAnswers=function(e){var t=e.question;t&&t.pageFlowModifier&&t.offeredAnswers.forEach(function(e){e.pageFlow&&a.responseData[t.id].selectedAnswer==e.id&&(e.pageFlow.formSubmit?a.nextPage=null:e.pageFlow.page&&(a.nextPage=a.pageIdToPage[e.pageFlow.page.id]))})},a.onResponseChanged=function(e){a.setDefaultNextPage(),a.updateNextPageBasedOnAllAnswers()},a.api&&(a.api.reset=function(){for(var e in a.responseData)a.responseData.hasOwnProperty(e)&&delete a.responseData[e];a.resetPages(),a.buttons.submitForm.visible=!1,a.buttons.prevPage.visible=!1,a.buttons.nextPage.visible=!1})}],link:function(e,t,a){var n=e.ctrl;n.formStatus&&(n.formStatus.form=n.form)}}});
-angular.module("mwFormViewer").factory("FormQuestionId",function(){var e=0;return{next:function(){return++e}}}).directive("mwFormQuestion",function(){return{replace:!0,restrict:"AE",require:"^mwFormViewer",scope:{question:"=",questionResponse:"=",readOnly:"=?",options:"=?",onResponseChanged:"&?"},templateUrl:"mw-form-question.html",controllerAs:"ctrl",bindToController:!0,controller:["$timeout","FormQuestionId","uuid",function(e,s,n){var o=this;o.id=s.next(),"radio"==o.question.type?(o.questionResponse.selectedAnswer||(o.questionResponse.selectedAnswer=null),o.questionResponse.other&&(o.isOtherAnswer=!0)):"checkbox"==o.question.type?(o.questionResponse.selectedAnswers?o.selectedAnswer=!0:o.questionResponse.selectedAnswers=[],o.questionResponse.other&&(o.isOtherAnswer=!0)):"grid"==o.question.type||"division"==o.question.type&&(o.computeDivisionSum=function(){o.divisionSum=0,o.question.divisionList.forEach(function(e){0==o.questionResponse[e.id]||o.questionResponse[e.id]?o.divisionSum+=o.questionResponse[e.id]:(o.questionResponse[e.id]=null,o.divisionSum+=0)})},o.computeDivisionSum()),o.isAnswerSelected=!1,o.selectedAnswerChanged=function(){delete o.questionResponse.other,o.isOtherAnswer=!1,o.answerChanged()},o.otherAnswerRadioChanged=function(){o.isOtherAnswer&&(o.questionResponse.selectedAnswer=null),o.answerChanged()},o.otherAnswerCheckboxChanged=function(){o.isOtherAnswer||delete o.questionResponse.other,o.selectedAnswer=o.questionResponse.selectedAnswers.length>0||o.isOtherAnswer?!0:null,o.answerChanged()},o.toggleSelectedAnswer=function(e){-1===o.questionResponse.selectedAnswers.indexOf(e.id)?o.questionResponse.selectedAnswers.push(e.id):o.questionResponse.selectedAnswers.splice(o.questionResponse.selectedAnswers.indexOf(e.id),1),o.selectedAnswer=o.questionResponse.selectedAnswers.length>0||o.isOtherAnswer?!0:null,o.answerChanged()},o.answerChanged=function(){o.onResponseChanged&&o.onResponseChanged()}}],link:function(e,s,n,o){e.ctrl}}});
-angular.module("mwFormViewer").directive("mwFormConfirmationPage",function(){return{replace:!0,restrict:"AE",require:"^mwFormViewer",scope:{submitStatus:"=",confirmationMessage:"=",readOnly:"=?"},templateUrl:"mw-form-confirmation-page.html",controllerAs:"ctrl",bindToController:!0,controller:function(){},link:function(r,e,o,t){r.ctrl}}});
\ No newline at end of file
+angular.module('mwFormViewer', [ 'ui.sortable']);
+
+
+angular.module("mwFormViewer").run(["$templateCache", function($templateCache) {$templateCache.put("mw-form-confirmation-page.html","<div class=mw-form-confirmation-page><div class=mw-confirmation-message ng-if=\"ctrl.submitStatus==\'SUCCESS\'\"><span ng-if=ctrl.confirmationMessage>{{ctrl.confirmationMessage}}</span> <span ng-if=!ctrl.confirmationMessage translate=mwForm.confirmationPage.defaultMessage>Twoja odpowiedź została zapisana</span></div><div class=mw-error-message ng-if=\"ctrl.submitStatus==\'ERROR\'\"><span translate=mwForm.confirmationPage.errorMessage>Bład. Twoja odpowiedź nie została zapisana.</span></div><div class=mw-pending-message ng-if=\"ctrl.submitStatus==\'IN_PROGRESS\'\"><span translate=mwForm.confirmationPage.pendingMessage>Zapisywanie odpowiedzi w trakcie.</span></div></div>");
+$templateCache.put("mw-form-question.html","<div class=mw-form-question><div class=mw-question-text>{{ctrl.question.text}} <span ng-if=ctrl.question.required>*</span></div><div class=mw-question-answers><div ng-if=\"ctrl.question.type==\'text\'\"><input class=form-control type=text ng-model=ctrl.questionResponse.answer placeholder=\"{{\'mwForm.question.preview.text\'|translate}}\" ng-required=ctrl.question.required></div><div ng-if=\"ctrl.question.type==\'textarea\'\"><textarea class=form-control ng-model=ctrl.questionResponse.answer placeholder=\"{{\'mwForm.question.preview.textarea\'|translate}}\" ng-required=ctrl.question.required></textarea></div><div ng-if=\"ctrl.question.type==\'radio\'\"><div class=radio ng-repeat=\"answer in ctrl.question.offeredAnswers\"><label><input type=radio ng-model=ctrl.questionResponse.selectedAnswer ng-value=answer.id name=answer-for-question-{{ctrl.question.id}} ng-change=ctrl.selectedAnswerChanged() ng-required=\"ctrl.question.required &&!ctrl.isOtherAnswer\"> {{answer.value}}</label></div><div class=radio ng-if=ctrl.question.otherAnswer><label><input type=radio ng-model=ctrl.isOtherAnswer ng-value=true name=other-answer-for-question-{{ctrl.question.id}} ng-change=ctrl.otherAnswerRadioChanged()>Inna:</label> <span class=form-inline><input type=text name=other-answer-for-question-{{ctrl.question.id}} ng-model=ctrl.questionResponse.other class=form-control ng-disabled=!ctrl.isOtherAnswer ng-required=ctrl.isOtherAnswer></span></div></div><div ng-if=\"ctrl.question.type==\'checkbox\'\"><div class=checkbox ng-repeat=\"answer in ::ctrl.question.offeredAnswers\"><label><input type=checkbox name=answer-for-question-{{ctrl.question.id}} ng-checked=\"ctrl.questionResponse.selectedAnswers.indexOf(answer.id) != -1\" ng-click=ctrl.toggleSelectedAnswer(answer)> {{::answer.value}}</label></div><div class=checkbox ng-if=ctrl.question.otherAnswer><label><input type=checkbox name=answer-for-question-{{ctrl.question.id}} ng-model=ctrl.isOtherAnswer ng-change=ctrl.otherAnswerCheckboxChanged()><span translate=mwForm.question.preview.otherAnswer>Inna</span>:</label> <span class=form-inline><input type=text ng-model=ctrl.questionResponse.other name=other-answer-for-question-{{ctrl.question.id}} class=form-control ng-disabled=!ctrl.isOtherAnswer ng-required=ctrl.isOtherAnswer></span></div><input type=hidden ng-model=ctrl.selectedAnswer ng-required></div><div ng-if=\"ctrl.question.type==\'grid\'\"><div class=table-responsive><table class=\"table table-condensed table-striped\" border=0 cellpadding=5 cellspacing=0><thead><tr><td></td><td ng-repeat=\"col in ::ctrl.question.grid.cols\"><label>{{::col.label}}</label></td></tr></thead><tbody><tr ng-repeat=\"row in ::ctrl.question.grid.rows\"><td>{{::row.label}}</td><td ng-repeat=\"col in ::ctrl.question.grid.cols\"><input type=radio ng-model=ctrl.questionResponse[row.id] ng-value=col.id name=answer-for-question-{{row.id}} ng-required=ctrl.question.required></td></tr></tbody></table></div></div><div ng-if=\"ctrl.question.type==\'division\'\" class=division-list ng-form=ctrl.divisionForm><div class=form-inline style=\"margin-bottom: 5px\" ng-repeat=\"item in ctrl.question.divisionList\"><div class=form-group><label>{{item.value}}</label> <input type=number class=form-control ng-model=ctrl.questionResponse[item.id] min=0 max={{ctrl.question.quantity}} required style=\"width: 80px\" ng-change=ctrl.computeDivisionSum()> <span>{{::ctrl.question.unit}}</span></div></div><div class=form-inline style=\"margin-bottom: 5px\"><div class=form-group><label translate=mwForm.question.division.assignedSumLabel>Przydzielono</label> <input type=number class=\"form-control strict-validation\" ng-model=ctrl.divisionSum min={{ctrl.question.quantity}} max={{ctrl.question.quantity}} style=\"width: 80px\" readonly> <span>{{ctrl.question.unit}} <span translate=mwForm.question.division.fromRequiredLabel>z wymaganych</span> <strong>{{ctrl.question.quantity}}</strong> {{ctrl.question.unit}} <i ng-show=ctrl.divisionForm.$valid class=\"fa fa-check\" style=color:#008000;></i></span></div></div></div><mw-priority-list ng-if=\"ctrl.question.type==\'priority\'\" question-response=ctrl.questionResponse question=ctrl.question></mw-priority-list></div></div>");
+$templateCache.put("mw-form-viewer-content.html","<div class=mw-form-viewer-content><h1 class=form-title>{{ctrl.formData.name}}</h1><div class=mw-title-page ng-if=\"!ctrl.currentPage && !ctrl.formSubmitted\"><div class=mw-form-description>{{ctrl.formData.description}}</div><button type=button class=\"btn btn-default begin-response-button\" ng-click=ctrl.beginResponse() translate=mwForm.buttons.begin>Rozpocznij</button></div><div class=mw-form-page ng-if=ctrl.currentPage><h2 class=mw-page-title ng-if=\"ctrl.currentPage.namedPage && ctrl.currentPage.name\">{{ctrl.currentPage.name}}</h2><div class=mw-form-page-element-list><div class=mw-page-element ng-repeat=\"pageElement in ctrl.currentPage.elements\"><mw-form-question ng-if=\"pageElement.type==\'question\'\" question=pageElement.question question-response=ctrl.responseData[pageElement.question.id] read-only=ctrl.readOnly on-response-changed=ctrl.onResponseChanged(pageElement)></mw-form-question><div class=image-element ng-if=\"pageElement.type==\'image\'\"><figure ng-class=\"\'align-\'+pageElement.image.align\"><img ng-src={{pageElement.image.src}} ng-attr-alt=pageElement.image.caption><figcaption ng-if=pageElement.image.caption>{{pageElement.image.caption}}</figcaption></figure></div></div></div></div><mw-form-confirmation-page ng-if=ctrl.formSubmitted confirmation-message=ctrl.formData.confirmationMessage submit-status=ctrl.submitStatus></mw-form-confirmation-page><div class=mw-form-action-list><button type=button ng-if=ctrl.buttons.prevPage.visible class=\"btn btn-default prev-page-button\" ng-click=ctrl.goToPrevPage()><i class=\"fa fa-chevron-left\"></i> <span translate=mwForm.buttons.back>Wstecz</span></button> <button type=button ng-disabled=ctrl.form.$invalid ng-if=ctrl.buttons.nextPage.visible class=\"btn btn-default next-page-button\" ng-click=ctrl.goToNextPage()><span translate=mwForm.buttons.next>Dalej</span> <i class=\"fa fa-chevron-right\"></i></button> <button type=submit ng-disabled=ctrl.form.$invalid ng-if=ctrl.buttons.submitForm.visible class=\"btn btn-default next-page-button\" ng-click=ctrl.submitForm()><span translate=mwForm.buttons.submit>Submit</span></button></div></div>");
+$templateCache.put("mw-form-viewer.html","<div class=mw-form-viewer><form ng-if=!ctrl.options.nestedForm name=ctrl.form role=form novalidate ng-include=\"\'mw-form-viewer-content.html\'\"></form><div ng-if=ctrl.options.nestedForm ng-form=ctrl.form ng-include=\"\'mw-form-viewer-content.html\'\"></div></div>");
+$templateCache.put("mw-priority-list.html","<div class=mw-priority-list><table><thead><tr><th translate=mwForm.question.priority.sorted>Sorted</th><th translate=mwForm.question.priority.available>Available</th></tr></thead><tbody><tr><td class=mw-ordered-items ui-sortable=ctrl.orderedConfig ng-model=ctrl.questionResponse.priorityList><div class=mw-item ng-repeat=\"item in ctrl.questionResponse.priorityList\"><strong>{{$index+1}}.</strong> {{::ctrl.idToItem[item.id].value}}</div></td><td class=mw-available-items ui-sortable=ctrl.availableConfig ng-model=ctrl.availableItems><div class=mw-item ng-repeat=\"item in ctrl.availableItems\">{{::ctrl.idToItem[item.id].value}}</div></td></tr></tbody></table><input type=hidden ng-model=ctrl.allItemsOrdered ng-required=ctrl.question.required></div>");}]);
+
+angular.module('mwFormViewer')
+    .directive('mwPriorityList', function () {
+
+    return {
+        replace: true,
+        restrict: 'AE',
+        require: '^mwFormQuestion',
+        scope: {
+            question: '=',
+            questionResponse: '=',
+            readOnly: '=?',
+            options: '=?'
+        },
+        templateUrl: 'mw-priority-list.html',
+        controllerAs: 'ctrl',
+        bindToController: true,
+        controller: ["uuid", function(uuid){
+            var ctrl = this;
+
+            if(!ctrl.questionResponse.priorityList){
+                ctrl.questionResponse.priorityList=[];
+            }
+            ctrl.idToItem = {};
+
+
+            sortByPriority(ctrl.questionResponse.priorityList);
+
+            ctrl.availableItems=[];
+            ctrl.question.priorityList.forEach(function(item){
+                ctrl.idToItem[item.id] = item;
+                var ordered = ctrl.questionResponse.priorityList.some(function(ordered){
+                    return item.id == ordered.id;
+                });
+                if(!ordered){
+                    ctrl.availableItems.push({
+                        priority: null,
+                        id: item.id
+                    });
+                }
+            });
+
+            ctrl.allItemsOrdered=ctrl.availableItems.length==0 ? true : null;
+
+
+            function updatePriority(array) {
+                if(array){
+                    for(var i=0; i<array.length; i++){
+                        var item = array[i];
+                        item.priority = i+1;
+                    }
+                }
+
+            }
+
+            function sortByPriority(array) {
+                array.sort(function (a, b) {
+                    return a.priority - b.priority;
+                });
+            }
+
+            var baseConfig = {
+                placeholder: "beingDragged",
+                tolerance: 'pointer',
+                items: 'div',
+                revert: 100
+
+            };
+
+            ctrl.orderedConfig = angular.extend({}, baseConfig, {
+                stop: function(e, ui) {
+                    updatePriority(ctrl.questionResponse.priorityList);
+                }
+            });
+
+            ctrl.availableConfig = angular.extend({}, baseConfig, {
+                connectWith: ".mw-ordered-items",
+                stop: function(e, ui) {
+                    updatePriority(ctrl.questionResponse.priorityList);
+                    ctrl.allItemsOrdered=ctrl.availableItems.length==0 ? true : null;
+                }
+            });
+
+        }],
+        link: function (scope, ele, attrs, mwFormViewer){
+            var ctrl = scope.ctrl;
+
+        }
+    };
+});
+
+
+angular.module('mwFormViewer').directive('mwFormViewer', function () {
+
+    return {
+        replace: true,
+        restrict: 'AE',
+        scope: {
+            formData: '=',
+            responseData: '=',
+            readOnly: '=?',
+            options: '=?',
+            formStatus: '=?',
+            onSubmit: '&',
+            api: '=?'
+
+        },
+        templateUrl: 'mw-form-viewer.html',
+        controllerAs: 'ctrl',
+        bindToController: true,
+        controller: ["uuid", function(uuid){
+            var ctrl = this;
+
+            ctrl.defaultOptions = {
+                nestedForm: false
+            };
+            ctrl.options = angular.extend({}, ctrl.defaultOptions, ctrl.options);
+
+            ctrl.submitStatus='NOT_SUBMITTED';
+            ctrl.formSubmitted=false;
+
+            sortPagesByNumber();
+            ctrl.pageIdToPage={};
+            ctrl.formData.pages.forEach(function(page){
+                ctrl.pageIdToPage[page.id]=page;
+            });
+
+
+            ctrl.buttons={
+                prevPage: {
+                    visible: false,
+                    disabled: false
+                },
+                nextPage: {
+                    visible: false,
+                    disabled: false
+                },
+                submitForm: {
+                    visible: false,
+                    disabled: false
+                }
+            };
+
+            ctrl.submitForm = function(){
+                ctrl.formSubmitted=true;
+                ctrl.submitStatus='IN_PROGRESS';
+
+                ctrl.setCurrentPage(null);
+
+
+                var resultPromise = ctrl.onSubmit();
+                resultPromise.then(function(){
+                    ctrl.submitStatus='SUCCESS';
+                }).catch(function(){
+                    ctrl.submitStatus='ERROR';
+                });
+
+
+            };
+
+            ctrl.setCurrentPage = function (page) {
+                ctrl.currentPage = page;
+                if(!page){
+
+                    ctrl.buttons.submitForm.visible=false;
+                    ctrl.buttons.prevPage.visible=false;
+
+                    ctrl.buttons.nextPage.visible=false;
+                    return;
+                }
+
+                ctrl.setDefaultNextPage();
+
+                ctrl.clearResponsesForCurrentPage();
+
+
+            };
+
+
+            ctrl.setDefaultNextPage  = function(){
+                var index = ctrl.formData.pages.indexOf(ctrl.currentPage);
+                ctrl.currentPage.isFirst = index==0;
+                ctrl.currentPage.isLast = index==ctrl.formData.pages.length-1;
+
+                ctrl.buttons.submitForm.visible=ctrl.currentPage.isLast;
+                ctrl.buttons.prevPage.visible=!ctrl.currentPage.isFirst;
+
+                ctrl.buttons.nextPage.visible=!ctrl.currentPage.isLast;
+                if(ctrl.currentPage.isLast){
+                    ctrl.nextPage=null;
+                }else{
+                    ctrl.nextPage=ctrl.formData.pages[index+1];
+                }
+
+                if(ctrl.currentPage.pageFlow){
+                    var formSubmit = false;
+                    if(ctrl.currentPage.pageFlow.formSubmit){
+                        ctrl.nextPage=null;
+                        formSubmit = true;
+                    }else if(ctrl.currentPage.pageFlow.page){
+                        ctrl.nextPage=ctrl.pageIdToPage[ctrl.currentPage.pageFlow.page.id];
+                        ctrl.buttons.nextPage.visible=true;
+                    }else if(ctrl.currentPage.isLast){
+                        ctrl.nextPage=null;
+                        formSubmit = true;
+                    }
+                    ctrl.buttons.submitForm.visible=formSubmit;
+                    ctrl.buttons.nextPage.visible=!formSubmit;
+                }
+            };
+
+            ctrl.clearResponsesForCurrentPage = function(){
+                ctrl.currentPage.elements.forEach(function(element){
+                    var question = element.question;
+                    if(question && !ctrl.responseData[question.id]){
+                        ctrl.responseData[question.id]={};
+                    }
+
+                });
+            };
+
+            ctrl.resetPages = function(){
+                ctrl.prevPages=[];
+
+                ctrl.currentPage=null;
+                ctrl.nextPage = null;
+                ctrl.formSubmitted=false;
+
+
+            };
+            ctrl.resetPages();
+
+
+            ctrl.beginResponse=function(){
+
+                if(ctrl.formData.pages.length>0){
+
+                    ctrl.setCurrentPage(ctrl.formData.pages[0]);
+                }
+
+            };
+
+            ctrl.goToPrevPage= function(){
+                var prevPage = ctrl.prevPages.pop();
+                ctrl.setCurrentPage(prevPage);
+                ctrl.updateNextPageBasedOnAllAnswers();
+            };
+
+            ctrl.goToNextPage= function(){
+                ctrl.prevPages.push(ctrl.currentPage);
+
+                ctrl.updateNextPageBasedOnAllAnswers();
+
+                ctrl.setCurrentPage(ctrl.nextPage);
+            };
+
+            ctrl.updateNextPageBasedOnAllAnswers = function(){
+                ctrl.currentPage.elements.forEach(function(element){
+                    ctrl.updateNextPageBasedOnPageElementAnswers(element);
+                });
+
+                ctrl.buttons.submitForm.visible=!ctrl.nextPage;
+                ctrl.buttons.nextPage.visible=!!ctrl.nextPage;
+            };
+
+            ctrl.updateNextPageBasedOnPageElementAnswers = function (element) {
+                var question = element.question;
+                if (question && question.pageFlowModifier) {
+                    question.offeredAnswers.forEach(function (answer) {
+                        if (answer.pageFlow) {
+                            if(ctrl.responseData[question.id].selectedAnswer == answer.id){
+                                if (answer.pageFlow.formSubmit) {
+                                    ctrl.nextPage = null;
+                                } else if (answer.pageFlow.page) {
+                                    ctrl.nextPage = ctrl.pageIdToPage[answer.pageFlow.page.id];
+                                }
+                            }
+
+
+                        }
+                    });
+                }
+            };
+
+            ctrl.onResponseChanged = function(pageElement){
+                ctrl.setDefaultNextPage();
+                ctrl.updateNextPageBasedOnAllAnswers();
+            };
+
+            if(ctrl.api){
+                ctrl.api.reset = function(){
+                    for (var prop in ctrl.responseData) {
+                        if (ctrl.responseData.hasOwnProperty(prop)) {
+                            delete ctrl.responseData[prop];
+                        }
+                    }
+
+                    ctrl.resetPages();
+
+                    ctrl.buttons.submitForm.visible=false;
+                    ctrl.buttons.prevPage.visible=false;
+
+                    ctrl.buttons.nextPage.visible=false;
+                }
+            }
+
+
+            function sortPagesByNumber() {
+                ctrl.formData.pages.sort(function(a,b){
+                    return a.number - b.number;
+                });
+            }
+
+        }],
+        link: function (scope, ele, attrs){
+            var ctrl = scope.ctrl;
+            if(ctrl.formStatus){
+                ctrl.formStatus.form = ctrl.form;
+            }
+
+
+        }
+    };
+});
+
+
+angular.module('mwFormViewer').factory("FormQuestionId", function(){
+    var id = 0;
+        return {
+            next: function(){
+                return ++id;
+            }
+        }
+    })
+
+    .directive('mwFormQuestion', function () {
+
+    return {
+        replace: true,
+        restrict: 'AE',
+        require: '^mwFormViewer',
+        scope: {
+            question: '=',
+            questionResponse: '=',
+            readOnly: '=?',
+            options: '=?',
+            onResponseChanged: '&?'
+        },
+        templateUrl: 'mw-form-question.html',
+        controllerAs: 'ctrl',
+        bindToController: true,
+        controller: ["$timeout", "FormQuestionId", "uuid", function($timeout,FormQuestionId, uuid){
+            var ctrl = this;
+            ctrl.id = FormQuestionId.next();
+
+            if(ctrl.question.type=='radio'){
+                if(!ctrl.questionResponse.selectedAnswer){
+                    ctrl.questionResponse.selectedAnswer=null;
+                }
+                if(ctrl.questionResponse.other){
+                    ctrl.isOtherAnswer=true;
+                }
+
+            }else if(ctrl.question.type=='checkbox'){
+                if(ctrl.questionResponse.selectedAnswers){
+                    ctrl.selectedAnswer=true;
+                }else{
+                    ctrl.questionResponse.selectedAnswers=[];
+                }
+                if(ctrl.questionResponse.other){
+                    ctrl.isOtherAnswer=true;
+                }
+
+
+            }else if(ctrl.question.type=='grid'){
+                //if(ctrl.questionResponse.selectedAnswers){
+                //
+                //}else{
+                //    ctrl.questionResponse.selectedAnswers={};
+                //}
+            }else if(ctrl.question.type=='division'){
+
+                    ctrl.computeDivisionSum = function(){
+                        ctrl.divisionSum=0;
+                        ctrl.question.divisionList.forEach(function(item){
+
+                            if(ctrl.questionResponse[item.id]!=0 && !ctrl.questionResponse[item.id]){
+                                ctrl.questionResponse[item.id]=null;
+                                ctrl.divisionSum+=0;
+                            }else{
+                                ctrl.divisionSum+=ctrl.questionResponse[item.id];
+                            }
+                        });
+                    };
+
+                ctrl.computeDivisionSum();
+
+
+            }
+
+
+
+            ctrl.isAnswerSelected=false;
+
+            ctrl.selectedAnswerChanged=function(){
+                delete ctrl.questionResponse.other;
+                ctrl.isOtherAnswer=false;
+                ctrl.answerChanged();
+
+            };
+            ctrl.otherAnswerRadioChanged= function(){
+                if(ctrl.isOtherAnswer){
+                    ctrl.questionResponse.selectedAnswer=null;
+                }
+                ctrl.answerChanged();
+            };
+
+            ctrl.otherAnswerCheckboxChanged= function(){
+                if(!ctrl.isOtherAnswer){
+                    delete ctrl.questionResponse.other;
+                }
+                ctrl.selectedAnswer = ctrl.questionResponse.selectedAnswers.length>0||ctrl.isOtherAnswer ? true:null ;
+                ctrl.answerChanged();
+            };
+
+
+            ctrl.toggleSelectedAnswer= function(answer){
+                if (ctrl.questionResponse.selectedAnswers.indexOf(answer.id) === -1) {
+                    ctrl.questionResponse.selectedAnswers.push(answer.id);
+                } else {
+                    ctrl.questionResponse.selectedAnswers.splice(ctrl.questionResponse.selectedAnswers.indexOf(answer.id), 1);
+                }
+                ctrl.selectedAnswer = ctrl.questionResponse.selectedAnswers.length>0||ctrl.isOtherAnswer ? true:null ;
+
+                ctrl.answerChanged();
+            };
+
+            ctrl.answerChanged = function(){
+                if(ctrl.onResponseChanged){
+                    ctrl.onResponseChanged();
+                }
+            }
+
+        }],
+        link: function (scope, ele, attrs, mwFormViewer){
+            var ctrl = scope.ctrl;
+
+        }
+    };
+});
+
+
+angular.module('mwFormViewer')
+    .directive('mwFormConfirmationPage', function () {
+
+    return {
+        replace: true,
+        restrict: 'AE',
+        require: '^mwFormViewer',
+        scope: {
+            submitStatus: '=',
+            confirmationMessage: '=',
+            readOnly: '=?'
+        },
+        templateUrl: 'mw-form-confirmation-page.html',
+        controllerAs: 'ctrl',
+        bindToController: true,
+        controller: function(){
+            var ctrl = this;
+
+
+        },
+        link: function (scope, ele, attrs, mwFormViewer){
+            var ctrl = scope.ctrl;
+
+        }
+    };
+});
diff --git a/src/builder/form-builder.directive.js b/src/builder/form-builder.directive.js
index 625582d..687534f 100644
--- a/src/builder/form-builder.directive.js
+++ b/src/builder/form-builder.directive.js
@@ -32,7 +32,11 @@ angular.module('mwFormBuilder').directive('mwFormBuilder', function () {
 
 
             function createEmptyPage(number){
-                var defaultPageFlow = ctrl.possiblePageFlow[0];
+                var defaultPageFlow = null;
+                if(ctrl.possiblePageFlow){
+                    defaultPageFlow = ctrl.possiblePageFlow[0];
+                }
+
                 return {
                     id: uuid.get(),
                     number: number,
@@ -86,8 +90,6 @@ angular.module('mwFormBuilder').directive('mwFormBuilder', function () {
                 updatePageNumbers();
             };
 
-
-
             function arrayMove(arr, fromIndex, toIndex) {
                 var element = arr[fromIndex];
                 arr.splice(fromIndex, 1);
@@ -147,7 +149,6 @@ angular.module('mwFormBuilder').directive('mwFormBuilder', function () {
                                         }
                                     }
                                 });
-
                             }
 
                         });
diff --git a/src/viewer/form-viewer.directive.js b/src/viewer/form-viewer.directive.js
index b583928..21cc68e 100644
--- a/src/viewer/form-viewer.directive.js
+++ b/src/viewer/form-viewer.directive.js
@@ -102,14 +102,19 @@ angular.module('mwFormViewer').directive('mwFormViewer', function () {
                 }
 
                 if(ctrl.currentPage.pageFlow){
-                    ctrl.buttons.submitForm.visible=ctrl.currentPage.pageFlow.formSubmit;
+                    var formSubmit = false;
                     if(ctrl.currentPage.pageFlow.formSubmit){
                         ctrl.nextPage=null;
-                        ctrl.buttons.nextPage.visible=false;
+                        formSubmit = true;
                     }else if(ctrl.currentPage.pageFlow.page){
                         ctrl.nextPage=ctrl.pageIdToPage[ctrl.currentPage.pageFlow.page.id];
                         ctrl.buttons.nextPage.visible=true;
+                    }else if(ctrl.currentPage.isLast){
+                        ctrl.nextPage=null;
+                        formSubmit = true;
                     }
+                    ctrl.buttons.submitForm.visible=formSubmit;
+                    ctrl.buttons.nextPage.visible=!formSubmit;
                 }
             };
 
@@ -126,7 +131,6 @@ angular.module('mwFormViewer').directive('mwFormViewer', function () {
             ctrl.resetPages = function(){
                 ctrl.prevPages=[];
 
-
                 ctrl.currentPage=null;
                 ctrl.nextPage = null;
                 ctrl.formSubmitted=false;
@@ -188,11 +192,8 @@ angular.module('mwFormViewer').directive('mwFormViewer', function () {
             };
 
             ctrl.onResponseChanged = function(pageElement){
-
                 ctrl.setDefaultNextPage();
                 ctrl.updateNextPageBasedOnAllAnswers();
-
-
             };
 
             if(ctrl.api){