From 81b7f504f4b48c1514b4c6dd88eba6aafcd9a151 Mon Sep 17 00:00:00 2001
From: Alex Yatskov <alex@foosoft.net>
Date: Sat, 5 Nov 2016 22:49:13 -0700
Subject: [PATCH] WIP

---
 ext/bg/js/options-form.js | 26 +++++++++++++++++++-------
 1 file changed, 19 insertions(+), 7 deletions(-)

diff --git a/ext/bg/js/options-form.js b/ext/bg/js/options-form.js
index 589d92b1..5327a04a 100644
--- a/ext/bg/js/options-form.js
+++ b/ext/bg/js/options-form.js
@@ -155,13 +155,25 @@ function populateAnkiDeckAndModel(opts) {
 }
 
 function populateDictionaries() {
-    const dictionaries = $('.dictionaries');
-    yomichan().translator.dictionary.getDictionaries().then(rows => {
-        for (const row of rows) {
-            const dictionary = $('<p>').text(row.dictionary);
-            dictionaries.append(dictionary);
-        }
-    });
+    // const dictGroups = $('.dictionaries');
+    // dictGroups.empty();
+
+    // yomichan().translator.dictionary.getDictionaries().then(rows => {
+    //     for (const row of rows) {
+    //         const dictPanel = $('<div>', {class: 'dictionary panel panel-default'});
+    //         const dictRow = $('<div>', {class: 'panel-body row'}).appendTo(dictPanel);
+
+    //         const title = $('<div>', {class: 'col-xs-8'});
+    //         $('<h4>').append().html(`<span class="text-muted glyphicon glyphicon-book"></span> ${row.dictionary} <small>v.${row.version}</small>`).appendTo(title);
+    //         title.appendTo(dictRow);
+
+    //         const controls = $('<div>', {class: 'col-xs-4 text-right'});
+    //         $('<button>', {class: 'btn btn-danger dictionary-delete'}).text('Delete').appendTo(controls);
+    //         controls.appendTo(dictRow);
+
+    //         dictGroups.append(dictPanel);
+    //     }
+    // });
 }
 
 function populateAnkiFields(element, opts) {