angular-translate-editor

AngularJS directive for editing multiple angular-translate localization files at once using xPath for querying. See plnkr for an example of view the examples folder.

Usage

1. bower install angular-translate-editor
2. Add khchan.translate-editor as a module dependency to your app.
3. Insert the translate-editor directive into your template:

<translate-editor base-path="//AUTH"
									translations="translations"
									languages="languages"
									queries="queries"
									on-update="updateFn"
									on-remove="removeFn"
									on-save="saveFn">
</translate-editor>

angular
		.module('app', ['khchan.translate-editor'])
		.controller('AppCtrl', AppCtrl);

	AppCtrl.$inject = ['$scope'];

	function AppCtrl($scope) {
		$scope.languages = ['en', 'fr'];

		$scope.translateions = {
			'en': // english translations
			'fr': // french translations
		};

		$scope.queries = [
			{
				label: 'Login Title',
				search: '//APP/AUTH/TITLE'
			},
			{
				label: 'Open Buttons',
				search: '//OPEN_BTN'
			},
			{
				label: 'Studies Menu',
				search: '//MENU/STUDIES'
			},
			{
				label: 'Model Identities',
				search: '//IDENTITY'
			}
		];

		$scope.updateFn = function(language) {
			console.log('Update ' + language);
		};

		$scope.removeFn = function(language) {
			console.log('Remove ' + language);
		};

		$scope.saveFn = function() {
			console.log('Saved all languages');
		};

License

MIT