Runing Cases: add Pmdynaform

2014-07-17 15:51:06 -04:00
parent 8252d1a138
commit c4d7d6c3a4
3 changed files with 441 additions and 23 deletions
--- a/workflow/engine/js/cases/core/cases_Step_Pmdynaform.js
+++ b/workflow/engine/js/cases/core/cases_Step_Pmdynaform.js
@@ -0,0 +1,39 @@
+function dynaFormChanged (frm) {
+    for (var i1 = 0; i1 <= frm.elements.length - 1; i1++) {
+        if ((frm.elements[i1].type == "radio" || frm.elements[i1].type == "checkbox") && (frm.elements[i1].checked != frm.elements[i1].defaultChecked)) {
+            return true;
+        }
+        if ((frm.elements[i1].type == "textarea" || frm.elements[i1].type == "text" || frm.elements[i1].type == "file") && (frm.elements[i1].value != frm.elements[i1].defaultValue)) {
+            return true;
+        }
+        if (frm.elements[i1].tagName.toLowerCase() == "select") {
+            var selectDefaultValue = frm.elements[i1].value;
+            for (var i2 = 0; i2 <= frm.elements[i1].options.length - 1; i2++) {
+                if (frm.elements[i1].options[i2].defaultSelected) {
+                    selectDefaultValue = frm.elements[i1].options[i2].value;
+                    break;
+                }
+            }
+            if (frm.elements[i1].value != selectDefaultValue) {
+                return true;
+            }
+        }
+    }
+    return false;
+}
+
+window.onload = function () {
+    var data = JSON.parse(jsondata);
+    var modelPMDynaform = new PMDynaform.Model.Form(data);
+    var viewPMDynaform = new PMDynaform.View.Form({tagName: "div", renderTo: $(".container"), model: modelPMDynaform});
+
+    if (pm_run_outside_main_app === 'true') {
+        if (parent.showCaseNavigatorPanel) {
+            parent.showCaseNavigatorPanel('DRAFT');
+        }
+
+        if (parent.setCurrent) {
+            parent.setCurrent(dyn_uid);
+        }
+    }
+};
--- a/workflow/engine/methods/cases/cases_Step.php
+++ b/workflow/engine/methods/cases/cases_Step.php
@@ -257,7 +257,32 @@ try {
            $oDbConnections->loadAdditionalConnections();
            $_SESSION['CURRENT_DYN_UID'] = $_GET['UID'];

-            $G_PUBLISH->AddContent( 'dynaform', 'xmlform', $_SESSION['PROCESS'] . '/' . $_GET['UID'], '', $Fields['APP_DATA'], 'cases_SaveData?UID=' . $_GET['UID'] . '&APP_UID=' . $_SESSION['APPLICATION'], '', (strtolower( $oStep->getStepMode() ) != 'edit' ? strtolower( $oStep->getStepMode() ) : '') );
+            /*
+             * Checks the type of Dynaform.
+             * DYN_VERSION: 1 is classic Dynaform, 2 is Pmdynaform (responsive form).
+             */
+            $a = new Criteria("workflow");
+            $a->addSelectColumn(DynaformPeer::DYN_VERSION);
+            $a->addSelectColumn(DynaformPeer::DYN_CONTENT);
+            $a->add(DynaformPeer::DYN_UID, $_GET['UID'], Criteria::EQUAL);
+            $ds = ProcessPeer::doSelectRS($a);
+            $ds->setFetchmode(ResultSet::FETCHMODE_ASSOC);
+            $ds->next();
+            $row = $ds->getRow();
+            if (isset($row) && $row["DYN_VERSION"] == 2) {
+                $oTemplatePower = new TemplatePower(PATH_TPL . 'cases/cases_Step_Pmdynaform.html');
+                $oTemplatePower->prepare();
+                $oTemplatePower->assign("JSON_DATA", $row["DYN_CONTENT"]);
+                $oTemplatePower->assign("CASE", $array["CASE"]);
+                $oTemplatePower->assign("APP_NUMBER", $array["APP_NUMBER"]);
+                $oTemplatePower->assign("TITLE", $array["TITLE"]);
+                $oTemplatePower->assign("APP_TITLE", $array["APP_TITLE"]);
+                $oTemplatePower->assign("PM_RUN_OUTSIDE_MAIN_APP", (!isset($_SESSION["PM_RUN_OUTSIDE_MAIN_APP"])) ? "true" : "false");
+                $oTemplatePower->assign("DYN_UID", $_GET['UID']);
+            } else {
+                $G_PUBLISH->AddContent('dynaform', 'xmlform', $_SESSION['PROCESS'] . '/' . $_GET['UID'], '', $Fields['APP_DATA'], 'cases_SaveData?UID=' . $_GET['UID'] . '&APP_UID=' . $_SESSION['APPLICATION'], '', (strtolower($oStep->getStepMode()) != 'edit' ? strtolower($oStep->getStepMode()) : ''));
+            }
+            
            break;
        case 'INPUT_DOCUMENT': 
            if ($noShowTitle == 0) {
@@ -1018,29 +1043,36 @@ try {
    die();
 }

-$oHeadPublisher = & headPublisher::getSingleton();
-$oHeadPublisher->addScriptFile( "/jscore/cases/core/cases_Step.js" );
+/*
+ * Checks the type of Dynaform.
+ * DYN_VERSION: 1 is classic Dynaform, 2 is Pmdynaform (responsive form).
+ */
+if (isset($row) && $row["DYN_VERSION"] == 2) {
+    $oTemplatePower->printToScreen();
+} else {
+    $oHeadPublisher = & headPublisher::getSingleton();
+    $oHeadPublisher->addScriptFile( "/jscore/cases/core/cases_Step.js" );

-if (!isset($_SESSION["PM_RUN_OUTSIDE_MAIN_APP"])) {
-    $oHeadPublisher->addScriptCode( "
-                                        if (typeof parent != 'undefined') {
-                                            if (parent.showCaseNavigatorPanel) {
-                                                parent.showCaseNavigatorPanel('$sStatus');
-                                            }
+    if (!isset($_SESSION["PM_RUN_OUTSIDE_MAIN_APP"])) {
+        $oHeadPublisher->addScriptCode( "
+                                            if (typeof parent != 'undefined') {
+                                                if (parent.showCaseNavigatorPanel) {
+                                                    parent.showCaseNavigatorPanel('$sStatus');
+                                                }

-                                            if (parent.setCurrent) {
-                                                parent.setCurrent('" . $_GET['UID'] . "');
-                                            }
-                                        }" );
+                                                if (parent.setCurrent) {
+                                                    parent.setCurrent('" . $_GET['UID'] . "');
+                                                }
+                                            }" );

+    }
+
+    G::RenderPage( 'publish', 'blank' );
+
+    if ($_SESSION['TRIGGER_DEBUG']['ISSET']) {
+        G::evalJScript( '
+        if (typeof showdebug != \'undefined\') {
+          showdebug();
+        }' );
+    }
 }
-
-G::RenderPage( 'publish', 'blank' );
-
-if ($_SESSION['TRIGGER_DEBUG']['ISSET']) {
-    G::evalJScript( '
-    if (typeof showdebug != \'undefined\') {
-      showdebug();
-    }' );
-}
-
--- a/workflow/engine/templates/cases/cases_Step_Pmdynaform.html
+++ b/workflow/engine/templates/cases/cases_Step_Pmdynaform.html
@@ -0,0 +1,347 @@
+<!DOCTYPE html>
+<html>
+    <head>
+        <title>PMDynaform</title>
+        <meta charset="utf-8">
+        <meta http-equiv="X-UA-Compatible" content="IE=edge">
+        <meta name="viewport" content="width=device-width, initial-scale=1">
+        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
+
+        <link rel='stylesheet' type='text/css' href='/css/neoclassic-blank.css' />
+        
+        <link rel="stylesheet" href="/lib/pmdynaform/libs/bootstrap-3.1.1/css/bootstrap.min.css">
+        <link rel="stylesheet" href="/lib/pmdynaform/build/css/PMDynaform.css">
+        
+        <!--<script type="text/javascript" src="/js/maborak/core/maborak.js"></script>-->
+        <script type="text/javascript" src="/lib/pmdynaform/libs/jquery/jquery-1.11.js"></script>
+        <script type="text/javascript" src="/lib/pmdynaform/libs/jquery/jquery.inputmask.js"></script>
+
+        <script type="text/javascript" src="/lib/pmdynaform/libs/bootstrap-3.1.1/js/bootstrap.min.js"></script>
+        <script type="text/javascript" src="/lib/pmdynaform/libs/underscore/underscore-1.6.js"></script>
+        <script type="text/javascript" src="/lib/pmdynaform/libs/backbone/backbone-min.js"></script>	
+
+    </head>
+    <body>
+        <div id="container"></div>
+        <script type="text/template" id="fieldset-template">
+            <fieldset>
+            <legend>Options</legend>
+
+            <div class='col-sm-12'>
+            <div class='form-group'>
+            <label for="user_locale">Language</label>
+            <select class="form-control" id="user_locale" name="user[locale]"><option value="de" selected="selected">Deutsch</option>
+            <option value="en">English</option></select>
+            </div>
+            </div>
+
+            </fieldset>
+        </script>
+
+        <script type="text/template" id="tpl-exoinput">
+            <div class="form-group">
+            <label for="exampleInputEmail1">Email address</label>
+            <input type="email" class="form-control" id="exampleInputEmail1" placeholder="Enter email">
+            </div>    
+        </script>
+
+        <script type="text/template" id="tpl-panelfield">
+            <div class="col-xs-<%- colSpan %>">		  			 			 
+            </div>
+        </script>
+
+        <script type="text/template" id="tpl-row">
+            <div class="row show-grid">	      
+            </div>
+        </script>
+
+        <script type="text/template" id="tpl-validator">
+            <ul>
+
+            <% for (var item in message) {%>
+            <li><span><%= message[item]%> </span></li>
+            <%}%>
+            </ul>
+        </script>
+        <script type="text/template" id="tpl-datetime">
+            <div class="form-group col-sm-<%=colSpan%> col-md-<%=colSpan%> col-lg-<%=colSpan%>">
+            <div class="input-append date">
+            <label class="col-lg-<%=colSpanLabel%> control-label"> 
+            <span><%= label %></span>
+            <%if(required){%>
+            <span class="pmdynaform-field-required">*</span>
+            <%}%>
+            </label>
+            <div class="col-lg-<%=colSpanControl%>">
+            <div class="input-group">
+            <input class="form-control" data-format="<%=format%>" type="text"></input>
+            <span class=" input-group-addon add-on">
+            <i data-time-icon="icon-time" data-date-icon="icon-calendar">	      	
+            </i>
+            </span>
+            <%if (hint !== "" && hint !== null){%>
+            <span class="glyphicon glyphicon-question-sign " data-toggle="tooltip" data-placement="bottom" title="<%=hint%>"></span>
+            <%}%>
+            </div>
+            </div>
+            </div>
+            </div>	
+        </script>
+        <script type="text/template" id="tpl-date">
+            <div class="form-group col-sm-<%=colSpan%> col-md-<%=colSpan%> col-lg-<%=colSpan%>">
+            <div class="input-append date">
+            <label class="col-lg-<%=colSpanLabel%> control-label">  
+            <span><%= label %></span>
+            <%if(required){%>
+            <span class="pmdynaform-field-required">*</span>
+            <%}%>
+            </label>	  	
+            <div class="col-lg-<%=colSpanControl%>">
+            <div class="input-group">
+            <input class="form-control" data-format="<%=format%>" type="text"></input>
+            <span class=" input-group-addon add-on">
+            <i data-time-icon="icon-time" data-date-icon="icon-calendar">	      	
+            </i>
+            </span>
+            <%if (hint !== "" && hint !== null){%>
+            <span class="glyphicon glyphicon-question-sign " data-toggle="tooltip" data-placement="bottom" title="<%=hint%>"></span>
+            <%}%>
+            </div>
+            </div>
+            </div>
+            </div>	
+        </script>
+        <script type="text/template" id="tpl-time">
+            <div class="form-group col-sm-<%=colSpan%> col-md-<%=colSpan%> col-lg-<%=colSpan%>">
+            <div class="input-append date">
+            <label class="col-lg-<%=colSpanLabel%> control-label">  
+            <span><%= label %></span>
+            <%if(required){%>
+            <span class="pmdynaform-field-required">*</span>
+            <%}%>
+            </label>	  	
+            <div class="col-lg-<%=colSpanControl%>">
+            <div class="input-group">
+            <input class="form-control" data-format="<%=format%>" type="text"></input>
+            <span class=" input-group-addon add-on">
+            <i data-time-icon="icon-time" data-date-icon="icon-calendar">	      	
+            </i>
+            </span>
+            <%if (hint !== "" && hint !== null){%>
+            <span class="glyphicon glyphicon-question-sign " data-toggle="tooltip" data-placement="bottom" title="<%=hint%>"></span>
+            <%}%>
+            </div>
+            </div>
+            </div>
+            </div>	
+        </script>
+
+        <script type="text/template" id="tpl-text">
+            <div id="<%=id%>" class="form-group col-sm-<%=colSpan%> col-md-<%=colSpan%> col-lg-<%=colSpan%>">
+            <label class="col-lg-<%=colSpanLabel%> control-label"> 
+            <span><%= label %></span>
+            <%if(required){%>
+            <span class="pmdynaform-field-required">*</span>
+            <%}%>
+            </label>
+            <div class="col-lg-<%=colSpanControl%>">
+            <input  type=<%=type%>
+            class="form-control" 
+            placeholder= "<%= placeholder %>"
+            value= "<%= value%>"
+            <% if(typeof maxLength === "number"){%>
+            maxlength="<%= maxLength%>"
+            <% }%>
+            <% if(disabled === true){%>disabled<%}%>
+            autocomplete="off"
+            >
+            <% if(!valid){%>
+            <span class="glyphicon glyphicon-remove form-control-feedback"></span>
+            <%}%>
+            <%if (hint !== "" && hint !== null){%>
+            <span class="glyphicon glyphicon-question-sign " data-toggle="tooltip" data-placement="bottom" title="<%=hint%>"></span>
+            <%}%>				
+            </div>
+            </div>   
+        </script>
+
+
+
+        <script type="text/template" id="tpl-textarea">
+            <div class="form-group col-sm-<%=colSpan%> col-md-<%=colSpan%> col-lg-<%=colSpan%>">
+            <label class="col-lg-<%=colSpanLabel%> control-label"> 
+            <span><%= label %></span>
+            <%if(required){%>
+            <span class="pmdynaform-field-required">*</span>
+            <%}%>
+            </label>
+            <div class="col-lg-<%=colSpanControl%>">
+            <textarea   class="form-control" 
+            rows="<%= rows %>"
+            value="<%= value %>"
+            ></textarea>
+            <%if (hint !== "" && hint !== null){%>
+            <span class="glyphicon glyphicon-question-sign " data-toggle="tooltip" data-placement="bottom" title="<%=hint%>"></span>
+            <%}%>
+            </div>
+            </div>	
+        </script>
+
+        <script type="text/template" id="tpl-checkbox">
+            <div class="form-group col-sm-<%=colSpan%> col-md-<%=colSpan%> col-lg-<%=colSpan%>">
+            <label class="col-lg-<%=colSpanLabel%> control-label">  
+            <span><%= label %></span>
+            <%if(required){%>
+            <span class="pmdynaform-field-required">*</span>
+            <%}%>
+            </label>
+            <div class="col-lg-<%=colSpanControl%>">
+            <div class="pmdynaform-checkbox-items">
+            <% for(var option in options) { %>
+            <div class="checkbox">        
+            <label>
+            <input
+            value="<%=options[option].value%>" 
+            type="<%=type%>"
+            <% if(options[option].selected){%>checked<%}%>>
+            <span><%= options[option].label %> </span> 
+            </label>
+            </div>
+            <% } %>	
+            </div>
+            <%if (hint !== "" && hint !== null){%>
+            <span class="glyphicon glyphicon-question-sign " data-toggle="tooltip" data-placement="bottom" title="<%=hint%>"></span>
+            <%}%>
+            </div>
+            </div>    
+        </script>
+
+
+        <script type="text/template" id="tpl-radio">
+            <div class="form-group col-sm-<%=colSpan%> col-md-<%=colSpan%> col-lg-<%=colSpan%>">
+            <label class="col-lg-<%=colSpanLabel%> control-label">  
+            <span><%= label %></span>
+            <%if(required){%>
+            <span class="pmdynaform-field-required">*</span>
+            <%}%>
+            </label>
+            <div class="col-lg-<%=colSpanControl%>">
+            <div class="pmdynaform-radio-items">
+            <% for(var option in options) { %>
+            <div class="radio">    
+            <label>
+            <input name="<%=name%>"
+            value="<%=options[option].value%>" 
+            type="<%=type%>">
+            <span><%= options[option].label %> </span> 
+            </label>
+            </div>
+            <% } %>	
+            </div>
+            <%if (hint !== "" && hint !== null){%>
+            <span class="glyphicon glyphicon-question-sign " data-toggle="tooltip" data-placement="bottom" title="<%=hint%>"></span>
+            <%}%>
+            </div>
+            </div>
+        </script>
+
+
+
+        <script type="text/template" id="tpl-dropdown">
+            <div class="form-group col-sm-<%=colSpan%> col-md-<%=colSpan%> col-lg-<%=colSpan%>">	
+            <label class="col-lg-<%=colSpanLabel%> control-label">  
+            <span><%= label %></span>
+            <%if(required){%>
+            <span class="pmdynaform-field-required">*</span>
+            <%}%>
+            </label>
+            <div class="col-lg-<%=colSpanControl%>">
+            <select class="form-control">
+            <% for(var option in options) { %>
+            <option value=<%= options[option].value %>><%= options[option].label %></option>
+            <% } %>
+            </select>
+            <%if (hint !== "" && hint !== null){%>
+            <span class="glyphicon glyphicon-question-sign " data-toggle="tooltip" data-placement="bottom" title="<%=hint%>"></span>
+            <%}%>
+            </div>
+            </div>	
+        </script>
+
+        <script type="text/template" id="tpl-button">
+            <div id="<%=id%>" class="form-group col-sm-<%=colSpan%> col-md-<%=colSpan%> col-lg-<%=colSpan%> text-center">
+            <button type=<%=type%> class="btn btn-primary"> <span> <%= label %> </span></button>
+            </div>
+        </script>
+
+        <script type="text/template" id="tpl-submit">
+            <div class="form-group col-sm-<%=colSpan%> col-md-<%=colSpan%> col-lg-<%=colSpan%> text-center">
+            <button type=<%=type%> class="btn btn-default"> <span> <%= label %> </span></button>
+            </div>	
+        </script>
+
+        <script type="text/template" id="tpl-file">
+            <label for="exampleInputFile">
+            <span><%= label %></span>
+            <%if(required){%>
+            <span class="pmdynaform-field-required">*</span>
+            <%}%>
+            </label>
+            <input type="file" id="exampleInputFile">
+            <%if (hint !== "" && hint !== null){%>
+            <span class="glyphicon glyphicon-question-sign " data-toggle="tooltip" data-placement="bottom" title="<%=hint%>"></span>
+            <%}%>
+            <p class="help-block">Example block-level help text here.</p>
+        </script>
+
+        <script type="text/template" id="tpl-suggest-list">
+            <div class="list-group col-sm-12 col-md-12 col-lg-12 col-xs-12 pmdynaform-suggest">  		
+            </div>
+        </script>
+        <script type="text/template" id="tpl-suggest-element">
+            <span class="list-group-item"><%= value %></span>  		
+        </script>
+
+        <script type="text/template" id="tpl-link">
+            <div id="<%=id%>" class="form-group col-sm-<%=colSpan%> col-md-<%=colSpan%> col-lg-<%=colSpan%> col-xs-<%=colSpan%>">
+            <label class="col-lg-<%=colSpanLabel%> control-label"> 
+            <span><%= label %></span>
+            <%if(required){%>
+            <span class="pmdynaform-field-required">*</span>
+            <%}%>
+            </label>
+            <div class="col-lg-<%=colSpanControl%>">
+            <button type="button" class="btn btn-link"> <span> <%= name %> </span></button>			
+            </div>
+            </div>   
+        </script>
+
+        <script type="text/template" id="tpl-empty">
+            <div class="form-group col-sm-<%=colSpan%> col-md-<%=colSpan%> col-lg-<%=colSpan%>">
+            </div>   
+        </script>
+
+
+
+        <script type="text/javascript" src="/lib/pmdynaform/build/js/PMDynaform.js"></script>
+        
+        <script type="text/javascript">
+            var jsondata = '{JSON_DATA}';
+            var pm_run_outside_main_app = '{PM_RUN_OUTSIDE_MAIN_APP}';
+            var dyn_uid = '{DYN_UID}';
+        </script>
+        
+        <script type="text/javascript" src="/jscore/cases/core/cases_Step.js"></script>
+        <script type="text/javascript" src="/jscore/cases/core/cases_Step_Pmdynaform.js"></script>
+
+        <table width="100%" align="center">
+            <tr class="userGroupTitle">
+                <td width="100%" align="center">{CASE} #: {APP_NUMBER}&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;{TITLE}: {APP_TITLE}</td>
+            </tr>
+        </table>
+        
+        <a style="float: left; margin: 10px 2px 2px 10px; cursor: pointer; opacity: 1;"><img src="/lib/img/pager-previous-icon.png" style="padding-right:5px;width:25px;height:20px;">Previous Step</a>
+        <a style="float: right; margin: 10px 10px 2px 2px; cursor: pointer; opacity: 1;">Next step<img src="/lib/img/pager-next-icon.png" style="padding-left:5px;width:25px;height:20px;"></a>
+        
+    </body>
+</html>