You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by db...@apache.org on 2015/09/14 21:18:02 UTC

docs commit: Made mailing list page responsive and factored data out of source. This closes #341.

Repository: cordova-docs
Updated Branches:
  refs/heads/cordova-website 5fdeeb351 -> 285f4fffb


Made mailing list page responsive and factored data out of source.
This closes #341.


Project: http://git-wip-us.apache.org/repos/asf/cordova-docs/repo
Commit: http://git-wip-us.apache.org/repos/asf/cordova-docs/commit/285f4fff
Tree: http://git-wip-us.apache.org/repos/asf/cordova-docs/tree/285f4fff
Diff: http://git-wip-us.apache.org/repos/asf/cordova-docs/diff/285f4fff

Branch: refs/heads/cordova-website
Commit: 285f4fffbb9d5f240a4d4b6d509f7abf9c361c31
Parents: 5fdeeb3
Author: riknoll <ri...@microsoft.com>
Authored: Fri Sep 11 16:08:16 2015 -0700
Committer: Dmitry Blotsky <dm...@gmail.com>
Committed: Mon Sep 14 12:16:44 2015 -0700

----------------------------------------------------------------------
 www/_data/mailing-lists.yml      |  84 ++++++++++++++++++++
 www/contact/index.html           | 142 +++++++++++-----------------------
 www/static/css-src/_contact.scss |  55 ++++++++-----
 3 files changed, 166 insertions(+), 115 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/285f4fff/www/_data/mailing-lists.yml
----------------------------------------------------------------------
diff --git a/www/_data/mailing-lists.yml b/www/_data/mailing-lists.yml
new file mode 100644
index 0000000..7e0f10d
--- /dev/null
+++ b/www/_data/mailing-lists.yml
@@ -0,0 +1,84 @@
+-   title: Dev Mailing List
+    links:
+        -   label: Writing to the list
+            text: dev@cordova.apache.org
+            href: mailto:dev@cordova.apache.org
+
+        -   label: Subscription address
+            text: dev-subscribe@cordova.apache.org
+            href: mailto:dev-subscribe@cordova.apache.org
+
+        -   label: Digest subscription address
+            text: dev-digest-subscribe@cordova.apache.org
+            href: mailto:dev-digest-subscribe@cordova.apache.org
+
+        -   label: Unsubscription addresses
+            text: dev-unsubscribe@cordova.apache.org
+            href: mailto:dev-unsubscribe@cordova.apache.org
+
+        -   label: Getting help with the list
+            text: dev-help@cordova.apache.org
+            href: mailto:dev-help@cordova.apache.org
+
+        -   label: Browse online
+            text: Dev Mailing List Archive
+            href: http://callback.markmail.org/search/?q=#query:%20list%3Aorg.apache.incubator.callback-dev+page:1+state:facets
+    description: >
+        Dev mailing list is a place for discussion about developing Apache Cordova.
+        <br/>If you are a Cordova user looking for help, use the cordova tag on <a href="http://stackoverflow.com/questions/tagged/cordova">Stack Overflow</a>.
+
+-   title: Commits Mailing List
+    links:
+        -   label: Writing to the list
+            text: commits@cordova.apache.org
+            href: mailto:commits@cordova.apache.org
+
+        -   label: Subscription address
+            text: commits-subscribe@cordova.apache.org
+            href: mailto:commits-subscribe@cordova.apache.org
+
+        -   label: Digest subscription address
+            text: commits-digest-subscribe@cordova.apache.org
+            href: mailto:commits-digest-subscribe@cordova.apache.org
+
+        -   label: Unsubscription addresses
+            text: commits-unsubscribe@cordova.apache.org
+            href: mailto:commits-unsubscribe@cordova.apache.org
+
+        -   label: Getting help with the list
+            text: commits-help@cordova.apache.org
+            href: mailto:commits-help@cordova.apache.org
+
+        -   label: Browse online
+            text: Commits Mailing List Archive
+            href: http://callback.markmail.org/search/?q=#query:%20list%3Aorg.apache.incubator.callback-commits+page:1+state:facets
+    description: >
+        Commits mailing list tracks commit logs for Apache Cordova repos.
+
+-   title: Issues Mailing List
+    links:
+        -   label: Writing to the list
+            text: issues@cordova.apache.org
+            href: mailto:issues@cordova.apache.org
+
+        -   label: Subscription address
+            text: issues-subscribe@cordova.apache.org
+            href: mailto:issues-subscribe@cordova.apache.org
+
+        -   label: Digest subscription address
+            text: issues-digest-subscribe@cordova.apache.org
+            href: mailto:issues-digest-subscribe@cordova.apache.org
+
+        -   label: Unsubscription addresses
+            text: issues-unsubscribe@cordova.apache.org
+            href: mailto:issues-unsubscribe@cordova.apache.org
+
+        -   label: Getting help with the list
+            text: issues-help@cordova.apache.org
+            href: mailto:issues-help@cordova.apache.org
+
+        -   label: Browse online
+            text: Issues Mailing List Archive
+            href: http://callback.markmail.org/search/?q=#query:%20list%3Aorg.apache.incubator.callback-issues+page:1+state:facets
+    description: >
+        Issues mailing list tracks comments and updates to <a href="http://issues.apache.org/jira/browse/CB">Jira items</a> regarding Apache Cordova.

http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/285f4fff/www/contact/index.html
----------------------------------------------------------------------
diff --git a/www/contact/index.html b/www/contact/index.html
index a2dce31..13fd0d3 100644
--- a/www/contact/index.html
+++ b/www/contact/index.html
@@ -3,104 +3,54 @@ layout: cordova
 title: Apache Cordova
 ---
 <div class="container">
-  <div class="row">
-    <div class="col-sm-12">
-      <h1>Mailing List</h1>
-    </div>
-  </div>
-  <div class="row">
-    <div class="col-sm-12">
-
-      <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
-        <div class="panel panel-default">
-          <div class="panel-heading" role="tab" id="headingOne">
-            <h4 class="panel-title">
-        <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
-          Dev Mailing List
-        </a>
-      </h4>
-            <p>Dev mailing list is a place for discussion about developing Apache Cordova.
-              <br/>If you are a Cordova user looking for help, use the cordova tag on <a href="http://stackoverflow.com/questions/tagged/cordova">Stack Overflow</a>.</p>
-
-          </div>
-          <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
-            <div class="panel-body">
-              <ul class="list mailing-list">
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>
-                  Writing to the list<a href="mailto:dev@cordova.apache.org">dev@cordova.apache.org<span></span></a></li>
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Subscription address<a href="mailto:dev-subscribe@cordova.apache.org">dev-subscribe@cordova.apache.org<span></span></a></li>
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Digest subscription address<a href="mailto:dev-digest-subscribe@cordova.apache.org">dev-digest-subscribe@cordova.apache.org<span></span></a></li>
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Unsubscription addresses<a href="mailto:dev-unsubscribe@cordova.apache.org">dev-unsubscribe@cordova.apache.org<span></span></a></li>
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Getting help with the list<a href="mailto:dev-help@cordova.apache.org">dev-help@cordova.apache.org<span></span></a></li>
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Browse online <a href="http://callback.markmail.org/search/?q=#query:%20list%3Aorg.apache.incubator.callback-dev+page:1+state:facets">Dev Mailing List Archive<span></span></a></li>
-              </ul>
-            </div>
-          </div>
+    <div class="row">
+        <div class="col-sm-12">
+            <h1>Mailing List</h1>
         </div>
-        <div class="panel panel-default">
-          <div class="panel-heading" role="tab" id="headingTwo">
-            <h4 class="panel-title">
-        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">
-            Commits Mailing List
-        </a>
-      </h4>
-            <p>Commits mailing list tracks commit logs for Apache Cordova repos.</p>
-          </div>
-          <div id="collapseTwo" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingTwo">
-            <div class="panel-body">
-              <ul class="list mailing-list">
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Writing to the list<a href="mailto:commits@cordova.apache.org">commits@cordova.apache.org<span></span></a></li>
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Subscription address<a href="mailto:commits-subscribe@cordova.apache.org">commits-subscribe@cordova.apache.org<span></span></a></li>
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Digest subscription address<a href="mailto:commits-digest-subscribe@cordova.apache.org">commits-digest-subscribe@cordova.apache.org<span></span></a></li>
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Unsubscription addresses<a href="mailto:commits-unsubscribe@cordova.apache.org">commits-unsubscribe@cordova.apache.org<span></span></a></li>
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Getting help with the list<a href="mailto:commits-help@cordova.apache.org">commits-help@cordova.apache.org<span></span></a></li>
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Browse online <a href="http://callback.markmail.org/search/?q=#query:%20list%3Aorg.apache.incubator.callback-commits+page:1+state:facets">Commits Mailing List Archive<span></span></a></li>
-              </ul>
-            </div>
-          </div>
-        </div>
-        <div class="panel panel-default">
-          <div class="panel-heading" role="tab" id="headingThree">
-            <h4 class="panel-title">
-        <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">
-          Issues Mailing List
-        </a>
-      </h4>
-            <p>Issues mailing list tracks comments and updates to <a href="http://issues.apache.org/jira/browse/CB">Jira items</a>              regarding Apache Cordova.</p>
-          </div>
-          <div id="collapseThree" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingThree">
-            <div class="panel-body">
-              <ul class="list mailing-list">
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Writing to the list<a href="mailto:issues@cordova.apache.org">issues@cordova.apache.org<span></span></a></li>
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Subscription address<a href="mailto:issues-subscribe@cordova.apache.org">issues-subscribe@cordova.apache.org<span></span></a></li>
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Digest subscription address<a href="mailto:issues-digest-subscribe@cordova.apache.org">issues-digest-subscribe@cordova.apache.org<span></span></a></li>
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Unsubscription addresses<a href="mailto:issues-unsubscribe@cordova.apache.org">issues-unsubscribe@cordova.apache.org<span></span></a></li>
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Getting help with the list<a href="mailto:issues-help@cordova.apache.org">issues-help@cordova.apache.org<span></span></a></li>
-                <li>
-                  <div class="email_link_button"><span class="glyphicon glyphicon-menu-right"></span></div>Browse online <a href="http://callback.markmail.org/search/?q=#query:%20list%3Aorg.apache.incubator.callback-issues+page:1+state:facets">Issues Mailing List Archive<span></span></a></li>
-              </ul>
+    </div>
+    <div class="row">
+        <div class="col-sm-12">
+            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
+                {% for category in site.data.mailing-lists %}
+                <div class="panel panel-default">
+                    <div class="panel-heading" role="tab" id="headingOne">
+                        <h4 class="panel-title">
+                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
+                                {{ category.title }}
+                            </a>
+                        </h4>
+                        <p>
+                            {{ category.description }}
+                        </p>
+                    </div>
+                    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
+                        <div class="panel-body">
+                            <ul class="list mailing-list">
+                                {% for list in category.links %}
+                                <li>
+                                    <div class="row">
+                                        <div class="col-sm-5">
+                                            <div class="list-label">
+                                                {{ list.label }}
+                                            </div>
+                                        </div>
+                                        <div class="col-sm-7">
+                                            <div class="email-link">
+                                                <a href="{{ list.href }}">{{ list.text }}<span></span></a>
+                                                <div class="email_link_button">
+                                                    <a href="{{ list.href }}"><span class="glyphicon glyphicon-menu-right"></span></a>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </li>
+                                {% endfor %}
+                            </ul>
+                        </div>
+                    </div>
+                </div>
+                {% endfor %}
             </div>
-          </div>
         </div>
-      </div>
-
     </div>
-  </div>
 </div>

http://git-wip-us.apache.org/repos/asf/cordova-docs/blob/285f4fff/www/static/css-src/_contact.scss
----------------------------------------------------------------------
diff --git a/www/static/css-src/_contact.scss b/www/static/css-src/_contact.scss
index 72d658b..acc0340 100644
--- a/www/static/css-src/_contact.scss
+++ b/www/static/css-src/_contact.scss
@@ -1,22 +1,39 @@
-.list a {
-    position: absolute;
-    right: 50px;
-    width: 313px;
-}
+.mailing-list {
+    li {
+        padding: 0px;
+    }
+
+    .email-link {
+        padding-top: 8px;
+        padding-bottom: 8px;
+        padding-left: 8px;
+        padding-right: 55px;
+
+        white-space:nowrap;
+
+        text-overflow:ellipsis;
+        overflow: hidden;
+        .email_link_button {
+            width: 100%;
+            max-width: 50px;
+            position:absolute;
+            top: 0;
+            right: 0;
+            margin-right: 15px;
+            display: inline-block;
+            background-color: $brand-primary;
+            vertical-align: middle;
+            text-align: center;
+            .glyphicon {
+                color: white;
+                font-size: 20px;
+                padding-top: 8px;
+                padding-bottom: 8px;
+            }
+        }
+    }
 
-.email_link_button {
-    width: 49px;
-    background-color: $brand-primary;
-    height: 100%;
-    position: absolute;
-    right: 0;
-    top: 0;
-    display: inline-block;
-    color: white;
-    vertical-align: middle;
-    text-align: center;
-    .glyphicon {
-        font-size: 20px;
-        padding-top: 7px;
+    .list-label {
+        padding: 8px;
     }
 }


---------------------------------------------------------------------
To unsubscribe, e-mail: commits-unsubscribe@cordova.apache.org
For additional commands, e-mail: commits-help@cordova.apache.org