Git Product home page Git Product logo

2sxc-eav-languages's Introduction

Language Packs (i18n) for eav & 2sxc

This github repository is for managing and sharing the language packs (i18n) for the following project:

  • eav - the data storage system and data-api used in 2sxc
  • 2sxc - the sexy content management system for DNN

Note that we chose to create an own repository because it's easier to handle with many collaborators. So the core projects only contain the newest EN language pack, which is copied to here every few changes.

How to Edit & Build

This is fairly old code and uses both grunt and gulp.

  • change the files in the src-folder
  • use grunt build to build the packages into dist - if grunt isn't working you probably need to run npm install -g grunt-cli first
  • copy manually to the local 2sxc dev environment (automation w/gulp is broken)

Background

Angular-Translate and the Dev-Process

To understand i18n (internationalization) in these projects it helps to understand how the i18n implementation work. Here's the stack - beginning from the browser:

The browser runs AngularJS and Angular-Translate. It's configured to retrieve language files in this pattern:

  • [root-folder]/dist/i18n/[part-name]-[2lettercode].json

Note that

  • we're actually using a JSON file (not a JS), but many web servers will refuse to deliver a file with a .json extension, so we're publishing them as .js
  • if the desired language is missing, the server will deliver a http 404 but that's ok, angular-translate will revert back to en

Editing a JSON with a .js extension is not fun in a normal code editor as it will always marke everything as invalid. So when editing/working with the files, we're using JSON as it should be. These are stored here:

  • [root-folder]/src/i18n/[part-name]-[2lettercode].js

This way it's easy to work with in visual studio.

Note that from the src-folder it is automatically copied/renamed to the dist-folder using the grunt-job in this folder (see gruntfile.js).

Distribution of the Packages

Whenever we create a new distribution of 2sxc we will download the latest files from here and include them in the package. In case you want to know how that works - here's the brief answer: 2sxc contains a bower-dependency to this project and will automatically retrieve it whenever we work on it. To then inject it into the distribution we must run a grunt-job in 2sxc which will extract all these resources and merge them into 2sxc.

How you can Contribute Translations

Preferred: Translation by Forking

The normal way to contribute is by

  1. forking the project
  2. copy the /src/i18n/[part-name]-en.json files and rename to your language code
  3. adding your translations in these new json files
  4. creating a pull-request so your changes get merged into our branch.

Alternative: Translation by Mail

Use this method if you don't understand github and forking.

  1. download, copy & rename the /src/i18n/....-en.json files
  2. translate
  3. send me a mail containing these (if you don't know how to reach me, open an issue)

Help for Common Translation Actions

Comparing Changes Across Versions

Often when the core language pack changes, it would help translators see what changed. This can be done easily using the Github change-tool. It works as follows:

  1. Whenever we release a new version, we add a tag like 2sxc_08.00.04 to mark that version
  2. So to compare what changed, you can just use two tags and compare them - like this comparison between 08.00.04 and 08.00.05

As you can see in the previous example, the main difference (except for some .sln files) is a single line in the edit-en.json which also appears in the .js. You can now just tweak the URL of the compare link to comper any versions you need.

Synchronizing GitHub Forks

  1. watch this quick tutorial to re-sync your master with our updated master before you add your changes.

Testing your Translation in 2sxc

To test your translation in 2sxc you must simply place them in a 2sxc in the [2sxc]/dist/i18n/ folder and use the .js extension. Typically you would do this by running the grunt-script in this project but you can also do it manually.

Common Problems and Issues

Language Files are in the /dist/18n but don't get picked up by 2sxc

The first thing you must check is if the browser is actually trying to retrieve them, and if they are being served by the server. For this you should watch the http-trafic on your browser, either using debug-tools in your browser (F12) or by using fiddler.

  1. Check if the browser is actually making requests to your files when working in 2sxc. If not, then apparently 2sxc doesn't know that it should load these languages. Make sure they are enabled in DNN & 2sxc, and that they are the current language.

  2. Check if you see 404-messages when your server responds. If yes, then the files must be in the wrong location.

Language Files are Delivered but don't work

This usually happens if the JSON file is corrupt. Most common mistakes are:

  • bracket open/close missmatch { }
  • you forgot the quotes (") in the key - remember that a JSON always needs quotes, and they must be double quotes - like "Label": "Save"

2sxc-eav-languages's People

Contributors

ijungleboy avatar raphael-m avatar octod avatar fordnn avatar pascalmoser avatar christophbuehler avatar perezandres avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.