...
Code Block |
---|
|
<button id="passengerNoShowButton" type="button" data-ex-bind="method" data-ex-method="sendSelectionsEmail" class="btn btn-lg btn-primary">
Send Email
</button> |
Roster
Roster application shows a list of drivers in order they have to perform duties for specific date range.
To build Roster page, we need to see traffic debug and XML request to identify activity name and style.
...
Code Block |
---|
|
<table id="portalRoster" data-ex-bind="data" data-ex-populatemethod="listDriverRoster"></table> |
Cash Count
Cash Count application is used to collect and count cash for Journal batches, find the discrepancy if exist, and reconcile cash based on cash collected and spent.
To build Cash Count page, we need to see traffic debug and XML request to identify activity name and style.
Code Block |
---|
|
<ESA>
<CreateActivity name="ERP.JournalBatch" style="Driver" suppressFields="1">
<Field id="CreatorId" masked="0" />
<Field id="JournalFilter" masked="0" />
<Field id="CurrentBranchId" masked="0" />
<Field id="Status" masked="0" />
</CreateActivity>
</ESA> |
Code Block |
---|
|
<div class="row" data-ex-bind="activity" data-ex-activityname="ERP.JournalBatch" data-ex-activitystyle="Driver">
</div> |
Now, we need to get list of journal batches, so user can select any batch and reconcile. We can get data using method "listMyBatchesToReconcile" using data field "PersistentId".
When list of batches are available, then user can select any batch using drop-down list that can be added as follows:
Code Block |
---|
|
<div data-ex-bind="datafield" data-ex-fieldid="PersistentId" data-ex-populatemethod="listMyBatchesToReconcile">
<label for="PersistentIdField">Run:</label>
<select id="PersistentIdField" class="form-control"></select>
</div> |
Image Added
Once you select batch from Journal batches list then can see its status. If Journal batches have different Statuses. A cash batch may be counted for example.
We can display status fields and batch status as follows:
Code Block |
---|
|
<div id="statusField" data-ex-bind="field" data-fieldid="Status">
<label data-ex-attribute="label"></label>
<p data-ex-attribute="text"></p>
</div> |
Image Added
We can also see cash discrepancy using data-fieldid="CashDiscrepancy".
Code Block |
---|
|
<div id="cashDiscrepancyField" data-ex-bind="field" data-fieldid="CashDiscrepancy">
<label data-ex-attribute="label"></label>
<p data-ex-attribute="value" class="form-control-static pull-right"></p>
</div> |
Image Added
Now, we need to get count of each bill of $100, $50, $20, $10, $5, $1.
Code Block |
---|
|
<div data-ex-bind="field" data-fieldid="BillCount100.Plan">
<label for="count100Field">$100</label>
<input id="count100Field" tabindex="4" data-ex-attribute="value" type="number" class="form-control" />
</div>
<div data-ex-bind="field" data-fieldid="BillCount50.Plan">
<label for="count50Field">$50</label>
<input id="count50Field" tabindex="4" data-ex-attribute="value" type="number" class="form-control" />
</div>
<div data-ex-bind="field" data-fieldid="BillCount20.Plan">
<label for="count20Field">$20</label>
<input id="count20Field" tabindex="4" data-ex-attribute="value" type="number" class="form-control" />
</div>
<div data-ex-bind="field" data-fieldid="BillCount10.Plan">
<label for="count10Field">$10</label>
<input id="count10Field" tabindex="4" data-ex-attribute="value" type="number" class="form-control" />
</div>
<div data-ex-bind="field" data-fieldid="BillCount5.Plan">
<label for="count5Field">$5</label>
<input id="count5Field" tabindex="4" data-ex-attribute="value" type="number" class="form-control" />
</div>
<div data-ex-bind="field" data-fieldid="CoinCount200.Plan">
<label for="count2Field">$2</label>
<input id="count2Field" tabindex="4" data-ex-attribute="value" type="number" class="form-control" />
</div>
<div data-ex-bind="field" data-fieldid="CoinCount100.Plan">
<label for="count1Field">$1</label>
<input id="count1Field" tabindex="4" data-ex-attribute="value" type="number" class="form-control" />
</div> |
Image Added
Here is the Total field which is calculated automatically based on number count of $100, $50, $20, $10, $5, $1.
Image Added
Code Block |
---|
|
<div data-ex-bind="field" data-fieldid="TotalBillsAndCoins.Plan">
<label for="totalBillsAndCoinsField">Total:</label>
<input id="totalBillsAndCoinsField" data-ex-attribute="value" type="text"/>
</div> |
Now we need to reconcile batches based on cash collected and spent.
Image Added
Code Block |
---|
|
<div data-ex-bind="field" data-fieldid="TotalCash">
<label for="totalCashField">Cash Collected:</label>
<input id="totalCashField" data-ex-attribute="value" type="text"/>
</div>
<div data-ex-bind="field" data-fieldid="TotalSpent">
<label for="totalSpentField">Cash Spent:</label>
<input id="totalSpentField" data-ex-attribute="value" type="text" />
</div> |
Once reconciliation is done, user can mark it by pressing Save button.
Code Block |
---|
|
<button id="saveButton" tabindex="8" data-ex-bind="method" data-ex-method="MarkCounted">
Save
</button> |
Image Added