Vitalii Bobrov vitaliy-bobrov
vitaliy-bobrov
/ gist:fef30b17a142d63914b9
Last active
June 1, 2017 11:22
Tutorial App services.js part 4
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| angular.module('starter.services', []) | |
| .factory('Categories', ['$http', '$q', 'config', function($http, $q, config) { | |
| //Endpoints Variables. | |
| var categoriesEndpoint = 'categories', | |
| categoryEndpoint = 'category/'; | |
| return { |
vitaliy-bobrov
/ gist:12c40bb24ea15a3fd86c
Created
February 10, 2015 14:49
Tutorial App part 4 - tab-articles.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-view view-title="Articles"> | |
| <ion-content> | |
| <ion-list> | |
| <ion-item class="list card" ng-repeat="article in articles" type="item-text-wrap" href="#/tab/articles/{{article.nid}}"> | |
| <h2 class="title">{{article.title}}</h2> | |
| <div class="item item-image"> | |
| <img ng-src="{{article.image}}"> | |
| </div> | |
| </ion-item> | |
| </ion-list> |
vitaliy-bobrov
/ gist:76c90d0572841722736c
Created
February 10, 2015 15:10
Tutorial App part 4 - category.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-view view-title="{{category.name}}"> | |
| <ion-content> | |
| <ion-list> | |
| <ion-item class="list card" ng-repeat="article in articles" type="item-text-wrap" href="#/tab/category/article/{{article.nid}}"> | |
| <h2 class="title">{{article.title}}</h2> | |
| <div class="item item-image"> | |
| <img ng-src="{{article.image}}"> | |
| </div> | |
| </ion-item> | |
| </ion-list> |
vitaliy-bobrov
/ gist:d6438121c79b69837cec
Created
February 10, 2015 15:14
Tutorial App part 4 - tab-categories.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-view view-title="Categories"> | |
| <ion-content> | |
| <ion-list> | |
| <ion-item class="item-icon-right" ng-repeat="category in categories" type="item-text-wrap" href="#/tab/category/{{category.tid}}"> | |
| <h2>{{category.name}} ({{category.articles_count}})</h2> | |
| <i class="icon ion-chevron-right icon-accessory"></i> | |
| </ion-item> | |
| </ion-list> | |
| </ion-content> | |
| </ion-view> |
vitaliy-bobrov
/ gist:38c2fb4a85a5a1c79633
Created
February 10, 2015 15:18
Tutorial App part 4 - article-detail.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <ion-view view-title="{{article.title}}"> | |
| <ion-content class="padding"> | |
| <img ng-src="{{article.image}}" class="padding"> | |
| <h1>{{article.title}}</h1> | |
| <article ng-bind-html="article.body"></article> | |
| </ion-content> | |
| </ion-view> |
vitaliy-bobrov
/ gist:774da5ff5b680610db0b
Created
February 10, 2015 15:45
Tutorial App part 4 - CategoriesCtrl
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .controller('CategoriesCtrl', ['$scope', '$ionicLoading', 'Categories', function($scope, $ionicLoading, Categories) { | |
| $ionicLoading.show(); | |
| Categories.all().then(function(data) { | |
| $ionicLoading.hide(); | |
| $scope.categories = data; | |
| }, function(error) { | |
| console.log(error); | |
| }); |
vitaliy-bobrov
/ gist:ed376e3f222a9aa4f827
Created
February 10, 2015 15:46
Tutorial App part 4 - ArticleDetailCtrl
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .controller('ArticleDetailCtrl', ['$scope', '$stateParams', '$ionicLoading', 'Articles', function($scope, $stateParams, $ionicLoading, Articles) { | |
| $ionicLoading.show(); | |
| Articles.get($stateParams.articleId).then(function(data) { | |
| $ionicLoading.hide(); | |
| $scope.article = data[0]; | |
| }, function(error) { | |
| console.log(error); | |
| }); |
vitaliy-bobrov
/ gist:bb7592e0cd20fe51981c
Created
February 10, 2015 15:51
Tutorial App part 4 - ArticlesCtrl
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .controller('ArticlesCtrl', ['$scope', 'Articles', function($scope, Articles) { | |
| $scope.page = 0; | |
| $scope.articles = []; | |
| $scope.morePageExist = true; | |
| $scope.loadMore = function() { | |
| Articles.all($scope.page).then(function(data) { | |
| var length = data.length; | |
| if(length > 0) { |
vitaliy-bobrov
/ gist:b9104d2aef62dfbdb444
Created
February 10, 2015 15:52
Tutorial App part 4 - CategoryCtrl
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| .controller('CategoryCtrl', ['$scope', '$stateParams', 'Categories', function($scope, $stateParams, Categories) { | |
| $scope.page = 0; | |
| $scope.articles = []; | |
| $scope.category = false; | |
| $scope.morePageExist = true; | |
| $scope.loadMore = function() { | |
| Categories.get($stateParams.catId, $scope.page).then(function(data) { | |
| var length = data.length; |
vitaliy-bobrov
/ gist:f137c25757cc8036b240
Created
February 16, 2015 13:22
Tutorial App part 5 - index.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <meta charset="utf-8"> | |
| <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> | |
| <title></title> | |
| <link href="lib/ionic/css/ionic.css" rel="stylesheet"> | |
| <link href="css/style.css" rel="stylesheet"> |