From b6a9d5ec104332c1db24e20f374413a776501b4b Mon Sep 17 00:00:00 2001
From: Brett Slatkin <bslatkin@gmail.com>
Date: Wed, 1 Dec 2010 21:49:02 -0800
Subject: [PATCH] adds config screen for camlistore server

---
 clients/chrome/clip-it-good/background.html | 10 ----
 clients/chrome/clip-it-good/options.html    | 62 ++++++++++++++++++---
 2 files changed, 55 insertions(+), 17 deletions(-)

diff --git a/clients/chrome/clip-it-good/background.html b/clients/chrome/clip-it-good/background.html
index f554c6a9c..5d78829c0 100644
--- a/clients/chrome/clip-it-good/background.html
+++ b/clients/chrome/clip-it-good/background.html
@@ -84,16 +84,6 @@
           });
         });
       });
-
-      // XXX a hack for camli short term
-      chrome.contextMenus.create({
-          title: 'Dummy',
-          contexts: ['image'],
-          onclick: function(data, tab) {
-            return handleMenuClick(
-                CAMLISTORE, 'my album', 'http://localhost:8080', data, tab);
-          }
-        });
     });
   }
 
diff --git a/clients/chrome/clip-it-good/options.html b/clients/chrome/clip-it-good/options.html
index afe798b21..1d5fc0096 100644
--- a/clients/chrome/clip-it-good/options.html
+++ b/clients/chrome/clip-it-good/options.html
@@ -61,13 +61,14 @@
       
     }
     .add-album-control {
-      margin-top: 1em;
+      margin-top: 2em;
     }
 
     /* other */
     .security-detail {
       max-width: 400px;
     }
+
   </style>
 
   <script type="text/javascript" charset="utf-8">
@@ -75,6 +76,13 @@
   var BG = chrome.extension.getBackgroundPage();
 
   // Generic album listing
+  function removeAlbum(albumType, albumId) {
+    delete BG.ALBUM_CONFIG[albumType][albumId];
+    if ($.isEmptyObject(BG.ALBUM_CONFIG[albumType])) {
+      delete BG.ALBUM_CONFIG[albumType];
+    }
+  }
+
   function populateAlbumList() {
     var connectedAlbums = $('#connected-list');
     connectedAlbums.contents().remove();
@@ -99,12 +107,7 @@
         album.text(albumDict['name'] + ' ');
         var removeLink = $('<a href="">').text('(Remove)');
         removeLink.click(function(event) {
-          delete BG.ALBUM_CONFIG[albumType][albumDict['id']];
-          if ($.isEmptyObject(BG.ALBUM_CONFIG[albumType])) {
-            delete BG.ALBUM_CONFIG[albumType];
-          }
-          album.remove();
-
+          removeAlbum(albumType, albumDict['id']);
           BG.saveAlbumConfig();
           populateAlbumList();
           BG.setupMenus();
@@ -189,8 +192,39 @@
     });
   }
 
+  function addCamlistoreServer() {
+    var camliServerDiv = $('#camliserver-config');
+
+    camliServerDiv.dialog({
+      modal: true,
+      resizable: false,
+      width: 550,
+      title: 'Connect a Camlistore Server',
+      buttons: {
+        'Add': function() {
+          var urlInput = $('#camliserver-url');
+          var nameInput = $('#camliserver-name');
+
+          if (!BG.ALBUM_CONFIG[BG.CAMLISTORE]) {
+            BG.ALBUM_CONFIG[BG.CAMLISTORE] = {};
+          }
+          BG.ALBUM_CONFIG[BG.CAMLISTORE][urlInput.val()] = nameInput.val();
+
+          BG.saveAlbumConfig();
+          populateAlbumList();
+          BG.setupMenus();
+          $(this).dialog('close');
+        },
+        'Cancel': function() {
+          $(this).dialog('close');
+        }
+      }
+    });
+  }
+
   $(document).ready(function() {
     $('#add-picasa').click(addPicasaAlbum);
+    $('#add-camlistore').click(addCamlistoreServer);
     populateAlbumList();
   });
   </script>
@@ -205,6 +239,7 @@
 
 <div class="add-album-control">
   <button id="add-picasa" type="button">Add Picasa Web Album</button>
+  <button id="add-camlistore" type="button">Add Camlistore Server</button>
 </div>
 
 <h2>Security information</h2>
@@ -238,5 +273,18 @@ Connecting an album to <em>Clip It Good</em> will require giving this extension
   <div class="album-controls">Drag to select multiple or click while holding Control/&#x2318; for specific items.</div>
 </div>
 
+<div id="camliserver-config" style="display: none;">
+  <table width="100%" border="0">
+    <tr>
+      <td><label for="camliserver-url">Blobserver URL:</label></td>
+      <td><input type="text" id="camliserver-url" size="35"></td>
+    </tr>
+    <tr>
+      <td><label for="camliserver-name">Pretty name:</label></td>
+      <td><input type="text" id="camliserver-name" size="35"></td>
+    </tr>
+  </table>
+</div>
+
 </body>
 </html>