Repository: couchdb-www Updated Branches: refs/heads/asf-site c13d4e915 -> 55af661fa
Fix scrolling on Answers, and add new replication page Project: http://git-wip-us.apache.org/repos/asf/couchdb-www/repo Commit: http://git-wip-us.apache.org/repos/asf/couchdb-www/commit/55af661f Tree: http://git-wip-us.apache.org/repos/asf/couchdb-www/tree/55af661f Diff: http://git-wip-us.apache.org/repos/asf/couchdb-www/diff/55af661f Branch: refs/heads/asf-site Commit: 55af661fac7dd7abb0db98ddda6323644f58ca34 Parents: c13d4e9 Author: michellephung <[email protected]> Authored: Sat Jan 7 15:29:30 2017 -0500 Committer: michellephung <[email protected]> Committed: Sat Jan 7 15:29:58 2017 -0500 ---------------------------------------------------------------------- .../imgs/screen-shots/new-replication.png | Bin 0 -> 129057 bytes .../imgs/screen-shots/replication-list.png | Bin 0 -> 119749 bytes _src-fauxton-visual-guide/index.jade | 10 +++++ _src-fauxton-visual-guide/js/main.js | 37 +++++++++++-------- .../imgs/screen-shots/new-replication.png | Bin 0 -> 129057 bytes .../imgs/screen-shots/replication-list.png | Bin 0 -> 119749 bytes fauxton-visual-guide/index.html | 5 +++ fauxton-visual-guide/js/main.js | 37 +++++++++++-------- 8 files changed, 59 insertions(+), 30 deletions(-) ---------------------------------------------------------------------- http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/55af661f/_src-fauxton-visual-guide/imgs/screen-shots/new-replication.png ---------------------------------------------------------------------- diff --git a/_src-fauxton-visual-guide/imgs/screen-shots/new-replication.png b/_src-fauxton-visual-guide/imgs/screen-shots/new-replication.png new file mode 100644 index 0000000..598807f Binary files /dev/null and b/_src-fauxton-visual-guide/imgs/screen-shots/new-replication.png differ http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/55af661f/_src-fauxton-visual-guide/imgs/screen-shots/replication-list.png ---------------------------------------------------------------------- diff --git a/_src-fauxton-visual-guide/imgs/screen-shots/replication-list.png b/_src-fauxton-visual-guide/imgs/screen-shots/replication-list.png new file mode 100644 index 0000000..4ba4963 Binary files /dev/null and b/_src-fauxton-visual-guide/imgs/screen-shots/replication-list.png differ http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/55af661f/_src-fauxton-visual-guide/index.jade ---------------------------------------------------------------------- diff --git a/_src-fauxton-visual-guide/index.jade b/_src-fauxton-visual-guide/index.jade index cbe9b72..1e1ea2d 100644 --- a/_src-fauxton-visual-guide/index.jade +++ b/_src-fauxton-visual-guide/index.jade @@ -366,6 +366,16 @@ div#content.showSideBar database being replicated is on the small side, but continous replications will always show up while they are active. + ** New Interface ** + + We recently released a new version of the replication menu. The first screen shows a list of all replications. From this screen you can, view, delete, filter or create replications. + +  + + You can create a new replication by clicking on the green button, which will take you to the new replication form: +  + + For more information, see [/_replicate](http://docs.couchdb.org/en/latest/api/server/common.html#api-server-replicate). http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/55af661f/_src-fauxton-visual-guide/js/main.js ---------------------------------------------------------------------- diff --git a/_src-fauxton-visual-guide/js/main.js b/_src-fauxton-visual-guide/js/main.js index fc63562..4312cad 100644 --- a/_src-fauxton-visual-guide/js/main.js +++ b/_src-fauxton-visual-guide/js/main.js @@ -64,8 +64,14 @@ function highlightFauxtonNavigation () { var address = hash.substring(1); var end = address.slice(-1); - $('#toc-' + address).addClass('selected'); - $('.icon-menu-'+ address).addClass('selected'); + // init middle bar + if (hash === '#using-fauxton') { + $('#toc-intro').addClass('selected'); + $('icon-menu-_all_dbs').addClass('selected'); + } else { + $('#toc-' + address).addClass('selected'); + $('.icon-menu-'+ address).addClass('selected'); + } function clearAll () { $('.toc .heading, .fauxton-toc .icon-menu a').each(function () { @@ -146,18 +152,20 @@ function detectHashChange () { $(window).on('hashchange', function() { var hash = window.location.hash; - - if ( - hash === '#editor' || - hash === '#_all_docs' || - hash === '#db-action' - ) { - $('#toc-_all_dbs').addClass('selected'); - $('.icon-menu-_all_dbs').addClass('selected'); - } - - if (hash === '#answers') { - $('#content').scrollTop(0); + switch (hash) { + case '#editor' : + case '#_all_docs': + case '#db-action': + $('#toc-_all_dbs').addClass('selected'); + $('.icon-menu-_all_dbs').addClass('selected'); + break; + case '#answers': + window.scrollTo(0,0); + break; + case '#using-fauxton': + highlightFauxtonNavigation(); + default: + console.log('hello'); } }); } @@ -209,7 +217,6 @@ function clickSidebarItemListener () { function usingFauxtonNavigationListener () { $('#using-fauxton .toc a, .fauxton-toc .icon-menu a').click(function (e) { clearAll(); - console.log('f'); if ($(this).hasClass('subheading')) { e.stopPropagation(); http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/55af661f/fauxton-visual-guide/imgs/screen-shots/new-replication.png ---------------------------------------------------------------------- diff --git a/fauxton-visual-guide/imgs/screen-shots/new-replication.png b/fauxton-visual-guide/imgs/screen-shots/new-replication.png new file mode 100644 index 0000000..598807f Binary files /dev/null and b/fauxton-visual-guide/imgs/screen-shots/new-replication.png differ http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/55af661f/fauxton-visual-guide/imgs/screen-shots/replication-list.png ---------------------------------------------------------------------- diff --git a/fauxton-visual-guide/imgs/screen-shots/replication-list.png b/fauxton-visual-guide/imgs/screen-shots/replication-list.png new file mode 100644 index 0000000..4ba4963 Binary files /dev/null and b/fauxton-visual-guide/imgs/screen-shots/replication-list.png differ http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/55af661f/fauxton-visual-guide/index.html ---------------------------------------------------------------------- diff --git a/fauxton-visual-guide/index.html b/fauxton-visual-guide/index.html index 419bde6..abf4da5 100644 --- a/fauxton-visual-guide/index.html +++ b/fauxton-visual-guide/index.html @@ -151,6 +151,11 @@ can specify the username and password as part of the URL, for example the table your new created replication. You might miss it if the database being replicated is on the small side, but continous replications will always show up while they are active.</p> +<p><strong> New Interface </strong></p> +<p>We recently released a new version of the replication menu. The first screen shows a list of all replications. From this screen you can, view, delete, filter or create replications.</p> +<p><img src="imgs/screen-shots/replication-list.png" alt="Replication" title="Replication"></p> +<p>You can create a new replication by clicking on the green button, which will take you to the new replication form: +<img src="imgs/screen-shots/new-replication.png" alt="Replication" title="Replication"></p> <p>For more information, see <a href="http://docs.couchdb.org/en/latest/api/server/common.html#api-server-replicate";>/_replicate</a>.</p> <p>For more information on replication, see http://git-wip-us.apache.org/repos/asf/couchdb-www/blob/55af661f/fauxton-visual-guide/js/main.js ---------------------------------------------------------------------- diff --git a/fauxton-visual-guide/js/main.js b/fauxton-visual-guide/js/main.js index fc63562..4312cad 100644 --- a/fauxton-visual-guide/js/main.js +++ b/fauxton-visual-guide/js/main.js @@ -64,8 +64,14 @@ function highlightFauxtonNavigation () { var address = hash.substring(1); var end = address.slice(-1); - $('#toc-' + address).addClass('selected'); - $('.icon-menu-'+ address).addClass('selected'); + // init middle bar + if (hash === '#using-fauxton') { + $('#toc-intro').addClass('selected'); + $('icon-menu-_all_dbs').addClass('selected'); + } else { + $('#toc-' + address).addClass('selected'); + $('.icon-menu-'+ address).addClass('selected'); + } function clearAll () { $('.toc .heading, .fauxton-toc .icon-menu a').each(function () { @@ -146,18 +152,20 @@ function detectHashChange () { $(window).on('hashchange', function() { var hash = window.location.hash; - - if ( - hash === '#editor' || - hash === '#_all_docs' || - hash === '#db-action' - ) { - $('#toc-_all_dbs').addClass('selected'); - $('.icon-menu-_all_dbs').addClass('selected'); - } - - if (hash === '#answers') { - $('#content').scrollTop(0); + switch (hash) { + case '#editor' : + case '#_all_docs': + case '#db-action': + $('#toc-_all_dbs').addClass('selected'); + $('.icon-menu-_all_dbs').addClass('selected'); + break; + case '#answers': + window.scrollTo(0,0); + break; + case '#using-fauxton': + highlightFauxtonNavigation(); + default: + console.log('hello'); } }); } @@ -209,7 +217,6 @@ function clickSidebarItemListener () { function usingFauxtonNavigationListener () { $('#using-fauxton .toc a, .fauxton-toc .icon-menu a').click(function (e) { clearAll(); - console.log('f'); if ($(this).hasClass('subheading')) { e.stopPropagation();
