From eb7456089a99e95abb69389ab4b0b3a330aae05f Mon Sep 17 00:00:00 2001
From: Alex Yatskov <alex@foosoft.net>
Date: Thu, 11 Aug 2016 08:57:23 -0700
Subject: [PATCH] Adding dropdown

---
 ext/bg/js/options-form.js | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/ext/bg/js/options-form.js b/ext/bg/js/options-form.js
index 99d01db4..bb9f762b 100644
--- a/ext/bg/js/options-form.js
+++ b/ext/bg/js/options-form.js
@@ -118,10 +118,17 @@ function populateAnkiFields(element, opts) {
 
         const body = $('<tbody>');
         names.forEach((name) => {
+            const groupBtn = $('<div>', {class: 'input-group-btn'});
+            groupBtn.append($('<button>', {type: 'button', class: 'btn btn-default dropdown-toggle'}).append($('<span>', {class: 'caret'})));
+
+            const group = $('<div>', {class: 'input-group'});
+            group.append($('<input>', {class: 'anki-field-value form-control', value: opts[optKey][name] || ''}).data('field', name).change(onOptionsAnkiChanged));
+            group.append(groupBtn);
+
             const row = $('<tr>');
             row.append($('<td>', {class: 'col-sm-2'}).text(name));
-            const value = opts[optKey][name] || '';
-            row.append($('<td>', {class: 'col-sm-10'}).append($('<input>', {class: 'anki-field-value form-control', value}).data('field', name).change(onOptionsAnkiChanged)));
+            row.append($('<td>', {class: 'col-sm-10'}).append(group));
+
             body.append(row);
         });