couchdb-commits mailing list archives

Site index · List index
Message view « Date » · « Thread »
Top « Date » · « Thread »
From michel...@apache.org
Subject couchdb-www git commit: Fix scrolling on Answers, and add new replication page
Date Sat, 07 Jan 2017 20:31:59 GMT
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 <michellephung@gmail.com>
Authored: Sat Jan 7 15:29:30 2017 -0500
Committer: michellephung <michellephung@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();


Mime
View raw message