# Dashborad Update
###### tags: `dashboard`

## 上傳步驟(Panel)
### 1-1. 修改檔案 id 名稱
* 將 plugin.json 的 "id" 做更新動作，比如說將原本 "advantech-radar-chart-panel-second" 改成 "advantech-radar-chart-panel-rate"


---
:::info
☞ 以下是接下來要改的 panel id 範例
:::

* 記住 ==**!!資料夾內全部的id名稱都要改!!**== (dist內可以不用)
### 1-2. 打包資料夾
* ==先把 if (this.scope.$$listeners.isWisePaas) 的註解移除==


* 再 grunt → brew services restart grafana
* 刪掉 (或忽略) node_modules 檔案 (或整個移出專案外)
* 新增一個資料夾 (檔名可以隨便取)，將其他的檔案拖曳進去，再壓縮成.zip

:::info
☞ 建議
- Mac
- 直接用移出的方式
- 移出資料夾後直接壓縮該 project
- Windows
- 新增資料夾，複製 node_modules 以外的
- 因為 windows 移小檔案太多的資料夾比較慢
:::
### 1-3. 上傳 zip 到 Dashboard
* 打開 Dashboard
* 點選左側選單 Configuration → Plugins
* 按 Browse 選剛才打包的 zip 檔，再 Upload


* 成功之後，**重開 Management Portal 的 dashboard-1.3.2(State)**(右邊綠色的 switch)


* 回到 Dashboard 就可以看到剛剛新增的 panel 了! :v:

## 上傳步驟(Menu)
### 2-1. 儲存新增的 panel 範例
* 先在 Dashboard 的左下角的使用者圖像點選 Switch
* **Switch to your Org name**


* 隨便點資料，做成一個範例
* Save dashboard (檔名可以隨便取)


### 2-2. 新增一個 Menu
* copy 該 panel 的網址，**從/d開始全部!!**


* 到 WISE.M+ 點選左下角的 Menu Management，新增一個 Menu


* 點選你的 Org，Dashboard Title (檔名可以隨便取)
* ==**3 個語言都要喔!!**==


* 到 Menu 來 Add Page ，Page Name(檔名可以隨便取)，
Page URL : (貼上/d開始全部的網址)
* ==**3個語言都要喔!!**==
* 然後 Save


### 2-3. 查看新增的 Menu
* 回去 Menu Management 查看你的 Org 中的 View Site


* 就可以查看囉! :tada::tada::tada:

最後附上易宗燦爛的笑容~~ :smile: