wanderyt / my-wacai Goto Github PK

• CSS styles

Calculator example

74.3 - 50 = 24.2999999999

that is an issue.

CSS adjustment in template list panel.

Add a button group

• Back to top button
• Collapse expanded items

Add '今日总计' (similar as '本月总计').

Add hash tag section for each item to track / search more conveniently

Bind logger object on request object.

• login / logout
• token management
• multiple DB files
• add user table and user name column for each table
• get user name in each request - cookie token?
• use parameters instead of string concatenation when dealing with sql statements
• restructure db operation files

Axios should contain:

• loading status control
• timeout control
• TBD

Issue 1 - Wrong date format

Reproduce steps:

1. choose 2019 -> Nov -> 10
2. display 2019-10-10

Issue 2 - Datepicker beyond the screen

End date -> date picker -> part hidden from the screen

Issue 3 - Remove time picker in datepicker widget

Show calculator when inputing numbers

Automatically show category according to current date time

Add rating for fin items for future reference.

• Star rating on restaurant

When choosing one item in comment section, generate following details:

• platform
• category (optional)
• sub category (optional)

Ideally all those info should be returned based on getComments api, and popup dialog if multiple items are matched.

Need to go back to login when cookie expired

• Really need graphql?

• Where to use graphql?

• How?

Schedule mode is always reset when changing category or amount.

https://developer.mozilla.org/en-US/docs/Web/HTTP/Headers/Set-Cookie

Disable Auto Zoom in Input “Text” tag - Safari on iPhone

Reason

The browser will zoom if the font-size is less than 16px and the default font-size for form elements is 11px (at least in Chrome and Safari).

Solutions

CSS

input[type="color"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="email"],
input[type="month"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="time"],
input[type="url"],
input[type="week"],
select:focus,
textarea {
  font-size: 16px;
}

HTML Meta Configuration

Prevent Safari from automatically zooming in on text fields during user input without disabling the user’s ability to pinch zoom. Just add maximum-scale=1 but leave out the user-scale attribute.

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

Use typescript to test.

Add details in search result

• Total amount in each category
• Total amount in each subcategory
• Pie chart / bar chart for optional

Items separated by year / month

• Just like fin item total list

When changing from 'am' to 'pm', it does not work.

Track peers for each item.

Resources:
https://stackoverflow.com/questions/4310953/invalid-date-in-safari
https://www.jianshu.com/p/956851fa0a4b

// mobile safari
let date = new Date('2019-01-01');
console.log(date); // invalid date

Safari cannot see 'YYYY-MM-DD' as a standard date string.
should be changed to:

// mobile safari
let date = new Date('2019-01-01'.replace(/-/g, '/'));
console.log(date); // invalid date

Create a sample user for demo usage.