0.0.6

Substr barcode title
shoom3301 · Jan 18, 2016 · 5a456f8 · 5a456f8
1 parent 1810fca
commit 5a456f8
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 3 deletions.
diff --git a/bower.json b/bower.json
@@ -1,7 +1,7 @@
 {
   "name": "barcodeEditor",
   "description": "Editor for print barcode",
-  "version": "0.0.5",
+  "version": "0.0.6",
   "main": [
     "dist/barcode_editor.js",
     "dist/css/style.scss"

diff --git a/dist/barcode_editor.js b/dist/barcode_editor.js
@@ -147,6 +147,16 @@
                 this.view.setParam('itemsCount', value);
             });
 
+            this.on('change:fontSize', function(_self, value){
+                var $span = $('<span>').html('1').css({
+                    fontSize: value,
+                    fontFamily: 'Courier, monospace'
+                });
+                $('body').append($span);
+                this.set('charWidth', $span.width());
+                $span.remove();
+            });
+
             this.on('destroy', function(){
                 this.view.remove();
             });
@@ -189,6 +199,7 @@
                 width: this.get('itemWidth'),
                 height: this.get('itemHeight'),
                 imageWidth: this.get('imageWidth'),
+                charWidth: this.get('charWidth'),
                 text: this.get('text')
             };
         },
@@ -260,12 +271,20 @@
          * @see BarcodeEditor.getItemStyle
          */
         setStyle: function(style){
+            var width = mm(style.width);
             this.$el.css({
-                width: mm(style.width),
+                width: width,
                 height: mm(style.height)
             });
-            this.$el.find('p').css('fontSize', style.fontSize).text(style.text);
+            this.$el.find('p').css({
+                fontSize: style.fontSize,
+                fontFamily: 'Courier, monospace'
+            }).text(this.strMax(style.text, width/(style.charWidth||10)));
             this.$el.find('img').css('width', mm(style.imageWidth));
+        },
+        strMax: function(str, len){
+            if(!str || !str.length) return '';
+            return (str.length > len)?(str.substr(0, len-2)+'..'):str;
         }
     });