From 770210a45bf192008444d1d7bef4d0247407fd37 Mon Sep 17 00:00:00 2001 From: Max Ogden Date: Sat, 2 Jul 2011 14:21:21 -0700 Subject: [PATCH] hooking up open/close logic for modal and menus --- attachments/pages/index.html | 9 +++++---- attachments/script/site.js | 16 ++++++++++++++++ attachments/style/demo.css | 9 +++++++++ readme.md | 3 +-- 4 files changed, 31 insertions(+), 6 deletions(-) diff --git a/attachments/pages/index.html b/attachments/pages/index.html index 0a916983..8cef8ece 100644 --- a/attachments/pages/index.html +++ b/attachments/pages/index.html @@ -19,6 +19,7 @@
+ @@ -39,7 +40,7 @@ -
- - +
+ +
diff --git a/attachments/script/site.js b/attachments/script/site.js index cb4129fd..744eafeb 100644 --- a/attachments/script/site.js +++ b/attachments/script/site.js @@ -21,6 +21,18 @@ app.routes = { e.preventDefault(); })) + $( '.transform' ).live('click', ( function( e ) { + $('.dialog-overlay').show(); + $('.dialog-container').show(); + util.render('bulkEdit', 'dialog-content'); + $('.cancelButton').click(function(e) { + $('.dialog-overlay').hide(); + $('.dialog-container').hide(); + }) + $('.menu').hide(); + $('.menu-overlay').hide(); + e.preventDefault(); + })) }, page: function(id) { removalist.getPageSize(); @@ -34,6 +46,10 @@ app.after = { dataTable: function() { $('.column-header-menu').click(function(e) { var offset = $(e.target).offset(); + $('.menu-overlay').show().click(function(e) { + $(e.target).hide(); + $('.menu').hide(); + }); $('.menu').show().css({top: offset.top + 20, left: offset.left}); }) } diff --git a/attachments/style/demo.css b/attachments/style/demo.css index b04d83b9..96c71ac9 100644 --- a/attachments/style/demo.css +++ b/attachments/style/demo.css @@ -43,6 +43,15 @@ .loading { background-image: url(../images/loader.gif); background-repeat: no-repeat; padding-left: 15px; background-position: 0px 3px;} a.button:hover span.icon.loading { background-image: url(../images/loader-blue.gif); } #couchLogo {float: left; margin-right: 5px; margin-top: 3px} + +.menu-overlay { + position: fixed; + top: 0; + left: 0; + width: 100%; + height: 100%; +} + ul.menu { display: none; outline-style: none; diff --git a/readme.md b/readme.md index c4287674..95e571c8 100644 --- a/readme.md +++ b/readme.md @@ -20,8 +20,7 @@ After you install it, visit this link to open Removalist: Copy these utilities to the new db: - - curl -X POST http://user:pass@YOURCOUCH/\_replicate -d '{"source":"http://max.couchone.com/apps","target":"YOURDB", "doc\_ids":["_design/removalist"]}' -H "Content-type: application/json" + curl -X POST http://user:pass@YOURCOUCH/_replicate -d '{"source":"http://max.couchone.com/apps","target":"YOURDB", "doc_ids":["_design/removalist"]}' -H "Content-type: application/json" ### In-depth install