Add tabs for different integrations
This commit is contained in:
parent
d3437974e4
commit
75e83ac339
GPG key ID:
65122AD495A7F5B2
2 changed files with 94 additions and 90 deletions
|
|
@ -39,8 +39,8 @@
|
||||||
"budgets": [
|
"budgets": [
|
||||||
{
|
{
|
||||||
"type": "initial",
|
"type": "initial",
|
||||||
"maximumWarning": "500kb",
|
"maximumWarning": "5mb",
|
||||||
"maximumError": "1mb"
|
"maximumError": "10mb"
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
"type": "anyComponentStyle",
|
"type": "anyComponentStyle",
|
||||||
|
|
|
||||||
|
|
@ -77,98 +77,102 @@
|
||||||
<mat-tab *ngIf="proVersion"
|
<mat-tab *ngIf="proVersion"
|
||||||
label="Integrations"
|
label="Integrations"
|
||||||
style="align-items: center;">
|
style="align-items: center;">
|
||||||
<div class="container" style="margin-bottom: 20px;">
|
<mat-tab-group mat-tab-align-tabs="start">
|
||||||
<mat-dialog-content [formGroup]="accCodForm">
|
<mat-tab label="Xero">
|
||||||
<div style="height: 10px;
|
<div class="container" style="margin-bottom: 20px;">
|
||||||
margin-top: 10px;">
|
<mat-dialog-content [formGroup]="accCodForm">
|
||||||
</div>
|
<div style="height: 10px;
|
||||||
<div class="container"
|
margin-top: 10px;">
|
||||||
style="height: 300;">
|
</div>
|
||||||
<p style="text-align:center">
|
<div class="container"
|
||||||
<a mat-raised-button
|
style="height: 300;">
|
||||||
color="primary"
|
<p style="text-align:center">
|
||||||
href="{{this.xeroLink}}">
|
<a mat-raised-button
|
||||||
{{ linkMsg }}
|
color="primary"
|
||||||
</a>
|
href="{{this.xeroLink}}">
|
||||||
</p>
|
{{ linkMsg }}
|
||||||
|
</a>
|
||||||
|
</p>
|
||||||
|
|
||||||
<table *ngIf="linked2Xero"
|
<table *ngIf="linked2Xero"
|
||||||
[style.width.%]="100"
|
[style.width.%]="100"
|
||||||
style="margin-top: 10px;">
|
style="margin-top: 10px;">
|
||||||
<thead style="width: 100%;">
|
<thead style="width: 100%;">
|
||||||
<tr>
|
<tr>
|
||||||
<th class="urlLabel"
|
<th class="urlLabel"
|
||||||
style="text-align: left;"
|
style="text-align: left;"
|
||||||
width="94%">Payment Service URL:
|
width="94%">Payment Service URL:
|
||||||
</th>
|
</th>
|
||||||
<th></th>
|
<th></th>
|
||||||
</tr>
|
</tr>
|
||||||
</thead>
|
</thead>
|
||||||
<tbody>
|
<tbody>
|
||||||
<td class="urlDetail"
|
<td class="urlDetail"
|
||||||
style="text-align: left;"
|
style="text-align: left;"
|
||||||
width="94%">
|
width="94%">
|
||||||
<div>
|
<div>
|
||||||
<textarea disabled
|
<textarea disabled
|
||||||
style="font-size: 10px !important;
|
style="font-size: 10px !important;
|
||||||
border: none;
|
border: none;
|
||||||
outline: none;
|
outline: none;
|
||||||
min-height: 150px;
|
min-height: 150px;
|
||||||
width: 95%;"
|
width: 95%;"
|
||||||
cdkTextareaAutosize
|
cdkTextareaAutosize
|
||||||
cdkAutosizeMinRows="6"
|
cdkAutosizeMinRows="6"
|
||||||
cdkAutosizeMaxRows="10">{{ pmtServiceURL }}
|
cdkAutosizeMaxRows="10">{{ pmtServiceURL }}
|
||||||
</textarea>
|
</textarea>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
</td>
|
</td>
|
||||||
<td class="urlCopyBtn">
|
<td class="urlCopyBtn">
|
||||||
<a (click)='copyUrl()' >
|
<a (click)='copyUrl()' >
|
||||||
<fa-icon [icon]="faCopy"
|
<fa-icon [icon]="faCopy"
|
||||||
class="copy-button">
|
class="copy-button">
|
||||||
</fa-icon>
|
</fa-icon>
|
||||||
</a>
|
</a>
|
||||||
</td>
|
</td>
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
<div style="height: 10px;
|
<div style="height: 10px;
|
||||||
margin-top: 10px;">
|
margin-top: 10px;">
|
||||||
</div>
|
</div>
|
||||||
<mat-form-field *ngIf="linked2Xero"
|
<mat-form-field *ngIf="linked2Xero"
|
||||||
class="settings-field"
|
class="settings-field"
|
||||||
[style.width.%]="100">
|
[style.width.%]="100">
|
||||||
<mat-label>Account Code</mat-label>
|
<mat-label>Account Code</mat-label>
|
||||||
<input matInput
|
<input matInput
|
||||||
width="100%"
|
width="100%"
|
||||||
placeholder="9999999999"
|
placeholder="9999999999"
|
||||||
formControlName="xAcc"
|
formControlName="xAcc"
|
||||||
(keyup)="checkStatus($event)">
|
(keyup)="checkStatus($event)">
|
||||||
<!--
|
</mat-form-field>
|
||||||
(change)="xeroAccCodChanged($event)">
|
|
||||||
-->
|
</div>
|
||||||
</mat-form-field>
|
</mat-dialog-content>
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
</mat-dialog-content>
|
<div class="container"
|
||||||
</div>
|
style="display: flex;
|
||||||
<div class="container"
|
justify-content: space-between;
|
||||||
style="display: flex;
|
align-items: center;">
|
||||||
justify-content: space-between;
|
<button mat-raised-button
|
||||||
align-items: center;">
|
(click)="closeIntegration()">
|
||||||
<button mat-raised-button
|
Close
|
||||||
(click)="closeIntegration()">
|
</button>
|
||||||
Close
|
<button *ngIf="saveAccOk"
|
||||||
</button>
|
mat-raised-button
|
||||||
<button *ngIf="saveAccOk"
|
color="primary"
|
||||||
mat-raised-button
|
(click)="saveAccCod()">
|
||||||
color="primary"
|
Save Code
|
||||||
(click)="saveAccCod()">
|
</button>
|
||||||
Save Code
|
</div>
|
||||||
</button>
|
<div style="height: 20px;
|
||||||
</div>
|
margin-top: 10px;">
|
||||||
<div style="height: 20px;
|
</div>
|
||||||
margin-top: 10px;">
|
</mat-tab>
|
||||||
</div>
|
<mat-tab label="WooCommerce">
|
||||||
|
<p>Woo va aqui</p>
|
||||||
|
</mat-tab>
|
||||||
|
</mat-tab-group>
|
||||||
</mat-tab>
|
</mat-tab>
|
||||||
</mat-tab-group>
|
</mat-tab-group>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue