DtaService added

app/common/appErrors.js

@@ -10,4 +10,22 @@ export class InvalidArgumentTypeException extends Error{
         super();
         this.message = " Dependencies lengths not per param length ";
     }
+}
+export class InvalidEndpointsException extends Error{
+    constructor(){
+        super();
+        this.message = "Endpoints not defined";
+    }
+}
+export class LocalStorageNotSupportedException extends Error{
+    constructor(){
+        super();
+        this.message = "Local Storage is not supported";
+    }
+}
+export class InvalidJSONException extends Error{
+    constructor(){
+        super();
+        this.message = "JSON format is not supported";
+    }
 }

app/components/sketchListItem/index.js

@@ -8,6 +8,11 @@ class SketchListItem {
     constructor() {
         this.replace = true;
         this.template = template;
+        this.scope = {
+            author:"=",
+            title:"=",
+            id:"="
+        };
     }
 
     static directiveFactory() {

app/components/sketchListItem/view.html

@@ -1,17 +1,25 @@
 <div class="row">
     <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 ">
-       <div class="box tmp">Sketch-icon</div>
+       <div class="box tmp">
+           {{title}}
+       </div>
     </div>
     <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 ">
-       <div class="box tmp">Details</div>
+       <div class="box tmp">
+           {{author}}
+       </div>
     </div>
     <div class="col-xs-12 col-sm-12 col-md-2 col-lg-2 ">
         <div class="box tmp">
-            <a class="" href="#">
+            <a class="" ng-href="#/view/{{id}}">
+                View
+            </a>
+            &nbsp;
+            &nbsp;<a class="" ng-href="#/edit/{{id}}">
                 Edit
             </a>
             &nbsp;
-            <a class="" href="#">
+            <a class="" ng-href="#/delete/{{id}}">
                 Del
             </a>
         </div>

app/components/toolBox/index.js

@@ -0,0 +1,24 @@
+import template from '!html!./view.html';
+import {directive, inject} from 'ng-app';
+import './style.less';
+
+@directive({selector: 'tool-box'})
+class ToolBox {
+
+    constructor() {
+        this.replace = true;
+        this.template = template;
+        this.scope={
+            tools:"="
+        };
+        this.link = this.link.bind(this);
+    }
+
+    link(scope,el,attr){
+
+    }
+
+    static directiveFactory() {
+        return new ToolBox();
+    }
+}

app/components/toolBox/style.less

@@ -0,0 +1,3 @@
+.header {
+  background-color: #6699cc;
+}

app/components/toolBox/view.html

@@ -0,0 +1,3 @@
+<ul ng-repeat="tool in tools">
+    <li data-id="{{tool.id}}" data-attrs="{{tool.attr}}"> {{tool.name}}</li>
+</ul>

app/configs.js

@@ -1,22 +1,16 @@
 import {config, inject} from './ng-app';
 import sketches from './views/sketches';
+import edit from './views/edit';
 
 
-class ConfigClass{
+class ApplicationConfig{
 
     @inject('$stateProvider', '$urlRouterProvider')
     @config()
     Routing(sp,urp){
-
-        // sp.state('sketchs', {
-        //     url:'/sketchs',
-        //     templateUrl: "views/sketches/view.html"
-        //     // template: '<h1>My Contacts</h1>'
-        // }) ;
-
-        sp.state('sketchs', sketches) ;
-        urp.otherwise('/sketchs');
+        sp.state('sketches', sketches) ;
+        sp.state('edit', edit) ;
+        urp.otherwise('/sketches');
     }
 
-
 }

app/css/common.less

@@ -13,6 +13,9 @@
   }
 }
 
+.page {
+  min-height: 250px;
+}
 .tmp {
   background-color:#c94a4a;
 }

app/index.js

@@ -4,7 +4,7 @@ import 'components/header';
 import 'components/footer';
 import 'configs';
 import 'services';
-
+import 'models';
 
 
 import './utils/animation-patch'

app/models/index.js

@@ -0,0 +1 @@
+import './sketchModel';

app/models/sketchModel.js

@@ -1,10 +1,8 @@
 /**
  * Created by Akhil on 24-07-2016.
  */
-import {model} from './model'
 import {InvalidArgumentTypeException} from 'common/appErrors';
 
-@model({endpoint:'sketch'})
 export  class SketchModel {
 
     constructor(sketch){

app/services/baseService.js

@@ -0,0 +1,70 @@
+/**
+ * Created by Akhil on 24-07-2016.
+ */
+import {InvalidEndpointsException} from 'common/appErrors';
+
+export default class BaseDataService {
+
+    getAll() {
+        const srvc  = this.getEndPointService();
+        const method = this.methods.GET;
+        return srvc[method](this.buildGetAllURL());
+    }
+
+    getModel(id) {
+        const srvc  = this.getEndPointService();
+        const method = this.methods.GET;
+        return srvc[method](this.buildGetURL(id));
+    }
+
+    insert(model) {
+        const srvc  = this.getEndPointService();
+        const method = this.methods.PUT;
+        return srvc[method](this.buildInsertURL(),model);
+    }
+
+    update(id, newModel) {
+        const srvc  = this.getEndPointService();
+        const method = this.methods.POST;
+        return srvc[method](this.buildUpdateURL(),newModel);
+    }
+
+    delete(id) {
+        const srvc  = this.getEndPointService();
+        const method = this.methods.DELETE;
+        return srvc[method](this.buildDeleteURL());
+    }
+
+    buildGetAllURL() {
+        return `${this.getEndPointURL()}`;
+    }
+
+    buildGetURL(id) {
+        return `${this.getEndPointURL()}/${id}`;
+
+    }
+
+    getEndPointURL() {
+        if (!this.endpoint) {
+            throw new InvalidEndpointsException();
+        }
+        return this.endpoint;
+    }
+
+    buildInsertURL() {
+        return `${this.getEndPointURL()}`;
+
+    }
+
+    buildUpdateURL() {
+        return `${this.getEndPointURL()}`;
+    }
+
+    buildDeleteURL() {
+        return `${this.getEndPointURL()}`;
+    }
+
+    getEndPointService(){
+        throw new Error('Method not implemented');
+    }
+}

app/services/dataService.js

@@ -3,21 +3,22 @@
  */
 
 import {service, inject} from 'ng-app';
-import Base from 'common/Base';
+import {MOCK_HTTP} from 'constants';
 
-@service({name:'DataService'})
-@inject('$http')
-class DataService extends Base  {
-    constructor() {
-        super(arguments);
-        debugger;
+@service({name: 'DataService'})
+@inject('$http', 'LocalDataService')
+class DataServiceAdaptor {
+    constructor(http, ld) {
+        this.http = http;
+        this.ld = ld;
     }
 
-    get mapDI(){
-        return  ['$h'];
+    getEndPointService(){
+        if(!MOCK_HTTP){
+            throw new Error ('$http implementation is not supported');
+        }
+        return this.ld;
     }
+}
 
-    get http(){
 
-    }
-}

app/models/model.js → app/services/decorator/rest.js

@@ -2,12 +2,12 @@
  * Created by Akhil on 24-07-2016.
  */
 
-export function model(param) {
+export function rest(param) {
     return function (target, name, decor) {
         Object.assign(target.prototype,
             {
                 endpoint: target.name,
-                methods: {get: 'get', put: 'put', post: 'post', 'delete': 'delete'}
+                methods: {GET: 'get', PUT: 'put', POST: 'post', 'DELETE': 'delete'}
             }
             , param)
     }

app/services/index.js

@@ -1,4 +1,8 @@
 /**
  * Created by Akhil on 24-07-2016.
  */
-import './dataService';
+import './baseService';
+import './dataService';
+import './localDataService';
+import './sketchDataService';
+import './decorator/rest';

app/services/localDataService.js

@@ -0,0 +1,38 @@
+/**
+ * Created by Akhil on 24-07-2016.
+ */
+import {LocalStorageNotSupportedException, InvalidJSONException} from 'common/appErrors';
+import {service} from 'ng-app';
+
+@service({name: 'LocalDataService'})
+class LocalDataService {
+    constructor() {
+        if (!window || !window.localStorage) {
+            throw new LocalStorageNotSupportedException();
+        }
+    }
+
+    get(url) {
+        const promise = new Promise(
+            (resolve, reject) => {
+                const [key,id] =  url.split('/');
+                var data = this.storage.getItem(key) || '[]';
+                try {
+                    data = JSON.parse(data);
+                } catch (e) {
+                    reject(new InvalidJSONException(e));
+                }
+                resolve(
+                    ( typeof id === 'undefined') ? data : data.find((x)=>x.id == id)
+                );
+
+            }
+        );
+        return promise;
+    }
+
+    get storage() {
+        return window.localStorage;
+    }
+
+}

app/services/sketchDataService.js

@@ -3,21 +3,19 @@
  */
 
 import {service, inject} from 'ng-app';
-import Base from 'common/Base';
+import BaseDataService from './baseService';
+import {rest} from './decorator/rest';
 
-@service({name:'SketchDataService'})
 @inject('DataService')
-class SketchDataService extends Base  {
-    constructor() {
+@rest({endpoint:'sketch'})
+@service({name:'SketchDataService'})
+class SketchDataService extends BaseDataService  {
+    constructor(ds) {
         super(arguments);
-        debugger;
-    }
-    get mapDI(){
-        return  ['$h'];
+        this.ds= ds;
     }
 
-
-    get http(){
-
+    getEndPointService(){
+     return this.ds.getEndPointService() ;
     }
 }