# Desktop Application

The desktop application is a built-in web app in [Server Mode](https://colaorange.gitbook.io/daily-money-one-doc/eng/server-mode). Once Server Mode is started, you can use other devices on the same network to connect and use `Daily Money One Desktop` via a browser. The connection URL is typically: `http://<IP>:<Port>/desktop/`

## Connection Authroization

After successfully connecting, you will first enter the authroization screen where you need to input the connection token set when Server Mode was started. After passing authroization, you can proceed to use the application. The authroization remains valid until you exit the application or close all browser tabs. For security, please exit the application and turn off Server Mode on your phone when not in use.

<div align="center"><img src="https://532053023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiYzE9Ga1RIcOmuroUJwz%2Fuploads%2Fgit-blob-a88d68ecec062a3b0c77c7fc907608413ba0e4c2%2Fdesktop-1.png?alt=media" alt="" width="800"></div>

## Home Page

After passing authroization, you will enter the Home Page by default. On the left side is a side menu where you can select major features or exit the application. The top toolbar has a book selection dropdown on the left and a time range selector on the right. The first row of the Home Page displays the current year's statement status by default, with two bar charts showing `Assets vs. Liabilities` and `Income vs. Expenses`. The second row lists the statement status of accounts under the first account type, in order of account types preferences.

<div align="center"><img src="https://532053023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiYzE9Ga1RIcOmuroUJwz%2Fuploads%2Fgit-blob-9776e1a35ff06e291681b562a2a77cf1f6f8bc8d%2Fdesktop-2.png?alt=media" alt="" width="800"></div>

You can use the left and right arrow buttons on the right side of the toolbar to switch to the previous or next time range, or open the time range adjustment dialog to modify the time range.

<div align="center"><img src="https://532053023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiYzE9Ga1RIcOmuroUJwz%2Fuploads%2Fgit-blob-c8c2c82a323f465b6b64ce91973351e14c3184ea%2Fdesktop-3.png?alt=media" alt="" width="800"></div>

In the first row of the Home Page, you can enable the `All Account Types` option to display all account types in a single set of bar charts for comparison (`Other` will appear in this mode).

<div align="center"><img src="https://532053023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiYzE9Ga1RIcOmuroUJwz%2Fuploads%2Fgit-blob-63cd88f60da00518b3c2e3a8b42a16cf56ffeed1%2Fdesktop-4.png?alt=media" alt="" width="800"></div>

In the second row and beyond, you can select the account type you wish to view to check the account statement for that time range.

<div align="center"><img src="https://532053023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiYzE9Ga1RIcOmuroUJwz%2Fuploads%2Fgit-blob-66ba49ef30d15213930789cb02ce8d80f2d5c70b%2Fdesktop-5.png?alt=media" alt="" width="800"></div>

## Trend Charts

By clicking on `Trend Charts` in the side menu, you can view trends for each account type or individual accounts over the selected time range (i.e., the amounts within the time granularity of the range). The first row displays two line charts: `Assets vs. Liabilities` and `Income vs. Expenses`. The second row displays line charts for the accounts within the first account type, in order of account types preferences.

<div align="center"><img src="https://532053023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiYzE9Ga1RIcOmuroUJwz%2Fuploads%2Fgit-blob-3c925aff358cd707b6e3ab5f39c99cba8f6ddd9a%2Fdesktop-6.png?alt=media" alt="" width="800"></div>

On the toolbar, you can enable the `Accumulated Amount` option, which will accumulate the totals for each granularity within the time range and display them as an area chart.

<div align="center"><img src="https://532053023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiYzE9Ga1RIcOmuroUJwz%2Fuploads%2Fgit-blob-755b6e9e821f691a870a2f5f9c6f32cd666fa19a%2Fdesktop-7.png?alt=media" alt="" width="800"></div>

Additionally, you can enable the `Init & Accumulated Amount` option. This option adds the initial value and the amounts before the selected time range to the accumulated amounts, displaying them as an area chart. This feature helps visualize changes in your total assets and liabilities or individual accounts over time since you started tracking your finances by Daily Money One.

<div align="center"><img src="https://532053023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiYzE9Ga1RIcOmuroUJwz%2Fuploads%2Fgit-blob-24e44a5d153d22ecd5182b4e75628cf041b28731%2Fdesktop-8.png?alt=media" alt="" width="800"></div>

The second row of charts shows the trend for the selected account type and also supports the `Accumulated Amount` and `Initial & Accumulated Amount` options.

<div align="center"><img src="https://532053023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiYzE9Ga1RIcOmuroUJwz%2Fuploads%2Fgit-blob-959fbfea656c9fca17a7646c9c6c947dc015f12b%2Fdesktop-9.png?alt=media" alt="" width="800"></div>

When there are many accounts in a account type, you can use the account filter feature on the right side of the chart to select the accounts you want to view.

<div align="center"><img src="https://532053023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiYzE9Ga1RIcOmuroUJwz%2Fuploads%2Fgit-blob-b60cbe9668554ba40c024d89cf9fd9add911b2c1%2Fdesktop-10.png?alt=media" alt="Account Filter" width="800"></div>

The account filter feature is independently configured for each account type and displays the current number of filtered accounts.

<div align="center"><img src="https://532053023-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FiYzE9Ga1RIcOmuroUJwz%2Fuploads%2Fgit-blob-c85692b08d2c683be979818811a53433c9652a18%2Fdesktop-11.png?alt=media" alt="Filter Results" width="800"></div>

## Other Features

Still under development...
