---
# System prepended metadata

title: Dashborad Update
tags: [dashboard]

---

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

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

![](https://i.imgur.com/oJzGZE2.png)

---
:::info
☞ 以下是接下來要改的 panel id 範例 
:::
![](https://i.imgur.com/SWxadNU.png)
![](https://i.imgur.com/5pEPozn.png)

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

![](https://i.imgur.com/RN5gy4q.png)

* 再 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

![](https://i.imgur.com/XQNEhov.png)

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

![](https://i.imgur.com/ArmH7mB.png)

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

![](https://i.imgur.com/ULfJVSs.png)
## 上傳步驟(Menu)
### 2-1. 儲存新增的 panel 範例
* 先在 Dashboard 的左下角的使用者圖像點選 Switch
* **Switch to your Org name**
 
![](https://i.imgur.com/SPEvaTN.png)

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

![](https://i.imgur.com/Ivi0wnC.png)

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

![](https://i.imgur.com/DnRxqhY.png)

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

![](https://i.imgur.com/i2tRvBZ.png)

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

![](https://i.imgur.com/LvxYo2K.png)

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

![](https://i.imgur.com/WlbQEN8.png)

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

![](https://i.imgur.com/5HJXt0a.png)

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

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

![](https://i.imgur.com/8TIurpY.jpg)








