Merge pull request #7622 from timvandermeij/interactive-forms-text

Text widget annotations: implement maximum length and text alignment

src/display/annotation_layer.js

@@ -29,6 +29,7 @@
 
 var AnnotationBorderStyleType = sharedUtil.AnnotationBorderStyleType;
 var AnnotationType = sharedUtil.AnnotationType;
+var isInt = sharedUtil.isInt;
 var Util = sharedUtil.Util;
 var addLinkAttributes = displayDOMUtils.addLinkAttributes;
 var LinkTarget = displayDOMUtils.LinkTarget;
@@ -427,6 +428,8 @@ var WidgetAnnotationElement = (function WidgetAnnotationElementClosure() {
  */
 var TextWidgetAnnotationElement = (
     function TextWidgetAnnotationElementClosure() {
+  var TEXT_ALIGNMENT = ['left', 'center', 'right'];
+
   function TextWidgetAnnotationElement(parameters) {
     WidgetAnnotationElement.call(this, parameters);
   }
@@ -442,26 +445,33 @@ var TextWidgetAnnotationElement = (
     render: function TextWidgetAnnotationElement_render() {
       this.container.className = 'textWidgetAnnotation';
 
+      var element = null;
       if (this.renderInteractiveForms) {
-        var input = document.createElement('input');
+        element = document.createElement('input');
-        input.type = 'text';
+        element.type = 'text';
-        input.value = this.data.fieldValue;
+        element.value = this.data.fieldValue;
 
-        this.container.appendChild(input);
+        if (isInt(this.data.maxLen)) {
+          element.maxLength = this.data.maxLen;
+        }
       } else {
-        var content = document.createElement('div');
+        element = document.createElement('div');
-        content.textContent = this.data.fieldValue;
+        element.textContent = this.data.fieldValue;
-        var textAlignment = this.data.textAlignment;
+        element.style.verticalAlign = 'middle';
-        content.style.textAlign = ['left', 'center', 'right'][textAlignment];
+        element.style.display = 'table-cell';
-        content.style.verticalAlign = 'middle';
+
-        content.style.display = 'table-cell';
+        var font = null;
-
+        if (this.data.fontRefName) {
-        var font = (this.data.fontRefName ?
+          font = this.page.commonObjs.getData(this.data.fontRefName);
-          this.page.commonObjs.getData(this.data.fontRefName) : null);
+        }
-        this._setTextStyle(content, font);
+        this._setTextStyle(element, font);
-
-        this.container.appendChild(content);
       }
+
+      if (isInt(this.data.textAlignment)) {
+        element.style.textAlign = TEXT_ALIGNMENT[this.data.textAlignment];
+      }
+
+      this.container.appendChild(element);
       return this.container;
     },