You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@cordova.apache.org by st...@apache.org on 2014/01/15 02:12:57 UTC

git commit: working on showPackage.html

Updated Branches:
  refs/heads/plugindetails [created] 82b65c4ec


working on showPackage.html


Project: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/repo
Commit: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/commit/82b65c4e
Tree: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/tree/82b65c4e
Diff: http://git-wip-us.apache.org/repos/asf/cordova-registry-web/diff/82b65c4e

Branch: refs/heads/plugindetails
Commit: 82b65c4ec7d5dc0217b595e02a333a5fabe3d682
Parents: e4c4e75
Author: Steven Gill <st...@gmail.com>
Authored: Tue Jan 14 17:12:25 2014 -0800
Committer: Steven Gill <st...@gmail.com>
Committed: Tue Jan 14 17:12:25 2014 -0800

----------------------------------------------------------------------
 attachments/layout.css       |   7 ++++++-
 attachments/layout.less      |  10 ++++++++--
 attachments/showPackage.html |   2 ++
 attachments/showPackage.js   |  25 +++++++++++++++++++++++++
 attachments/site.js          |  24 ++++++++++++++++++------
 design/home.png              | Bin 0 -> 153317 bytes
 design/pluginsDetails.png    | Bin 0 -> 258471 bytes
 design/searchResults.png     | Bin 0 -> 202168 bytes
 8 files changed, 59 insertions(+), 9 deletions(-)
----------------------------------------------------------------------


http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/82b65c4e/attachments/layout.css
----------------------------------------------------------------------
diff --git a/attachments/layout.css b/attachments/layout.css
index 8b7b5e2..9efecea 100644
--- a/attachments/layout.css
+++ b/attachments/layout.css
@@ -39,6 +39,7 @@ a.dep-link {
 .spacer,
 .clear {
   clear: both;
+  margin-bottom: 10px;
 }
 .button {
   display: inline-block;
@@ -241,9 +242,13 @@ div.package {
   text-align: center;
 }
 div.package-title {
-  font-size: 45px;
+  font-size: 22px;
   float: left;
 }
+div.package-label {
+  font-size: 17px;
+  color: #999999;
+}
 div.pkg-link {
   float: left;
   padding-top: 20px;

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/82b65c4e/attachments/layout.less
----------------------------------------------------------------------
diff --git a/attachments/layout.less b/attachments/layout.less
index 1ccef0a..1ab58dd 100644
--- a/attachments/layout.less
+++ b/attachments/layout.less
@@ -66,7 +66,8 @@ a.dep-link {
 }
 
 .spacer, .clear { 
-    clear:both; 
+    clear:both;
+    margin-bottom:10px; 
 }
 
 .button {
@@ -307,9 +308,14 @@ div.package {
 }
 
 div.package-title {
-  font-size:45px;
+  font-size:22px;
   float:left;
 }
+div.package-label {
+  font-size:17px;
+  color:#999999
+}
+
 div.pkg-link {
   float:left;
   padding-top:20px;

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/82b65c4e/attachments/showPackage.html
----------------------------------------------------------------------
diff --git a/attachments/showPackage.html b/attachments/showPackage.html
new file mode 100644
index 0000000..e146108
--- /dev/null
+++ b/attachments/showPackage.html
@@ -0,0 +1,2 @@
+<div id='package'></div>
+<script type='text/javascript' src='showPackage.js'></script>

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/82b65c4e/attachments/showPackage.js
----------------------------------------------------------------------
diff --git a/attachments/showPackage.js b/attachments/showPackage.js
new file mode 100644
index 0000000..ac59e46
--- /dev/null
+++ b/attachments/showPackage.js
@@ -0,0 +1,25 @@
+function getPackage(){
+var id = window.location.href.split('/#/')[1]
+var url = '/api/'+id;
+var xhr = new XMLHttpRequest();
+var content = '';
+  xhr.open('GET', url, true);
+  xhr.onload = function(e) {
+    var res = JSON.parse(xhr.responseText);
+    if(res){
+        console.log(res);
+        content += '<div class="package-label">Plugin ID</div><div class="package-title">'+res._id+'</div><div class="spacer"></div>'
+        content += '<div class="package-label">Plugin Description</div><div class="package-description">'+res.description+'</div>'
+
+        console.log(content);
+        document.getElementById('package').innerHTML = content;
+
+    }
+  };
+  xhr.send();
+
+}
+
+$(document).ready(function() {
+  getPackage();
+});

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/82b65c4e/attachments/site.js
----------------------------------------------------------------------
diff --git a/attachments/site.js b/attachments/site.js
index 6e0a529..89e05b8 100644
--- a/attachments/site.js
+++ b/attachments/site.js
@@ -324,12 +324,23 @@ app.index = function () {
 app.showPackage = function () {
   var id = this.params.id;
   clearContent();
-  $('div#content').html('<div id="main-container"></div>')
-  request({url:'/api/'+id}, function (err, doc) {
+    request({url:'/showPackage.html?id='+id, dataType:'html'}, function (e, resp) {
+        $('div#content').html('<div id="main-container">'+resp+'</div>');
+    })
+    /*
     var package = $('div#main-container')
-    
+  
+    package.append('<div class="package-label">Plugin ID</div>')
     package.append('<div class="package-title">'+doc._id+'</div>')
-    // package.append('<div class="package-description">'+doc.description+'</div>')
+    package.append('<div class="spacer"></div>')
+    package.append('<div class="spacer"></div>')
+
+    package.append('<div class="package-label">Description</div>')
+    package.append('<div class="package-description">'+doc.description+'</div>')
+    package.append('<div class="spacer"></div>')
+
+    package.append('<hr>')  
+
     
     if (doc['dist-tags'] && doc['dist-tags'].latest) {
       if (doc.versions[doc['dist-tags'].latest].homepage) {
@@ -508,6 +519,8 @@ app.showPackage = function () {
         ).appendTo('div#version-info');
       }
 
+      package.append('<section id="readme">'+doc.readme +'</section>');
+
       
       //  +
       // '<div class="version-info-cell">' +
@@ -578,8 +591,7 @@ app.showPackage = function () {
       }
       deps += '</p></div>'
       package.append(deps)
-    })
-  })
+    })*/
 }
 
 app.browse = function () {

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/82b65c4e/design/home.png
----------------------------------------------------------------------
diff --git a/design/home.png b/design/home.png
new file mode 100644
index 0000000..26c5549
Binary files /dev/null and b/design/home.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/82b65c4e/design/pluginsDetails.png
----------------------------------------------------------------------
diff --git a/design/pluginsDetails.png b/design/pluginsDetails.png
new file mode 100644
index 0000000..0e6d57b
Binary files /dev/null and b/design/pluginsDetails.png differ

http://git-wip-us.apache.org/repos/asf/cordova-registry-web/blob/82b65c4e/design/searchResults.png
----------------------------------------------------------------------
diff --git a/design/searchResults.png b/design/searchResults.png
new file mode 100644
index 0000000..f258954
Binary files /dev/null and b/design/searchResults.png differ