FJurmanovic/wallet-web
1
0
Fork 0
mirror of https://github.com/FJurmanovic/wallet-web.git synced 2026-02-06 06:08:10 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

styling rest of page

Browse Source
This commit is contained in:
Fran Jurmanović
2021-06-13 19:30:05 +02:00
parent 7596c832d7
commit 3caaea8b26
24 changed files with 318 additions and 200 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/pages/home-page/HomePageElement.ts
View File

@@ -42,18 +42,8 @@ class HomePageElement extends BasePageElement {
this.walletHeader.nextMonth = header.nextMonth || '0';
};
openModal = (): void => {
const _modal = this.appMain.appModal;
if (_modal) {
this.appMain.closeModal();
} else {
this.appMain.createModal('wallet-create');
}
};
render = (): TemplateResult => {
return html`
<button app-action="click:home-page#openModal">New Wallet</button>
<wallet-header
data-target="home-page.walletHeader"
data-current-balance="0"

1
src/pages/transaction-create/TransactionCreateElement.ts
View File

@@ -152,7 +152,6 @@ class TransactionCreateElement extends BasePageElement {
};
return html`
<div>Create wallet</div>
<app-form
data-custom="transaction-create#onSubmit"
data-has-cancel="true"

1
src/pages/wallet-create/WalletCreateElement.ts
View File

@@ -70,7 +70,6 @@ class WalletCreateElement extends BasePageElement {
render = (): TemplateResult => {
return html`
<div>Create wallet</div>
<app-form data-custom="wallet-create#onSubmit" data-has-cancel="true">
<input-field
data-type="text"

9
src/pages/wallet-list/WalletListElement.ts
View File

@@ -33,15 +33,12 @@ class WalletListElement extends BasePageElement {
}
};
renderItem = (item): TemplateResult => html`<tr>
<td><app-link data-to="/wallet/${item.id}">${item.name}</app-link></td>
renderItem = (item): TemplateResult => html`<tr class="col-1">
<td><app-link class="wallet-item" data-to="/wallet/${item.id}">${item.name}</app-link></td>
</tr>`;
render = (): TemplateResult => {
return html`
<div>Wallets</div>
<app-pagination data-target="wallet-list.pagination"></app-pagination>
`;
return html` <app-pagination data-target="wallet-list.pagination"></app-pagination> `;
};
}

6
src/pages/wallet-page/WalletPageElement.ts
View File

@@ -114,8 +114,10 @@ class WalletPageElement extends BasePageElement {
const renderWallet = () => {
if (this.routerService?.routerState?.data?.walletId) {
return html`<div class="wallet-buttons">
<button class="btn btn-squared btn-red" app-action="click:wallet-page#newExpense">New Expense</button>
<button class="btn btn-squared btn-green" app-action="click:wallet-page#newGain">New Gain</button>
<div class="button-group">
<button class="btn btn-squared btn-red" app-action="click:wallet-page#newExpense">New Expense</button>
<button class="btn btn-squared btn-green" app-action="click:wallet-page#newGain">New Gain</button>
</div>
</div>`;
}
return html``;