Call a method from another method using framework cli

This is my code.

methods: {
initiatePayment: function (order_id, amount) {
          var options = {
            "key": "xxxx",
            "amount": "xxx",
            "currency": "xxX",
            "order_id": order_id,
          };
        },
    onlinefullPayment: () => {
      var url = app.data.globalUrl;
      var _userid = xxx;
      var _application_id = xxx;
      var _payfullamount_ = xxxx;
      var updated_by = xxx;
      var payfull = {
        "user_id": _userid,
        "application_id": _application_id,
        "amount": _payfullamount_,
        "updated_by": updated_by
      }
      var payfulldetails = JSON.stringify(payfull);

      var self = this;
      app.request.post(url + 'api/payment/xxx/', payfulldetails, (res) => {
        var statement_updated = JSON.parse(res);
        if (statement_updated.status === 200 || statement_updated.status === 201) {

          self.initiatePayment(statement_updated.order_id, _payfullamount_);

        } else if (statement_updated.status === 400) {
        }
      });
    },
}

This is your code. And where is this code placed? And what is your question/issue?

this is the full code.

<div class="navbar">
  <div class="navbar-inner sliding">
    <div class="left">
      <a class="panel-open" href="#" data-panel="left"><i class="fa fa-bars" aria-hidden="true"></i></a>
      <div class="dash-title">Approved</div>
    </div>
  </div>
</div>


<div class="page-content">

  <div id="approved-user">

    <div class="card data-table">
        <a class="link back" @click="backDev">
          <i class="fa fa-arrow-left" aria-hidden="true"></i>
        </a>
        <a href="/approved-details/{{single_userid}}&{{single_applicationid}}" id="addnewstatementbtn" class="button button-fill color">
          <i class="fa fa-plus" aria-hidden="true" ></i> Add New
        </a>
        <input type="hidden" id="approved_user_id" name="approved_user_id" value="{{single_userid}}">
        <input type="hidden" id="approved_applicationid" name="approved_applicationid" value="{{single_applicationid}}">
    </div>

    <div class="card data-table statment-mobile-view">
      <table>
        <thead>
          <tr>
            <th class="">Statement</th>
            <th class="">EMI Due</th>
            <th class="">EMI Paid</th>
            <th class="">Status</th>
            <th class="">Payoff Amount</th>
            <th class="">Action</th>
          </tr>
        </thead>
        <tbody>
          {{#js_if "this.update_applicant != ''"}}
          {{#each update_applicant}}
          <tr>
            <td>{{statement}}</td>
            <td>{{emi_due}}</td>
            <td>{{emi_paid}}</td>
            <td>{{status}}</td>
            <td>{{payoff_amount}}</td>
            
            <td>
              <div class="row justify-content-center ed-btns">
                <a href="/singlestatement/{{approved_application_detail_id}}" class="link button button-fill color tooltip-init" data-tooltip="View">
                  <i class="fa fa-eye" aria-hidden="true"></i>
                </a>
                <a href="/approved-details/{{user_id}}&{{application_id}}&{{approved_application_detail_id}}" class="link button button-fill color tooltip-init" data-tooltip="Edit">
                  <i class="fa fa-edit" aria-hidden="true"></i>
                </a>
                {{#js_if "../current_user == 'admin'"}}
                  <a id="statementDelete" class="link button button-fill color tooltip-init delete-statement" @click="statementDelete({{approved_application_detail_id}})">
                    <i class="fa fa-trash-o" aria-hidden="true"></i>
                  </a>
                {{/js_if}}
              </div>
            </td>
          </tr>
          {{/each}}
          {{else}}
            <tr>
              <td colspan="6" style="text-align: center;">No Data Found</td>
            </tr>
          {{/js_if}}
        </tbody>
      </table>
    </div>
  </div>
</div>

remaining code.

import $$ from ‘dom7’;
import { app } from “…/js/app.js”;

export default {

data: function () {
// Must return an object
return {
update_applicant: ‘’,
approved_detail_count: ‘’,
current_user: ‘’,
payfullamount: ‘’,
paymeny_btn_values: ‘’
}
},
methods: {
backDev: () => {
app.views.main.router.navigate(’/applicationlist/’);
},
initiatePayment: function (order_id, amount) {
var options = {
“key”: “xxxx”,
“amount”: “xxx”,
“currency”: “xxX”,
“order_id”: order_id,
};
},
onlinefullPayment: () => {
var url = app.data.globalUrl;
var _userid = xxx;
var _application_id = xxx;
var payfullamount = xxxx;
var updated_by = xxx;
var payfull = {
“user_id”: _userid,
“application_id”: _application_id,
“amount”: payfullamount,
“updated_by”: updated_by
}
var payfulldetails = JSON.stringify(payfull);

  var self = this;
  app.request.post(url + 'api/payment/xxx/', payfulldetails, (res) => {
    var statement_updated = JSON.parse(res);
    if (statement_updated.status === 200 || statement_updated.status === 201) {

      self.initiatePayment(statement_updated.order_id, _payfullamount_);

    } else if (statement_updated.status === 400) {
    }
  });
},

},
on: {
pageInit: function () {

    var self = this;
    var app = self.$app;
    
    var url = app.data.globalUrl;

  }

}