<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>[2313] 2013/sayaksarkar/trunk: Completed UI development and implemented new Reader and Stats features.</title>
</head>
<body>
<style type="text/css"><!--
#msg dl.meta { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dl.meta dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer, #logmsg { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; }
#msg dl a { font-weight: bold}
#msg dl a:link { color:#fc3; }
#msg dl a:active { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fa0 solid; padding: 6px; }
#logmsg { background: #ffc; border: 1px #fa0 solid; padding: 1em 1em 0 1em; }
#logmsg p, #logmsg pre, #logmsg blockquote { margin: 0 0 1em 0; }
#logmsg p, #logmsg li, #logmsg dt, #logmsg dd { line-height: 14pt; }
#logmsg h1, #logmsg h2, #logmsg h3, #logmsg h4, #logmsg h5, #logmsg h6 { margin: .5em 0; }
#logmsg h1:first-child, #logmsg h2:first-child, #logmsg h3:first-child, #logmsg h4:first-child, #logmsg h5:first-child, #logmsg h6:first-child { margin-top: 0; }
#logmsg ul, #logmsg ol { padding: 0; list-style-position: inside; margin: 0 0 0 1em; }
#logmsg ul { text-indent: -1em; padding-left: 1em; }#logmsg ol { text-indent: -1.5em; padding-left: 1.5em; }
#logmsg > ul, #logmsg > ol { margin: 0 0 1em 0; }
#logmsg pre { background: #eee; padding: 1em; }
#logmsg blockquote { border: 1px solid #fa0; border-left-width: 10px; padding: 1em 1em 0 1em; background: white;}
#logmsg dl { margin: 0; }
#logmsg dt { font-weight: bold; }
#logmsg dd { margin: 0; padding: 0 0 0.5em 0; }
#logmsg dd:before { content:'\00bb';}
#logmsg table { border-spacing: 0px; border-collapse: collapse; border-top: 4px solid #fa0; border-bottom: 1px solid #fa0; background: #fff; }
#logmsg table th { text-align: left; font-weight: normal; padding: 0.2em 0.5em; border-top: 1px dotted #fa0; }
#logmsg table td { text-align: right; border-top: 1px dotted #fa0; padding: 0.2em 0.5em; }
#logmsg table thead th { text-align: center; border-bottom: 1px solid #fa0; }
#logmsg table th.Corner { text-align: left; }
#logmsg hr { border: none 0; border-top: 2px dashed #fa0; height: 1px; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<div id="msg">
<dl class="meta">
<dt>Revision</dt> <dd><a href="http://gsoc.trac.wordpress.org/changeset/2313">2313</a></dd>
<dt>Author</dt> <dd>sayaksarkar</dd>
<dt>Date</dt> <dd>2013-09-15 20:15:06 +0000 (Sun, 15 Sep 2013)</dd>
</dl>
<h3>Log Message</h3>
<pre>Completed UI development and implemented new Reader and Stats features.</pre>
<h3>Modified Paths</h3>
<ul>
<li><a href="#2013sayaksarkartrunkREADMEmd">2013/sayaksarkar/trunk/README.md</a></li>
<li><a href="#2013sayaksarkartrunkimagestoolbarbackpng">2013/sayaksarkar/trunk/images/toolbar/back.png</a></li>
<li><a href="#2013sayaksarkartrunkimagestoolbardrawerpng">2013/sayaksarkar/trunk/images/toolbar/drawer.png</a></li>
<li><a href="#2013sayaksarkartrunkimagestoolbarnewpng">2013/sayaksarkar/trunk/images/toolbar/new.png</a></li>
<li><a href="#2013sayaksarkartrunkimagestoolbarrefreshpng">2013/sayaksarkar/trunk/images/toolbar/refresh.png</a></li>
<li><a href="#2013sayaksarkartrunkimagestoolbarwppng">2013/sayaksarkar/trunk/images/toolbar/wp.png</a></li>
<li><a href="#2013sayaksarkartrunkindexhtml">2013/sayaksarkar/trunk/index.html</a></li>
<li><a href="#2013sayaksarkartrunkmanifestwebapp">2013/sayaksarkar/trunk/manifest.webapp</a></li>
<li><a href="#2013sayaksarkartrunksourceappcss">2013/sayaksarkar/trunk/source/app.css</a></li>
<li><a href="#2013sayaksarkartrunksourcepackagejs">2013/sayaksarkar/trunk/source/package.js</a></li>
<li><a href="#2013sayaksarkartrunksourcepostsjs">2013/sayaksarkar/trunk/source/posts.js</a></li>
</ul>
<h3>Added Paths</h3>
<ul>
<li><a href="#2013sayaksarkartrunkimagestoolbarpreviewpng">2013/sayaksarkar/trunk/images/toolbar/preview.png</a></li>
<li><a href="#2013sayaksarkartrunkimagestoolbarpublishpng">2013/sayaksarkar/trunk/images/toolbar/publish.png</a></li>
<li><a href="#2013sayaksarkartrunkimagestoolbarsavepng">2013/sayaksarkar/trunk/images/toolbar/save.png</a></li>
<li><a href="#2013sayaksarkartrunkimageswpcompng">2013/sayaksarkar/trunk/images/wpcom.png</a></li>
<li><a href="#2013sayaksarkartrunkimageswplogopng">2013/sayaksarkar/trunk/images/wplogo.png</a></li>
<li><a href="#2013sayaksarkartrunksourceaddexternaljs">2013/sayaksarkar/trunk/source/addexternal.js</a></li>
<li><a href="#2013sayaksarkartrunksourceaddinternaljs">2013/sayaksarkar/trunk/source/addinternal.js</a></li>
<li><a href="#2013sayaksarkartrunksourcecommentsjs">2013/sayaksarkar/trunk/source/comments.js</a></li>
<li><a href="#2013sayaksarkartrunksourceloginjs">2013/sayaksarkar/trunk/source/login.js</a></li>
<li><a href="#2013sayaksarkartrunksourcemenujs">2013/sayaksarkar/trunk/source/menu.js</a></li>
<li><a href="#2013sayaksarkartrunksourceoptionalsettingsjs">2013/sayaksarkar/trunk/source/optionalsettings.js</a></li>
<li><a href="#2013sayaksarkartrunksourcepagecomposejs">2013/sayaksarkar/trunk/source/pagecompose.js</a></li>
<li><a href="#2013sayaksarkartrunksourcepagesjs">2013/sayaksarkar/trunk/source/pages.js</a></li>
<li><a href="#2013sayaksarkartrunksourcepagesettingsjs">2013/sayaksarkar/trunk/source/pagesettings.js</a></li>
<li><a href="#2013sayaksarkartrunksourcepostcomposejs">2013/sayaksarkar/trunk/source/postcompose.js</a></li>
<li><a href="#2013sayaksarkartrunksourcepostsettingsjs">2013/sayaksarkar/trunk/source/postsettings.js</a></li>
<li><a href="#2013sayaksarkartrunksourcereaderjs">2013/sayaksarkar/trunk/source/reader.js</a></li>
<li><a href="#2013sayaksarkartrunksourcesignupjs">2013/sayaksarkar/trunk/source/signup.js</a></li>
<li><a href="#2013sayaksarkartrunksourcestatsjs">2013/sayaksarkar/trunk/source/stats.js</a></li>
</ul>
</div>
<div id="patch">
<h3>Diff</h3>
<a id="2013sayaksarkartrunkREADMEmd"></a>
<div class="modfile"><h4>Modified: 2013/sayaksarkar/trunk/README.md (2312 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/README.md 2013-09-15 00:40:06 UTC (rev 2312)
+++ 2013/sayaksarkar/trunk/README.md 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -1,4 +1,6 @@
</span><span class="cx"> WordPress for Firefox OS
</span><span class="cx"> ========================
</span><span class="cx">
</span><del>-WordPress Web App for the Firefox OS mobile platform.
</del><ins>+WordPress Web App for the Firefox OS mobile platform, based on the Enyo.js framework.
+
+Project Proposal: http://www.google-melange.com/gsoc/project/google/gsoc2013/sayak_sarkar/62001
</ins></span></pre></div>
<a id="2013sayaksarkartrunkimagestoolbarbackpng"></a>
<div class="binary"><h4>Modified: 2013/sayaksarkar/trunk/images/toolbar/back.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="2013sayaksarkartrunkimagestoolbardrawerpng"></a>
<div class="binary"><h4>Modified: 2013/sayaksarkar/trunk/images/toolbar/drawer.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="2013sayaksarkartrunkimagestoolbarnewpng"></a>
<div class="binary"><h4>Modified: 2013/sayaksarkar/trunk/images/toolbar/new.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="2013sayaksarkartrunkimagestoolbarpreviewpng"></a>
<div class="binary"><h4>Added: 2013/sayaksarkar/trunk/images/toolbar/preview.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Index: 2013/sayaksarkar/trunk/images/toolbar/preview.png
</span><span class="cx">===================================================================
</span><del>--- 2013/sayaksarkar/trunk/images/toolbar/preview.png 2013-09-15 00:40:06 UTC (rev 2312)
</del><ins>+++ 2013/sayaksarkar/trunk/images/toolbar/preview.png 2013-09-15 20:15:06 UTC (rev 2313)
</ins><span class="cx">Property changes on: 2013/sayaksarkar/trunk/images/toolbar/preview.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<ins>+image/png
</ins><span class="cx">\ No newline at end of property
</span><a id="2013sayaksarkartrunkimagestoolbarpublishpng"></a>
<div class="binary"><h4>Added: 2013/sayaksarkar/trunk/images/toolbar/publish.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Index: 2013/sayaksarkar/trunk/images/toolbar/publish.png
</span><span class="cx">===================================================================
</span><del>--- 2013/sayaksarkar/trunk/images/toolbar/publish.png 2013-09-15 00:40:06 UTC (rev 2312)
</del><ins>+++ 2013/sayaksarkar/trunk/images/toolbar/publish.png 2013-09-15 20:15:06 UTC (rev 2313)
</ins><span class="cx">Property changes on: 2013/sayaksarkar/trunk/images/toolbar/publish.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<ins>+image/png
</ins><span class="cx">\ No newline at end of property
</span><a id="2013sayaksarkartrunkimagestoolbarrefreshpng"></a>
<div class="binary"><h4>Modified: 2013/sayaksarkar/trunk/images/toolbar/refresh.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="2013sayaksarkartrunkimagestoolbarsavepng"></a>
<div class="binary"><h4>Added: 2013/sayaksarkar/trunk/images/toolbar/save.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Index: 2013/sayaksarkar/trunk/images/toolbar/save.png
</span><span class="cx">===================================================================
</span><del>--- 2013/sayaksarkar/trunk/images/toolbar/save.png 2013-09-15 00:40:06 UTC (rev 2312)
</del><ins>+++ 2013/sayaksarkar/trunk/images/toolbar/save.png 2013-09-15 20:15:06 UTC (rev 2313)
</ins><span class="cx">Property changes on: 2013/sayaksarkar/trunk/images/toolbar/save.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<ins>+image/png
</ins><span class="cx">\ No newline at end of property
</span><a id="2013sayaksarkartrunkimagestoolbarwppng"></a>
<div class="binary"><h4>Modified: 2013/sayaksarkar/trunk/images/toolbar/wp.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<a id="2013sayaksarkartrunkimageswpcompng"></a>
<div class="binary"><h4>Added: 2013/sayaksarkar/trunk/images/wpcom.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Index: 2013/sayaksarkar/trunk/images/wpcom.png
</span><span class="cx">===================================================================
</span><del>--- 2013/sayaksarkar/trunk/images/wpcom.png 2013-09-15 00:40:06 UTC (rev 2312)
</del><ins>+++ 2013/sayaksarkar/trunk/images/wpcom.png 2013-09-15 20:15:06 UTC (rev 2313)
</ins><span class="cx">Property changes on: 2013/sayaksarkar/trunk/images/wpcom.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<ins>+image/png
</ins><span class="cx">\ No newline at end of property
</span><a id="2013sayaksarkartrunkimageswplogopng"></a>
<div class="binary"><h4>Added: 2013/sayaksarkar/trunk/images/wplogo.png</h4>
<pre class="diff"><span>
<span class="cx">(Binary files differ)
</span></span></pre></div>
<span class="cx">Index: 2013/sayaksarkar/trunk/images/wplogo.png
</span><span class="cx">===================================================================
</span><del>--- 2013/sayaksarkar/trunk/images/wplogo.png 2013-09-15 00:40:06 UTC (rev 2312)
</del><ins>+++ 2013/sayaksarkar/trunk/images/wplogo.png 2013-09-15 20:15:06 UTC (rev 2313)
</ins><span class="cx">Property changes on: 2013/sayaksarkar/trunk/images/wplogo.png
</span><span class="cx">___________________________________________________________________
</span><a id="svnmimetype"></a>
<div class="addfile"><h4>Added: svn:mime-type</h4></div>
<ins>+image/png
</ins><span class="cx">\ No newline at end of property
</span><a id="2013sayaksarkartrunkindexhtml"></a>
<div class="modfile"><h4>Modified: 2013/sayaksarkar/trunk/index.html (2312 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/index.html 2013-09-15 00:40:06 UTC (rev 2312)
+++ 2013/sayaksarkar/trunk/index.html 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -17,7 +17,7 @@
</span><span class="cx"> </head>
</span><span class="cx"> <body class="enyo-unselectable">
</span><span class="cx"> <script>
</span><del>- new wp.Posts().renderInto(document.body);
</del><ins>+ new wp.Login().renderInto(document.body);
</ins><span class="cx"> </script>
</span><span class="cx"> </body>
</span><span class="cx"> </html>
</span></span></pre></div>
<a id="2013sayaksarkartrunkmanifestwebapp"></a>
<div class="modfile"><h4>Modified: 2013/sayaksarkar/trunk/manifest.webapp (2312 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/manifest.webapp 2013-09-15 00:40:06 UTC (rev 2312)
+++ 2013/sayaksarkar/trunk/manifest.webapp 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -4,17 +4,15 @@
</span><span class="cx"> "launch_path": "/index.html",
</span><span class="cx"> "description": "WordPress for Firefox OS.",
</span><span class="cx"> "icons": {
</span><del>- "30": "/images/icon30.png",
- "48": "/images/icon48.png",
- "60": "/images/icon60.png",
- "64": "/images/icon64.png",
</del><ins>+ "30": "/images/icon30.png",
+ "48": "/images/icon48.png",
+ "60": "/images/icon60.png",
+ "64": "/images/icon64.png",
</ins><span class="cx"> "128": "/images/icon128.png"
</span><span class="cx"> },
</span><span class="cx"> "developer": {
</span><span class="cx"> "name": "Sayak Sarkar",
</span><span class="cx"> "url": "http://sayak.in"
</span><span class="cx"> },
</span><del>- "default_locale": "en",
- "permissions": {
- }
</del><ins>+ "default_locale": "en"
</ins><span class="cx"> }
</span></span></pre></div>
<a id="2013sayaksarkartrunksourceaddexternaljs"></a>
<div class="addfile"><h4>Added: 2013/sayaksarkar/trunk/source/addexternal.js (0 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/addexternal.js (rev 0)
+++ 2013/sayaksarkar/trunk/source/addexternal.js 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -0,0 +1,40 @@
</span><ins>+enyo.kind({
+ name: "wp.AddExternal",
+ kind: "FittableRows",
+ fit: true,
+ classes: "enyo-fit",
+ components: [
+
+ //Header Toolbar Definition
+ {kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", classes: "toolbar", components: [
+ {kind: "onyx.Icon", src: "images/toolbar/wp.png", style: "margin-left:20px; height: 38px; width: 38px;"},
+ {content: "WordPress", fit: true}
+ ]},
+
+ {kind: "enyo.Image", classes: "banner", src: "images/wplogo.png"},
+
+ {content: "ACCOUNT DETAILS", style: "color: grey; margin-left: 20px; margin-top: -5px; margin-bottom: -10px; font-size: 12px; font-weight: bold;"},
+ {kind: "onyx.Groupbox", style: "margin-bottom: 10px;", components: [
+ {kind: "Input", name: "blogname", classes: "addExternalInputBox", placeholder: " Blog URL", type: "url", selectOnFocus: true},
+ {kind: "Input", name: "user_name", classes: "addExternalInputBox", placeholder: " Username", type: "text", selectOnFocus: true},
+ {kind: "Input", name: "pass1", classes: "addExternalInputBox", placeholder: " Password", type: "password", selectOnFocus: true}
+ ]},
+
+ {kind: "onyx.Button", style: "margin-left: 20px;", content: "Optional Settings", ontap: "optionalSettings"},
+ {tag: "br"},
+ {kind: "onyx.Button", style: "margin-top: 5px; margin-left: 210px;", content: "Sign In", ontap: "signIn"},
+
+ {content: "Don't yet have a blog?", style: "margin-top: 10px; text-align: center;"},
+ {kind: "onyx.Button", style: "margin-left: 68px; height: 55px; width: 180px;", allowHtml: true, content: "Get a free blog at <br/> WordPress.com", ontap: "signUp"}
+ ],
+ signUp: function () {
+ new wp.Signup().renderInto(document.body);
+ //window.open("https://en.wordpress.com/signup/?ref=wp-android");
+ },
+ signIn: function () {
+ new wp.Posts().renderInto(document.body);
+ },
+ optionalSettings: function() {
+ new wp.OptionalSettings().renderInto(document.body);
+ }
+})
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="2013sayaksarkartrunksourceaddinternaljs"></a>
<div class="addfile"><h4>Added: 2013/sayaksarkar/trunk/source/addinternal.js (0 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/addinternal.js (rev 0)
+++ 2013/sayaksarkar/trunk/source/addinternal.js 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -0,0 +1,34 @@
</span><ins>+enyo.kind({
+ name: "wp.AddInternal",
+ kind: "FittableRows",
+ fit: true,
+ classes: "enyo-fit",
+ components: [
+
+ //Header Toolbar Definition
+ {kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", classes: "toolbar", components: [
+ {kind: "onyx.Icon", src: "images/toolbar/wp.png", style: "margin-left:20px; height: 38px; width: 38px;"},
+ {content: "WordPress", fit: true}
+ ]},
+
+ {kind: "enyo.Image", classes: "banner", src: "images/wpcom.png"},
+
+ {content: "ACCOUNT DETAILS", style: "color: grey; margin-left: 20px; margin-bottom: 0px; margin-top: 10px; font-size: 12px; font-weight: bold;"},
+ {kind: "onyx.Groupbox", style: "margin-bottom: 10px;", components: [
+ {kind: "Input", name: "user_name", classes: "addExternalInputBox", placeholder: " Username", type: "text", selectOnFocus: true},
+ {kind: "Input", name: "pass1", classes: "addExternalInputBox", placeholder: " Password", type: "password", selectOnFocus: true}
+ ]},
+
+ {kind: "onyx.Button", style: "margin-top: 10px; margin-left: 210px;", content: "Sign In", ontap: "signIn"},
+
+ {content: "Don't yet have a blog?", style: "margin-top: 60px; text-align: center;"},
+ {kind: "onyx.Button", style: "margin-left: 68px; width: 180px;", allowHtml: true, content: "Get a free blog at <br/> WordPress.com", ontap: "signUp"}
+ ],
+ signUp: function () {
+ new wp.Signup().renderInto(document.body);
+ //window.open("https://en.wordpress.com/signup/?ref=wp-android");
+ },
+ signIn: function () {
+ new wp.Posts().renderInto(document.body);
+ }
+})
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="2013sayaksarkartrunksourceappcss"></a>
<div class="modfile"><h4>Modified: 2013/sayaksarkar/trunk/source/app.css (2312 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/app.css 2013-09-15 00:40:06 UTC (rev 2312)
+++ 2013/sayaksarkar/trunk/source/app.css 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -2,6 +2,12 @@
</span><span class="cx"> Put anything you reference with "url()" in ../assets/
</span><span class="cx"> This way, you can minify your application, and just remove the "source" folder for production
</span><span class="cx"> */
</span><ins>+
+hr {
+ border-bottom:1px solid gray;
+ margin-bottom: 2px;
+}
+
</ins><span class="cx"> .nice-padding {
</span><span class="cx"> padding: 15px;
</span><span class="cx"> }
</span><span class="lines">@@ -17,6 +23,16 @@
</span><span class="cx"> border-bottom:1px solid gray;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+/*Menu*/
+.menuItemContainer {
+ height:50px;
+ color:#fff;
+ background-color: #777;
+ font-size:1.2em;
+ padding:10px;
+ border-bottom:1px solid gray;
+}
+
</ins><span class="cx"> /*Compose*/
</span><span class="cx"> .toolbarButton {
</span><span class="cx"> height: 32px;
</span><span class="lines">@@ -25,10 +41,87 @@
</span><span class="cx"> text-align: center;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+/*Settings*/
+.settings-labels {
+ color: #777;
+ font-weight: bold;
+ background: #fff;
+ font-size: 18px;
+ padding: 5px;
+}
+
+.date-labels {
+ color: #0099CC;
+ background: #fff;
+ font-weight: bold;
+ font-size: .75em;
+ padding: 5px;
+}
+
</ins><span class="cx"> .buttonIcon {
</span><span class="cx"> margin-left: 7px;
</span><span class="cx"> }
</span><span class="cx">
</span><ins>+.toolbar {
+ background-color: #21759b;
+}
+
+.loginButtons {
+ padding: 25px;
+}
+
+.loginButton {
+ width: 270px;
+ margin-bottom: 5px;
+}
+
+.signupPage {
+ background-color: #06afd8;
+ color: #ffffff;
+}
+
+.signupInputBox {
+ width: 280px;
+ height: 40px;
+ margin-left: 20px;
+ margin-top: 20px;
+}
+
+.addExternalInputBox {
+ width: 280px;
+ height: 30px;
+ margin-left: 20px;
+ margin-top: 10px;
+}
+
+.banner{
+ padding-left: 20px;
+ margin-top: 12px;
+ margin-bottom: 12px;
+ width: 300px;
+}
+
+.frame {
+ height: 100%;
+ width: 100%;
+ border: 0;
+ background-color: white;
+}
+
+#signupButton {
+ background-color: #2b88d9;
+ width: 280px;
+ color: #ffffff;
+ margin: 20px;
+ height: 40px;
+}
+
+#centerPiece{
+ padding-left: 96px;
+ padding-top: 48px;
+ padding-bottom: 12px;
+}
+
</ins><span class="cx"> #strongButton {
</span><span class="cx"> font-weight: bold;
</span><span class="cx"> }
</span><span class="lines">@@ -47,21 +140,26 @@
</span><span class="cx"> }
</span><span class="cx">
</span><span class="cx"> #refresh {
</span><del>- margin-left: -1px;
- margin-top: -4.5px;
</del><ins>+ margin-left: 8px;
+ margin-top: -3px;
</ins><span class="cx"> }
</span><span class="cx">
</span><ins>+#saveDraft {
+ margin-right: -2px;
+ margin-top: -2px;
+}
+
</ins><span class="cx"> #newContent {
</span><del>- margin-left: -1px;
- margin-top: -5px;
</del><ins>+ margin-left: 6px;
+ margin-top: -1px;
</ins><span class="cx"> }
</span><span class="cx">
</span><ins>+#preview {
+ margin-left: 1px;
+ margin-top: -1px;
+}
+
</ins><span class="cx"> #drawer {
</span><span class="cx"> margin-left: 10.5px;
</span><span class="cx"> margin-top: -2px;
</span><del>-}
-
-#back {
- margin-left: -5px;
- margin-top: -5px;
</del><span class="cx"> }
</span><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="2013sayaksarkartrunksourcecommentsjs"></a>
<div class="addfile"><h4>Added: 2013/sayaksarkar/trunk/source/comments.js (0 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/comments.js (rev 0)
+++ 2013/sayaksarkar/trunk/source/comments.js 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -0,0 +1,136 @@
</span><ins>+enyo.kind({
+ name: "wp.Comments",
+ kind: "FittableRows",
+ fit: true, classes: "enyo-fit",
+ components:[
+
+ //Header Toolbar Definition
+ {kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", classes: "toolbar", components: [
+ {kind: "onyx.Button", ontap: "drawerTap", style: "background-color: #21759b; width: 20px; margin-top: 10px; margin-left: -20px; margin-right: 10px; padding-top: 7px; padding-right: 5px;", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "drawer", src: "images/toolbar/drawer.png"},
+ ]},
+ {kind: "onyx.Icon", src: "images/toolbar/wp.png", style: "margin-left:5px; height: 38px; width: 38px;"},
+ {content: "Comments", fit: true},
+ {kind: "onyx.Button", classes: "toolbarButton", style: "background-color: #21759b;", ontap: "refresh", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "refresh", src: "images/toolbar/refresh.png"}
+ ]}
+ ]},
+
+
+ {name: "menuContainer", kind: "FittableColumns", fit: true, components: [
+ {kind: "FittableColumns", components: [
+ {
+ name: "menuDrawer",
+ kind: "onyx.Drawer",
+ layoutKind: "FittableRowsLayout",
+ style: "height: 100%;",
+ orient: "h",
+ open: false,
+ components: [
+ {
+ name: "menuList",
+ kind: "List",
+ onSetupItem: "setupMenuItem",
+ style: "background-color: grey; width: 150px;",
+ touch: "true",
+ components: [
+ {
+ name: "menuItem",
+ classes: "menuItemContainer",
+ ontap: "menuItemTap",
+ components: [
+ {
+ name: "menuTitle",
+ content: "Set Title..."
+ }
+ ]
+ }
+ ]
+ },
+ ],
+ },
+ ]},
+ {name: "postContainer", style: "position: relative;", fit: true, components: [
+ //Comments List Definition
+ {
+ name: "commentList",
+ kind: "List",
+ fit: true,
+ count: 0,
+ onSetupItem: "setupCommentItem",
+ components: [
+ {
+ name: "commentItem",
+ classes: "listItemContainer",
+ ontap: "commentItemTap",
+ components: [
+ {
+ name: "commentTitle",
+ content: "Set Title..."
+ }
+ ]
+ }
+ ]
+ }
+ ]},
+ ]}
+ ],
+ commentDatasource: [
+ {name: "Comment 1", gist: "First sample comment."},
+ {name: "Second Comment", gist: "This is the second sample comment."},
+ {name: "Third One", gist: "This one's the third one!"},
+ {name: "4th Comment", gist: "Phew! This is the last comment."}
+ ],
+ menuDatasource: [
+ {name: "Reader"},
+ {name: "Posts"},
+ {name: "Pages",},
+ {name: "Comments"},
+ {name: "Stats"},
+ {name: "View Site"}
+ ],
+ create: function () {
+ this.inherited(arguments);
+ this.$.commentList.setCount(this.commentDatasource.length);
+ this.$.menuList.setCount(this.menuDatasource.length);
+ },
+ setupMenuItem: function (inSender, inEvent) {
+ this.childName = this.menuDatasource[inEvent.index].name;
+ this.$.menuTitle.setContent(this.childName);
+ },
+ menuItemTap: function (inSender, inEvent) {
+ if (this.menuDatasource[inEvent.index].name == "Posts") {
+ new wp.Posts().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Pages") {
+ new wp.Pages().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Comments") {
+ new wp.Comments().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Reader") {
+ window.open("http://wordpress.com/reader/mobile/v2/");
+ //new wp.Reader().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Stats") {
+ window.open("http://wordpress.com/my-stats/");
+ //new wp.Stats().renderInto(document.body);
+ }
+ else{
+ alert("Functionality on its way!");
+ };
+ },
+ setupCommentItem: function (inSender, inEvent) {
+ this.childName = this.commentDatasource[inEvent.index].name;
+ this.$.commentTitle.setContent(this.childName);
+ },
+ commentItemTap:function(inSender, inEvent) {
+ alert(this.commentDatasource[inEvent.index].gist);
+ },
+ drawerTap: function(inSender, inEvent) {
+ this.$.menuDrawer.setOpen(!this.$.menuDrawer.open);
+ },
+ stub: function(inSender, inEvent) {
+ this.$.main.addContent("<br/>");
+ }
+});
</ins></span></pre></div>
<a id="2013sayaksarkartrunksourceloginjs"></a>
<div class="addfile"><h4>Added: 2013/sayaksarkar/trunk/source/login.js (0 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/login.js (rev 0)
+++ 2013/sayaksarkar/trunk/source/login.js 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -0,0 +1,37 @@
</span><ins>+enyo.kind({
+ name: "wp.Login",
+ kind: "FittableRows",
+ fit: true,
+ classes: "enyo-fit",
+ components: [
+
+ //Header Toolbar Definition
+ {kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", classes: "toolbar", components: [
+ {kind: "onyx.Icon", src: "images/toolbar/wp.png", style: "margin-left:20px; height: 38px; width: 38px;"},
+ {content: "WordPress", fit: true}
+ ]},
+
+ {kind: "enyo.Image", id: "centerPiece", src: "images/icon128.png"},
+ {content: "Start blogging in seconds.", style: "text-align: center;"},
+ {
+ kind: "FittableRows",
+ fit: true,
+ classes: "loginButtons",
+ components: [
+ {kind: "onyx.Button", classes: "loginButton", content: "Start a new blog at WordPress.com", ontap: "signUp"},
+ {kind: "onyx.Button", classes: "loginButton", content: "Add blog hosted at WordPress.com", ontap: "addInternal"},
+ {kind: "onyx.Button", classes: "loginButton", content: "Add self-hosted WordPress blog", ontap: "addExternal"},
+ ]
+ }
+ ],
+ signUp: function () {
+ new wp.Signup().renderInto(document.body);
+ //window.open("https://en.wordpress.com/signup/?ref=wp-android");
+ },
+ addInternal: function () {
+ new wp.AddInternal().renderInto(document.body);
+ },
+ addExternal: function () {
+ new wp.AddExternal().renderInto(document.body);
+ }
+})
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="2013sayaksarkartrunksourcemenujs"></a>
<div class="addfile"><h4>Added: 2013/sayaksarkar/trunk/source/menu.js (0 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/menu.js (rev 0)
+++ 2013/sayaksarkar/trunk/source/menu.js 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -0,0 +1,22 @@
</span><ins>+enyo.kind({
+ name: "wp.Menu",
+ components: [
+ {kind: "FittableColumns", ontap: "activateColumnsDrawer", classes: "outer-box",
+ components: [
+ {content: "Activate Horizontal", classes: "inner-box inner-box-h"},
+ {name: "columnsDrawer", orient: "h", kind: "onyx.Drawer", fit: true, open: false,
+ components: [
+ {content: "Horizontal Drawer Horizontal Drawer",
+ classes: "inner-box inner-box-h"}
+ ]
+ }
+ ]
+ }
+ ],
+ create: function () {
+ this.inherited(arguments);
+ },
+ activateColumnsDrawer: function(inSender, inEvent) {
+ this.$.columnsDrawer.setOpen(!this.$.columnsDrawer.open);
+ }
+});
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="2013sayaksarkartrunksourceoptionalsettingsjs"></a>
<div class="addfile"><h4>Added: 2013/sayaksarkar/trunk/source/optionalsettings.js (0 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/optionalsettings.js (rev 0)
+++ 2013/sayaksarkar/trunk/source/optionalsettings.js 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -0,0 +1,31 @@
</span><ins>+enyo.kind({
+ name: "wp.OptionalSettings",
+ kind: "FittableRows",
+ fit: true,
+ classes: "enyo-fit",
+ components: [
+
+ //Header Toolbar Definition
+ {kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", classes: "toolbar", components: [
+ {kind: "onyx.Icon", src: "images/toolbar/wp.png", style: "margin-left:20px; height: 38px; width: 38px;"},
+ {content: "WordPress", fit: true}
+ ]},
+
+ {content: "OPTIONAL SETTINGS", style: "color: grey; margin-left: 20px; margin-top: 20px; margin-bottom: 0px; font-size: 12px; font-weight: bold;"},
+ {kind: "onyx.Groupbox", style: "margin-bottom: 10px;", components: [
+ {kind: "Input", name: "http_user_name", classes: "addExternalInputBox", placeholder: " HTTP username", type: "text", selectOnFocus: true},
+ {kind: "Input", name: "http_pass1", classes: "addExternalInputBox", placeholder: " HTTP password", type: "password", selectOnFocus: true}
+ ]},
+
+ {kind: "onyx.Button", style: "background-color: #ffffff; margin-left: 120px;", content: "Cancel", ontap: "cancelTap"},
+ {kind: "onyx.Button", style: "background-color: #ffffff; margin-left: 20px;", content: "Save", ontap: "saveTap"},
+ ],
+ cancelTap: function () {
+ alert('Changes discarded.');
+ new wp.AddExternal().renderInto(document.body);
+ },
+ saveTap: function () {
+ alert('HTTP settings saved.');
+ new wp.AddExternal().renderInto(document.body);
+ }
+})
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="2013sayaksarkartrunksourcepackagejs"></a>
<div class="modfile"><h4>Modified: 2013/sayaksarkar/trunk/source/package.js (2312 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/package.js 2013-09-15 00:40:06 UTC (rev 2312)
+++ 2013/sayaksarkar/trunk/source/package.js 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -3,6 +3,18 @@
</span><span class="cx"> "$lib/onyx", // To theme Onyx using Theme.less, change this line to $lib/onyx/source,
</span><span class="cx"> //"Theme.less", // uncomment this line, and follow the steps described in Theme.less
</span><span class="cx"> "app.css",
</span><del>- "compose.js",
- "posts.js"
</del><ins>+ "login.js",
+ "signup.js",
+ "addexternal.js",
+ "addinternal.js",
+ "optionalsettings.js",
+ "postcompose.js",
+ "posts.js",
+ "postsettings.js",
+ "pagecompose.js",
+ "pages.js",
+ "pagesettings.js",
+ "comments.js",
+ "reader.js",
+ "menu.js"
</ins><span class="cx"> );
</span></span></pre></div>
<a id="2013sayaksarkartrunksourcepagecomposejs"></a>
<div class="addfile"><h4>Added: 2013/sayaksarkar/trunk/source/pagecompose.js (0 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/pagecompose.js (rev 0)
+++ 2013/sayaksarkar/trunk/source/pagecompose.js 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -0,0 +1,126 @@
</span><ins>+enyo.kind({
+ name: "wp.PageCompose",
+ kind: "FittableRows",
+ fit: true,
+ classes: "enyo-fit",
+ components:[
+
+ //Header Toolbar Definition
+ {kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", classes: "toolbar", components: [
+ {kind: "onyx.Button", ontap: "backTap", style: "background-color: #21759b; width: 10px; margin-top: 10px; margin-left: -10px; margin-right: 4px; padding-top: 7px; padding-right: 0px;", components: [
+ {kind: "onyx.Icon", src: "images/toolbar/back.png", ontap: "backTap", style: "height: 38px;"},
+ ]},
+ {kind: "onyx.Icon", src: "images/toolbar/wp.png", style: "margin-left: 5px; margin-right: 4px; height: 38px; width: 38px;"},
+ {content: "New Page"},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "previewTap", style: "background-color: #21759b; margin-left: 2px;", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "preview", src: "images/toolbar/preview.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "saveDraftTap", style: "background-color: #21759b;", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "saveDraft", src: "images/toolbar/save.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "publishTap", style: "background-color: #21759b;", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "publish", src: "images/toolbar/publish.png"}
+ ]}
+ ]},
+
+ {name: "main", classes: "nice-padding", layoutKind:"FittableRowsLayout", fit: true, components: [
+
+ //Title Input box Definition
+ {
+ layoutKind:"FittableColumnsLayout", components: [
+ {kind: "onyx.InputDecorator", fit: true, components: [
+ {kind: "onyx.Input", name: "title", placeholder: "Title"}
+ ]}
+ ]
+ },
+
+ //Post Text Area Definition
+ {kind: "onyx.Groupbox", style: "margin-top: 15px; ", layoutKind:"FittableRowsLayout", fit: true, components: [
+/*
+ //WYSIWYG Toolbar Definition
+ {kind: "onyx.GroupboxHeader", components: [
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "boldTap", components: [
+ {kind: "onyx.Icon", id: "strongButton", content: "B"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "italicTap", components: [
+ {kind: "onyx.Icon", id: "emButton", content: "I"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "boldTap", components: [
+ {kind: "onyx.Icon", id: "strikethroughButton", content: "ABC"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "underlineTap", components: [
+ {kind: "onyx.Icon", id: "uButton", content: "U"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "ulTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "ulButton", src: "images/compose/icon_ul.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "olTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "olButton", src: "images/compose/icon_ol.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "blockquoteTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "blockquoteButton", src: "images/compose/icon_bquote.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "linkTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "linkButton", src: "images/compose/icon_link.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "moreTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "moreButton", src: "images/compose/icon_more.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "leftTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "leftButton", src: "images/compose/icon_left.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "centerTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "centerButton", src: "images/compose/icon_center.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "rightTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "rightButton", src: "images/compose/icon_right.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "imageTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "imageButton", src: "images/compose/icon_camera.png"}
+ ]},
+ ]},
+ */
+ //Main Scroller Definition
+ {kind: "enyo.Scroller", fit: true, horizontal: "hidden", layoutKind:"FittableRowsLayout", touch: true, thumb: true, components: [
+
+ //Text Input Area Definition
+ {kind: "onyx.InputDecorator", layoutKind:"FittableRowsLayout", fit: true, style: "width: 100%; height: 100%;", components: [
+ {kind: "onyx.RichText", name: "contentField", fit: true, style: "width: 100%;"}
+ ]}
+ ]},
+
+ //Settings Toolbar Definition
+ {kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", classes: "toolbar", components: [
+ {kind: "onyx.Button", content: "Setings", fit: true, style: "background-color: #21759b; margin-bottom:0;", ontap: "settingsTap"}
+ ]}
+ ]}
+ ]}
+ ],
+ publishTap: function (inSender, inEvent) {
+ this.payLoad = {};
+ this.payLoad.title = this.$.title.getValue();
+ this.payLoad.contentField = this.$.contentField.getValue();
+ console.log(this.payLoad);
+ return this.payLoad;
+ },
+ previewTap: function (inSender, inEvent) {
+ this.payLoad = {};
+ this.payLoad.title = this.$.title.getValue();
+ this.payLoad.contentField = this.$.contentField.getValue();
+ console.log(this.payLoad);
+ return this.payLoad;
+ },
+ saveDraftTap: function (inSender, inEvent) {
+ this.payLoad = {};
+ this.payLoad.title = this.$.title.getValue();
+ this.payLoad.contentField = this.$.contentField.getValue();
+ console.log(this.payLoad);
+ return this.payLoad;
+ },
+ backTap: function(inSender, inEvent) {
+ new wp.Pages().renderInto(document.body);
+ },
+ settingsTap: function(inSender, inEvent) {
+ new wp.PageSettings().renderInto(document.body);
+ }
+});
</ins></span></pre></div>
<a id="2013sayaksarkartrunksourcepagesjs"></a>
<div class="addfile"><h4>Added: 2013/sayaksarkar/trunk/source/pages.js (0 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/pages.js (rev 0)
+++ 2013/sayaksarkar/trunk/source/pages.js 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -0,0 +1,142 @@
</span><ins>+enyo.kind({
+ name: "wp.Pages",
+ kind: "FittableRows",
+ fit: true, classes: "enyo-fit",
+ components:[
+
+ //Header Toolbar Definition
+ {kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", classes: "toolbar", components: [
+ {kind: "onyx.Button", ontap: "drawerTap", style: "background-color: #21759b; width: 20px; margin-top: 10px; margin-left: -20px; margin-right: 10px; padding-top: 7px; padding-right: 5px;", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "drawer", src: "images/toolbar/drawer.png"},
+ ]},
+ {kind: "onyx.Icon", src: "images/toolbar/wp.png", style: "margin-left:5px; height: 38px; width: 38px;"},
+ {content: "Pages", fit: true},
+ {kind: "onyx.Button", classes: "toolbarButton", style: "background-color: #21759b;", ontap: "refresh", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "refresh", src: "images/toolbar/refresh.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", style: "background-color: #21759b;", ontap: "newPageTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "newContent", src: "images/toolbar/new.png"}
+ ]}
+ ]},
+
+
+ {name: "menuContainer", kind: "FittableColumns", fit: true, components: [
+ {kind: "FittableColumns", components: [
+ {
+ name: "menuDrawer",
+ kind: "onyx.Drawer",
+ layoutKind: "FittableRowsLayout",
+ style: "height: 100%;",
+ orient: "h",
+ open: false,
+ components: [
+ {
+ name: "menuList",
+ kind: "List",
+ onSetupItem: "setupMenuItem",
+ style: "width: 150px;",
+ touch: "true",
+ components: [
+ {
+ name: "menuItem",
+ classes: "menuItemContainer",
+ ontap: "menuItemTap",
+ components: [
+ {
+ name: "menuTitle",
+ content: "Set Title..."
+ }
+ ]
+ }
+ ]
+ },
+ ],
+ },
+ ]},
+ {name: "postContainer", style: "position: relative;", fit: true, components: [
+ //Pages List Definition
+ {
+ name: "pageList",
+ kind: "List",
+ fit: true,
+ count: 0,
+ onSetupItem: "setupPageItem",
+ components: [
+ {
+ name: "pageItem",
+ classes: "listItemContainer",
+ ontap: "pageItemTap",
+ components: [
+ {
+ name: "pageTitle",
+ content: "Set Title..."
+ }
+ ]
+ }
+ ]
+ }
+ ]},
+ ]}
+ ],
+ pageDatasource: [
+ {name: "Sayak Sarkar - cv", gist: "Here’s my CV!"},
+ {name: "GSoC 2012", gist: "bn-Disha.mim"},
+ {name: "GSoC 2013", gist: "Porting WordPress for WebOS to Firefox OS"},
+ {name: "About Me", gist: "http://sayak.in"}
+ ],
+ menuDatasource: [
+ {name: "Reader"},
+ {name: "Posts"},
+ {name: "Pages",},
+ {name: "Comments"},
+ {name: "Stats"},
+ {name: "View Site"}
+ ],
+ create: function () {
+ this.inherited(arguments);
+ this.$.pageList.setCount(this.pageDatasource.length);
+ this.$.menuList.setCount(this.menuDatasource.length);
+ },
+ setupMenuItem: function (inSender, inEvent) {
+ this.childName = this.menuDatasource[inEvent.index].name;
+ this.$.menuTitle.setContent(this.childName);
+ },
+ menuItemTap: function (inSender, inEvent) {
+ if (this.menuDatasource[inEvent.index].name == "Posts") {
+ new wp.Posts().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Pages") {
+ new wp.Pages().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Comments") {
+ new wp.Comments().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Reader") {
+ window.open("http://wordpress.com/reader/mobile/v2/");
+ //new wp.Reader().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Stats") {
+ window.open("http://wordpress.com/my-stats/");
+ //new wp.Stats().renderInto(document.body);
+ }
+ else{
+ alert("Functionality on its way!");
+ };
+ },
+ setupPageItem: function (inSender, inEvent) {
+ this.childName = this.pageDatasource[inEvent.index].name;
+ this.$.pageTitle.setContent(this.childName);
+ },
+ pageItemTap:function(inSender, inEvent) {
+ alert(this.pageDatasource[inEvent.index].gist);
+ },
+ newPageTap: function(inSender, inEvent) {
+ new wp.PageCompose().renderInto(document.body);
+ },
+ drawerTap: function(inSender, inEvent) {
+ this.$.menuDrawer.setOpen(!this.$.menuDrawer.open);
+ },
+ stub: function(inSender, inEvent) {
+ this.$.main.addContent("<br/>");
+ }
+});
</ins></span></pre></div>
<a id="2013sayaksarkartrunksourcepagesettingsjs"></a>
<div class="addfile"><h4>Added: 2013/sayaksarkar/trunk/source/pagesettings.js (0 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/pagesettings.js (rev 0)
+++ 2013/sayaksarkar/trunk/source/pagesettings.js 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -0,0 +1,87 @@
</span><ins>+enyo.kind({
+ name: "wp.PageSettings",
+ kind: "FittableRows",
+ fit: true, classes: "enyo-fit",
+ components:[
+ //Header Toolbar Definition
+ {kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", classes: "toolbar", components: [
+ {kind: "onyx.Icon", src: "images/toolbar/wp.png", style: "margin-left:20px; height: 38px; width: 38px;"},
+ {content: "Page Settings", fit: true}
+ ]},
+ {name: "main", kind: "Scroller", classes: "nice-padding", fit: true, components: [
+ {name: "Status", layoutKind: "FittableColumnsLayout", components: [
+ {classes: "settings-labels", content: "Publish", style:"padding-top: 10px; padding-right: 60px;", name: "publish-status"},
+ {
+ //Status Menu
+ name:"pickerMemberType",
+ kind: "onyx.PickerDecorator",
+ fit: true,
+ components: [
+ {
+ kind: "onyx.PickerButton",
+ content: "Status",
+ style: "width: 100%;"
+ },
+ {
+ kind: "onyx.Picker",
+ components: [
+ {content: "Publish"},
+ {content: "Draft"},
+ {content: "Review Required"},
+ {content: "Private"}
+ ]
+ }
+ ]
+ }
+ ]},
+ {tag: "hr", style: "margin-top: 20px;"},
+
+ //Password Input Box Definition
+ {
+ layoutKind: "FittableRowsLayout", style: "margin-top: 10px;", components: [
+ {classes: "settings-labels", content: "Password", name: "password-input"},
+ {
+ layoutKind: "FittableColumnsLayout", components: [
+ {kind: "onyx.InputDecorator", fit: true, components: [
+ {kind: "onyx.Input", name: "password", placeholder: "Password", style: "width: 100%"}
+ ]}
+ ]
+ }
+ ]
+ },
+ {tag: "hr", style: "margin-top: 20px;"},
+
+ //Publish Date Selector Definition
+ {
+ kind: "FittableRows", classes: "onyx", style: "margin-top: 10px;", components: [
+ {content:"Publish Date & Time", classes:"settings-labels"},
+ {style:"background: #fff; padding-left: 20px;", fit:true, components: [
+ {name:"datePicker", kind:"onyx.DatePicker"}
+ ]},
+ {style:"background: #fff; padding-left: 35px;", fit:true, components: [
+ {name:"timePicker", kind:"onyx.TimePicker"}
+ ]}
+ ]
+ },
+
+ {kind: "onyx.Toolbar", classes: "toolbar", layoutKind: "FittableColumnsLayout", style: "margin-top: 20px; text-align:center;", components: [
+ {kind: "onyx.Button", content: "Save", style: "background-color: #21759b; margin-bottom:0;", ontap: "saveTap"},
+ {kind: "onyx.Button", content: "Cancel", style: "background-color: #21759b; margin-bottom:0;", ontap: "cancelTap"}
+ ]}
+
+
+ ]}
+ ],
+ create: function () {
+ this.inherited(arguments);
+ },
+ saveTap: function (inSender, inEvent) {
+ alert("Preferences Saved!");
+ new wp.PageCompose().renderInto(document.body);
+ },
+ cancelTap: function (inSender, inEvent) {
+ alert("Changes Discarded!");
+ new wp.PageCompose().renderInto(document.body);
+ }
+
+});
</ins></span></pre></div>
<a id="2013sayaksarkartrunksourcepostcomposejs"></a>
<div class="addfile"><h4>Added: 2013/sayaksarkar/trunk/source/postcompose.js (0 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/postcompose.js (rev 0)
+++ 2013/sayaksarkar/trunk/source/postcompose.js 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -0,0 +1,126 @@
</span><ins>+enyo.kind({
+ name: "wp.PostCompose",
+ kind: "FittableRows",
+ fit: true,
+ classes: "enyo-fit",
+ components:[
+
+ //Header Toolbar Definition
+ {kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", classes: "toolbar", components: [
+ {kind: "onyx.Button", ontap: "backTap", style: "background-color: #21759b; width: 10px; margin-top: 10px; margin-left: -10px; margin-right: 4px; padding-top: 7px; padding-right: 0px;", components: [
+ {kind: "onyx.Icon", src: "images/toolbar/back.png", ontap: "backTap", style: "height: 38px;"},
+ ]},
+ {kind: "onyx.Icon", src: "images/toolbar/wp.png", style: "margin-left:5px; height: 38px; width: 38px;"},
+ {content: "New Post"},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "previewTap", style: "background-color: #21759b;", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "preview", src: "images/toolbar/preview.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "saveDraftTap", style: "background-color: #21759b;", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "saveDraft", src: "images/toolbar/save.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "publishTap", style: "background-color: #21759b;", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "publish", src: "images/toolbar/publish.png"}
+ ]}
+ ]},
+
+ {name: "main", classes: "nice-padding", layoutKind:"FittableRowsLayout", fit: true, components: [
+
+ //Title Input box Definition
+ {
+ layoutKind:"FittableColumnsLayout", components: [
+ {kind: "onyx.InputDecorator", fit: true, components: [
+ {kind: "onyx.Input", name: "title", placeholder: "Title"}
+ ]}
+ ]
+ },
+
+ //Post Text Area Definition
+ {kind: "onyx.Groupbox", style: "margin-top: 15px; ", layoutKind:"FittableRowsLayout", fit: true, components: [
+/*
+ //WYSIWYG Toolbar Definition
+ {kind: "onyx.GroupboxHeader", components: [
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "boldTap", components: [
+ {kind: "onyx.Icon", id: "strongButton", content: "B"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "italicTap", components: [
+ {kind: "onyx.Icon", id: "emButton", content: "I"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "boldTap", components: [
+ {kind: "onyx.Icon", id: "strikethroughButton", content: "ABC"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "underlineTap", components: [
+ {kind: "onyx.Icon", id: "uButton", content: "U"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "ulTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "ulButton", src: "images/compose/icon_ul.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "olTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "olButton", src: "images/compose/icon_ol.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "blockquoteTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "blockquoteButton", src: "images/compose/icon_bquote.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "linkTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "linkButton", src: "images/compose/icon_link.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "moreTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "moreButton", src: "images/compose/icon_more.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "leftTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "leftButton", src: "images/compose/icon_left.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "centerTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "centerButton", src: "images/compose/icon_center.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "rightTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "rightButton", src: "images/compose/icon_right.png"}
+ ]},
+ {kind: "onyx.Button", classes: "toolbarButton", ontap: "imageTap", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "imageButton", src: "images/compose/icon_camera.png"}
+ ]},
+ ]},
+ */
+ //Main Scroller Definition
+ {kind: "enyo.Scroller", fit: true, horizontal: "hidden", layoutKind:"FittableRowsLayout", touch: true, thumb: true, components: [
+
+ //Text Input Area Definition
+ {kind: "onyx.InputDecorator", layoutKind:"FittableRowsLayout", fit: true, style: "width: 100%; height: 100%;", components: [
+ {kind: "onyx.RichText", name: "contentField", fit: true, style: "width: 100%;"}
+ ]}
+ ]},
+
+ //Settings Toolbar Definition
+ {kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", classes: "toolbar", components: [
+ {kind: "onyx.Button", content: "Setings", fit: true, style: "background-color: #21759b; margin-bottom:0;", ontap: "settingsTap"}
+ ]}
+ ]}
+ ]}
+ ],
+ publishTap: function (inSender, inEvent) {
+ this.payLoad = {};
+ this.payLoad.title = this.$.title.getValue();
+ this.payLoad.contentField = this.$.contentField.getValue();
+ console.log(this.payLoad);
+ return this.payLoad;
+ },
+ previewTap: function (inSender, inEvent) {
+ this.payLoad = {};
+ this.payLoad.title = this.$.title.getValue();
+ this.payLoad.contentField = this.$.contentField.getValue();
+ console.log(this.payLoad);
+ return this.payLoad;
+ },
+ saveDraftTap: function (inSender, inEvent) {
+ this.payLoad = {};
+ this.payLoad.title = this.$.title.getValue();
+ this.payLoad.contentField = this.$.contentField.getValue();
+ console.log(this.payLoad);
+ return this.payLoad;
+ },
+ backTap: function(inSender, inEvent) {
+ new wp.Posts().renderInto(document.body);
+ },
+ settingsTap: function(inSender, inEvent) {
+ new wp.PostSettings().renderInto(document.body);
+ }
+});
</ins></span></pre></div>
<a id="2013sayaksarkartrunksourcepostsjs"></a>
<div class="modfile"><h4>Modified: 2013/sayaksarkar/trunk/source/posts.js (2312 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/posts.js 2013-09-15 00:40:06 UTC (rev 2312)
+++ 2013/sayaksarkar/trunk/source/posts.js 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -5,42 +5,79 @@
</span><span class="cx"> components:[
</span><span class="cx">
</span><span class="cx"> //Header Toolbar Definition
</span><del>- {kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", components: [
- {kind: "onyx.Button", classes: "toolbarButton", ontap: "drawerTap", components: [
</del><ins>+ {kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", classes: "toolbar", components: [
+ {kind: "onyx.Button", ontap: "drawerTap", style: "background-color: #21759b; width: 20px; margin-top: 10px; margin-left: -20px; margin-right: 10px; padding-top: 7px; padding-right: 5px;", components: [
</ins><span class="cx"> {kind: "onyx.Icon", classes: "buttonIcon", id: "drawer", src: "images/toolbar/drawer.png"},
</span><span class="cx"> ]},
</span><ins>+ {kind: "onyx.Icon", src: "images/toolbar/wp.png", style: "margin-left:5px; height: 38px; width: 38px;"},
</ins><span class="cx"> {content: "Posts", fit: true},
</span><del>- {kind: "onyx.Button", classes: "toolbarButton", ontap: "refresh", components: [
</del><ins>+ {kind: "onyx.Button", classes: "toolbarButton", style: "background-color: #21759b;", ontap: "refresh", components: [
</ins><span class="cx"> {kind: "onyx.Icon", classes: "buttonIcon", id: "refresh", src: "images/toolbar/refresh.png"}
</span><span class="cx"> ]},
</span><del>- {kind: "onyx.Button", classes: "toolbarButton", ontap: "newPostTap", components: [
</del><ins>+ {kind: "onyx.Button", classes: "toolbarButton", style: "background-color: #21759b;", ontap: "newPostTap", components: [
</ins><span class="cx"> {kind: "onyx.Icon", classes: "buttonIcon", id: "newContent", src: "images/toolbar/new.png"}
</span><span class="cx"> ]}
</span><span class="cx"> ]},
</span><span class="cx">
</span><del>- //Posts List Definition
- {
- name: "postList",
- kind: "List",
- fit: true,
- count: 0,
- onSetupItem: "setupItem",
- components: [
</del><ins>+ {name: "menuContainer", kind: "FittableColumns", fit: true, components: [
+ {kind: "FittableColumns", components: [
</ins><span class="cx"> {
</span><del>- name: "listItem",
- classes: "listItemContainer",
- ontap: "listItemTap",
</del><ins>+ name: "menuDrawer",
+ kind: "onyx.Drawer",
+ layoutKind: "FittableRowsLayout",
+ style: "height: 100%;",
+ orient: "h",
+ open: false,
</ins><span class="cx"> components: [
</span><span class="cx"> {
</span><del>- name: "postTitle",
- content: "Set Title..."
</del><ins>+ name: "menuList",
+ kind: "List",
+ onSetupItem: "setupMenuItem",
+ style: "background-color: grey; width: 150px;",
+ touch: "true",
+ components: [
+ {
+ name: "menuItem",
+ classes: "menuItemContainer",
+ ontap: "menuItemTap",
+ components: [
+ {
+ name: "menuTitle",
+ content: "Set Title..."
+ }
+ ]
+ }
+ ]
+ },
+ ],
+ },
+ ]},
+ {name: "postContainer", style: "position: relative;", fit: true, components: [
+ //Posts List Definition
+ {
+ name: "postList",
+ kind: "List",
+ fit: true,
+ count: 0,
+ onSetupItem: "setupPostItem",
+ components: [
+ {
+ name: "listItem",
+ classes: "listItemContainer",
+ ontap: "listItemTap",
+ components: [
+ {
+ name: "postTitle",
+ content: "Set Title..."
+ }
+ ]
</ins><span class="cx"> }
</span><span class="cx"> ]
</span><span class="cx"> }
</span><del>- ]
- }
</del><ins>+ ]},
+ ]}
</ins><span class="cx"> ],
</span><del>- datasource: [
</del><ins>+ postDatasource: [
</ins><span class="cx"> {name: "Installing Sublime Text 2 on Fedora 19 – Schrodinger’s Cat", gist: "Here’s another three step guide to installing Sublime Text 2 on Fedora 19 – Schrodinger’s Cat:- Download the installation script from the following gist. https://gist.github.com/sayak-sarkar/5810101 Extract it to your home directory [or anywhere you like]. $tar -xvf gist5810101-3b0e9bb3ef5128760df9e3e06877fa4f7e5689ec.tar.gz Open your terminal (preferably as super user), navigate to your home directory and execute the shell script."},
</span><span class="cx"> {name: "Installing VLC player on Fedora 19 – Schrodinger’s Cat", gist: "Here’s a simple three step guide to installing VLC media player on Fedora 19 [Schrodinger's Cat]:- Login as Super User: $su Setup rpmfusion: #rpm -ivh http://download1.rpmfusion.org/free/fedora/rpmfusion-free-release-stable.noarch.rpm Install vlc using the default yum package manager: #yum install vlc mozilla-vlc Voila! You now have VLC media player installed on you computer! Filed under: Fedora, How-to Guides, Technology,"},
</span><span class="cx"> {name: "Porting WordPress for WebOS to Firefox OS", gist: "Introduction to WordPress for WebOS WordPress for WebOS was a web app which used the WebOS platform’s innovative “Cards” feature, which allowed users to quickly switch between managing, editing, and browsing content. WordPress for WebOS was built around Sliding Panels that enables users to easily switch between creating, editing and managing content. The app allowed "},
</span><span class="lines">@@ -52,20 +89,58 @@
</span><span class="cx"> {name: "LAMP Setup for Fedora 18", gist: "Easy steps to setup Fedora 18 as a LAMP server containing Apache, PHP, Perl, Python, Ruby and MySQL. P.S.: This requires root access to the shell. Step 1: Open terminal as root user and enter the following: #yum install -y httpd php php-mysql php-gd php-imap php-ldap php-odbc php-pear php-xml php-xmlrpc php-magickwand php-mbstring php-mcrypt php-mssql php-shout"},
</span><span class="cx"> {name: "Adobe Flex Builder 3 Download", gist: "Reblogged from Chris Tierney: I had to track down a download location for Adobe's Flex 3 install today. It was a little hard to find so I thought I'd share this link for a Windows install: http://download.macromedia.com/pub/flex/flex_builder/FB3_win.exe Why it's at a macromedia.com address I have no clue, but hope this helps someone out. This defaults"}
</span><span class="cx"> ],
</span><ins>+ menuDatasource: [
+ {name: "Reader"},
+ {name: "Posts"},
+ {name: "Pages",},
+ {name: "Comments"},
+ {name: "Stats"},
+ {name: "View Site"},
+ ],
</ins><span class="cx"> create: function () {
</span><span class="cx"> this.inherited(arguments);
</span><del>- this.$.postList.setCount(this.datasource.length);
</del><ins>+ this.$.postList.setCount(this.postDatasource.length);
+ this.$.menuList.setCount(this.menuDatasource.length);
</ins><span class="cx"> },
</span><del>- setupItem: function (inSender, inEvent) {
- this.childName = this.datasource[inEvent.index].name;
</del><ins>+ setupMenuItem: function (inSender, inEvent) {
+ this.childName = this.menuDatasource[inEvent.index].name;
+ this.$.menuTitle.setContent(this.childName);
+ },
+ menuItemTap: function (inSender, inEvent) {
+ if (this.menuDatasource[inEvent.index].name == "Posts") {
+ new wp.Posts().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Pages") {
+ new wp.Pages().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Comments") {
+ new wp.Comments().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Reader") {
+ window.open("http://wordpress.com/reader/mobile/v2/");
+ //new wp.Reader().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Stats") {
+ window.open("http://wordpress.com/my-stats/");
+ //new wp.Stats().renderInto(document.body);
+ }
+ else{
+ alert("Functionality on its way!");
+ };
+ },
+ setupPostItem: function (inSender, inEvent) {
+ this.childName = this.postDatasource[inEvent.index].name;
</ins><span class="cx"> this.$.postTitle.setContent(this.childName);
</span><span class="cx"> },
</span><span class="cx"> listItemTap:function(inSender, inEvent) {
</span><del>- alert(this.datasource[inEvent.index].gist);
</del><ins>+ alert(this.postDatasource[inEvent.index].gist);
</ins><span class="cx"> },
</span><span class="cx"> newPostTap: function(inSender, inEvent) {
</span><del>- new wp.Compose().renderInto(document.body);
</del><ins>+ new wp.PostCompose().renderInto(document.body);
</ins><span class="cx"> },
</span><ins>+ drawerTap: function (inSender, inEvent) {
+ this.$.menuDrawer.setOpen(!this.$.menuDrawer.open);
+ },
</ins><span class="cx"> stub: function(inSender, inEvent) {
</span><span class="cx"> this.$.main.addContent("<br/>");
</span><span class="cx"> }
</span></span></pre></div>
<a id="2013sayaksarkartrunksourcepostsettingsjs"></a>
<div class="addfile"><h4>Added: 2013/sayaksarkar/trunk/source/postsettings.js (0 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/postsettings.js (rev 0)
+++ 2013/sayaksarkar/trunk/source/postsettings.js 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -0,0 +1,118 @@
</span><ins>+enyo.kind({
+ name: "wp.PostSettings",
+ kind: "FittableRows",
+ fit: true, classes: "enyo-fit",
+ components:[
+ //Header Toolbar Definition
+ {kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", classes: "toolbar", components: [
+ {kind: "onyx.Icon", src: "images/toolbar/wp.png", style: "margin-left:20px; height: 38px; width: 38px;"},
+ {content: "Post Settings", fit: true}
+ ]},
+ {name: "main", kind: "Scroller", classes: "nice-padding", fit: true, components: [
+ {name: "Status", layoutKind: "FittableColumnsLayout", components: [
+ {classes: "settings-labels", content: "Publish", style:"padding-top: 10px; padding-right: 60px;", name: "publish-status"},
+ {
+ //Status Menu
+ name:"pickerMemberType",
+ kind: "onyx.PickerDecorator",
+ fit: true,
+ components: [
+ {
+ kind: "onyx.PickerButton",
+ content: "Status",
+ style: "width: 100%;"
+ },
+ {
+ kind: "onyx.Picker",
+ components: [
+ {content: "Publish"},
+ {content: "Draft"},
+ {content: "Review Required"},
+ {content: "Private"}
+ ]
+ }
+ ]
+ }
+ ]},
+ {tag: "hr"},
+
+ //Categories Input box Definition
+ {
+ layoutKind: "FittableRowsLayout", components: [
+ {classes: "settings-labels", content: "Categories", name: "categories-list"},
+ {
+ layoutKind: "FittableColumnsLayout", components: [
+ {kind: "onyx.InputDecorator", fit: true, components: [
+ {kind: "onyx.Input", name: "Categories", placeholder: "Categories (Comma Separated)", style: "width: 100%"}
+ ]}
+ ]
+ }
+ ]
+ },
+ {tag: "hr"},
+
+ //Tags Input box Definition
+ {
+ layoutKind: "FittableRowsLayout", components: [
+ {classes: "settings-labels", content: "Tags", name: "tags-list"},
+ {
+ layoutKind: "FittableColumnsLayout", components: [
+ {kind: "onyx.InputDecorator", fit: true, components: [
+ {kind: "onyx.Input", name: "tags", placeholder: "Tags (Comma Separated)", style: "width: 100%"}
+ ]}
+ ]
+ }
+ ]
+ },
+ {tag: "hr"},
+
+ //Password Input Box Definition
+ {
+ layoutKind: "FittableRowsLayout", components: [
+ {classes: "settings-labels", content: "Password", name: "password-input"},
+ {
+ layoutKind: "FittableColumnsLayout", components: [
+ {kind: "onyx.InputDecorator", fit: true, components: [
+ {kind: "onyx.Input", name: "password", placeholder: "Password", style: "width: 100%"}
+ ]}
+ ]
+ }
+ ]
+ },
+ {tag: "hr"},
+
+ //Publish Date Selector Definition
+ {
+ kind: "FittableRows", classes: "onyx", components: [
+ {content:"Publish Date & Time", classes:"settings-labels"},
+ {style:"background: #fff; padding-left: 20px;", fit:true, components: [
+ {name:"datePicker", kind:"onyx.DatePicker"}
+ ]},
+ {style:"background: #fff; padding-left: 35px;", fit:true, components: [
+ {name:"timePicker", kind:"onyx.TimePicker"}
+ ]}
+ ]
+ },
+
+ {kind: "onyx.Toolbar", classes: "toolbar", layoutKind: "FittableColumnsLayout", style: "text-align:center;", components: [
+ {kind: "onyx.Button", content: "Save", style: "background-color: #21759b; margin-bottom:0;", ontap: "saveTap"},
+ {kind: "onyx.Button", content: "Cancel", style: "background-color: #21759b; margin-bottom:0;", ontap: "cancelTap"}
+ ]},
+
+ {tag: "br"}
+
+ ]}
+ ],
+ create: function () {
+ this.inherited(arguments);
+ },
+ saveTap: function (inSender, inEvent) {
+ alert("Preferences Saved!");
+ new wp.PostCompose().renderInto(document.body);
+ },
+ cancelTap: function (inSender, inEvent) {
+ alert("Changes Discarded!");
+ new wp.PostCompose().renderInto(document.body);
+ }
+
+});
</ins></span></pre></div>
<a id="2013sayaksarkartrunksourcereaderjs"></a>
<div class="addfile"><h4>Added: 2013/sayaksarkar/trunk/source/reader.js (0 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/reader.js (rev 0)
+++ 2013/sayaksarkar/trunk/source/reader.js 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -0,0 +1,109 @@
</span><ins>+enyo.kind({
+ name: "wp.Reader",
+ kind: "FittableRows",
+ fit: true, classes: "enyo-fit",
+ components:[
+
+ //Header Toolbar Definition
+ {name: "topPane", kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", classes: "toolbar", components: [
+ {kind: "onyx.Button", ontap: "drawerTap", style: "background-color: #21759b; width: 20px; margin-top: 10px; margin-left: -20px; margin-right: 10px; padding-top: 7px; padding-right: 5px;", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "drawer", src: "images/toolbar/drawer.png"},
+ ]},
+ {kind: "onyx.Icon", src: "images/toolbar/wp.png", style: "margin-left:5px; height: 38px; width: 38px;"},
+ {content: "Reader", fit: true},
+ {kind: "onyx.Button", classes: "toolbarButton", style: "background-color: #21759b;", ontap: "refresh", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "refresh", src: "images/toolbar/refresh.png"}
+ ]}
+ ]},
+
+ {name: "menuContainer", kind: "FittableColumns", fit: true, components: [
+ {kind: "FittableColumns", components: [
+ {
+ name: "menuDrawer",
+ kind: "onyx.Drawer",
+ layoutKind: "FittableRowsLayout",
+ style: "height: 100%;",
+ orient: "h",
+ open: false,
+ components: [
+ {
+ name: "menuList",
+ kind: "List",
+ onSetupItem: "setupMenuItem",
+ style: "background-color: grey; width: 150px;",
+ touch: "true",
+ components: [
+ {
+ name: "menuItem",
+ classes: "menuItemContainer",
+ ontap: "menuItemTap",
+ components: [
+ {
+ name: "menuTitle",
+ content: "Set Title..."
+ }
+ ]
+ }
+ ]
+ },
+ ],
+ },
+ ]},
+ {name: "readerContainer", style: "position: relative;", fit: true, components: [
+ {
+ fit: true,
+ touch: true,
+ name: "iframe",
+ src: "https://wordpress.com/reader/mobile/v2/",
+ tag: "iframe",
+ classes: "frame",
+ onload: "frameload",
+ attributes: {
+ onload: enyo.bubbler
+ },
+ style: "background: white; height:98%; width:100%;"
+ }
+ ]}
+ ]}
+ ],
+ menuDatasource: [
+ {name: "Reader"},
+ {name: "Notifications"},
+ {name: "Posts"},
+ {name: "Pages",},
+ {name: "Comments"},
+ {name: "Stats"},
+ {name: "View Site"},
+ ],
+ create: function () {
+ this.inherited(arguments);
+ this.$.menuList.setCount(this.menuDatasource.length);
+ },
+ setupMenuItem: function (inSender, inEvent) {
+ this.childName = this.menuDatasource[inEvent.index].name;
+ this.$.menuTitle.setContent(this.childName);
+ },
+ menuItemTap: function (inSender, inEvent) {
+ if (this.menuDatasource[inEvent.index].name == "Posts") {
+ new wp.Posts().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Pages") {
+ new wp.Pages().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Comments") {
+ new wp.Comments().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Reader") {
+ new wp.Reader().renderInto(document.body);
+ }
+ else{
+ alert("Functionality on its way!");
+ };
+ },
+ drawerTap: function (inSender, inEvent) {
+ this.$.menuDrawer.setOpen(!this.$.menuDrawer.open);
+ },
+ refresh: function () {
+ // reload iframe
+ }
+})
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="2013sayaksarkartrunksourcesignupjs"></a>
<div class="addfile"><h4>Added: 2013/sayaksarkar/trunk/source/signup.js (0 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/signup.js (rev 0)
+++ 2013/sayaksarkar/trunk/source/signup.js 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -0,0 +1,76 @@
</span><ins>+enyo.kind({
+ name: "wp.Signup",
+ kind: "FittableRows",
+ fit: true,
+ classes: "enyo-fit signupPage",
+ components: [
+
+ //Header Toolbar Definition
+ {kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", classes: "toolbar", components: [
+ {kind: "onyx.Button", ontap: "backTap", style: "background-color: #21759b; width: 10px; margin-top: 10px; margin-left: -10px; margin-right: 4px; padding-top: 7px; padding-right: 0px;", components: [
+ {kind: "onyx.Icon", src: "images/toolbar/back.png", ontap: "backTap", style: "height: 38px;"},
+ ]},
+
+ {kind: "onyx.Icon", src: "images/toolbar/wp.png", style: "height: 38px; width: 38px;"},
+ {content: "New Account", fit: true}
+ ]},
+
+ {kind: "Input", name: "user_email", classes: "signupInputBox", placeholder: " Email Address", type: "email", selectOnFocus: true},
+
+ {kind: "onyx.Groupbox", components: [
+ {kind: "Input", name: "user_name", classes: "signupInputBox", placeholder: " Username", type: "text", selectOnFocus: true},
+ {kind: "Input", name: "pass1", classes: "signupInputBox", placeholder: " Password", type: "password", selectOnFocus: true},
+ ]},
+ {
+ kind: "FittableColumns", classes: "signupInputBox", components: [
+ {kind: "Input", name: "blogname", placeholder: " Blog URL", type: "url", fit: true, selectOnFocus: true},
+ {allowHtml: true, content: " .wordpress.com", style: "padding-top: 11px;"}
+ ]
+ },
+ {
+ content: "By submitting this form you agree to the ", allowHtml: true, style: "margin-top: 40px; margin-left: 20px; width: 280px;",
+ },
+ {
+ content: "<br/><a href=''> fascinating terms of service.</a>", allowHtml: true, ontap: "tos", style: "margin-top: -20px; margin-left: 60px; width: 280px;",
+ },
+ {kind: "onyx.Button", id: "signupButton", content: "Start Blogging", ontap: "submitDetails"}
+ ],
+ backTap: function(inSender, inEvent) {
+ new wp.Login().renderInto(document.body);
+ },
+ submitDetails: function (inSender, inEvent) {
+ this.payLoad = {};
+ this.payLoad.user_email = this.$.user_email.getValue();
+ this.payLoad.user_name = this.$.user_name.getValue();
+ this.payLoad.pass1 = this.$.pass1.getValue();
+ this.payLoad.blogname = this.$.blogname.getValue();
+ console.log(this.payLoad);
+ return this.payLoad;
+
+ //This is a standard enyo.Ajax to post data.
+ var ajax = new enyo.Ajax({
+ url: "https://signup.wordpress.com/signup/",
+ method:"POST",
+ timeout:5000,
+ contentType:"application/json"
+ });
+
+ // send parameters the remote service using the 'go()' method
+ ajax.go(this.payLoad);
+
+ // attach responders to the transaction object. processResponse is the handler function.
+ ajax.response(this, "processResponse");
+
+ // handle error
+ ajax.error(this, "processError");
+ },
+ tos: function (inSender, inEvent) {
+ window.open('http://wordpress.com/tos/')
+ },
+ processResponse:function(inSender,inResponse) {
+ alert("All Done");
+ },
+ processError:function(inSender,inResponse) {
+ alert("Failed");
+ }
+})
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="2013sayaksarkartrunksourcestatsjs"></a>
<div class="addfile"><h4>Added: 2013/sayaksarkar/trunk/source/stats.js (0 => 2313)</h4>
<pre class="diff"><span>
<span class="info">--- 2013/sayaksarkar/trunk/source/stats.js (rev 0)
+++ 2013/sayaksarkar/trunk/source/stats.js 2013-09-15 20:15:06 UTC (rev 2313)
</span><span class="lines">@@ -0,0 +1,114 @@
</span><ins>+enyo.kind({
+ name: "wp.Stats",
+ kind: "FittableRows",
+ fit: true, classes: "enyo-fit",
+ components:[
+
+ //Header Toolbar Definition
+ {name: "topPane", kind: "onyx.Toolbar", layoutKind:"FittableColumnsLayout", classes: "toolbar", components: [
+ {kind: "onyx.Button", ontap: "drawerTap", style: "background-color: #21759b; width: 20px; margin-top: 10px; margin-left: -20px; margin-right: 10px; padding-top: 7px; padding-right: 5px;", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "drawer", src: "images/toolbar/drawer.png"},
+ ]},
+ {kind: "onyx.Icon", src: "images/toolbar/wp.png", style: "margin-left:5px; height: 38px; width: 38px;"},
+ {content: "Reader", fit: true},
+ {kind: "onyx.Button", classes: "toolbarButton", style: "background-color: #21759b;", ontap: "refresh", components: [
+ {kind: "onyx.Icon", classes: "buttonIcon", id: "refresh", src: "images/toolbar/refresh.png"}
+ ]}
+ ]},
+
+ {name: "menuContainer", kind: "FittableColumns", fit: true, components: [
+ {kind: "FittableColumns", components: [
+ {
+ name: "menuDrawer",
+ kind: "onyx.Drawer",
+ layoutKind: "FittableRowsLayout",
+ style: "height: 100%;",
+ orient: "h",
+ open: false,
+ components: [
+ {
+ name: "menuList",
+ kind: "List",
+ onSetupItem: "setupMenuItem",
+ style: "background-color: grey; width: 150px;",
+ touch: "true",
+ components: [
+ {
+ name: "menuItem",
+ classes: "menuItemContainer",
+ ontap: "menuItemTap",
+ components: [
+ {
+ name: "menuTitle",
+ content: "Set Title..."
+ }
+ ]
+ }
+ ]
+ },
+ ],
+ },
+ ]},
+ {name: "readerContainer", style: "position: relative;", fit: true, components: [
+ {
+ fit: true,
+ touch: true,
+ name: "iframe",
+ src: "https://wordpress.com/reader/mobile/v2/",
+ tag: "iframe",
+ classes: "frame",
+ onload: "frameload",
+ attributes: {
+ onload: enyo.bubbler
+ },
+ style: "background: white; height:98%; width:100%;"
+ }
+ ]}
+ ]}
+ ],
+ menuDatasource: [
+ {name: "Reader"},
+ {name: "Notifications"},
+ {name: "Posts"},
+ {name: "Pages",},
+ {name: "Comments"},
+ {name: "Stats"},
+ {name: "View Site"},
+ ],
+ create: function () {
+ this.inherited(arguments);
+ this.$.menuList.setCount(this.menuDatasource.length);
+ },
+ setupMenuItem: function (inSender, inEvent) {
+ this.childName = this.menuDatasource[inEvent.index].name;
+ this.$.menuTitle.setContent(this.childName);
+ },
+ menuItemTap: function (inSender, inEvent) {
+ if (this.menuDatasource[inEvent.index].name == "Posts") {
+ new wp.Posts().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Pages") {
+ new wp.Pages().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Comments") {
+ new wp.Comments().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Reader") {
+ window.open("http://wordpress.com/reader/mobile/v2/");
+ //new wp.Reader().renderInto(document.body);
+ }
+ else if (this.menuDatasource[inEvent.index].name == "Stats") {
+ window.open("http://wordpress.com/my-stats/");
+ //new wp.Stats().renderInto(document.body);
+ }
+ else{
+ alert("Functionality on its way!");
+ };
+ },
+ drawerTap: function (inSender, inEvent) {
+ this.$.menuDrawer.setOpen(!this.$.menuDrawer.open);
+ },
+ refresh: function () {
+ // reload iframe
+ }
+})
</ins><span class="cx">\ No newline at end of file
</span></span></pre>
</div>
</div>
</body>
</html>