Skip to content

This is an i18n mechanism for angular js using google spreadsheets as source

Notifications You must be signed in to change notification settings

Menda0/google-spreadsheets-i18n-angular

Repository files navigation

Google spreadsheets i18n for Angular

The objective of this project is to use google spread sheets as source for a i18n mechanism using angularjs. To setup the source for the i18n follow the commands bellow.

Google Spreadsheets

Create a spreadsheet with the following structure. https://docs.google.com/spreadsheets/d/1QUICVJzTyIDcH2vk3UfnR4t0seo4r-cs3GuNum8Gz_M/edit?usp=sharing

  • Multiple sheets for multiple languages
  • Pair key value for messages

Spreadsheet printscreen

Google API Key

To use this plugin you will need to create a google api key and enable googlespread sheets API. Use the link below to create your api key https://console.developers.google.com/

Install

NPM

npm install --save-dev google-spreadsheets-i18n-angular

Bower

bower install --save-dev google-spreadsheets-i18n-angular

Setup

googleSpreadsheetI18nAngular.init(
      "spreadSheetKey",//Ex: "1QUICVJzTyIDcH2vk3UfnR4t0seo4r-cs3GuNum8Gz_M",
      "googleApiKey", // ex: "AIsasdaSdsazaSyB2CXqQxOfe22dYZlcpTAY20kjK0c",
      "defaultLanguage" // ex: "en-EN"
    )
    
    // Retrive languages from sheets
    googleSpreadsheetI18nAngular.getLanguage("pt-PT")
    googleSpreadsheetI18nAngular.getLanguage("en-EN")

    // Init scope variable
    $scope.i18n = googleSpreadsheetI18nAngular

Use

<h1>{{i18n.message('helloworld')}}</h1>
<h5>{{i18n.message('version')}}</h5>
<button ng-click="i18n.changeLang('pt-PT')">pt-PT</button>
<button ng-click="i18n.changeLang('en-EN')">en-EN</button>

License

Licensed under MIT.

About

This is an i18n mechanism for angular js using google spreadsheets as source

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published