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