Add/Edit Action

Action Name

Event

Action

Result Mode

Payment Name

Result Mode

Action Type

Properties

Step Number

Message

Tokens: {Field:FieldName} : use of field value in email template

Javascript Code

</div>
                    </div>
                </div>
                
                <div ng-if="action.ActionType == 'RedirectUrl'">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Redirect Url</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control text-input theme-default" ng-model="action.ActionDetails.Url" placeholder="Enter url" required />
                        </div>
                    </div>
                </div>
                
                <div ng-if="action.ActionType == 'SetConditionsForList'">
                    <div class="form-group">
                        <label class="col-sm-3 label-form theme-default">Properties</label>
                        <div class="col-sm-9">
                            <conditional-item ng-model="action.ActionDetails.Conditions" id="actionListconditions{{action.ActionID}}" type="actions"></conditional-item>
                        </div>
                    </div>
                </div>
                
                <div ng-if="action.ActionType == 'ShowHidePopupWindow'">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Window Field</label>
                        <div class="col-sm-9">
                            <select ng-model="action.ActionDetails.WindowFieldID" class="form-control text-input theme-default"
                                    ng-options="field.FieldID as field.FieldText for field in fields | filter:{FieldType : 'Window'}"
                                    chosen inherit-select-classes="true" placeholder-text-single="'Select one field'" required>
                                <option disabled></option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Show/Hide</label>
                        <div class="col-sm-9">
                            <select ng-model="action.ActionDetails.ShowHide" class="form-control text-input theme-default"
                                    chosen inherit-select-classes="true" placeholder-text-single="'Select show/hide'" required>
                                <option disabled></option>
                                <option value="Show">Show</option>
                                <option value="Hide">Hide</option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group" ng-if="action.ActionDetails.ShowHide=='Show'">
                        <label class="col-sm-3 control-label">Show Groups If Are Hidden</label>
                        <div class="col-sm-9">
                            <div class="checkbox theme-default">
                                <label>
                                    <input type="checkbox" ng-model="action.ActionDetails.ShowGroupsIfAreHidden" />
                                    <i class="input-helper"></i>
                                </label>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div ng-if="action.ActionType == 'RunTokenService'">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Token Service Name</label>
                        <div class="col-sm-9">
                            <select ng-model="action.ActionDetails.ServiceID" class="form-control text-input theme-default"
                                    ng-options="service.ItemID as service.ServiceName for service in tokenServices" ng-change="onTokenServiceChange()"
                                    chosen inherit-select-classes="true" placeholder-text-single="'Select token service'">
                                <option disabled></option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group" ng-if="action.ActionDetails.ServiceID">
                        <label class="col-sm-3 control-label">Token Service Params</label>
                        <div class="col-sm-9">
                            <button type="button" class="btn btn-info" ng-click="onRefreshTokenServiceParams()">
                                <i class="zmdi zmdi-refresh"></i>
                            </button>
                            <table class="table table-bordered table-columns-vmiddle table-striped m-b-0">
                                <thead>
                                    <tr>
                                        <th>Param Name</th>
                                        <th>Param Value</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat="param in action.ActionDetails.Params">
                                        <td>{{param.ParamName}}</td>
                                        <td>
                                            <mbd-autocomplete ng-model="param.ParamValue" scope="this" fields="fields" groups="groups"></mbd-autocomplete>
                                        </td>
                                    </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div class="form-group" ng-if="action.ActionDetails.ServiceID">
                        <label class="col-sm-3 control-label">On Completed Action</label>
                        <div class="col-sm-9 col-sm-offset-3">
                            <conditional-item ng-model="action.ActionDetails.OnCompleted" fields="fields" groups="groups" id="actionTokenServiceCompleted{{action.ActionID}}" type="actions" disable-field-options="true"></conditional-item>
                        </div>
                    </div>
                </div>
                
                <div ng-if="action.ActionType == 'Payment'">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Payment Method</label>
                        <div class="col-sm-9">
                            <select ng-model="action.ActionDetails.PaymentMethodID" class="form-control text-input theme-default" ng-change="onPaymentMethodChange()"
                                    ng-options="payment.PaymentMethodID as payment.PaymentName for payment in paymentMethods"
                                    chosen inherit-select-classes="true" placeholder-text-single="'Select payment method'">
                                <option disabled></option>
                            </select>
                        </div>
                    </div>
                    <div class="form-group" ng-if="action.ActionDetails.PaymentMethodID">
                        <label class="col-sm-3 control-label">Amount</label>
                        <div class="col-sm-9">
                            <input type="text" class="form-control text-input theme-default" ng-model="action.ActionDetails.Amount" placeholder="Enter amount" required />
                        </div>
                    </div>
                    <div class="form-group" ng-if="action.ActionDetails.PaymentMethodID">
                        <label class="col-sm-3 control-label">Payment Params</label>
                        <div class="col-sm-9 col-sm-offset-3">
                            <table class="table table-bordered table-columns-vmiddle table-striped m-b-0">
                                <thead>
                                    <tr>
                                        <th>Param Name</th>
                                        <th>Param Value</th>
                                    </tr>
                                </thead>
                                <tbody>
                                    <tr ng-repeat="param in action.ActionDetails.PaymentParams">
                                        <td>
                                            <input type="text" ng-model="param.ParamName" class="form-control text-input theme-default" />
                                        </td>
                                        <td>
                                            <mbd-autocomplete ng-model="param.ParamValue" scope="this" fields="fields" groups="groups"></mbd-autocomplete>
                                        </td>
                                    </tr>
                                </tbody>
                                <tfoot>
                                    <tr>
                                        <th colspan="2">
                                            <button type="button" class="btn btn-primary" ng-click="onAddPaymentParamClick()">Add Param</button>
                                        </th>
                                    </tr>
                                </tfoot>
                            </table>
                        </div>
                    </div>
                </div>
                
                <div ng-if="action.ActionType == 'CallAnotherAction'">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Action</label>
                        <div class="col-sm-9">
                            <select ng-model="action.ActionDetails.ActionID" class="form-control text-input theme-default"
                                    ng-options="ac.ActionID as ac.ActionName for ac in actions"
                                    chosen inherit-select-classes="true" placeholder-text-single="'Select an action'">
                                <option disabled></option>
                            </select>
                        </div>
                    </div>
                </div>
                
                <div ng-if="action.ActionType == 'ListProcessing'">
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Select List</label>
                        <div class="col-sm-9">
                            <mbd-autocomplete ng-model="action.ActionDetails.ListName" scope="this" fields="fields" placeholder="Select list name"></mbd-autocomplete>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">List Item Name</label>
                        <div class="col-sm-9">
                            <input type="text" ng-model="action.ActionDetails.ListItemName" class="form-control text-input theme-default" placeholder="Enter list item name" />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Action Type</label>
                        <div class="col-sm-9">
                            <select ng-model="action.ActionDetails.ActionType" class="form-control text-input theme-default"
                                    chosen inherit-select-classes="true" placeholder-text-single="'Select action type'" ng-change="onFieldActionTypeChange(action)">
                                <option disabled></option>
                                <option value="RunTokenService">Run Token Service</option>
                                <option value="SetProperty">Set Property</option>
                            </select>
                        </div>
                    </div>
                    <div ng-if="action.ActionDetails.ActionType=='RunTokenService'">
                        <div class="form-group">
                            <label class="col-sm-3 control-label">Token Service Name</label>
                            <div class="col-sm-9">
                                <select ng-model="action.ActionDetails.ServiceID" class="form-control text-input theme-default"
                                        ng-options="service.ItemID as service.ServiceName for service in tokenServices" ng-change="onTokenServiceChange()"
                                        chosen inherit-select-classes="true" placeholder-text-single="'Select token service'">
                                    <option disabled></option>
                                </select>
                            </div>
                        </div>
                        <div class="form-group" ng-if="action.ActionDetails.ServiceID">
                            <label class="col-sm-3 control-label">Token Service Params</label>
                            <div class="col-sm-9">
                                <button type="button" class="btn btn-info" ng-click="onRefreshTokenServiceParams()">
                                    <i class="zmdi zmdi-refresh"></i>
                                </button>
                                <table class="table table-bordered table-columns-vmiddle table-striped m-b-0">
                                    <thead>
                                        <tr>
                                            <th>Param Name</th>
                                            <th>Param Value</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr ng-repeat="param in action.ActionDetails.Params">
                                            <td>{{param.ParamName}}</td>
                                            <td>
                                                <mbd-autocomplete ng-model="param.ParamValue" scope="this" fields="fields" groups="groups"></mbd-autocomplete>
                                            </td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                    <div ng-if="action.ActionDetails.ActionType=='SetProperty'">
                        <div class="form-group">
                            <label class="col-sm-3 label-form theme-default">Properties Before List Processing</label>
                            <div class="col-sm-9">
                                <conditional-item ng-model="action.ActionDetails.PropertiesBeforeListProcessing" fields="fields" groups="groups" id="actionListProcessingBeforeSetProperty{{action.ActionID}}" type="actions" disable-field-options="true"></conditional-item>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 label-form theme-default">Properties Into List Processing</label>
                            <div class="col-sm-9">
                                <conditional-item ng-model="action.ActionDetails.PropertiesIntoListProcessing" fields="fields" groups="groups" id="actionListProcessingBeforeSetProperty{{action.ActionID}}" type="actions" disable-field-options="true"></conditional-item>
                            </div>
                        </div>
                        <div class="form-group">
                            <label class="col-sm-3 label-form theme-default">Properties After List Processing</label>
                            <div class="col-sm-9">
                                <conditional-item ng-model="action.ActionDetails.PropertiesAfterListProcessing" fields="fields" groups="groups" id="actionListProcessingBeforeSetProperty{{action.ActionID}}" type="actions" disable-field-options="true"></conditional-item>
                            </div>
                        </div>
                    </div>
                </div>
                
                <div ng-if="action.ActionType == 'SendEmail'">
                    <div class="form-group">
                        <label class="col-sm-3 label-form theme-default">Email(s)</label>
                        <div class="col-sm-9 ang-validation theme-default" ng-class="{'error':actionForm.$submitted && actionForm.actionEmailTo.$invalid}">
                            <tags-input ng-model="action.ActionDetails.EmailTo" placeholder="Enter email addresses"></tags-input>
                            <input type="hidden" name="actionEmailTo" ng-model="action.ActionDetails.EmailTo" required />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 label-form theme-default">Subject Email</label>
                        <div class="col-sm-9 ang-validation theme-default" ng-class="{'error':actionForm.$submitted && actionForm.actionEmailSubject.$invalid}">
                            <input type="text" name="actionEmailSubject" class="form-control text-input theme-default" ng-model="action.ActionDetails.Subject" placeholder="Enter email subject" required />
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 label-form theme-default">Email Template</label>
                        <div class="col-sm-9 ang-validation theme-default" ng-class="{'error':actionForm.$submitted && actionForm.actionEmailBody.$invalid}">
                            <div ng-if="action.ActionType == 'SendEmail'" ckeditor="ckeditorBasicOptions" name="actionEmailBody" ng-model="action.ActionDetails.Body" required></div>
                            <p>Tokens: {Field:FieldName} : use of field value in email template</p>
                        </div>
                    </div>
                </div>
                
                <div ng-if="action.ActionType == 'SendSMS'">
                    <div class="form-group">
                        <label class="col-sm-3 label-form theme-default">Mobile(s)</label>
                        <div class="col-sm-9 ang-validation theme-default" ng-class="{'error':actionForm.$submitted && actionForm.actionSmsTo.$invalid}">
                            <tags-input ng-model="action.ActionDetails.SmsTo" placeholder="Enter mobile number"></tags-input>
                            <input type="hidden" name="actionSmsTo" ng-model="action.ActionDetails.SmsTo" required />
                        </div>
                        <div class="col-sm-1 p-0">
                            <a class="pull-left m-t-5 f-20" href="" uib-popover-html="'{Field:FieldName} : use field value for mobile'" popover-placement="left" popover-trigger="'focus'">
                                <i class="zmdi zmdi-help"></i>
                            </a>
                        </div>
                    </div>
                    <div class="form-group">
                        <label class="col-sm-3 control-label">Sms Body</label>
                        <div class="col-sm-9 ang-validation theme-default" ng-class="{'error':actionForm.$submitted && actionForm.actionSmsBody.$invalid}">
                            <textarea name="actionSmsBody" class="form-control text-input theme-default" ng-model="action.ActionDetails.Body" placeholder="Enter sms body" required />
                            <p>Tokens: {Field:FieldName} : use of field value in sms body</p>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label class="col-sm-3 control-label">View Order</label>
                    <div class="col-sm-9">
                        <input type="text" ng-model="action.ViewOrder" class="form-control text-input theme-default" placeholder="Enter view order" valid-int-number />
                    </div>
                </div>
                <hr />
                <div class="form-group">
                    <label class="col-sm-3 control-label">Conditions</label>
                    <div class="col-sm-9">
                        <conditional-item ng-model="action.Conditions" fields="fields" groups="groups" id="actionConditions{{action.ActionID}}"></conditional-item>
                    </div>
                </div>
                <div class="form-group">
                    <div class="col-sm-9 col-sm-offset-3">
                        <button type="button" class="btn btn-success  m-r-5" ng-click="onSaveActionClick()" ng-disabled="waiting">Save</button>
                        <button type="button" class="btn btn-cancel m-r-5 bgm-gray" ng-click="onCancelActionClick()">Cancel</button>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>