luid-translations

An input that display and edit a text available in different languages

Features

As with the other directives, it inherits from the ng-model controller and as such can be integrated to forms like any other input.

Supports 2 modes :

dictionary default mode, the ng-model will have this form {"en": "some stuff", "fr": "des bidules"}
| or pipe the ng-model will be a string looking like this "en:some stuff|fr:des bidules"

Supported arguments

ng-model: the variable to bind to
ng-change: events to launch when the value is updated
mode: "dictionary", "|" (or "pipe"), "lucca" (for proprietary format)

Usage:

<luid-translations ng-model="myTrads"></luid-translations>
<luid-translations ng-model="myTrads" mode="|" ng-change="changed()" size="x-long"></luid-translations>

Mode dictionary

myTrads: {{myTrads}}

Mode pipe

myTradsPipe : {{myTradsPipe}}

Mode Lucca (with ng-required=true and compact style)

$error.required = {{!!translationform.requiredtranslation.$error.required ? translationform.requiredtranslation.$error.required : "undefined"}}

$valid = {{translationform.requiredtranslation.$valid}}

ng-model = {{requiredModel}}

Number of times ng-change has been called : {{count}}