From 1ec93acd5a8a24a7ff687c5a6780bb46ddee1f8b Mon Sep 17 00:00:00 2001
From: Rutuja Khandpekar <rutuja.khandpekar@vertisinfotech.com>
Date: Fri, 24 Apr 2015 17:28:23 +0530
Subject: [PATCH 1/3] Right aligned token input

---
 src/jquery.tokeninput.js | 25 +++++++++++++++++++++----
 styles/token-input.css   | 20 ++++++++++++++++----
 2 files changed, 37 insertions(+), 8 deletions(-)

diff --git a/src/jquery.tokeninput.js b/src/jquery.tokeninput.js
index 4b69d823..e32ed7f0 100755
--- a/src/jquery.tokeninput.js
+++ b/src/jquery.tokeninput.js
@@ -71,6 +71,8 @@
 
     // Keep track if the input is currently in disabled mode
     disabled: false
+
+    rightAligned: false
   };
 
   // Default classes to use when theming
@@ -88,6 +90,9 @@
     inputToken           : "token-input-input-token",
     focused              : "token-input-focused",
     disabled             : "token-input-disabled"
+    rightAlignedDropdown : "keep-right",
+    rightAlignedInput    : "token-input-right",
+    addTokenOnRight      : "token-on-right"
   };
 
   // Input box position "enum"
@@ -408,7 +413,10 @@
 
       // The list to store the token items in
       var token_list = $("<ul />")
-          .addClass($(input).data("settings").classes.tokenList)
+          if($(input).data("settings").rightAligned) {
+            token_list.addClass($(input).data("settings").classes.rightAlignedInput);
+          }
+          token_list.addClass($(input).data("settings").classes.tokenList)
           .click(function (event) {
               var li = $(event.target).closest("li");
               if(li && li.get(0) && $.data(li.get(0), "tokeninput")) {
@@ -606,6 +614,10 @@
 
           $this_token.addClass($(input).data("settings").classes.token).insertBefore(input_token);
 
+          if($(input).data("settings").rightAligned){
+            $this_token.addClass($(input).data("settings").classes.addTokenOnRight)
+          }
+
           // The 'delete token' button
           if(!readonly) {
             $("<span>" + $(input).data("settings").deleteText + "</span>")
@@ -811,14 +823,16 @@
 
       function show_dropdown_searching () {
           if($(input).data("settings").searchingText) {
-              dropdown.html("<p>" + escapeHTML($(input).data("settings").searchingText) + "</p>");
+            var alignment_class = ($(input).data("settings").rightAligned)? $(input).data("settings").classes.rightAlignedDropdown : ""
+              dropdown.html("<p class="+alignment_class+">" + escapeHTML($(input).data("settings").searchingText) + "</p>");
               show_dropdown();
           }
       }
 
       function show_dropdown_hint () {
           if($(input).data("settings").hintText) {
-              dropdown.html("<p>" + escapeHTML($(input).data("settings").hintText) + "</p>");
+            var alignment_class = ($(input).data("settings").rightAligned)? $(input).data("settings").classes.rightAlignedDropdown : ""
+              dropdown.html("<p class="+alignment_class+">" + escapeHTML($(input).data("settings").hintText) + "</p>");
               show_dropdown();
           }
       }
@@ -904,6 +918,8 @@
                   } else {
                       this_li.addClass($(input).data("settings").classes.dropdownItem2);
                   }
+                  if($(input).data("settings").rightAligned)
+                    this_li.addClass($(input).data("settings").classes.rightAlignedDropdown);
 
                   if(index === 0 && $(input).data("settings").autoSelectFirstResult) {
                       select_dropdown_item(this_li);
@@ -921,7 +937,8 @@
               }
           } else {
               if($(input).data("settings").noResultsText) {
-                  dropdown.html("<p>" + escapeHTML($(input).data("settings").noResultsText) + "</p>");
+                  var alignment_class = ($(input).data("settings").rightAligned)? $(input).data("settings").classes.rightAlignedDropdown : ""
+                  dropdown.html("<p  class="+alignment_class+">" + escapeHTML($(input).data("settings").noResultsText) + "</p>");
                   show_dropdown();
               }
           }
diff --git a/styles/token-input.css b/styles/token-input.css
index 003f5848..6ea0cdfc 100644
--- a/styles/token-input.css
+++ b/styles/token-input.css
@@ -1,7 +1,7 @@
 /* Example tokeninput style #1: Token vertical list*/
 ul.token-input-list {
-    overflow: hidden; 
-    height: auto !important; 
+    overflow: hidden;
+    height: auto !important;
     height: 1%;
     width: 400px;
     border: 1px solid #999;
@@ -44,8 +44,8 @@ ul.token-input-disabled li.token-input-token span {
 }
 
 li.token-input-token {
-    overflow: hidden; 
-    height: auto !important; 
+    overflow: hidden;
+    height: auto !important;
     height: 1%;
     margin: 3px;
     padding: 3px 5px;
@@ -125,3 +125,15 @@ div.token-input-dropdown ul li em {
 div.token-input-dropdown ul li.token-input-selected-dropdown-item {
     background-color: #d0efa0;
 }
+
+.keep-right{
+    text-align: right;
+}
+
+.token-input-right {
+    direction : rtl;
+}
+
+.token-on-right {
+    float : right !important;
+}
\ No newline at end of file

From 7a20a1252b177b6dbbc70c280c334edbb78bc8c5 Mon Sep 17 00:00:00 2001
From: Rutuja Khandpekar <rutuja.khandpekar@vertisinfotech.com>
Date: Fri, 24 Apr 2015 18:48:49 +0530
Subject: [PATCH 2/3] Right aligned token input

---
 src/jquery.tokeninput.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/jquery.tokeninput.js b/src/jquery.tokeninput.js
index e32ed7f0..606264e6 100755
--- a/src/jquery.tokeninput.js
+++ b/src/jquery.tokeninput.js
@@ -70,7 +70,7 @@
     idPrefix: "token-input-",
 
     // Keep track if the input is currently in disabled mode
-    disabled: false
+    disabled: false,
 
     rightAligned: false
   };

From 104bcdd9ee9e8dd08e781d060e05dfa4edc2f0ed Mon Sep 17 00:00:00 2001
From: Rutuja Khandpekar <rutuja.khandpekar@vertisinfotech.com>
Date: Sun, 10 May 2015 18:52:05 +0530
Subject: [PATCH 3/3] Done minor change - Added a comma.

---
 src/jquery.tokeninput.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/jquery.tokeninput.js b/src/jquery.tokeninput.js
index 606264e6..3efa64dd 100755
--- a/src/jquery.tokeninput.js
+++ b/src/jquery.tokeninput.js
@@ -89,7 +89,7 @@
     selectedDropdownItem : "token-input-selected-dropdown-item",
     inputToken           : "token-input-input-token",
     focused              : "token-input-focused",
-    disabled             : "token-input-disabled"
+    disabled             : "token-input-disabled",
     rightAlignedDropdown : "keep-right",
     rightAlignedInput    : "token-input-right",
     addTokenOnRight      : "token-on-right"