Initial commit

thaume · Feb 6, 2014 · 80a67a9 · 80a67a9
1 parent a6af2db
commit 80a67a9
Show file tree

Hide file tree

Showing 35 changed files with 195 additions and 78 deletions.
diff --git a/.jshintrc b/.jshintrc
@@ -1,14 +1,15 @@
 {
-  "predef": {
-    "document": true,
-    "window": true,
-    "location": true,
-    "setTimeout": true,
-    "Ember": true,
-    "Em": true,
-    "DS": true,
-    "$": true
-  },
+  "predef": [
+    "document",
+    "window",
+    "location",
+    "setTimeout",
+    "Ember",
+    "Em",
+    "DS",
+    "$",
+    "moment"
+  ],
   "node" : false,
   "browser" : false,
   "boss" : true,

diff --git a/README.md b/README.md
@@ -12,10 +12,10 @@ We welcome ideas and experiments.
 
 * [Project Documentation Site](http://stefanpenner.github.io/ember-app-kit/)
 * [Getting Started Guide](http://stefanpenner.github.io/ember-app-kit/guides/getting-started.html)
-* [ember-app-kit-todos](https://github.com/stefanpenner/ember-app-kit-todos) - the Emberjs [todos](http://emberjs.com/guides/getting-started/) using Ember App Kit 
+* [ember-app-kit-todos](https://github.com/stefanpenner/ember-app-kit-todos) - the Emberjs [todos](http://emberjs.com/guides/getting-started/) using Ember App Kit
 * [ember-app-kit-bloggr](https://github.com/pixelhandler/ember-app-kit-example-with-bloggr-client) - bloggr demo
 * *Safari Books Online Blog* - [Introduction to Ember App Kit](http://blog.safaribooksonline.com/2013/09/18/ember-app-kit/) for more experienced Ember developers by @mixonic
-* *Ember Sherpa* - [Introduction to Ember App Kit](http://embersherpa.com/articles/introduction-to-ember-app-kit/) for those who are new to the Grunt workflow by @taras 
+* *Ember Sherpa* - [Introduction to Ember App Kit](http://embersherpa.com/articles/introduction-to-ember-app-kit/) for those who are new to the Grunt workflow by @taras
 
 
 ## Features

diff --git a/app/app.js b/app/app.js
@@ -7,7 +7,8 @@ var App = Ember.Application.extend({
   LOG_TRANSITIONS_INTERNAL: true,
   LOG_VIEW_LOOKUPS: true,
   modulePrefix: 'appkit', // TODO: loaded via config
-  Resolver: Resolver['default']
+  Resolver: Resolver['default'],
+  rootElement: "#target"
 });
 
 export default App;
diff --git a/app/components/.gitkeep b/app/components/.gitkeep
diff --git a/app/components/pretty-color.js b/app/components/pretty-color.js
diff --git a/app/controllers/.gitkeep b/app/controllers/.gitkeep
diff --git a/app/helpers/.gitkeep b/app/helpers/.gitkeep
diff --git a/app/helpers/mail-date.js b/app/helpers/mail-date.js
@@ -0,0 +1,6 @@
+// Date helper
+// ===========
+
+export default Ember.Handlebars.makeBoundHelper(function(date) {
+  return moment(date).format('MMM Do');
+});
diff --git a/app/helpers/reverse-word.js b/app/helpers/reverse-word.js
diff --git a/app/index.html b/app/index.html
@@ -33,6 +33,7 @@
   <!-- build:js(tmp/result) /assets/vendor.min.js -->
 
     <script src="/vendor/jquery/jquery.js"></script>
+    <script src="/vendor/moment/moment.js"></script>
 
     <!-- @if dist=false -->
     <script src="/vendor/handlebars/handlebars.js"></script>
@@ -42,10 +43,9 @@
     <script src="/vendor/ember/ember.prod.js"></script>
     <!-- @endif -->
 
-    <script src="/vendor/ember-data/ember-data.js"></script>
+
     <script src="/vendor/loader.js"></script>
     <script src="/vendor/ember-resolver/dist/ember-resolver.js"></script>
-    <script src="/vendor/ic-ajax/main.js"></script>
 
   <!-- endbuild -->
 
@@ -79,14 +79,25 @@
   <!-- @endif -->
 
 </head>
-<body>
+<body class="index">
   <!--[if lt IE 8]>
     <p class="browsehappy">
       You are using an <strong>outdated</strong> browser. Please
       <a href="http://browsehappy.com/">upgrade your browser</a>
       to improve your experience.
     </p>
   <![endif]-->
+  <div id="content-wrapper">
+    <div id="content">
+      <div class="getting-started section">
+        <div id="routing-example" class="example-app">
+          <div id="target" class="example-output">
+
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
 
   <!-- @if tests=true -->
   <div id="qunit"></div>

diff --git a/app/models/.gitkeep b/app/models/.gitkeep
diff --git a/app/models/mailbox.js b/app/models/mailbox.js
@@ -0,0 +1,67 @@
+// Mailbox model
+// =============
+
+var Mailbox = Em.Object.extend();
+
+Mailbox.reopenClass({
+  find: function(id) {
+    if (id) {
+      return FIXTURES.findBy('id', id);
+    } else {
+      console.log(FIXTURES);
+      return FIXTURES;
+    }
+  }
+});
+
+export default Mailbox;
+
+var FIXTURES = [
+  {
+    name: "Inbox",
+    id: "inbox",
+    messages: [
+      {
+        id: 1,
+        subject: "Welcome to Ember",
+        from: "[email protected]",
+        to: "[email protected]",
+        date: new Date(),
+        body: "Welcome to Ember. We hope you enjoy your stay"
+      }, {
+        id: 2,
+        subject: "Great Ember Resources",
+        from: "[email protected]",
+        to: "[email protected]",
+        date: new Date(),
+        body: "Have you seen embercasts.com? How about emberaddons.com?"
+      }
+    ]
+  }, {
+    name: "Spam",
+    id: "spam",
+    messages: [
+      {
+        id: 3,
+        subject: "You have one the lottery!!!111ONEONE",
+        from: "[email protected]",
+        to: "[email protected]",
+        date: new Date(),
+        body: "You have ONE the lottery! You only have to send us a small amount of monies to claim your prize"
+      }
+    ]
+  }, {
+    name: "Sent Mail",
+    id: "sent-mail",
+    messages: [
+      {
+        id: 4,
+        subject: "Should I use Ember",
+        from: "[email protected]",
+        to: "[email protected]",
+        date: new Date(),
+        body: "Ember looks pretty good, should I use it?"
+      }
+    ]
+  }
+];
diff --git a/app/router.js b/app/router.js
@@ -1,11 +1,12 @@
+// Mailbox router
+// ==============
+
 var Router = Ember.Router.extend(); // ensure we don't share routes between all Router instances
 
 Router.map(function() {
-  this.route('component-test');
-  this.route('helper-test');
-  // this.resource('posts', function() {
-  //   this.route('new');
-  // });
+  this.resource('mailbox', { path: '/:mailbox_id' }, function() {
+    this.resource('mail', { path: '/:message_id' });
+  });
 });
 
 export default Router;
diff --git a/app/routes/.gitkeep b/app/routes/.gitkeep
diff --git a/app/routes/application.js b/app/routes/application.js
@@ -0,0 +1,12 @@
+// Application route
+// ==================
+
+import Mailbox from 'appkit/models/mailbox';
+
+var ApplicationRoute = Em.Route.extend({
+  model: function() {
+    return Mailbox.find();
+  }
+});
+
+export default ApplicationRoute;
diff --git a/app/routes/component_test.js b/app/routes/component_test.js
diff --git a/app/routes/helper_test.js b/app/routes/helper_test.js
diff --git a/app/routes/index.js b/app/routes/index.js
diff --git a/app/routes/mail.js b/app/routes/mail.js
@@ -0,0 +1,12 @@
+// Mail route
+// ==========
+
+import Mailbox from 'appkit/models/mailbox';
+
+var MailRoute = Em.Route.extend({
+  model: function(params) {
+    return this.modelFor('mailbox').messages.findBy('id', params.message_id);
+  }
+});
+
+export default MailRoute;
diff --git a/app/styles/.gitkeep b/app/styles/.gitkeep
diff --git a/app/styles/app.css b/app/styles/app.css
diff --git a/app/templates/.gitkeep b/app/templates/.gitkeep
diff --git a/app/templates/application.hbs b/app/templates/application.hbs
@@ -1,3 +1,21 @@
-<h2 id='title'>Welcome to Ember.js</h2>
+<div class="url">URL: {{target.url}}</div>
+<aside>
 
-{{outlet}}
+    <ul>
+        <li><h2>Mailboxes</h2></li>
+        {{#each}}
+            <li>
+                {{#link-to "mailbox" this currentWhen="mailbox"}}
+                    <span class="count">
+                        {{messages.length}}
+                    </span>
+                    {{name}}
+                {{/link-to}}
+            </li>
+        {{/each}}
+    </ul>
+</aside>
+
+<section class="main">
+    {{outlet}}
+</section>
diff --git a/app/templates/component-test.hbs b/app/templates/component-test.hbs
diff --git a/app/templates/components/.gitkeep b/app/templates/components/.gitkeep
diff --git a/app/templates/components/pretty-color.hbs b/app/templates/components/pretty-color.hbs
diff --git a/app/templates/helper-test.hbs b/app/templates/helper-test.hbs
diff --git a/app/templates/index.hbs b/app/templates/index.hbs
@@ -1,5 +1,4 @@
-<ul>
-{{#each}}
-  <li>{{this}}</li>
-{{/each}}
-</ul>
+<div class="index">
+  <h1>TomsterMail</h1>
+  <span class="tomster"></span>
+</div>
diff --git a/app/templates/mail.hbs b/app/templates/mail.hbs
@@ -0,0 +1,12 @@
+<div class="mail">
+  <dl>
+      <dt>From</dt>
+      <dd>{{from}}</dd>
+      <dt>To</dt>
+      <dd>{{to}}</dd>
+      <dt>Date</dt>
+      <dd>{{mail-date date}}</dd>
+  </dl>
+  <h4>{{subject}}</h4>
+  <p>{{body}}</p>
+</div>
diff --git a/app/templates/mailbox.hbs b/app/templates/mailbox.hbs
@@ -0,0 +1,20 @@
+<table>
+    <tr>
+        <th>Date</th>
+        <th>Subject</th>
+        <th>From</th>
+        <th>To</th>
+    </tr>
+
+    {{#each messages}}
+        {{#link-to "mail" this tagName='tr'}}
+            <td>{{mail-date date}}</td>
+            <td>{{view.isActive}}{{subject}}</td>
+            <td>{{from}}</td>
+            <td>{{to}}</td>
+        {{/link-to}}
+        </tr>
+    {{/each}}
+</table>
+
+{{outlet}}
diff --git a/app/templates/mailbox/index.hbs b/app/templates/mailbox/index.hbs
@@ -0,0 +1,3 @@
+<div class="mailbox-index">
+  Select an email
+</div>
diff --git a/app/utils/.gitkeep b/app/utils/.gitkeep
diff --git a/app/utils/ajax.js b/app/utils/ajax.js
diff --git a/app/views/.gitkeep b/app/views/.gitkeep
diff --git a/bower.json b/bower.json
@@ -7,8 +7,9 @@
     "ember": "~1.4.0-beta.2",
     "ember-data": "~1.0.0-beta.6",
     "ember-resolver": "git://github.com/stefanpenner/ember-jj-abrams-resolver.git#master",
-    "ic-ajax": "~0.3.0",
-    "ember-testing-httpRespond": "~0.1.1"
+    "ic-ajax": "~0.2",
+    "ember-testing-httpRespond": "~0.1.1",
+    "moment": "~2.4.0"
   },
   "resolutions": {
     "ember": "~1.4.0-beta.2"