You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@couchdb.apache.org by mi...@apache.org on 2017/01/07 20:31:59 UTC

couchdb-www git commit: Fix scrolling on Answers, and add new replication page

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 <mi...@gmail.com>
Authored: Sat Jan 7 15:29:30 2017 -0500
Committer: michellephung <mi...@gmail.com>
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.
+
+            ![Replication](imgs/screen-shots/replication-list.png "Replication")
+
+            You can create a new replication by clicking on the green button, which will take you to the new replication form:
+            ![Replication](imgs/screen-shots/new-replication.png "Replication")
+
+
             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();