# 開發筆記

## 專案 Review 工具

<table>
<tr>
<td align="center">日期</td><td align="center">紀錄</td>
</tr>
<tbody>
<tr>
<td>20210924</td>
<td>

這周試了不少東西
* 移除跨 component 的 Observable
* 移除 HttpClient 同時使用 subscribe 與 AsyncPipeline 的用法 (會發兩次 request)
* 增加 https 設定 (openssl、cert & key、ng serve 加上認證)，讓 https 的 proxy 可以支援 hot-reload
* 增加引用了 bootstrap 5，僅在style檔案裡面引用bootstrap-reboot、bootstrap-grid、bootstrap-utilities

(最後是在隔了幾天補充，希望下次能早一點)

- [ ] 增加認列、人均等資訊
- [ ] 利用實際的資料調整日期與金額 range
- [ ] 職等資訊改成界接
- [ ] Scrolled Timechart 的寫法要想想
</td>
</tr>
<tr>
<td>20210920</td>
<td>
今天把 Loading 跟 Observable 的東西調整完。
增加一些待辦項目

* 在改用 Observable 改寫的時候，有發現 OnChange 的事件發生在 OnInit 之前一次，Angular Component 的生命週期，可能跟預期的不太一樣[[參考]](https://angular.io/guide/lifecycle-hooks#initializing-a-component-or-directive)。
* 另外本來以為可以用 Subject 改寫，但在重新call api的之後，UI的內容沒有被綁定更新。

- [x] 把圖表改寫，變成可以吃通用的資料，僅需調整顏色、顯示文字
- [x] 增加預估的部分，圖表用虛線框住
- [x] 研究 Subject 跟 Observable 的差異
</td>
</tr>
<tr>
<td>20210919</td>
<td>
已經開發一陣子了，開始作紀錄。 使用 D3、Angular、Swagger Codegen等來做開發。紀錄做的事情、想法、待辦事項等。

* 最近一次使用了 d3.cumsum 來做累計、使用了 Angular Material 的 Table 來做表格。
* 使用 @angular/flex-layout (蠻好用的)
* 使用顏色來識別表格資料(header)與圖表(box-chart)

- [x] 將 swagger-codegen-cli 弄成預設專案設定
- [ ] 用 handsontable 改寫
- [x] 在讀取資料的時候增加 Loading(Mat-Spinner & AsyncPipeline & Observable?)
- [ ] 接下來要把一些資料的形式先建立起來，包括已經發生與預期的一些數字，資料包括收入、成本、發票、工作項目等。

</td>
</tr>
</tbody>
</table>