diff --git a/angular_app/index.html b/angular_app/index.html
index 44f598e..5396413 100644
--- a/angular_app/index.html
+++ b/angular_app/index.html
@@ -6,10 +6,9 @@
-
-
+
@@ -17,13 +16,8 @@
-
-
-
-
-
@@ -32,6 +26,9 @@
+
+
+
diff --git a/static/js/eda.dragdropway.css b/static/js/eda.dragdropway.css
index 2a80d5d..aa590ec 100644
--- a/static/js/eda.dragdropway.css
+++ b/static/js/eda.dragdropway.css
@@ -1,913 +1,2 @@
-/*=========================================================
- colors const
-===========================================================*/
-/*=========================================================
- fonts const
-===========================================================*/
-/*=========================================================
- common
-===========================================================*/
-.ta-hidden-input {
- width: 1px;
- height: 1px;
- border: none;
- margin: 0;
- padding: 0;
- position: absolute;
- top: -10000px;
- left: -10000px;
- opacity: 0;
- overflow: hidden; }
-
-.ta-root.focussed > .ta-scroll-window.form-control {
- border-color: #66afe9;
- outline: 0;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
-
-.ta-editor.ta-html, .ta-scroll-window.form-control {
- min-height: 300px;
- height: auto;
- overflow: auto;
- font-family: inherit;
- font-size: 100%; }
-
-.ta-scroll-window.form-control {
- position: relative;
- padding: 0; }
-
-.ta-scroll-window > .ta-bind {
- height: auto;
- min-height: 300px;
- padding: 6px 12px; }
-
-.ta-editor:focus {
- -webkit-user-select: text;
- -moz-user-select: text;
- -ms-user-select: text;
- user-select: text; }
-
-.ta-resizer-handle-overlay {
- z-index: 100;
- position: absolute;
- display: none; }
-
-.ta-resizer-handle-overlay > .ta-resizer-handle-info {
- position: absolute;
- bottom: 16px;
- right: 16px;
- border: 1px solid #000;
- background-color: #FFF;
- padding: 0 4px;
- opacity: .7; }
-
-.ta-resizer-handle-overlay > .ta-resizer-handle-background {
- position: absolute;
- bottom: 5px;
- right: 5px;
- left: 5px;
- top: 5px;
- border: 1px solid #000;
- background-color: rgba(0, 0, 0, 0.2); }
-
-.ta-resizer-handle-overlay > .ta-resizer-handle-corner {
- width: 10px;
- height: 10px;
- position: absolute; }
-
-.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tl {
- top: 0;
- left: 0;
- border-left: 1px solid #000;
- border-top: 1px solid #000; }
-
-.ta-resizer-handle-overlay > .ta-resizer-handle-corner-tr {
- top: 0;
- right: 0;
- border-right: 1px solid #000;
- border-top: 1px solid #000; }
-
-.ta-resizer-handle-overlay > .ta-resizer-handle-corner-bl {
- bottom: 0;
- left: 0;
- border-left: 1px solid #000;
- border-bottom: 1px solid #000; }
-
-.ta-resizer-handle-overlay > .ta-resizer-handle-corner-br {
- bottom: 0;
- right: 0;
- border: 1px solid #000;
- cursor: se-resize;
- background-color: #fff; }
-
-.popover {
- position: absolute;
- top: 0;
- left: 0;
- z-index: 1060;
- display: none;
- max-width: 276px;
- padding: 1px;
- font-size: 14px;
- font-weight: 400;
- line-height: 1.42857143;
- text-align: left;
- white-space: normal;
- background-color: #fff;
- background-clip: padding-box;
- border: 1px solid #ccc;
- border: 1px solid rgba(0, 0, 0, 0.2);
- border-radius: 6px;
- box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); }
-
-.popover.top {
- margin-top: -10px; }
-
-.popover.bottom {
- margin-top: 10px; }
-
-.popover-title {
- padding: 8px 14px;
- margin: 0;
- font-size: 14px;
- background-color: #f7f7f7;
- border-bottom: 1px solid #ebebeb;
- border-radius: 5px 5px 0 0; }
-
-.popover-content {
- padding: 9px 14px; }
-
-.popover > .arrow, .popover > .arrow:after {
- position: absolute;
- display: block;
- width: 0;
- height: 0;
- border-color: transparent;
- border-style: solid; }
-
-.popover > .arrow {
- border-width: 11px; }
-
-.popover > .arrow:after {
- content: "";
- border-width: 10px; }
-
-.popover.top > .arrow {
- bottom: -11px;
- left: 50%;
- margin-left: -11px;
- border-top-color: #999;
- border-top-color: rgba(0, 0, 0, 0.25);
- border-bottom-width: 0; }
-
-.popover.top > .arrow:after {
- bottom: 1px;
- margin-left: -10px;
- content: " ";
- border-top-color: #fff;
- border-bottom-width: 0; }
-
-.popover.bottom > .arrow {
- top: -11px;
- left: 50%;
- margin-left: -11px;
- border-top-width: 0;
- border-bottom-color: #999;
- border-bottom-color: rgba(0, 0, 0, 0.25); }
-
-.popover.bottom > .arrow:after {
- top: 1px;
- margin-left: -10px;
- content: " ";
- border-top-width: 0;
- border-bottom-color: #fff; }
-
-/*=========================================================
- common
-===========================================================*/
-body {
- padding-top: 50px;
- padding-bottom: 20px;
- height: 100%;
- background-color: #F2F2F2;
- font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif; }
-
-.margintop60px {
- margin-top: 80px; }
-
-.margintop120px {
- margin-top: 120px; }
-
-.vAlignMiddle {
- vertical-align: middle; }
-
-[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
- display: none !important; }
-
-/*=========================================================
- bootstrap overrides
-===========================================================*/
-.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
- background-color: #0d87e9;
- border-color: #2196f3; }
-
-/*correction bug sur theme bootstrap journal*/
-.modal-backdrop {
- z-index: -1; }
-
-.navbar-right {
- margin-right: 20px; }
-
-textarea, textarea.form-control, input.form-control,
-input[type=text], input[type=password], input[type=email],
-input[type=number], [type=text].form-control, [type=password].form-control,
-[type=email].form-control, [type=tel].form-control, [contenteditable].form-control {
- font-size: 13px; }
-
-select, select.form-control {
- font-size: 13px; }
-
-/*container to 100%*/
-@media (min-width: 1200px) {
- .container {
- width: 100%;
- margin-right: 20px; } }
-
-@media (min-width: 768px) {
- .container {
- width: 100%;
- margin-right: 20px; } }
-
-@media (min-width: 992px) {
- .container {
- width: 100%; } }
-
-.container-fluid {
- margin-right: auto;
- margin-left: auto; }
-
-.container-fluid padding {
- left: 30px;
- right: 30px; }
-
-.panel-default > .panel-heading {
- color: #212121;
- background-color: #fff;
- border-color: #eee; }
-
-.navbar-nav > li > a {
- line-height: 30px; }
-
-.navbar-default .navbar-brand {
- line-height: initial; }
-
-.panel-heading {
- background-color: none;
- border-bottom: solid 1px #eee; }
-
-.navBtnGroup {
- padding-top: 20px;
- padding-bottom: 22px;
- padding-right: 15px;
- padding-left: 15px; }
-
-.table > thead > tr > th,
-.table > tbody > tr > th,
-.table > tfoot > tr > th,
-.table > thead > tr > td,
-.table > tbody > tr > td,
-.table > tfoot > tr > td {
- vertical-align: middle; }
-
-a:hover {
- color: #fff; }
-
-a:focus {
- color: #fff; }
-
-/*Forms setup*/
-.form-control {
- border-radius: 0;
- box-shadow: none;
- height: auto; }
-
-.float-label {
- font-size: 10px; }
-
-.socialIcon {
- font-size: 32px; }
- .socialIcon:hover {
- color: #F2F2F2; }
-
-input[type="text"].form-control,
-input[type="search"].form-control {
- border: none;
- border-bottom: 1px dotted #CFCFCF; }
-
-textarea {
- border: 1px dotted #CFCFCF !important;
- height: 130px !important; }
-
-/*Content Container*/
-.content-container {
- background-color: #fff;
- padding: 35px 20px;
- margin-bottom: 20px; }
-
-h1.content-title {
- font-size: 32px;
- font-weight: 300;
- text-align: center;
- margin-top: 0;
- margin-bottom: 20px;
- font-family: "Open Sans", sans-serif !important; }
-
-/*paper theme bootstrap*/
-.form-control {
- font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
- display: block;
- width: 100%;
- height: 39px;
- padding: 8px 12px;
- font-size: 13px;
- line-height: 1.42857143;
- color: #777777;
- background-color: #ffffff;
- background-image: none;
- border: 1px solid #cccccc;
- border-radius: 4px;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
- transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; }
-
-.form-control:focus {
- border-color: #66afe9;
- outline: 0;
- box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
-
-.form-control::-moz-placeholder {
- color: #999999;
- opacity: 1; }
-
-.form-control:-ms-input-placeholder {
- color: #999999; }
-
-.form-control::-webkit-input-placeholder {
- color: #999999; }
-
-.form-control[disabled],
-.form-control[readonly],
-fieldset[disabled] .form-control {
- background-color: #eeeeee;
- opacity: 1; }
-
-.form-control[disabled],
-fieldset[disabled] .form-control {
- cursor: not-allowed; }
-
-textarea.form-control {
- height: auto; }
-
-.fakeControl[disabled] {
- background-color: #fff;
- opacity: 1; }
-
-.fakeControl[disabled] {
- cursor: all-scroll; }
-
-.radio input[type=radio].fakeCheck {
- cursor: all-scroll; }
-
-.checkbox input[type=checkbox].fakeCheck {
- cursor: all-scroll; }
-
-label.fakeCheck {
- cursor: all-scroll; }
-
-/* animation ng-repeat
-easy customize animation from here : http://www.nganimate.org/angularjs/ng-repeat/yo-yo-css3-keyframes-animation*/
-.animate-enter {
- animation: enter 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
- display: block;
- position: relative; }
-
-@keyframes enter {
- from {
- opacity: 0;
- height: 0px;
- left: -70px; }
- 75% {
- left: 15px; }
- to {
- opacity: 1;
- height: 30px;
- left: 0px; } }
-
-.animate-leave {
- animation: leave 600ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
- display: block;
- position: relative; }
-
-@keyframes leave {
- to {
- opacity: 0;
- height: 0px;
- left: -70px; }
- 25% {
- left: 15px; }
- from {
- opacity: 1;
- height: 30px;
- left: 0px; } }
-
-/* td table in myprofile */
-.tdCommun, .td40, .td60 {
- height: 75px;
- vertical-align: none; }
-
-.td40 {
- width: 40%; }
-
-.td60 {
- width: 60%; }
-
-.table-user-information > thead > tr > th,
-.table-user-information > tbody > tr > th,
-.table-user-information > tfoot > tr > th,
-.table-user-information > thead > tr > td,
-.table-user-information > tbody > tr > td,
-.table-user-information > tfoot > tr > td {
- vertical-align: middle; }
-
-/*=========================================================
- ANGULAR ANIMATIONS (in pair on animate.css)
-===========================================================*/
-/* animation on ng-switch */
-.switchAngularFadeIn .ng-enter {
- animation: fadeIn 1s; }
-
-/*=========================================================
- wfEdit
-===========================================================*/
-#pageWfEdit {
- margin-top: 40px;
- /* right:2%;
- left:2%; */
- padding-top: 30px;
- padding-bottom: 30px;
- background-color: #F2F2F2;
- /* border-top: solid 3px white;
- border-bottom: solid 3px white; */ }
-
-.lineCommandButtons {
- padding-bottom: 25px; }
-
-.addNewLine {
- font-size: 24px;
- vertical-align: middle;
- color: #666666; }
-
-#editor {
- margin-top: 0px;
- margin-bottom: 0px;
- height: 150px;
- background-color: #52B3D9;
- border-bottom: solid 1px #2C3E50; }
-
-#editor-content {
- /* padding-top: 25px; */
- /* padding-bottom: 25px; */
- text-align: center;
- color: white;
- font-size: 13px; }
-
-#preview {
- margin-top: 0px;
- margin-bottom: 0px;
- /* background-color: #E4F1FE; */
- border: solid 1 px #2C3E50;
- -o-box-shadow: 0px 0px 10px 0px #ddd;
- box-shadow: 0px 0px 10px 0px #ddd;
- filter: progid:DXImageTransform.Microsoft.Shadow(color=#ddd, Direction=NaN, Strength=10); }
-
-#preview-content {
- background-color: #FFF;
- padding-bottom: 25px;
- /*text-align: center;*/
- color: black;
- /*font-size: 13px;*/ }
-
-#commandPanel {
- padding-top: 25px;
- padding-bottom: 25px; }
-
-/* #commandPanel.affix {
- position: fixed;
- top: 0;
- width:25%;
- margin-top: -45px;
- } */
-#visualPanel {
- padding-top: 25px;
- padding-bottom: 25px; }
-
-.customPagerButton {
- width: 100px; }
-
-.numberOfColumnsLabel {
- font-size: 32px;
- text-align: center;
- padding-top: 25%;
- padding-bottom: 25%;
- font-weight: bold;
- text-align: center;
- color: #666666; }
-
-.btnMinusColumns {
- margin-top: 10px; }
-
-.btnAddColumns {
- margin-top: 10px; }
-
-.numberOfcolumsText {
- color: #666666; }
-
-.greyText {
- color: #666666; }
-
-.blackText {
- color: #000; }
-
-/*=========================================================
- ANIMATE NG-SWITCH
-=========================================================*/
-.animate-switch-container {
- position: relative;
- background: white;
- border-top: solid 1px #ECECEC;
- border-bottom: solid 1px #ECECEC;
- overflow: scroll; }
- .animate-switch-container .well {
- background-color: #89C4F4;
- margin-bottom: 0px;
- color: #ECECEC; }
-
-.linesList {
- margin-top: 5px; }
-
-/*switch 1 : move top*/
-.animate-switch {
- padding: 10px; }
-
-.animate-switch.ng-animate {
- transition: all cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.6s;
- position: absolute;
- top: 0;
- left: 0;
- right: 0;
- bottom: 0; }
-
-.animate-switch.ng-leave.ng-leave-active,
-.animate-switch.ng-enter {
- left: 0px;
- top: -500px;
- opacity: 0; }
-
-.animate-switch.ng-leave,
-.animate-switch.ng-enter.ng-enter-active {
- left: 0px;
- top: 0px;
- opacity: 0.8; }
-
-/*=========================================================
- STEP INDICATOR
-=========================================================*/
-.stepwizardTopmargin {
- margin-top: 25px; }
-
-.stepwizard-step p {
- margin-top: 10px;
- color: #666666; }
-
-.stepwizard-row {
- display: table-row; }
-
-.stepwizard {
- display: table;
- width: 100%;
- position: relative; }
-
-.stepwizard-step button[disabled] {
- opacity: 1 !important;
- filter: alpha(opacity=100) !important; }
-
-.stepwizard-row:before {
- top: 14px;
- bottom: 0;
- position: absolute;
- content: " ";
- width: 100%;
- height: 1px;
- background-color: #ccc;
- z-order: 0; }
-
-.stepwizard-step {
- display: table-cell;
- text-align: center;
- position: relative; }
-
-.btn-circle {
- width: 30px;
- height: 30px;
- text-align: center;
- padding: 6px 0;
- font-size: 12px;
- line-height: 1.428571429;
- border-radius: 15px; }
-
-.panelDebugScope {
- color: #000; }
-
-/*=========================================================
- Modal add control
-=========================================================*/
-.texteRouge {
- color: #CF000F; }
-
-.editPropertiesLabel {
- margin-top: 6px; }
-
-.textControlLabel {
- color: #000; }
-
-.marginTopFivepixels {
- margin-top: 5px; }
-
-.marginTopTenpixels {
- margin-top: 5px; }
-
-.checkboxCssCorrection {
- font-size: 4px; }
-
-.noGroupText {
- margin-bottom: 0px; }
-
-.nya-bs-select {
- margin-bottom: 16px; }
-
-.ta-scroll-window {
- margin-bottom: 16px; }
-
-.formly-field-checkbox {
- margin-top: 28px; }
-
-#inputAddNewRadioOption {
- margin-bottom: 20px; }
-
-#inputAddNewBasicOption {
- margin-bottom: 20px; }
-
-#inputAddNewGroupedOption {
- margin-bottom: 20px; }
-
-#inputAddNewGroupGroupedOption {
- margin-bottom: 20px; }
-
-.editGroupedSelectnyaSelect {
- margin-bottom: 0px; }
-
-.heading-preview {
- cursor: pointer; }
-
-/*=========================================================
- specific drag and drop test (will change or be deleted)
-===========================================================*/
-/***************************** pageSlide directive css *****************************/
-/* Needed for hiding crollbars when pushing */
-html {
- overflow-x: hidden; }
-
-.ng-pageslide {
- background: #eee;
- box-shadow: 5px 1px 12px 0px rgba(188, 183, 183, 0.7);
- -moz-box-shadow: 5px 1px 12px 0px rgba(188, 183, 183, 0.7);
- -webkit-box-shadow: 5px 1px 12px 0px rgba(188, 183, 183, 0.7); }
-
-#controlEditLeftPanel {
- margin-top: 95px;
- padding-top: 20px;
- padding-bottom: 20px;
- padding-right: 10px;
- padding-left: 10px;
- height: 85%;
- overflow-y: scroll; }
-
-.separator10pixel {
- margin-top: 5px;
- margin-bottom: 5px;
- height: 25px; }
-
-.panelControlWidth {
- width: 45%; }
-
-/***************************** Required styles *****************************/
-/**
- * For the correct positioning of the placeholder element, the dnd-list and
- * it's children must have position: relative
- */
-.advancedDemo ul[dnd-list],
-.advancedDemo ul[dnd-list] > li {
- position: relative;
- border: solid 1px #F1F1F1; }
-
-/***************************** Dropzone Styling *****************************/
-/**
- * The dnd-list should always have a min-height,
- * otherwise you can't drop to it once it's empty
- */
-.advancedDemo .dropzone ul[dnd-list] {
- min-height: 42px;
- margin: 0px;
- padding-left: 0px; }
-
-/**
- * The dnd-lists's child elements currently MUST have
- * position: relative. Otherwise we can not determine
- * whether the mouse pointer is in the upper or lower
- * half of the element we are dragging over. In other
- * browsers we can use event.offsetY for this.
- */
-.advancedDemo .dropzone li {
- display: block; }
-
-/**
- * Reduce opacity of elements during the drag operation. This allows the user
- * to see where he is dropping his element, even if the element is huge. The
- * .dndDragging class is automatically set during the drag operation.
- */
-.advancedDemo .dropzone .dndDragging {
- opacity: 0.7;
- border: 2px dotted #000; }
-
-/**
- * The dndDraggingSource class will be applied to the source element of a drag
- * operation. It makes sense to hide it to give the user the feeling that he's
- * actually moving it. Note that the source element has also .dndDragging class.
- */
-.advancedDemo .dropzone .dndDraggingSource {
- display: none; }
-
-/**
- * An element with .dndPlaceholder class will be added as child of the dnd-list
- * while the user is dragging over it.
- */
-.advancedDemo .dropzone .dndPlaceholder {
- background-color: #ddd !important;
- min-height: 155px;
- display: block;
- position: relative;
- -o-box-shadow: inset 0px 0px 5px 0px #343434;
- box-shadow: inset 0px 0px 5px 0px #343434;
- filter: progid:DXImageTransform.Microsoft.Shadow(color=#343434, Direction=NaN, Strength=5); }
-
-/***************************** Element type specific styles *****************************/
-.advancedDemo .dropzone .itemlist {
- min-height: 115px !important; }
-
-ul.itemlist.ng-scope {
- border: none; }
-
-.effect1ForDragDropItem, #itemContent {
- box-shadow: 0 10px 6px -6px #777;
- min-height: 115px; }
-
-.advancedDemo .dropzone .itemlist > li {
- border: none;
- min-width: 180px;
- border-radius: .25em;
- float: left;
- font-weight: 700;
- height: 135px; }
-
-#itemContent {
- background-color: #fff;
- border: 2px outset #0d87e9;
- border-radius: .25em;
- color: #fff;
- float: left;
- font-weight: 700;
- height: 115px;
- margin: 5px;
- padding: 3px;
- text-align: center;
- width: 100%;
- cursor: all-scroll; }
-
-.dragItemtextarea {
- height: 60px; }
-
-textarea {
- border: 1px dotted #CFCFCF !important;
- height: 50px !important; }
-
-.advancedDemo .dropzone .container-element {
- margin: 10px; }
-
-.isCollapsableZone {
- cursor: pointer; }
-
-.buttonHeaderAddNewLine {
- margin-top: 15px;
- margin-bottom: 0px; }
-
-.buttonCloneLineHidden {
- visibility: hidden; }
-
-.buttonCloseLine {
- margin-top: -10px;
- margin-right: -10px;
- border-radius: 50%;
- height: 45px; }
-
-.interligne {
- padding-bottom: 10px; }
-
-.confirmLineDelete {
- margin-top: 0;
- margin-bottom: 0;
- background-color: #F5F5F5;
- opacity: 1.0;
- animation: shake 1.3s infinite; }
-
-.demoddDatepicker {
- padding-left: 0;
- margin-left: 0; }
-
-.selectfordemo {
- margin-top: 30px; }
-
-/*=========================================================
- animation shake
-===========================================================*/
-
-@keyframes shake {
- 0%, 100% {
- transform: translate3d(0, 0, 0); }
- 10%, 30%, 50%, 70%, 90% {
- transform: translate3d(-10px, 0, 0); }
- 20%, 40%, 60%, 80% {
- transform: translate3d(10px, 0, 0); } }
-
-.shake {
- animation-name: shake; }
-
-.previewControlinItem {
- margin-top: 2%;
- background-color: #fff;
- padding-top: 5px;
- padding-bottom: 5px;
- padding-left: 10px;
- padding-right: 10px;
- border-radius: 5px;
- color: #F1F1F1;
- font-size: 18px; }
-
-.vertical-line {
- border-left: thick solid #000; }
-
-/*=========================================================
- animation glyphicon rotate
-===========================================================*/
-.gly-spin {
- animation: spin 2s infinite linear; }
-
-@keyframes spin {
- 0% {
- transform: rotate(0deg); }
- 100% {
- transform: rotate(359deg); } }
-
-.gly-rotate-90 {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
- transform: rotate(90deg); }
-
-.gly-rotate-180 {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
- transform: rotate(180deg); }
-
-.gly-rotate-270 {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
- transform: rotate(270deg); }
-
-.gly-flip-horizontal {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
- transform: scale(-1, 1); }
-
-.gly-flip-vertical {
- filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
- transform: scale(1, -1); }
-
-.rightClickCtrl {
- opacity: 1.0;
- transition: opacity .3s ease-in; }
-
-.rightClickCtrlSelected {
- opacity: 0.5; }
+.ta-hidden-input{width:1px;height:1px;border:none;margin:0;padding:0;position:absolute;top:-10000px;left:-10000px;opacity:0;overflow:hidden}.ta-root.focussed>.ta-scroll-window.form-control{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.ta-editor.ta-html,.ta-scroll-window.form-control{min-height:300px;height:auto;overflow:auto;font-family:inherit;font-size:100%}.ta-scroll-window.form-control{position:relative;padding:0}.ta-scroll-window>.ta-bind{height:auto;min-height:300px;padding:6px 12px}.ta-editor:focus{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}.ta-resizer-handle-overlay{z-index:100;position:absolute;display:none}.ta-resizer-handle-overlay>.ta-resizer-handle-info{position:absolute;bottom:16px;right:16px;border:1px solid #000;background-color:#fff;padding:0 4px;opacity:.7}.ta-resizer-handle-overlay>.ta-resizer-handle-background{position:absolute;bottom:5px;right:5px;left:5px;top:5px;border:1px solid #000;background-color:rgba(0,0,0,.2)}.ta-resizer-handle-overlay>.ta-resizer-handle-corner{width:10px;height:10px;position:absolute}.ta-resizer-handle-overlay>.ta-resizer-handle-corner-tl{top:0;left:0;border-left:1px solid #000;border-top:1px solid #000}.ta-resizer-handle-overlay>.ta-resizer-handle-corner-tr{top:0;right:0;border-right:1px solid #000;border-top:1px solid #000}.ta-resizer-handle-overlay>.ta-resizer-handle-corner-bl{bottom:0;left:0;border-left:1px solid #000;border-bottom:1px solid #000}.ta-resizer-handle-overlay>.ta-resizer-handle-corner-br{bottom:0;right:0;border:1px solid #000;cursor:se-resize;background-color:#fff}.popover{position:absolute;top:0;left:0;z-index:1060;display:none;max-width:276px;padding:1px;font-size:14px;font-weight:400;line-height:1.42857143;text-align:left;white-space:normal;background-color:#fff;background-clip:padding-box;border:1px solid #ccc;border:1px solid rgba(0,0,0,.2);border-radius:6px;box-shadow:0 5px 10px rgba(0,0,0,.2)}.popover.top{margin-top:-10px}.popover.bottom{margin-top:10px}.popover-title{padding:8px 14px;margin:0;font-size:14px;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-radius:5px 5px 0 0}.popover-content{padding:9px 14px}.popover>.arrow,.popover>.arrow:after{position:absolute;display:block;width:0;height:0;border-color:transparent;border-style:solid}.popover>.arrow{border-width:11px}.popover>.arrow:after{content:"";border-width:10px}.popover.top>.arrow{bottom:-11px;left:50%;margin-left:-11px;border-top-color:#999;border-top-color:rgba(0,0,0,.25);border-bottom-width:0}.popover.top>.arrow:after{bottom:1px;margin-left:-10px;content:" ";border-top-color:#fff;border-bottom-width:0}.popover.bottom>.arrow{top:-11px;left:50%;margin-left:-11px;border-top-width:0;border-bottom-color:#999;border-bottom-color:rgba(0,0,0,.25)}.popover.bottom>.arrow:after{top:1px;margin-left:-10px;content:" ";border-top-width:0;border-bottom-color:#fff}body{padding-top:50px;padding-bottom:20px;height:100%;background-color:#f2f2f2;font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif}.margintop60px{margin-top:80px}.margintop120px{margin-top:120px}.vAlignMiddle{vertical-align:middle}.ng-cloak,.x-ng-cloak,[data-ng-cloak],[ng-cloak],[ng\:cloak],[x-ng-cloak]{display:none!important}.nav .open>a,.nav .open>a:focus,.nav .open>a:hover{background-color:#0d87e9;border-color:#2196f3}.modal-backdrop{z-index:-1}.navbar-right{margin-right:20px}[contenteditable].form-control,[type=email].form-control,[type=password].form-control,[type=tel].form-control,[type=text].form-control,input.form-control,input[type=email],input[type=number],input[type=password],input[type=text],select,select.form-control,textarea,textarea.form-control{font-size:13px}@media (min-width:1200px){.container{width:100%;margin-right:20px}}@media (min-width:768px){.container{width:100%;margin-right:20px}}@media (min-width:992px){.container{width:100%}}.container-fluid{margin-right:auto;margin-left:auto}.container-fluid padding{left:30px;right:30px}.panel-default>.panel-heading{color:#212121;background-color:#fff;border-color:#eee}.navbar-nav>li>a{line-height:30px}.navbar-default .navbar-brand{line-height:normal}.panel-heading{background-color:none;border-bottom:1px solid #eee}.navBtnGroup{padding:20px 15px 22px}.table>tbody>tr>td,.table>tbody>tr>th,.table>tfoot>tr>td,.table>tfoot>tr>th,.table>thead>tr>td,.table>thead>tr>th{vertical-align:middle}a:focus,a:hover{color:#fff}.form-control{border-radius:0;box-shadow:none;height:auto}.float-label{font-size:10px}.socialIcon{font-size:32px}.socialIcon:hover{color:#f2f2f2}input[type=search].form-control,input[type=text].form-control{border:none;border-bottom:1px dotted #cfcfcf}textarea{border:1px dotted #cfcfcf!important;height:130px!important}.content-container{background-color:#fff;padding:35px 20px;margin-bottom:20px}h1.content-title{font-size:32px;font-weight:300;text-align:center;margin-top:0;margin-bottom:20px;font-family:Open Sans,sans-serif!important}.form-control{font-family:Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;display:block;width:100%;height:39px;padding:8px 12px;font-size:13px;line-height:1.42857143;color:#777;background-color:#fff;background-image:none;border:1px solid #ccc;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.075);transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}.form-control:focus{border-color:#66afe9;outline:0;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6)}.form-control::-moz-placeholder{color:#999;opacity:1}.form-control:-ms-input-placeholder{color:#999}.form-control::-webkit-input-placeholder{color:#999}.form-control[disabled],.form-control[readonly],fieldset[disabled] .form-control{background-color:#eee;opacity:1}.form-control[disabled],fieldset[disabled] .form-control{cursor:not-allowed}textarea.form-control{height:auto}.fakeControl[disabled]{background-color:#fff;opacity:1;cursor:all-scroll}.checkbox input[type=checkbox].fakeCheck,.radio input[type=radio].fakeCheck,label.fakeCheck{cursor:all-scroll}.animate-enter{animation:enter .6s cubic-bezier(.445,.05,.55,.95);display:block;position:relative}@keyframes enter{0%{opacity:0;height:0;left:-70px}75%{left:15px}to{opacity:1;height:30px;left:0}}.animate-leave{animation:leave .6s cubic-bezier(.445,.05,.55,.95);display:block;position:relative}@keyframes leave{to{opacity:0;height:0;left:-70px}25%{left:15px}0%{opacity:1;height:30px;left:0}}.td40,.td60,.tdCommun{height:75px;vertical-align:none}.td40{width:40%}.td60{width:60%}.table-user-information>tbody>tr>td,.table-user-information>tbody>tr>th,.table-user-information>tfoot>tr>td,.table-user-information>tfoot>tr>th,.table-user-information>thead>tr>td,.table-user-information>thead>tr>th{vertical-align:middle}.switchAngularFadeIn .ng-enter{animation:fadeIn 1s}#pageWfEdit{margin-top:40px;padding-top:30px;padding-bottom:30px;background-color:#f2f2f2}.lineCommandButtons{padding-bottom:25px}.addNewLine{font-size:24px;vertical-align:middle;color:#666}#editor{margin-top:0;margin-bottom:0;height:150px;background-color:#52b3d9;border-bottom:1px solid #2c3e50}#editor-content{text-align:center;color:#fff;font-size:13px}#preview{margin-top:0;margin-bottom:0;border:1 solid #2c3e50;-o-box-shadow:0 0 10px 0 #ddd;box-shadow:0 0 10px 0 #ddd;filter:progid:DXImageTransform.Microsoft.Shadow(color=#ddd,Direction=NaN,Strength=10)}#preview-content{background-color:#fff;padding-bottom:25px;color:#000}#commandPanel,#visualPanel{padding-top:25px;padding-bottom:25px}.customPagerButton{width:100px}.numberOfColumnsLabel{font-size:32px;padding-top:25%;padding-bottom:25%;font-weight:700;text-align:center;color:#666}.btnAddColumns,.btnMinusColumns{margin-top:10px}.greyText,.numberOfcolumsText{color:#666}.blackText{color:#000}.animate-switch-container{position:relative;background:#fff;border-top:1px solid #ececec;border-bottom:1px solid #ececec;overflow:scroll}.animate-switch-container .well{background-color:#89c4f4;margin-bottom:0;color:#ececec}.linesList{margin-top:5px}.animate-switch{padding:10px}.animate-switch.ng-animate{transition:all .6s cubic-bezier(.25,.46,.45,.94);position:absolute;top:0;left:0;right:0;bottom:0}.animate-switch.ng-enter,.animate-switch.ng-leave.ng-leave-active{left:0;top:-500px;opacity:0}.animate-switch.ng-enter.ng-enter-active,.animate-switch.ng-leave{left:0;top:0;opacity:.8}.stepwizardTopmargin{margin-top:25px}.stepwizard-step p{margin-top:10px;color:#666}.stepwizard-row{display:table-row}.stepwizard{display:table;width:100%;position:relative}.stepwizard-step button[disabled]{opacity:1!important;filter:alpha(opacity=100)!important}.stepwizard-row:before{top:14px;bottom:0;position:absolute;content:" ";width:100%;height:1px;background-color:#ccc;z-order:0}.stepwizard-step{display:table-cell;text-align:center;position:relative}.btn-circle{width:30px;height:30px;text-align:center;padding:6px 0;font-size:12px;line-height:1.428571429;border-radius:15px}.panelDebugScope{color:#000}.texteRouge{color:#cf000f}.editPropertiesLabel{margin-top:6px}.textControlLabel{color:#000}.marginTopFivepixels,.marginTopTenpixels{margin-top:5px}.checkboxCssCorrection{font-size:4px}.noGroupText{margin-bottom:0}.nya-bs-select,.ta-scroll-window{margin-bottom:16px}.formly-field-checkbox{margin-top:28px}#inputAddNewBasicOption,#inputAddNewGroupedOption,#inputAddNewGroupGroupedOption,#inputAddNewRadioOption{margin-bottom:20px}.editGroupedSelectnyaSelect{margin-bottom:0}.heading-preview{cursor:pointer}html{overflow-x:hidden}.ng-pageslide{background:#eee;box-shadow:5px 1px 12px 0 hsla(0,4%,73%,.7);-moz-box-shadow:5px 1px 12px 0 hsla(0,4%,73%,.7);-webkit-box-shadow:5px 1px 12px 0 hsla(0,4%,73%,.7)}#controlEditLeftPanel{margin-top:95px;padding:20px 10px;height:85%;overflow-y:scroll}.separator10pixel{margin-top:5px;margin-bottom:5px;height:25px}.panelControlWidth{width:45%}.advancedDemo ul[dnd-list],.advancedDemo ul[dnd-list]>li{position:relative;border:1px solid #f1f1f1}.advancedDemo .dropzone ul[dnd-list]{min-height:42px;margin:0;padding-left:0}.advancedDemo .dropzone li{display:block}.advancedDemo .dropzone .dndDragging{opacity:.7;border:2px dotted #000}.advancedDemo .dropzone .dndDraggingSource{display:none}.advancedDemo .dropzone .dndPlaceholder{background-color:#ddd!important;min-height:155px;display:block;position:relative;-o-box-shadow:inset 0 0 5px 0 #343434;box-shadow:inset 0 0 5px 0 #343434;filter:progid:DXImageTransform.Microsoft.Shadow(color=#343434,Direction=NaN,Strength=5)}.advancedDemo .dropzone .itemlist{min-height:115px!important}ul.itemlist.ng-scope{border:none}#itemContent,.effect1ForDragDropItem{box-shadow:0 10px 6px -6px #777;min-height:115px}.advancedDemo .dropzone .itemlist>li{border:none;min-width:180px;border-radius:.25em;float:left;font-weight:700;height:135px}#itemContent{background-color:#fff;border:2px outset #0d87e9;border-radius:.25em;color:#fff;float:left;font-weight:700;height:115px;margin:5px;padding:3px;text-align:center;width:100%;cursor:all-scroll}.dragItemtextarea{height:60px}textarea{border:1px dotted #cfcfcf!important;height:50px!important}.advancedDemo .dropzone .container-element{margin:10px}.isCollapsableZone{cursor:pointer}.buttonHeaderAddNewLine{margin-top:15px;margin-bottom:0}.buttonCloneLineHidden{visibility:hidden}.buttonCloseLine{margin-top:-10px;margin-right:-10px;border-radius:50%;height:45px}.interligne{padding-bottom:10px}.confirmLineDelete{margin-top:0;margin-bottom:0;background-color:#f5f5f5;opacity:1;animation:shake 1.3s infinite}.demoddDatepicker{padding-left:0;margin-left:0}.selectfordemo{margin-top:30px}@keyframes shake{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.shake{animation-name:shake}.previewControlinItem{margin-top:2%;background-color:#fff;padding:5px 10px;border-radius:5px;color:#f1f1f1;font-size:18px}.vertical-line{border-left:thick solid #000}.gly-spin{animation:spin 2s infinite linear}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}.gly-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=1);transform:rotate(90deg)}.gly-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2);transform:rotate(180deg)}.gly-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);transform:rotate(270deg)}.gly-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=0,mirror=1);transform:scaleX(-1)}.gly-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=2,mirror=1);transform:scaleY(-1)}.rightClickCtrl{opacity:1;transition:opacity .3s ease-in}.rightClickCtrlSelected{opacity:.5}
+/*# sourceMappingURL=eda.dragdropway.css.map*/
\ No newline at end of file
diff --git a/static/js/eda.dragdropway.js b/static/js/eda.dragdropway.js
index 1f5a301..16d1e72 100644
--- a/static/js/eda.dragdropway.js
+++ b/static/js/eda.dragdropway.js
@@ -78,14 +78,29 @@
/***/ },
/* 6 */
-/***/ function(module, exports) {
+/***/ function(module, exports, __webpack_require__) {
- eval("// removed by extract-text-webpack-plugin//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIndlYnBhY2s6Ly8vLi9zcmMvYXBwL2RyYWdkcm9wd2F5L3N0eWxlL2RyYWdfYW5kX2Ryb3Auc2Nzcz9lZjNhIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBIiwiZmlsZSI6IjYuanMiLCJzb3VyY2VzQ29udGVudCI6WyIvLyByZW1vdmVkIGJ5IGV4dHJhY3QtdGV4dC13ZWJwYWNrLXBsdWdpblxuXG5cbi8vLy8vLy8vLy8vLy8vLy8vL1xuLy8gV0VCUEFDSyBGT09URVJcbi8vIC4vc3JjL2FwcC9kcmFnZHJvcHdheS9zdHlsZS9kcmFnX2FuZF9kcm9wLnNjc3Ncbi8vIG1vZHVsZSBpZCA9IDZcbi8vIG1vZHVsZSBjaHVua3MgPSAwIl0sInNvdXJjZVJvb3QiOiIifQ==");
+ eval("// style-loader: Adds some css to the DOM by adding a