pastebin - collaborative debugging tool
kpaste.net RSS


html
Posted by Anonymous on Sun 21st Jun 2020 02:17
raw | new post

  1. <!doctype html>
  2. <html class="no-js">
  3.         <head>
  4.                 <meta charset="utf-8">
  5.                 <title>Form Builder</title>
  6.                 <meta name="viewport" content="width=device-width">
  7.                 <link rel="stylesheet" href="/share/colorVariables.css" />
  8.                 <link rel="stylesheet" href="/share/css/bootstrap.unpkg.css" />
  9.                 <link rel="stylesheet" href="/share/css/font-awesome.css" />
  10.                 <link rel="stylesheet" href="/share/css/ngFormBuilder-full.css" />
  11.                 <link rel="stylesheet" type="text/css" href="/share/css/jstree/style.css">
  12.         </head>
  13.         <body ng-app="formBuilder">
  14.                 <style>
  15.                         .alert-alert {
  16.                             color: #a94442;
  17.                             background-color: #f2dede;
  18.                             border-color: #ebccd1;
  19.                             font-size: 15px;
  20.                             font-weight: 500;
  21.                             border-radius: 0.5em;
  22.                         }
  23.                         .formbuilder {
  24.                         height: inherit !important;
  25.                         }
  26.                         .formcomponent {
  27.                         background-color: var(--color3);
  28.                         border-color: var(--color3);
  29.                         }
  30.                         .formcomponent:hover {
  31.                         background-color: var(--color4);
  32.                         border-color: var(--color4);
  33.                         }
  34.                         .formcomponent:active:hover {
  35.                         background-color: var(--color4);
  36.                         border-color: var(--color4);
  37.                         }
  38.                         .formcomponent:active:focus {
  39.                         background-color: var(--color4);
  40.                         border-color: var(--color4);
  41.                         }
  42.                         .formcomponent:active {
  43.                         background-color: var(--color4);
  44.                         border-color: var(--color4);
  45.                         }
  46.                         .formcomponent:focus {
  47.                         background-color: var(--color4);
  48.                         border-color: var(--color4);
  49.                         }
  50.                         .alert-info {
  51.                         background-color: var(--color3);
  52.                         border-color: var(--color3);
  53.                         }
  54.                         .formbuilder {
  55.                         height: 600px;
  56.                         }
  57.                         .formcomponents {
  58.                         width: 30%;
  59.                         }
  60.                         .formarea {
  61.                         width: 70%;
  62.                         }
  63.                         .jsonviewer {
  64.                         max-height: 600px;
  65.                         overflow: scroll;
  66.                         }
  67.                         .form-type-select {
  68.                         display: inline-block;
  69.                         width: 100px;
  70.                         height: 28px;
  71.                         vertical-align: top;
  72.                         }
  73.                         .container-fluid {
  74.                         padding-top: 15px;
  75.                         }
  76.                 </style>
  77.     <input type="hidden" value='{"components":[],"display":"form","page":0}' class="FormioFormBuilderJSON" />
  78.     <input type="hidden" value='[]' class="FormioFormBuilderJSON-AllVariables" />
  79.         <div class="page-content" ng-app="formioApp">
  80.                         <div class="container-fluid">
  81.                                 <div>
  82.                                         <div class="row">
  83.                                                 <div class="col-sm-12">
  84.                                                         <div id="existingFormAlert" class="alert alert-alert hidden">
  85.                                                           <strong>ATTENTION!</strong> Le formulaire existant n'est pas compatible avec la nouvelle version du designer. En cliquant sur <strong>sauvgarder</strong> vous risquez de perdre la definition de formulaire.
  86.                                                         </div>
  87.                                                         <form-builder form="form"></form-builder>
  88.                                                 </div>
  89.                                         </div>
  90.                                 </div>
  91.                         </div>
  92.                 </div>
  93.                 <script src="/share/scripts/signature_pad.js"></script>
  94.                 <script src="/share/scripts/ngFormBuilder-full.js"></script>
  95.                 <script src="/share/scripts/jquery3.js"></script>
  96.                 <script src="/share/scripts/jstree.js"></script>
  97.                 <script src="/share/scripts/jsTree.directive.js"></script>
  98.                 <script src="/share/scripts/loadash.js"></script>
  99.                 <script type="text/javascript">
  100.  
  101.                         var enableSubmitForm = function() {
  102.                         var parentSaveButton = window.parent.document.querySelector('#FormBuilderDesigner .ft .button-group .default button');
  103.                         if (parentSaveButton) {
  104.                           parentSaveButton.classList.remove('AydFormBuilderDisabledButton');
  105.                           parentSaveButton.disabled = false;
  106.                         }
  107.                         }
  108.                        
  109.                         var formLoadedRoutine = setInterval(function() {
  110.                                 if (!$('button#submit').length) {
  111.                                         enableSubmitForm();
  112.                                         clearInterval(formLoadedRoutine);
  113.                                 }
  114.                         }, 100);
  115.  
  116.                         // Check if we have "colors" entry in the parent cookies
  117.                         // #20759
  118.                         function getURLParameter(param) {
  119.                             var sPageURL = window.location.search.substring(1);
  120.                             var sURLVariables = sPageURL.split('&');
  121.                             for (var i = 0; i < sURLVariables.length; i++) {
  122.                                 var paramName = sURLVariables[i].split('=');
  123.                                 if (paramName[0] == param) {
  124.                                     return paramName[1];
  125.                                 }
  126.                             }
  127.                             return null;
  128.                         }
  129.                        
  130.                         window.customPalette = {
  131.                             setUserColorsFromParent: function setUserColorsFromParent() {
  132.                                 if (this.getCookieFromParent('colors')) {
  133.                                     var results = JSON.parse(this.getCookieFromParent('colors'));
  134.                                     for (var i = 0; i < results.length; i++) {
  135.                                         var result = results[i];
  136.                                         for (let key in result) {
  137.                                             document.documentElement.style.setProperty(key, result[key]);
  138.                                         }
  139.                                     }
  140.                                 }
  141.                             },
  142.                        
  143.                             getCookieFromParent: function getCookieFromParent(cname) {
  144.                                 var name = cname + '=';
  145.                                 var decodedCookie = decodeURIComponent(window.parent.document.cookie);
  146.                                 var ca = decodedCookie.split(';');
  147.                                 for (var i = 0; i < ca.length; i++) {
  148.                                     var c = ca[i];
  149.                                     while (c.charAt(0) == ' ') {
  150.                                         c = c.substring(1);
  151.                                     }
  152.                                     if (c.indexOf(name) === 0) {
  153.                                         return c.substring(name.length, c.length);
  154.                                     }
  155.                                 }
  156.                                 return '';
  157.                             }
  158.                         };
  159.                         customPalette.setUserColorsFromParent();
  160.                        
  161.                          angular
  162.                            .module("formBuilder", ["ui.bootstrap", "ui.select", "ngFormBuilder", "jsTree.directive"])
  163.                            .run(["$rootScope", 'formioComponents', '$location', function($rootScope, formioComponents, $location) {
  164.                                    $rootScope.alfTicket = getURLParameter('alf_ticket');
  165.                        
  166.                         angular.element(document).ready(function () {
  167.                                 console.log("getting old form");
  168.                                 var averroesFormBuilderClient = window.parent.document.getElementById(getURLParameter('wfid') + '-AverroesFormBuilderJSON-client').value;
  169.                                 var averroesFormBuilderJSONClient = JSON.parse(averroesFormBuilderClient);
  170.                                
  171.                                 if (averroesFormBuilderJSONClient[getURLParameter('euid')] != undefined) {
  172.                                         angular.element('.FormioFormBuilderJSON').val(averroesFormBuilderJSONClient[getURLParameter('euid')]);
  173.                                 }
  174.                                
  175.                                 console.log('Checking the form version');
  176.                                 var theFormFormat = JSON.parse(angular.element('.FormioFormBuilderJSON').val());
  177.                                 var theFormIsNew = theFormFormat['components'] === undefined ? false : true;
  178.                                
  179.                                 if (theFormIsNew) {
  180.                                         $rootScope.form = JSON.parse(angular.element('.FormioFormBuilderJSON').val());                                 
  181.                                 } else {
  182.                                         document.getElementById('existingFormAlert').classList.remove("hidden");
  183.                                         angular.element('.FormioFormBuilderJSON').val('{"components":[],"display":"form","page":0}');
  184.                                         $rootScope.form = JSON.parse(angular.element('.FormioFormBuilderJSON').val());
  185.                                 }
  186.                                
  187.                                 console.log('getting list of variables');
  188.                                 var averroesFormBuilderAllVariable = window.parent.document.getElementById(getURLParameter('wfid') + '-AverroesFormBuilderJSON-AllVariables').value;
  189.                                 var result = [];
  190.                                 for(var i=0;i<JSON.parse(averroesFormBuilderAllVariable).length;i++)
  191.                                 {
  192.                                         if(JSON.parse(averroesFormBuilderAllVariable)[i].id != "TransfertTasksList")
  193.                                         {
  194.                                                 result.push(JSON.parse(averroesFormBuilderAllVariable)[i]);
  195.                                         }
  196.                                 }
  197.                                 angular.element('.FormioFormBuilderJSON-AllVariables').val(JSON.stringify(result));
  198.                                
  199.                         });
  200.  
  201.           // Sync .FormioFormBuilderJSON with the current Form JSON
  202.           $rootScope.$on('formUpdate', function(event, form) {
  203.             angular.merge($rootScope.form, form);
  204.             angular.element('.FormioFormBuilderJSON').val(JSON.stringify($rootScope.form));
  205.           });
  206.          
  207.           // Sync .FormioFormBuilderJSON with the current Form JSON
  208.           $rootScope.$on('displayChange', function(event, display) {
  209.                   var newForm = JSON.parse(angular.element('.FormioFormBuilderJSON').val());
  210.                   newForm['display'] = display;
  211.                   angular.element('.FormioFormBuilderJSON').val(JSON.stringify(newForm));
  212.           });
  213.                              }
  214.                            ]);
  215.                 </script>
  216.         </body>
  217. </html>

Submit a correction or amendment below (click here to make a fresh posting)
After submitting an amendment, you'll be able to view the differences between the old and new posts easily.

Syntax highlighting:

To highlight particular lines, prefix each line with {%HIGHLIGHT}




All content is user-submitted.
The administrators of this site (kpaste.net) are not responsible for their content.
Abuse reports should be emailed to us at