GGR_CMS

With GGR_CMS， you can easily change your website content by Google Spreadsheet.

User Story

Completed:

1. 使用者可以輸入 Google spreadsheet的網址作為數據和內容的來源
   
2. 使用者可以使用 Google spreadsheet 中的特定欄或列，來定義XML tag的內容元素，該應用程式會生成一組 JS 文件
   
3. 使用者可以選擇spreadsheet的某一個tab是要以欄或是列的方式讀取資料
   
4. 使用者可以選擇特定欄或列的資料性質為文字、圖片或是影片
   
5. 使用者可以自行為XML tag取名
   
6. 透過點選複製按鈕可以複製該 JS 文件內文
   
7. 使用者可以將spreadsheet欄位與對應的XML tag名稱 輸出成PDF以便查詢
   

In progress:
 1. 希望把網站改成AJAX（完成）

2. 重構程式碼(使用者輸入的資料不透過model存取，還在branch進行製作，尚未merge)（完成）
    3. 改變資料存法以增進效能（完成）
    4. 部署上已購買的網域（但現在連heroku的部分也不能使用，因為我們把要用到的api key gitignore，所以直接部署上去會產生錯誤）（完成）
    5. 調整CSS樣式（完成）
    6. 改善使用者體驗（完成）
    7. 目前 JS 文件內指定特定 XML tag的方法是透過id，希望可以改成別的屬性名稱（完成）
   

Template

Spreadsheet template:
https://docs.google.com/spreadsheets/d/1FpSxr20uj3UgcgoW1vE-dyFUOFuQEMVMVbRpoE15TII/edit#gid=0
Your may have different tabs.
In addition, your data can be formed in columns or rows.

Quick Start

Go to our http://www.frontendsaver.com/
Enter your Google Spreadsheet URL.
Select col or row which the specified data will be read as for the tab.
Select the type of your data(string, photos or video).
Give XML tag a name.
You can save the names of XML tags as a PDF file.
Copy the Javascript file.
Paste it in the html file of your website.
Add the xml tag with the id selecting the specific value in the column you choose to the html file.
EX: <example saver_id="1"></example>
Then, once you change your spreadsheet, your website also updates immediately.