Added NPM support , CommonJS support and made it more Jquery validate…

… friendly (ivirabyan#77) * added package json * forgot else * Added VS solution * Update README.md * copy all data attributes to the hidden field. * copy data attr * add data elements * fixed coffee weird function generation * Copy all data tags from the actual input to the hidden element so that jquery validations can work. * Removed the Visual studio dependency files from the pull request.
quevon24 · May 4, 2017 · 2bc6d9c · 2bc6d9c
1 parent 4b47a67
commit 2bc6d9c
Show file tree

Hide file tree

Showing 6 changed files with 65 additions and 4 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1 +1,5 @@
 .DS_Store
+/node_modules
+/.vs
+/bower_components
+/packages/Microsoft.Net.Compilers.1.3.2
diff --git a/README.md b/README.md
@@ -1,3 +1,8 @@
+
+Changes
+===============
+This is a modification on top of the existing plugin by ivirabyan/jquery-mentions , I have added support for npm and CommonJS
+
 jquery-mentions
 ===============
 Adds mentioning support to your text fields.

diff --git a/example.html b/example.html
@@ -14,7 +14,7 @@
 <body>
     <p>Try to type "@a"</p>
     <p>Textarea example:</p>
-    <textarea class="mentions" name="text">@[alex](user:1) is my best friend! I love to play @[angry birds](game:5)</textarea>
+    <textarea class="mentions" data-val-required="true" name="text">@[alex](user:1) is my best friend! I love to play @[angry birds](game:5)</textarea>
 
     <p>Input example:</p>
     <input class="mentions" name="text" value="@[alex](user:1) is my best friend! I love to play @[angry birds](game:5)" />

diff --git a/jquery.mentions.coffee b/jquery.mentions.coffee
@@ -1,5 +1,11 @@
 namespace = "mentionsInput"
 
+if typeof module == "object" && typeof module.exports == "object"
+        # looks like a CommonJS environment , use the require syntax to get the dependencies
+        $ = require "jquery";
+        require "jquery-ui/ui/widgets/autocomplete"
+else
+    $ = window.jQuery;
 
 Selection =
     get: (input) ->
@@ -237,8 +243,14 @@ class MentionsInput extends MentionsBase
         @_updateValue()
 
     _createHidden: ->
-        hidden = $('<input>', {type: 'hidden', name: @input.attr('name')})
+        hidden = $('<input>', {type: 'hidden', name: @input.attr('name')});
+
+        $.each(@input.data(), (name, value) ->    hidden.attr("data-" + name.replace(/([a-zA-Z])(?=[A-Z])/g, '$1-').toLowerCase(), JSON.stringify(value))
+
+        );
+        @input.removeData();
         hidden.appendTo(@container)
+
         @input.removeAttr('name')
         return hidden
 

diff --git a/jquery.mentions.js b/jquery.mentions.js
diff --git a/package.json b/package.json
@@ -0,0 +1,29 @@
+{
+  "name": "jquery-mentions",
+  "version": "1.0.1",
+  "description": "Added npm support and CommonJS support",
+  "main": "jquery.mentions.js",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/pratikvasani/jquery-mentions.git"
+  },
+  "keywords": [
+    "jquery-plugin"
+  ],
+  "author": "Pratik",
+  "license": "ISC",
+  "bugs": {
+    "url": "https://github.com/pratikvasani/jquery-mentions/issues"
+  },
+  "homepage": "https://github.com/pratikvasani/jquery-mentions#readme",
+  "devDependencies": {
+    "coffee-script": "^1.12.5"
+  },
+  "dependencies": {
+    "jquery": "~1.9.1",
+    "jquery-ui": "~1.10.3"
+  }
+}