Skip to content

Commit 9c53cdb

Browse files
nikita-savkinnikita-savkin
committed
change language
1 parent 6150119 commit 9c53cdb

File tree

3 files changed

+47
-48
lines changed

3 files changed

+47
-48
lines changed

‎img/wallet.svg

+1
Loading

‎index.html

+34-36
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
<!DOCTYPE html>
2-
<html lang="ru">
2+
<html lang="en">
33

44
<head>
55
<meta charset="UTF-8">
66
<meta http-equiv="X-UA-Compatible" content="IE=edge">
77
<meta name="viewport" content="width=device-width, initial-scale=1.0">
88
<title>Wallet</title>
99

10-
10+
<link rel="icon" href="img/wallet.svg">
1111
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css"
1212
integrity="sha512-NhSC1YmyruXifcj/KFRWoC561YpHpc5Jtzgvbuzx5VozKpWvQ+4nXhPdFgmx8xqexRcpAglTj9sIBWINXa8x5w=="
1313
crossorigin="anonymous" />
@@ -19,7 +19,7 @@
1919
<main class="wallet">
2020
<aside class="wallet__panel">
2121
<div class="cards">
22-
<h2 class="cards__title">Ваши карты</h2>
22+
<h2 class="cards__title">Your cards</h2>
2323
<div class="cards__slide-btns">
2424
<div id="cards-prev-btn" class="cards__slide-btn">&#10140</div>
2525
<div id="cards-next-btn" class="cards__slide-btn">&#10140</div>
@@ -30,51 +30,49 @@ <h2 class="cards__title">Ваши карты</h2>
3030
</div>
3131
</div>
3232
<div class="transaction">
33-
<h2 class="transaction__title">Добавить новую транзакцию</h2>
34-
<form action="#" class="transaction__form">
35-
<label for="transaction-amount-input" class="transaction__label">Описание транзакции</label>
36-
<input id="transaction-descr-input" type="text" class="transaction__descr-input"
37-
placeholder="Описание транзакции">
38-
<label for="transaction-amount-input" class="transaction__label">Тип транзакции</label>
33+
<h2 class="transaction__title">Add new transaction</h2>
34+
<form class="transaction__form">
35+
<label for="transaction-amount-input" class="transaction__label">Description</label>
36+
<input id="transaction-descr-input" type="text" class="transaction__descr-input" placeholder="Description">
37+
<label for="transaction-amount-input" class="transaction__label">Type</label>
3938
<select id="transaction-type-input" name="transaction-type" class="transaction__type-select">
40-
<option value="" disabled selected>Выберите категорию</option>
41-
<option value="Пополнение">Пополнение</option>
42-
<option value="Переводы">Переводы</option>
43-
<option value="Продукты">Продукты</option>
44-
<option value="Медицина">Медицина</option>
45-
<option value="Рестораны">Рестораны</option>
46-
<option value="Услуги">Услуги</option>
47-
<option value="Развлечения">Развлечения</option>
48-
<option value="Транспорт">Транспорт</option>
49-
<option value="Другое">Другое</option>
39+
<option value="" disabled selected>Choose category</option>
40+
<option value="Refill">Refill</option>
41+
<option value="Transfer">Transfer</option>
42+
<option value="Products">Products</option>
43+
<option value="Medicine">Medicine</option>
44+
<option value="Restaurants">Restaurants</option>
45+
<option value="Services">Services</option>
46+
<option value="Entertainments">Entertainments</option>
47+
<option value="Transport">Transport</option>
48+
<option value="Other">Other</option>
5049
</select>
51-
<label for="transaction-amount-input" class="transaction__label">Дата транзакции</label>
52-
<input id="transaction-date-input" type="date" class="transaction__date-input" placeholder="Дата">
50+
<label for="transaction-amount-input" class="transaction__label">Transaction date</label>
51+
<input id="transaction-date-input" type="date" class="transaction__date-input">
5352
<label for="transaction-amount-input" class="transaction__label">
54-
Сумма транзакции
53+
Transaction amount
5554
<br>
56-
(Отрицательное значение - расходы)
55+
(Negative value - costs)
5756
</label>
58-
<input id="transaction-amount-input" type="number" class="transaction__amount-input"
59-
placeholder="Сумма">
60-
<button id="transaction-confirm-btn" class="transaction__confirm-btn">Добавить</button>
57+
<input id="transaction-amount-input" type="number" class="transaction__amount-input" placeholder="Amount">
58+
<button id="transaction-confirm-btn" class="transaction__confirm-btn">Add transaction</button>
6159
</form>
6260
</div>
6361
</aside>
6462
<div class="wallet__content">
6563
<div class="spendings">
66-
<h2 class="spendings__title">Обзор</h2>
64+
<h2 class="spendings__title">Overview</h2>
6765
<div class="spendings__content">
6866
<div class="spendings__single">
69-
<p class="spendings__single-title">Текущий баланс</p>
67+
<p class="spendings__single-title">Current balance</p>
7068
<div id="balance-current" class="spendings__single-amount">0</div>
7169
</div>
7270
<div class="spendings__single">
73-
<p class="spendings__single-title">Доходы</p>
71+
<p class="spendings__single-title">Income</p>
7472
<div id="balance-up" class="spendings__single-amount">0</div>
7573
</div>
7674
<div class="spendings__single">
77-
<p class="spendings__single-title">Расходы</p>
75+
<p class="spendings__single-title">Costs</p>
7876
<div id="balance-down" class="spendings__single-amount">0</div>
7977
</div>
8078
</div>
@@ -84,13 +82,13 @@ <h2 class="spendings__title">Обзор</h2>
8482
<canvas id="myChart" class="chart" width="700px" height="300px"></canvas>
8583
</div>
8684
<div class="transaction-history">
87-
<h2 class="transaction-history__title">Все транзакции</h2>
85+
<h2 class="transaction-history__title">All transactions</h2>
8886
<div class="transaction-history__header">
89-
<p class="transaction-history__descr">Описание</p>
90-
<p class="transaction-history__descr">Тип транзакции</p>
91-
<p class="transaction-history__descr">Карта</p>
92-
<p class="transaction-history__descr">Дата</p>
93-
<p class="transaction-history__descr">Сумма</p>
87+
<p class="transaction-history__descr">Description</p>
88+
<p class="transaction-history__descr">Type</p>
89+
<p class="transaction-history__descr">Card</p>
90+
<p class="transaction-history__descr">Date</p>
91+
<p class="transaction-history__descr">Amount</p>
9492
</div>
9593
<div id="transaction-history" class="transaction-history__content">
9694
</div>

‎js/script.js

+12-12
Original file line numberDiff line numberDiff line change
@@ -39,12 +39,12 @@ function CardSingleInfo(id, name, number, owner, balance) {
3939
}
4040

4141
const transactionsArr = [
42-
new TransactionInfo('0', 'Зарплата', 'Пополнение', '**** 1234', '12.05.2021', 1000)
42+
new TransactionInfo('0', 'Salary', 'Refill', '**** 1234', '12.05.2021', 1000)
4343
];
4444

4545
const cardsArr = [
46-
new CardSingleInfo('0', 'Персональная карта', '1234', 'Jack Jackson', 1000),
47-
new CardSingleInfo('1', 'Рабочая карта', '6789', 'Jack Jackson', 0)
46+
new CardSingleInfo('0', 'Personal card', '1234', 'Jack Jackson', 1000),
47+
new CardSingleInfo('1', 'Salary card', '6789', 'Jack Jackson', 0)
4848
];
4949

5050

@@ -159,31 +159,31 @@ const addTransactionToList = () => {
159159
};
160160

161161
switch (lastTransaction.type) {
162-
case 'Пополнение':
162+
case 'Refill':
163163
transactionImgLink('refund.svg');
164164
break;
165-
case 'Переводы':
165+
case 'Transfer':
166166
transactionImgLink('dollar.svg');
167167
break;
168-
case 'Продукты':
168+
case 'Products':
169169
transactionImgLink('cart.svg');
170170
break;
171-
case 'Медицина':
171+
case 'Medicine':
172172
transactionImgLink('heart.svg');
173173
break;
174-
case 'Рестораны':
174+
case 'Restaurants':
175175
transactionImgLink('burger.svg');
176176
break;
177-
case 'Услуги':
177+
case 'Services':
178178
transactionImgLink('tools.svg');
179179
break;
180-
case 'Развлечения':
180+
case 'Entertainments':
181181
transactionImgLink('popcorn.svg');
182182
break;
183-
case 'Транспорт':
183+
case 'Transport':
184184
transactionImgLink('bus.svg');
185185
break;
186-
case 'Другое':
186+
case 'Other':
187187
transactionImgLink('credit-card.svg');
188188
break;
189189
}

0 commit comments

Comments
 (0)