mirror of
https://github.com/corda/corda.git
synced 2025-04-16 07:27:17 +00:00
Improved styling.
This commit is contained in:
parent
77245bdc1a
commit
d5ca4590d8
@ -21,8 +21,8 @@ define([
|
||||
};
|
||||
$('input.percent').mask("9.999999%", {placeholder: "", autoclear: false});
|
||||
$('#swapirscolumns').click(() => {
|
||||
let first = $('#irscolumns .eight:eq( 0 )');
|
||||
let last = $('#irscolumns .eight:eq( 1 )');
|
||||
let first = $('#irscolumns .irscolumn:eq( 0 )');
|
||||
let last = $('#irscolumns .irscolumn:eq( 1 )');
|
||||
first.before(last);
|
||||
|
||||
let swapPayers = () => {
|
||||
|
@ -1,12 +1,12 @@
|
||||
<div class="ui container">
|
||||
<div class="ui negative message" id="form-error" ng-show="formError">{{formError}}</div>
|
||||
<h2>New Deal</h2>
|
||||
<h3 class="ui horizontal divider header">
|
||||
<i class="list icon"></i>
|
||||
New Deal
|
||||
</h3>
|
||||
<form id="deal-form" class="ui form" ng-submit="createDeal()">
|
||||
<div id="irscolumns" class="ui grid">
|
||||
<div class="sixteen wide column">
|
||||
<input type="submit" class="ui submit primary button fluid"/>
|
||||
</div>
|
||||
<div class="sixteen wide column">
|
||||
<div id="irscolumns" class="ui centered grid">
|
||||
<div class="sixteen wide tablet eight wide computer column">
|
||||
<div class="field">
|
||||
<label>Base Currency</label>
|
||||
<select class="ui fluid" name="token" ng-model="deal.common.baseCurrency">
|
||||
@ -29,7 +29,7 @@
|
||||
<i class="exchange icon"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="eight wide column" id="createfixedleg">
|
||||
<div class="eight wide column irscolumn" id="createfixedleg">
|
||||
<h3>Fixed Leg</h3>
|
||||
<div class="field">
|
||||
<label>Fixed Rate Payer</label>
|
||||
@ -89,7 +89,7 @@
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="eight wide column" id="createfloatingleg">
|
||||
<div class="eight wide column irscolumn" id="createfloatingleg">
|
||||
<h3>Floating Leg</h3>
|
||||
<div class="field">
|
||||
<label>Floating Rate Payer</label>
|
||||
@ -178,7 +178,7 @@
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="sixteen wide column">
|
||||
<div class="sixteen wide tablet eight wide computer column">
|
||||
<input type="submit" class="ui submit primary button fluid"/>
|
||||
</div>
|
||||
</div>
|
||||
|
@ -1,4 +1,5 @@
|
||||
<div class="ui container">
|
||||
<div class="ui hidden divider"></div>
|
||||
<div class="ui grid">
|
||||
<div class="sixteen wide column" id="common">
|
||||
<table class="ui striped table">
|
||||
@ -53,7 +54,7 @@
|
||||
</tr>
|
||||
<tr class="center aligned">
|
||||
<td>Notional Amount</td>
|
||||
<td>{{deal.fixedLeg.notional.quantity}} {{deal.fixedLeg.notional.token}}</td>
|
||||
<td>{{deal.fixedLeg.notional.quantity | number}} {{deal.fixedLeg.notional.token}}</td>
|
||||
</tr>
|
||||
<tr class="center aligned">
|
||||
<td>Payment Frequency</td>
|
||||
@ -122,7 +123,7 @@
|
||||
</tr>
|
||||
<tr class="center aligned">
|
||||
<td>Notional Amount</td>
|
||||
<td>{{deal.floatingLeg.notional.quantity}} {{deal.floatingLeg.notional.token}}</td>
|
||||
<td>{{deal.floatingLeg.notional.quantity | number}} {{deal.floatingLeg.notional.token}}</td>
|
||||
</tr>
|
||||
<tr class="center aligned">
|
||||
<td>Payment Frequency</td>
|
||||
|
@ -4,9 +4,14 @@
|
||||
<div class="ui active dimmer" ng-show="isLoading()">
|
||||
<div class="ui text loader">Loading</div>
|
||||
</div>
|
||||
<div class="ui grid">
|
||||
<div class="two column row">
|
||||
<div class="left column">
|
||||
<h3 class="ui horizontal divider header">
|
||||
<i class="options icon"></i>
|
||||
Controls
|
||||
</h3>
|
||||
<div class="ui card centered">
|
||||
<div class="content">
|
||||
<div class="header">Run fixings</div>
|
||||
<div class="description">
|
||||
<div class="ui left labeled button">
|
||||
<span class="ui basic label">{{date.year}}</span>
|
||||
<button class="ui icon button" ng-click="updateDate('year')"><i class="plus icon"></i></button>
|
||||
@ -20,16 +25,14 @@
|
||||
<button class="ui icon button" ng-click="updateDate('day')"><i class="plus icon"></i></button>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right aligned column">
|
||||
<a class="ui primary button" href="#/create-deal">Create Deal</a>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="ui hidden divider"></div>
|
||||
<div class="ui main">
|
||||
<h2 class="ui horizontal divider header">
|
||||
<h3 class="ui horizontal divider header">
|
||||
<i class="browser icon"></i>
|
||||
Recent deals
|
||||
</h2>
|
||||
</h3>
|
||||
<table class="ui striped table">
|
||||
<thead>
|
||||
<tr class="center aligned">
|
||||
@ -44,9 +47,9 @@
|
||||
<tr class="center aligned" ng-repeat="deal in deals">
|
||||
<td><a href="#/deal/{{deal.ref}}">{{deal.ref}}</a></td>
|
||||
<td class="single line">{{deal.fixedLeg.fixedRatePayer}}</td>
|
||||
<td class="single line">{{deal.fixedLeg.notional.quantity}} {{deal.fixedLeg.notional.token}}</td>
|
||||
<td class="single line">{{deal.fixedLeg.notional.quantity | number}} {{deal.fixedLeg.notional.token}}</td>
|
||||
<td class="single line">{{deal.floatingLeg.floatingRatePayer}}</td>
|
||||
<td class="single line">{{deal.floatingLeg.notional.quantity}} {{deal.floatingLeg.notional.token}}</td>
|
||||
<td class="single line">{{deal.floatingLeg.notional.quantity | number}} {{deal.floatingLeg.notional.token}}</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
Loading…
x
Reference in New Issue
Block a user