OKR 相關介紹

• 進入OKR輸入主頁面時自動登入google帳號，以Email的訊息來檢查是否是公司員工或合作夥伴所屬帳號。
  畫面上在登入成功後會出現登入者資訊，包含頭像、ID、Email與會員暱稱。(僅ID與Email會更新到後台資料庫做為識別碼來使用)
  如果是就取的該帳號之email與名稱來做為目前登入者的資訊，主要用於協助者的email之自動填入。
  如果不是就會跳轉至非正式使用者的警示頁面。
  主要是方便使用者可以在世界各地都能進行OKR的輸入、更新與檢視目前之進度。
  此部分使用到的google API [google.accounts.oauth2.initTokenClient]
  然後根據其 response.credential 的回傳值來獲取登入者的相關資訊(頭像、ID、Email與會員暱稱)。
  (scope => https://www.googleapis.com/auth/userinfo.profile)
• 提供輸入OKR相關內容資訊，例如該年度該季節的目標，關鍵指標與實施方案之內容所佔之比重與目前的進度。
  OKR負責人的部份即是使用登入時之ID來填寫，協助者的部分則會自動填入email來觸發日歷原本的邀請功能。
• 輸入完成後可以將儲存的資訊利用google API轉換成google日曆上事件並顯示於新增加的"OKR日歷"的個人專屬日歷上。
  google日歷之事件的日期會以OKR項目的起迄時間作為基準，並將實施方案的名稱與目前進度的百分比做為事件名稱來顯示。
  同時會在備註上顯示"系統轉入-第N季-實施方案方案名稱-備註"來做為區別。
  如果該實施方案有填寫協助者時也會同步發送邀請信件。(此功能並非呼叫API而是日歷本身的功能)
  依據使用者要求轉換時會先刪除舊事件在建立新事件的方式來做，而不是更新，因此新事件將會直接覆蓋掉舊事件(根據日歷事件的eventID來做這個動作)。
  此部分使用到的google API如下
  gapi.client.calendar.calendarList.list 用來取的登入者現有之日歷列表，用來檢查"OKR日歷"是否已建立
  gapi.client.calendar.calendars.insert 用來建立"OKR日歷"
  gapi.client.calendar.events.delete 用來刪除舊事件
  gapi.client.calendar.events.insert 用來新增事件
  (scope => https://www.googleapis.com/auth/calendar https://www.googleapis.com/auth/calendar.events)
• 提供報表(組織樹狀圖，條形圖，任務表)與總表來檢視目前的OKR大致狀況。(此部分完全不會使用到google API)
  • 組織圖:可檢視目前組織架構下有哪些成員與部門，提供登入者所屬權限之平級與向下瀏覽。
    此圖在點選所選擇的指定成員之後將會呈現該成員的總表報表。
  • 條形圖:可檢視指定年度與人員的OKR之權重與目前進度，以長條圖的形式來呈現，提供登入者所屬權限之平級與向下瀏覽。
    可以依靠點選長條圖的每一條圖示，進入到下一層的長條圖顯示，一共有四層，總進度，季度，指標與實施方案。
    總進度:顯示目前所有目標的OKR進度，有幾個目標就會出現幾條，會呈現目前總進度多少%。
    季度:點選某條目標的圖示後會進入到該目標的四個季度的目前進度，這邊最多只會有八條，一共四組，分別是四季的權重與目前進度之%。
    指標:點選某組季度後這邊會進入到這個季度有多少個指標就會出現多少組，一樣是呈現權重與目前進度之%。
    實施方案:點選某組指標後會進入到這個指標下有多少個實施方案就會出現多少組，一樣是呈現權重與目前進度之%。
  • 任務表:可檢視指定年度與人員的OKR之權重與目前進度，以任務版的形式來呈現，提供登入者所屬權限之平級與向下瀏覽。
    會區分為代執行、執行中與已完成三列來顯示所有目前登入者所屬權限之平級與下級所有的OKR方案，以文字框的方式來顯示。
    提供年度選取來過濾，與基本的搜尋功能。