Go to one of the models in the menu and check out how this package works.
7 |If you want to use it yourself check github readme and source code of this demo.
8 |{{object.toString()}}
-------------------------------------------------------------------------------- /demo/app/request/request.controller.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 'use strict'; 3 | 4 | angular.module('angularJsonapiExample') 5 | .controller('RequestController', RequestController); 6 | 7 | function RequestController( 8 | ) { 9 | } 10 | })(); 11 | -------------------------------------------------------------------------------- /demo/app/resources/jobs.factory.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 'use strict'; 3 | 4 | angular.module('angularJsonapiExample') 5 | .run(function( 6 | $jsonapi, 7 | apiURL 8 | ) { 9 | var schema = { 10 | type: 'jobs', 11 | id: 'uuid4', 12 | attributes: { 13 | name: {presence: true, length: {maximum: 20, minimum: 3}}, 14 | salary: {presence: true, numericality: {onlyInteger: true}} 15 | }, 16 | relationships: { 17 | robots: { 18 | included: true, 19 | type: 'hasMany' 20 | } 21 | }, 22 | functions: { 23 | toString: function() { 24 | if (!this.data.attributes.name) { 25 | return this.data.id; 26 | } 27 | 28 | return this.data.attributes.name; 29 | } 30 | } 31 | }; 32 | 33 | var localeSynchro = $jsonapi.sourceLocal.create('LocalStore synchronization', 'AngularJsonAPI'); 34 | var restSynchro = $jsonapi.sourceRest.create('Rest synchronization', apiURL + '/jobs'); 35 | var synchronizer = $jsonapi.synchronizerSimple.create([localeSynchro, restSynchro]); 36 | 37 | $jsonapi.addResource(schema, synchronizer); 38 | }) 39 | .factory('Jobs', Jobs); 40 | 41 | function Jobs( 42 | $jsonapi 43 | ) { 44 | return $jsonapi.getResource('jobs'); 45 | } 46 | })(); 47 | -------------------------------------------------------------------------------- /demo/app/resources/laser-guns.factory.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 'use strict'; 3 | 4 | angular.module('angularJsonapiExample') 5 | .run(function( 6 | $jsonapi, 7 | apiURL 8 | ) { 9 | var schema = { 10 | type: 'laserGuns', 11 | id: 'uuid4', 12 | attributes: { 13 | name: {presence: true, length: {maximum: 20, minimum: 3}}, 14 | durability: {presence: true, numericality: {onlyInteger: true}}, 15 | quality: {presence: true, numericality: {onlyInteger: true}}, 16 | power: {presence: true, numericality: {onlyInteger: true}}, 17 | type: {presence: true, length: {maximum: 20, minimum: 3}}, 18 | rarity: {presence: true, length: {maximum: 20, minimum: 3}} 19 | }, 20 | relationships: { 21 | owner: { 22 | included: true, 23 | type: 'hasOne', 24 | polymorphic: true 25 | } 26 | }, 27 | functions: { 28 | toString: function() { 29 | if (!this.data.attributes.name) { 30 | return this.data.id; 31 | } 32 | 33 | return this.data.attributes.name; 34 | } 35 | } 36 | }; 37 | 38 | var localeSynchro = $jsonapi.sourceLocal.create('LocalStore synchronization', 'AngularJsonAPI'); 39 | var restSynchro = $jsonapi.sourceRest.create('Rest synchronization', apiURL + '/laserGuns'); 40 | var synchronizer = $jsonapi.synchronizerSimple.create([localeSynchro, restSynchro]); 41 | 42 | $jsonapi.addResource(schema, synchronizer); 43 | }) 44 | .factory('Jobs', Jobs); 45 | 46 | function Jobs( 47 | $jsonapi 48 | ) { 49 | return $jsonapi.getResource('laserGuns'); 50 | } 51 | })(); 52 | -------------------------------------------------------------------------------- /demo/app/resources/locations.factory.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 'use strict'; 3 | 4 | angular.module('angularJsonapiExample') 5 | .run(function( 6 | $jsonapi, 7 | apiURL 8 | ) { 9 | var schema = { 10 | type: 'locations', 11 | id: 'uuid4', 12 | attributes: { 13 | cordsX: {presence: true, numericality: {onlyInteger: true}}, 14 | cordsY: {presence: true, numericality: {onlyInteger: true}} 15 | }, 16 | relationships: { 17 | planet: { 18 | included: true, 19 | type: 'hasOne' 20 | }, 21 | entity: { 22 | included: true, 23 | type: 'hasOne', 24 | polymorphic: true, 25 | reflection: 'location' 26 | } 27 | }, 28 | functions: { 29 | toString: function() { 30 | if (!this.relationships.planet || !this.relationships.planet.data.attributes.name) { 31 | return this.data.id; 32 | } 33 | 34 | return this.relationships.planet.data.attributes.name; 35 | } 36 | } 37 | }; 38 | 39 | var localeSynchro = $jsonapi.sourceLocal.create('LocalStore synchronization', 'AngularJsonAPI'); 40 | var restSynchro = $jsonapi.sourceRest.create('Rest synchronization', apiURL + '/locations'); 41 | var synchronizer = $jsonapi.synchronizerSimple.create([localeSynchro, restSynchro]); 42 | 43 | $jsonapi.addResource(schema, synchronizer); 44 | }) 45 | .factory('Locations', Locations); 46 | 47 | function Locations( 48 | $jsonapi 49 | ) { 50 | return $jsonapi.getResource('locations'); 51 | } 52 | })(); 53 | -------------------------------------------------------------------------------- /demo/app/resources/planets.factory.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 'use strict'; 3 | 4 | angular.module('angularJsonapiExample') 5 | .run(function( 6 | $jsonapi, 7 | apiURL 8 | ) { 9 | var schema = { 10 | type: 'planets', 11 | id: 'uuid4', 12 | attributes: { 13 | name: {presence: true, length: {maximum: 20, minimum: 3}}, 14 | cordsX: {presence: true, numericality: {onlyInteger: true}}, 15 | cordsY: {presence: true, numericality: {onlyInteger: true}}, 16 | cordsZ: {presence: true, numericality: {onlyInteger: true}}, 17 | size: {presence: true, numericality: {onlyInteger: true}} 18 | }, 19 | relationships: { 20 | locations: { 21 | included: true, 22 | type: 'hasMany' 23 | } 24 | }, 25 | functions: { 26 | toString: function() { 27 | if (!this.data.attributes.name) { 28 | return this.data.id; 29 | } 30 | 31 | return this.data.attributes.name; 32 | } 33 | } 34 | }; 35 | 36 | var localeSynchro = $jsonapi.sourceLocal.create('LocalStore synchronization', 'AngularJsonAPI'); 37 | var restSynchro = $jsonapi.sourceRest.create('Rest synchronization', apiURL + '/planets'); 38 | var synchronizer = $jsonapi.synchronizerSimple.create([localeSynchro, restSynchro]); 39 | 40 | $jsonapi.addResource(schema, synchronizer); 41 | }) 42 | .factory('Planets', Planets); 43 | 44 | function Planets( 45 | $jsonapi 46 | ) { 47 | return $jsonapi.getResource('planets'); 48 | } 49 | })(); 50 | -------------------------------------------------------------------------------- /demo/app/resources/power-armors.factory.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 'use strict'; 3 | 4 | angular.module('angularJsonapiExample') 5 | .run(function( 6 | $jsonapi, 7 | apiURL 8 | ) { 9 | var schema = { 10 | type: 'powerArmors', 11 | id: 'uuid4', 12 | attributes: { 13 | name: {presence: true, length: {maximum: 20, minimum: 3}}, 14 | durability: {presence: true, numericality: {onlyInteger: true}}, 15 | quality: {presence: true, numericality: {onlyInteger: true}}, 16 | armor: {presence: true, numericality: {onlyInteger: true}}, 17 | type: {presence: true, length: {maximum: 20, minimum: 3}}, 18 | rarity: {presence: true, length: {maximum: 20, minimum: 3}} 19 | }, 20 | relationships: { 21 | owner: { 22 | included: true, 23 | type: 'hasOne', 24 | polymorphic: true 25 | } 26 | }, 27 | functions: { 28 | toString: function() { 29 | if (!this.data.attributes.name) { 30 | return this.data.id; 31 | } 32 | 33 | return this.data.attributes.name; 34 | } 35 | } 36 | }; 37 | 38 | var localeSynchro = $jsonapi.sourceLocal.create('LocalStore synchronization', 'AngularJsonAPI'); 39 | var restSynchro = $jsonapi.sourceRest.create('Rest synchronization', apiURL + '/powerArmors'); 40 | var synchronizer = $jsonapi.synchronizerSimple.create([localeSynchro, restSynchro]); 41 | 42 | $jsonapi.addResource(schema, synchronizer); 43 | }) 44 | .factory('PowerArmors', PowerArmors); 45 | 46 | function PowerArmors( 47 | $jsonapi 48 | ) { 49 | return $jsonapi.getResource('powerArmors'); 50 | } 51 | })(); 52 | -------------------------------------------------------------------------------- /demo/app/resources/robot-models.factory.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 'use strict'; 3 | 4 | angular.module('angularJsonapiExample') 5 | .run(function( 6 | $jsonapi, 7 | apiURL 8 | ) { 9 | var schema = { 10 | type: 'robotModels', 11 | id: 'uuid4', 12 | attributes: { 13 | name: {presence: true, length: {maximum: 20, minimum: 3}}, 14 | code: {presence: true, length: {maximum: 20, minimum: 3}} 15 | }, 16 | relationships: { 17 | robots: { 18 | included: true, 19 | type: 'hasMany' 20 | } 21 | }, 22 | functions: { 23 | toString: function() { 24 | if (!this.data.attributes.name) { 25 | return this.data.id; 26 | } 27 | 28 | return this.data.attributes.name; 29 | } 30 | } 31 | }; 32 | 33 | var localeSynchro = $jsonapi.sourceLocal.create('LocalStore synchronization', 'AngularJsonAPI'); 34 | var restSynchro = $jsonapi.sourceRest.create('Rest synchronization', apiURL + '/robotModels'); 35 | var synchronizer = $jsonapi.synchronizerSimple.create([localeSynchro, restSynchro]); 36 | 37 | $jsonapi.addResource(schema, synchronizer); 38 | }) 39 | .factory('RobotModels', RobotModels); 40 | 41 | function RobotModels( 42 | $jsonapi 43 | ) { 44 | return $jsonapi.getResource('robotModels'); 45 | } 46 | })(); 47 | -------------------------------------------------------------------------------- /demo/app/resources/robots.factory.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 'use strict'; 3 | 4 | angular.module('angularJsonapiExample') 5 | .run(function( 6 | $jsonapi, 7 | apiURL 8 | ) { 9 | var schema = { 10 | type: 'robots', 11 | id: 'uuid4', 12 | attributes: { 13 | nameFirst: {presence: true, length: {maximum: 20, minimum: 3}}, 14 | nameLast: {presence: true, length: {maximum: 20, minimum: 3}}, 15 | creationDate: {datetime: true}, 16 | pictureUrl: {presence: true} 17 | }, 18 | relationships: { 19 | location: { 20 | included: true, 21 | type: 'hasOne', 22 | reflection: 'entity' 23 | }, 24 | robotModel: { 25 | included: true, 26 | type: 'hasOne' 27 | }, 28 | job: { 29 | included: true, 30 | type: 'hasOne' 31 | }, 32 | laserGuns: { 33 | included: true, 34 | type: 'hasMany', 35 | reflection: 'owner' 36 | }, 37 | powerArmors: { 38 | included: true, 39 | type: 'hasMany', 40 | reflection: 'owner' 41 | }, 42 | spaceships: { 43 | included: true, 44 | type: 'hasMany', 45 | reflection: 'pilot' 46 | } 47 | }, 48 | include: { 49 | get: ['location.planet'] 50 | }, 51 | functions: { 52 | toString: function() { 53 | if (!this.data.attributes.nameFirst && !this.data.attributes.nameLast) { 54 | return this.data.id; 55 | } 56 | 57 | return this.data.attributes.nameFirst + this.data.attributes.nameLast; 58 | } 59 | } 60 | }; 61 | 62 | var localeSynchro = $jsonapi.sourceLocal.create('LocalStore synchronization', 'AngularJsonAPI'); 63 | var restSynchro = $jsonapi.sourceRest.create('Rest synchronization', apiURL + '/robots'); 64 | var synchronizer = $jsonapi.synchronizerSimple.create([localeSynchro, restSynchro]); 65 | 66 | $jsonapi.addResource(schema, synchronizer); 67 | }) 68 | .factory('Robots', Robots); 69 | 70 | function Robots( 71 | $jsonapi 72 | ) { 73 | return $jsonapi.getResource('robots'); 74 | } 75 | })(); 76 | -------------------------------------------------------------------------------- /demo/app/resources/spaceship-models.factory.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 'use strict'; 3 | 4 | angular.module('angularJsonapiExample') 5 | .run(function( 6 | $jsonapi, 7 | apiURL 8 | ) { 9 | var schema = { 10 | type: 'spaceshipModels', 11 | id: 'uuid4', 12 | attributes: { 13 | name: {presence: true, length: {maximum: 20, minimum: 3}}, 14 | code: {presence: true, length: {maximum: 20, minimum: 3}}, 15 | speed: {presence: true, numericality: {onlyInteger: true}}, 16 | cargo: {presence: true, numericality: {onlyInteger: true}}, 17 | type: {presence: true, length: {maximum: 20, minimum: 3}} 18 | }, 19 | relationships: { 20 | spaceships: { 21 | included: true, 22 | type: 'hasMany' 23 | } 24 | }, 25 | functions: { 26 | toString: function() { 27 | if (!this.data.attributes.name) { 28 | return this.data.id; 29 | } 30 | 31 | return this.data.attributes.name; 32 | } 33 | } 34 | }; 35 | 36 | var localeSynchro = $jsonapi.sourceLocal.create('LocalStore synchronization', 'AngularJsonAPI'); 37 | var restSynchro = $jsonapi.sourceRest.create('Rest synchronization', apiURL + '/spaceshipModels'); 38 | var synchronizer = $jsonapi.synchronizerSimple.create([localeSynchro, restSynchro]); 39 | 40 | $jsonapi.addResource(schema, synchronizer); 41 | }) 42 | .factory('SpaceshipModels', SpaceshipModels); 43 | 44 | function SpaceshipModels( 45 | $jsonapi 46 | ) { 47 | return $jsonapi.getResource('spaceshipModels'); 48 | } 49 | })(); 50 | -------------------------------------------------------------------------------- /demo/app/resources/spaceships.factory.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 'use strict'; 3 | 4 | angular.module('angularJsonapiExample') 5 | .run(function( 6 | $jsonapi, 7 | apiURL 8 | ) { 9 | var schema = { 10 | type: 'spaceships', 11 | id: 'uuid4', 12 | attributes: { 13 | name: {presence: true, length: {maximum: 20, minimum: 3}}, 14 | durability: {presence: true, numericality: {onlyInteger: true}}, 15 | quality: {presence: true, numericality: {onlyInteger: true}} 16 | }, 17 | relationships: { 18 | pilot: { 19 | included: true, 20 | type: 'hasOne', 21 | reflection: 'spaceships', 22 | polymorphic: true 23 | }, 24 | spaceshipModel: { 25 | included: true, 26 | type: 'hasOne' 27 | }, 28 | location: { 29 | included: true, 30 | type: 'hasOne', 31 | reflection: 'entity' 32 | } 33 | }, 34 | functions: { 35 | toString: function() { 36 | if (!this.data.attributes.name) { 37 | return this.data.id; 38 | } 39 | 40 | return this.data.attributes.name; 41 | } 42 | } 43 | }; 44 | 45 | var localeSynchro = $jsonapi.sourceLocal.create('LocalStore synchronization', 'AngularJsonAPI'); 46 | var restSynchro = $jsonapi.sourceRest.create('Rest synchronization', apiURL + '/spaceships'); 47 | var synchronizer = $jsonapi.synchronizerSimple.create([localeSynchro, restSynchro]); 48 | 49 | $jsonapi.addResource(schema, synchronizer); 50 | }) 51 | .factory('Spaceships', Spaceships); 52 | 53 | function Spaceships( 54 | $jsonapi 55 | ) { 56 | return $jsonapi.getResource('spaceships'); 57 | } 58 | })(); 59 | -------------------------------------------------------------------------------- /demo/app/sidebar/sidebar.directive.js: -------------------------------------------------------------------------------- 1 | (function() { 2 | 'use strict'; 3 | 4 | angular.module('angularJsonapiExample') 5 | .directive('sidebar', sidebar); 6 | 7 | function sidebar() { 8 | return { 9 | restrict: 'E', 10 | templateUrl: 'app/sidebar/sidebar.html', 11 | controller: sidebarController, 12 | replace: true 13 | }; 14 | 15 | function sidebarController($scope, $jsonapi) { 16 | $scope.names = $jsonapi.listResources(); 17 | } 18 | } 19 | 20 | })(); 21 | -------------------------------------------------------------------------------- /demo/app/sidebar/sidebar.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /demo/app/vendor.scss: -------------------------------------------------------------------------------- 1 | /* Do not remove this comments bellow. It's the markers used by wiredep to inject 2 | sass dependencies when defined in the bower.json of your dependencies */ 3 | // bower:scss 4 | // endbower 5 | -------------------------------------------------------------------------------- /demo/assets/images/.keep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jakubrohleder/angular-jsonapi/4af1857fb78aeb5e41c0645152794437f1e46e40/demo/assets/images/.keep -------------------------------------------------------------------------------- /demo/assets/images/mario-down.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jakubrohleder/angular-jsonapi/4af1857fb78aeb5e41c0645152794437f1e46e40/demo/assets/images/mario-down.gif -------------------------------------------------------------------------------- /demo/assets/images/mario-up.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jakubrohleder/angular-jsonapi/4af1857fb78aeb5e41c0645152794437f1e46e40/demo/assets/images/mario-up.gif -------------------------------------------------------------------------------- /demo/favicon.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jakubrohleder/angular-jsonapi/4af1857fb78aeb5e41c0645152794437f1e46e40/demo/favicon.gif -------------------------------------------------------------------------------- /demo/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 |