Deprecated: Optional parameter $post_id declared before required parameter $field is implicitly treated as a required parameter in /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/includes/acf-value-functions.php on line 54

Deprecated: Optional parameter $value declared before required parameter $field is implicitly treated as a required parameter in /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/includes/acf-value-functions.php on line 166

Deprecated: Optional parameter $post_id declared before required parameter $field is implicitly treated as a required parameter in /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/includes/acf-value-functions.php on line 166

Deprecated: Optional parameter $key declared before required parameter $value is implicitly treated as a required parameter in /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/includes/ajax/class-acf-ajax.php on line 76

Deprecated: Optional parameter $i declared before required parameter $post_id is implicitly treated as a required parameter in /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/pro/fields/class-acf-field-repeater.php on line 720

Deprecated: Optional parameter $i declared before required parameter $post_id is implicitly treated as a required parameter in /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/pro/fields/class-acf-field-repeater.php on line 786

Deprecated: Optional parameter $name declared before required parameter $field is implicitly treated as a required parameter in /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/pro/fields/class-acf-field-flexible-content.php on line 1038

Deprecated: Optional parameter $i declared before required parameter $post_id is implicitly treated as a required parameter in /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/pro/fields/class-acf-field-flexible-content.php on line 1074

Deprecated: Optional parameter $i declared before required parameter $post_id is implicitly treated as a required parameter in /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/pro/fields/class-acf-field-flexible-content.php on line 1126

Deprecated: Optional parameter $id declared before required parameter $field is implicitly treated as a required parameter in /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/pro/fields/class-acf-field-gallery.php on line 296

Warning: Cannot modify header information - headers already sent by (output started at /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/includes/acf-value-functions.php:54) in /home/jwblogger/jwBlogger/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/includes/acf-value-functions.php:54) in /home/jwblogger/jwBlogger/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/includes/acf-value-functions.php:54) in /home/jwblogger/jwBlogger/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/includes/acf-value-functions.php:54) in /home/jwblogger/jwBlogger/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/includes/acf-value-functions.php:54) in /home/jwblogger/jwBlogger/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/includes/acf-value-functions.php:54) in /home/jwblogger/jwBlogger/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/includes/acf-value-functions.php:54) in /home/jwblogger/jwBlogger/wp-includes/rest-api/class-wp-rest-server.php on line 1831

Warning: Cannot modify header information - headers already sent by (output started at /home/jwblogger/jwBlogger/wp-content/plugins/advanced-custom-fields-pro/includes/acf-value-functions.php:54) in /home/jwblogger/jwBlogger/wp-includes/rest-api/class-wp-rest-server.php on line 1831
{"id":218,"date":"2016-03-28T08:51:24","date_gmt":"2016-03-28T15:51:24","guid":{"rendered":"http:\/\/blog.jeffwilkerson.net\/?p=218"},"modified":"2016-03-28T08:51:24","modified_gmt":"2016-03-28T15:51:24","slug":"propifyyourlife-documentation","status":"publish","type":"post","link":"https:\/\/blog.jeffwilkerson.net\/2016\/03\/28\/propifyyourlife-documentation\/","title":{"rendered":"Documenting the #propifyyourlife App"},"content":{"rendered":"

Summary<\/h2>\n
The purpose of the #propifyyourlife app<\/a> is to present resources and images of yoga poses that promote knowledge and awareness of poses, as well as the promotion of the yoga community as a whole. More specifically, I wish to present alternative forms of practicing yoga to express my deep conviction that yoga is for every body, regardless of ability. Additionally, by building and maintaining this application, I am furthering my own knowledge of yoga and website development.<\/p>\n
<\/p>\n
This initial verson of the app is a collection bin of blog posts, images, and videos of individual yoga poses. Future development will include tagging these web resources as it relates to the health benefits they provide.<\/p>\n

Takeaways<\/h2>\n
\n
Full Stack Development<\/strong> – For this project, I identified the data I wanted to save, designed the database for the data, built my own API so I could store and retrieve the data, and used Bootstrap to style the data into interfaces<\/li>\n
The difference between Services and Factories<\/a><\/li>\n
File Upload with AngularJS<\/a><\/li>\n
AngularJS Directives<\/a> including restrictions, scopes, collaborating directives<\/a><\/li>\n<\/ul>\n
The Code<\/h2>\n
Directives<\/h3>\n
\n
Pose List View<\/h4>\n
\n
Installs mouse event handlers onto the view for the Pose List<\/li>\n
View The Code<\/a>\n
\nangular.module('YogaPoseApp').controller('PoseListCtrl', ['$scope', '$location', 'poseListService', function ($scope, $location, appService ) {\n\t\/\/ DATA INIT\n\t$scope.poses = [];\n\tconsole.log('PoseListCtrl()');\n\n\t$scope.status = \"Initiate\";\n\t$scope.filtering = false;\n\n\t$scope.activeTags = \"\";\n\t$scope.tags = {};\n\n\t$scope.isReady = false;\n\n\t$scope.defaultImage = $scope.activePoseImg = 'http:\/\/placehold.it\/350x350';\n\t\n\t\/\/ GET ALL POSES\n\tappService.getPoses().then(function(response) {\n\t\tconsole.log(response);\n\t\t$scope.poseList = response.data;\n\t\t$scope.isReady = true;\n\t}, function(response) {\n\t\t$scope.status = \"Error getting poses\";\n\t\tconsole.log('Error fetching poses', response);\n\t});\n\n\t\/\/ LOAD TAGS\n\t\/\/ Specifically, we load the pose types. Every pose belongs to at least one of these Pose Types.\n\t\/\/ The user can filter the pose list with these specific tags\n\tappService.loadPoseTypes().then(function(response) {\n\t\tangular.forEach(response.data, function(data) {\n\t\t\t$scope.tags[data.ID] = {ID: data.ID, tagName: data.tagName, filterOn: false};\n\t\t})\n\t}, function(response) {\n\t\t$scope.status = \"Error getting tags\";\n\t\tconsole.log('Error fetching tags', response);\n\t});\n\n\n\t\/\/ Custom filter to filter the poses by pose type.\n\t$scope.filterList = function(pose) {\n\t\tif(!$scope.filtering) \n\t\t\treturn true;\n\t\telse {\n\t\t\treturn $scope.activeTags.replace(\/\\s,\\s\/g, ',').split(',').every(function(cat) {\n\t\t\t\treturn pose.tags.some(function(objTag){\n\t\t\t\t\treturn objTag.ID.indexOf(cat) !== -1;\n\t\t\t\t});\n\t\t\t});\n\t\t}\n\t};\n\n\t\/\/ Manages the ActiveTags (string) scope variable\n\t$scope.toggleTag = function(tag) {\n\t\tif($scope.activeTags.indexOf(tag) >= 0)\n\t\t\t$scope.activeTags = $scope.activeTags.replace(tag+',', '');\n\t\telse\n\t\t\t$scope.activeTags += tag + ',';\n\t}\n\n\t\/\/ Changes the View.\n\t$scope.go = function(path) {\n\t\t$location.path(path);\n\t}\n}]);\n<\/pre>\n<\/li>\n<\/ul>\n
yogaLinkFeed<\/h4>\n
\n
Serves as a view for the LinkList model.<\/li>\n
View The Code<\/a>\n
\nangular.module('YogaPoseApp').directive('yogaLinkFeed', ['$compile', function($compile) {\n\tconsole.log('yogaInstafeed()');\n\tvar tpl = \"
Other Links<\/h3>
{{LinkListStatus}}<\/p>
\" +\n\t\t\t\t\t\"
<\/div>\" +\n\t\t\t\t\t\"
\" + \n\t\t\t\t\t\t\"
{{link.title}}<\/a><\/h5>\" +\n\t\t\t\t\t\t\"
{{link.description}}{{link.domain}}<\/strong><\/p>\" +\n\t\t\t\t\t\"<\/div>\" +\n\t\t\t\t\"<\/div>\";\n\n\treturn {\n\t\trestrict: 'EC',\n\t\treplace: true,\n\t\ttemplate: tpl,\n\t\tscope: false,\n\t\tlink: function($scope, $el, attrs, $rootScope ) {\n\n\t\t}\n\t}\n}]);\n\t\t\t\t<\/pre>\n<\/li>\n<\/ul>\n
yogaInstaFeed<\/h4>\n\n
Serves as a view for the Yogagram model.<\/li>\n
View The Code<\/a>\n
\nangular.module('YogaPoseApp').directive('yogaInstaFeed', ['$compile', function($compile) {\n\tconsole.log('yogaInstafeed()');\n\tvar tpl = \"
\" +\n\t\t\t\t\"
From Instagram<\/h3>\" +\n\t\t\t\t\"
\" +\n\t\t\t\t\t\"
\" +\n\t\t\t\t\t\t\"\" +\n\t\t\t\t\t\t\t\"\" +\n\t\t\t\t\t\t\"<\/span>\" +\n\t\t\t\t\t\"<\/li>\" +\n\t\t\t\t\"<\/ul><\/div><\/div>\" + \n\n\t\t\t\"<\/div>\";\n\n\treturn {\n\t\trestrict: 'EC',\n\t\treplace: true,\n\t\ttemplate: tpl,\n\t\tscope: false,\n\t\tlink: function($scope, $el, attrs, $rootScope ) {\n\t\t\t$scope.$watch(function() { return $scope.pose; }, function(newVal) {\n\t\t\t\tif(newVal)\n\t\t\t\t\t$el.append(\"
See Instagram posts tagged as '\" + $scope.pose.sanskritName + \"'<\/a><\/p><\/div>\");\n\t\t\t});\n\t\t}\n\t}\n}]);\n<\/pre>\n<\/li>\n<\/ul>\n
yogaVideoList<\/h4>\n
\n
Serves as a view for the VideoList model.<\/li>\n
View The Code<\/a>\n
\nangular.module('YogaPoseApp').directive('yogaVideoList', ['$compile', function($compile) {\n\tconsole.log('yogaVideoList()');\n\tvar rootTpl = \"
{{videoListStatus}}<\/h3>
\" +\n\t\t\t\t\"
\" +\n\t\t\t\t\t\"
<\/div>\" +\n\t\t\t\t\t\"
\" + \n\t\t\t\t\t\t\"
{{video.title}}<\/h5>\" +\n\t\t\t\t\t\t\"
{{video.title}}<\/strong><\/a><\/p>\" +\n\t\t\t\t\t\t\"
{{video.duration}}<\/div>\" +\n\t\t\t\t\t\"<\/div>\" +\n\t\t\t\t\"<\/div>\" +\n\t\t\t\"<\/div><\/div>\";\n\treturn {\n\t\trestrict: 'AC',\n\t\treplace: true,\n\t\ttemplate: rootTpl,\n\t\tscope: false,\n\t\tlink: function($scope, $el, attrs, $rootScope ) {\n\n\t\t\tvar videoTpl = \"\" +\n\t\t\t\t\t\"
<\/div>\" +\n\t\t\t\t\t\"
\" + \n\t\t\t\t\t\t\"
{{video.title}}<\/h5>\" +\n\t\t\t\t\t\t\"
{{video.title}}<\/strong><\/a><\/p>\" +\n\t\t\t\t\t\t\"
{{video.duration}}<\/div>\" +\n\t\t\t\t\t\"<\/div>\" +\n\t\t\t\t\"<\/div>\";\n\t\t\t$scope.$watch(function(scope) { return scope.videoList; }, function(newVal, oldVal) {\n\t\t\t\tif(newVal.length && false) {\n\t\t\t\t\tvar newItem = newVal[newVal.length-1];\n\t\t\t\t\tvar html = videoTpl;\n\n\t\t\t\t\thtml = html.replace('%title%', newItem.title, 'g');\n\t\t\t\t\thtml = html.replace('%img%', newItem.img, 'g');\n\t\t\t\t\thtml = html.replace('%locator%', newItem.locator, 'g');\n\t\t\t\t\thtml = html.replace('%duration%', newItem.duration, 'g');\n\n\t\t\t\t\t$el.append($compile(html)($scope));\n\t\t\t\t}\n\n\t\t\t}, true);\n\t\t}\n\t}\n}]);\n\n\t\t\t\t<\/pre>\n<\/li>\n<\/ul>\n
yogaMediaViewer<\/h4>\n
\n
Element to facilitate the display of each pose asset.<\/li>\n
View The Code<\/a>\n
\nangular.module('YogaPoseApp').directive('yogaMediaViewer', function() {\n\treturn {\n\t\trestrict: 'AC',\n\t\t\/scope: {\n\t\t\tpose: '=',\n\t\t\tmediaObj: '='\n\t\t},\/\n\t\tscope: false,\n\t\treplace: true,\n\t\ttemplate: '
<\/div>
',\n\t\tlink: function($scope, $el, $attrs) {\n\t\t\t\/\/scope.watch mediaObj\n\n\t\t\tvar contentTpl= {\n\t\t\t\tyoutube: function(obj) {\n\t\t\t\t\tconsole.log(obj);\n\t\t\t\t\tvar html = '
'+obj.title+'<\/h4>
<\/iframe><\/div>';\n\t\t\t\t\tif(obj.tags && obj.tags.length) {\n\t\t\t\t\t\thtml += '<p>Tags: ';\n\t\t\t\t\t\tfor(var i = 0; i < obj.tags.length; i++) {\n\t\t\t\t\t\t\thtml += '<a href=\"#\">' + obj.tags[i].tagName + '<\/a>';\n\t\t\t\t\t\t\tif(i < obj.tags.length - 1)\n\t\t\t\t\t\t\t\thtml += ', ';\n\t\t\t\t\t\t}\n\t\t\t\t\t\thtml += '<\/p>';\n\t\t\t\t\t}\n\t\t\t\t\thtml += '<\/div>'\n\t\t\t\t\treturn html;\n\t\t\t\t},\n\t\t\t\tinstagram: function(obj) {\n\t\t\t\t\tvar html, user, type, media, date, caption;\n\n\t\t\t\t\tvar titleEL, mediaRow, captionRow;\n\t\t\t\t\ttype = obj.type;\n\t\t\t\t\tuser = obj.user,\n\n\t\t\t\t\tmedia = obj.media,\n\n\t\t\t\t\tdate = obj.date\n\n\t\t\t\t\tcaption = obj.caption;\n\n\n\t\t\t\t\ttitleEL = \"<div class='media'><div class='media-left'><a href='https:\/\/www.instagram.com\/\"+user.name+\"'><img class='instagram-profile-pic' src='\"+user.pic+\"'\/><\/a><\/div> \";\n\t\t\t\t\ttitleEL += \"<div class='media-body'><h4 class='media-heading'><a href='https:\/\/www.instagram.com\/\"+user.name+\"'>\"+user.name+\"<\/a><\/h4>Published:\"+date+\"<\/div><\/div>\";\n\n\t\t\t\t\tif(type == \"video\") {\n\t\t\t\t\t\tconsole.log('showVideo');\n\t\t\t\t\t\tmediaRow = \"<div class='instagram-video'><\/div>\";\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tmediaRow = \"<div class='instagram-image'><a href='\"+media.link+\"' target='_blank' rel=\"noopener noreferrer\"><img class='img-responsive' src='\"+media.obj.standard_resolution.url+\"'\/><\/a><\/div>\";\n\t\t\t\t\t}\n\n\t\t\t\t\tcaptionRow = \"<div class='instagramCaption'><h4>Caption<\/h4><p>\"+caption+\"<\/p><\/div>\";\n\t\t\t\t\tif(obj.myTags && obj.myTags.length) {\n\t\t\t\t\t\tcaptionRow += \"<div class='instagramCaption'><h4>Internal Tags:<\/h4><p>\";\n\t\t\t\t\t\tfor(var i = 0; i < obj.myTags.length; i++) {\n\t\t\t\t\t\t\tcaptionRow += '<a href=\"#\">' + obj.myTags[i].tagName + '<\/a>';\n\t\t\t\t\t\t\tif(i < obj.myTags.length - 1)\n\t\t\t\t\t\t\t\tcaptionRow += ', ';\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcaptionRow += '<\/p><\/div>';\n\t\t\t\t\t}\n\n\t\t\t\t\treturn titleEL + mediaRow + captionRow;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t$scope.$watch('mediaObj', function(newVal, oldVal) {\n\t\t\t\tif(newVal) {\n\t\t\t\t\tvar content = '';\n\t\t\t\t\tif((typeof newVal) == \"string\") {\n\t\t\t\t\t\tif(newVal.match(\/\\.(?:jpg|gif|png)$\/)) {\n\t\t\t\t\t\t\tcontent = '<img decoding=\"async\" src=\"'+newVal+'\"\/>';\n\t\t\t\t\t\t}\n\t\t\t\t\t\telse if(newVal.length == 11) {\n\t\t\t\t\t\t\tcontent = contentTpl.youtube(newVal);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\telse if((typeof newVal) == \"object\") {\n\t\t\t\t\t\tif((newVal.link && newVal.link.indexOf('instagram') > -1) || newVal.asset_type == 4)\n\t\t\t\t\t\t\tcontent = contentTpl.instagram(newVal);\n\t\t\t\t\t\telse if(newVal.locator)\n\t\t\t\t\t\t\tcontent = contentTpl.youtube(newVal);\n\t\t\t\t\t}\n\t\t\t\t\telse {\n\t\t\t\t\t\tcontent = \"<a href='\"+newVal+\"' target='_blank' rel=\"noopener noreferrer\">\"+newVal+\"<\/a>\";\n\t\t\t\t\t}\n\t\t\t\t\t$el.find('.media-content').html(content);\n\t\t\t\t\tconsole.log('showing', newVal);\n\t\t\t\t\t$scope.$emit('newMedia', newVal)\n\t\t\t\t}\n\t\t\t}, true);\n\t\t}\n\t}\n});\n<\/pre>\n<\/li>\n<\/ul><\/div>\n<h3>Services<\/h3>\n<div class='indent'>\n<h4>PoseListService<\/h4>\n<ul>\n<li>Supports the Pose List View by getting the list of poses, and the types of poses to facilitate filtering.<\/li>\n<li><a href='#poseListService'>View The Code<\/a>\n<pre id='poseListService' class=\"prettyprint lang-javascript\">\nangular.module('YogaPoseApp').service('poseListService', ['$http', function($http, $q) {\n\tvar poseData = false;\n\treturn ({\n\t\tgetPoses: function() {\n\t\t\tvar request;\n\n\t\t\tif(!poseData) {\n\t\t\t\trequest = $http.get('.\/api\/getAllPoses', {cache: true});\n\t\t\t\treturn (request.then(function(response) {\n\t\t\t \t\treturn response.data;\n\t\t\t \t}, function(response) {\n\t\t\t \t\tif(!angular.isObject(response.data) || !response.data.message)\n\t\t\t \t\t\treturn ($q.reject(\"An uknown error has occured\"));\n\n\t\t\t \t\treturn ($q.reject(response.data));\n\t\t\t \t}));\t\t\n\t\t\t}\n\t\t},\n\t\tloadPoseTypes: function () {\n\t\t\tvar request = $http.get('.\/api\/loadTags?query=poseTypes', {cache: true});\n\t\t\treturn (request.then(function(response) {\n\t\t\t \t\treturn response.data;\n\t\t\t \t}, function(response) {\n\t\t\t \t\tif(!angular.isObject(response.data) || !response.data.message)\n\t\t\t \t\t\treturn ($q.reject(\"An uknown error has occured\"));\n\n\t\t\t \t\treturn ($q.reject(response.data));\n\t\t\t \t})\n\t\t\t);\n\t\t}\n\t});\n}])\n<\/pre>\n<\/li>\n<\/ul>\n<h4>SinglePoseService<\/h4>\n<ul>\n<li>Supports the Single Pose View by getting Pose info, getting it’s assets, then going out to the web to find more data about those assets.<\/li>\n<li><a href='#singlePoseService'>View The Code<\/a>\n<pre id=\"singlePoseService\" class=\"prettyprint lang-javascript\">\nangular.module('YogaPoseApp').service('singleoseService', ['$http', function ($http, $q) {\n\treturn ({\n\t\tgetPose: getPose,\n\t\tgetAssets: getAssets,\n\t\tgetInstagrams: getInstagrams,\n\t\tgetSingleInstagram: getSingleInstagram,\n\t\tgetVideoInfo: getVideoInfo,\n\t\tgetPageInfo: function(url) {\n\n\t\tvar request = $http.get('.\/api\/getPageInfo?url='+url, {cache: true});\n\t\treturn (request.then(handleSuccess, handleError));\n\t\t},\n\t});\n\n\n\tfunction getPose(name) {\n\t\tvar request, requestObj;\n\t\tif(Number.isInteger(name)) {\n\t\t\trequestObj = {'ID': name};\n\t\t}\n\t\telse\n\t\t\trequestObj = {'sanskritName': name};\n\t\trequest = $http.get('.\/api\/getPose\/'+name, {cache: true});\n\t\treturn (request.then(handleSuccess, handleError));\t\t\n\t}\n\n\tfunction getAssets(poseID) {\n\t\tvar request = $http.get('.\/api\/getAssets\/'+poseID, {cache: true});\n\t\treturn (request.then(handleSuccess, handleError));\n\t}\n\n\n\t\n\tfunction getInstagrams(tag) {\n\t\tvar base = 'https:\/\/api.instagram.com\/v1\/tags\/' + tag + '\/media\/recent?access_token=';\n\t\tvar token = '211521125.467ede5.87ba7f407a0c40b191db7899a75b116c';\n\t\tvar end = \"&callback=JSON_CALLBACK\";\n\n\t\tvar request = $http.jsonp(base + token + end);\n\t\treturn (request.then(handleSuccess, handleError));\n\t};\n\tfunction getSingleInstagram(shortcode) {\n\t\tvar base = 'https:\/\/api.instagram.com\/v1\/media\/shortcode\/'+shortcode+'?access_token=';\n\t\tvar token = '211521125.467ede5.87ba7f407a0c40b191db7899a75b116c';\n\t\tvar end = \"&callback=JSON_CALLBACK\";\n\t\tvar request = $http.jsonp(base + token + end);\n\t\treturn (request.then(handleSuccess, handleError));\n\t};\n\n\tfunction getVideoInfo(videoID) {\n\t\tvar key = \"AIzaSyBVBe0KqROzVUDK31iOC2Tjpc4ViSVeUVI\";\n\t\tvar url = \"https:\/\/www.googleapis.com\/youtube\/v3\/videos?id=\"+videoID+\"&key=\"+key+\"&part=snippet,contentDetails\";\n\n\t\treturn $http.get(url, {cache: true});\n\t}\n\n\tfunction handleSuccess(response) {\n\t\treturn response.data;\n\t}\n\tfunction handleError(response) {\n\t\tif(!angular.isObject(response.data) || !response.data.message)\n\t\t\treturn ($q.reject(\"An uknown error has occured\"));\n\n\t\treturn ($q.reject(response.data));\n\t}\n}]);\n\t\t\t<\/pre>\n<\/li>\n<\/ul>\n<\/div>\n<h3>Controllers<\/h3>\n<div class='indent'>\n<h4>Pose List Ctrl<\/h4>\n<ul>\n<li>Initializes retrieval of data from the service.<\/li>\n<li><strong>Key Functions:<\/strong>\n<ul>\n<li>\n\t\t\t\t\tfilterList() : A custom Filter<\/p>\n<pre class=\"prettyprint lang-javascript\">\n$scope.filterList = function(pose) {\n\tif(!$scope.filtering) \n\t\treturn true;\n\telse {\n\t\treturn $scope.activeTags.replace(\/\\s,\\s\/g, ',').split(',').every(function(cat) {\n\t\t\treturn pose.tags.some(function(objTag){\n\t\t\t\treturn objTag.ID.indexOf(cat) !== -1;\n\t\t\t});\n\t\t});\n\t}\n};\n\t\t\t\t\t<\/pre>\n<\/li>\n<li>\n\t\t\t\t\ttoggleTag(): Manages the $scope.activeTags variable<\/p>\n<pre class=\"prettyprint lang-javascript\">\n\/\/ Manages the ActiveTags (string) scope variable\n$scope.toggleTag = function(tag) {\n\tif($scope.activeTags.indexOf(tag) >= 0)\n\t\t$scope.activeTags = $scope.activeTags.replace(tag+',', '');\n\telse\n\t\t$scope.activeTags += tag + ',';\n}\n\n\t\t\t\t\t<\/pre>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h4>Single Pose View<\/h4>\n<ul>\n<li>Initializes retrival of data for a single pose. Once the data is returned from the service, the controller retrives any assets saved for that pose.<\/li>\n<li>Controls the models used in the Single Pose View. Models include\n<ul>\n<li>LinkList<\/li>\n<li>Yogagrams (Instagram posts)<\/li>\n<li>VideoList<\/li>\n<\/ul>\n<\/li>\n<li><a href='#singlePoseView'>View The Code<\/a>\n<pre id='singlePoseView' class=\"prettyprint lang-javascript\">\nangular.module('YogaPoseApp').controller('SinglePoseCtrl', ['$scope', '$routeParams', 'singlePoseService', '$q', '$rootScope', function($scope, $routeParams, appService, $q, $rootScope) {\n\tconsole.log('SinglePoseCtrl()');\n\tvar poseName = $routeParams.sanskritName;\n\t\n\tvar camelize = function (str) {\n\t return str.replace(\/(?:^\\w|[A-Z]|\\b\\w)\/g, function(letter, index) {\n\t return index == 0 ? letter.toLowerCase() : letter.toUpperCase();\n\t }).replace(\/\\s+\/g, '');\n\t}\n\n\t$scope.pose = null;\n\t$scope.viewportStatus = 'Init';\n\n\t$scope.videoList = [];\n\t$scope.videoListStatus = \"Videos\";\n\n\t$scope.linkList = [];\n\t$scope.LinkListStatus = false;\n\t$scope.imgAssetList = [];\n\t$scope.yogagramList = [];\n\t$scope.instagrams = [];\n\n\t$scope.mediaObj = null;\n\n\t$scope.myTags = [];\n\t\/\n\t$scope.loadTags = function(query) {\n\t\tconsole.log(query);\n\t\treturn appService.loadTags(query);\n\t};\n\t$scope.saveTags = function() {\n\t\tconsole.log($scope.myTags);\n\t\tappService.saveTags({tags: $scope.myTags, poseID: $scope.pose.ID}).then(function(response) {\n\t\t\tconsole.log('success saving tags');\n\t\t}, function(response) {\n\t\t\tconsole.log(\"an error has occured while saving tags\", response);\n\t\t})\n\t}\n\t\/\n\n\t\n\tappService.getPose(poseName).then(function(response) {\n\t\tvar poseID, tagName;\n\t\t\n\t\t$scope.pose = response.data;\n\t\t\n\t\tposeID = $scope.pose['ID'];\n\t\ttagName = camelize($scope.pose['sanskritName']);\n\n\t\tgetAssets(poseID);\n\n\t\t$rootScope.pageTitle = $scope.pose['sanskritName'] + ' | ' + $scope.pose['englishName'];\n\n\t}, function(response) {\n\t\t$scope.status = \"Error getting pose\";\n\t\tconsole.log('Error fetching pose: ' + poseName, response);\n\t});\n\n\t$scope.getVideoList = function() { return $scope.videoList; };\n\n\t$scope.view = function(asset) {\n\t\t$scope.mediaObj = asset;\n\t\treturn false;\n\t}\n\n\t$scope.getPageInfo = function(asset) {\n\t\tvar url = asset.locator, myAsset = asset;\n\t\tappService.getPageInfo(url).then(function(response) {\n\t\t\tfor(var attr in response.data) {\n\t\t\t\tmyAsset[attr] = response.data[attr];\n\t\t\t}\n\t\t\t$scope.linkList.push(myAsset);\n\t\t\t$scope.LinkListStatus = false;\n\n\n\t\t}, function(response) {\n\t\t\t$scope.status = \"Error getting page\";\n\t\t\tconsole.log('Error fetching page: ' + url, response);\n\t\t});\n\t}\n\n\n\n\n\tvar getAssets = function(poseID) {\n\t\t$scope.videoListStatus = \"Videos Loading...\";\n\t\t$scope.LinkListStatus = \"Links Loading...\";\n\t\tappService.getAssets(poseID).then(function(response) {\n\t\t\tvar data = response.data;\n\t\t\tfor(var i = 0; i < data.length; i++) {\n\t\t\t\tswitch(data[i].fk_type) {\n\t\t\t\t\tcase '1':\n\t\t\t\t\t\t\/\/image\n\t\t\t\t\t\t$scope.imgAssetList.push(data[i])\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase '2':\n\t\t\t\t\t\t\/\/video\n\t\t\t\t\t\tpushVideoItem({locator: data[i].locator, tags: (data[i].tags || []), ID: data[i].ID, notes: data[i].notes});\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase '3':\n\t\t\t\t\t\t$scope.getPageInfo(data[i]);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase '4':\n\t\t\t\t\t\tpushYogagram({locator: data[i].locator, tags: (data[i].tags || []), ID: data[i].ID, notes: data[i].notes});\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t}\n\n\t\t\tif(!$scope.videoList.length) {\n\t\t\t\t$scope.videoListStatus = \"\";\n\t\t\t}\n\t\t\t$scope.$broadcast('yogaAssetsLoaded');\n\t\t\t\t\n\n\t\t}, function(response) {\n\t\t\t$scope.status = \"Error getting pose asset\";\n\t\t\tconsole.log('Error getting pose assets', poseID, response);\n\t\t});\n\n\t};\t\n\tvar getInstagrams = function(tag) {\n\t\t\/var deferred = $q.defer();\n\t\tdeferred.notify();\n\n\t\t\/\n\t\tappService.getInstagrams(tag).then(function(response) {\n\t\t\tvar data = response.data;\n\t\t\tconsole.log(data);\n\t\t\t\/\/$scope.instagrams = data;\n\t\t}, function(response) {\n\t\t\t$scope.status = \"Error getting pose asset\";\n\t\t\tconsole.log('Error getting pose assets', tag, response);\n\t\t});\n\n\n\t};\n\tvar pushVideoItem = function(vidObj) {\n\t\tvar obj = angular.copy(vidObj);\n\t\tvar response = appService.getVideoInfo(obj.locator).then(function(response) {\n\t\t\tvar data = response.data;\n\n\t\t\tobj.duration= (function(t) {\n\t\t\t\tvar t = t.replace(\"PT\",'').replace('M',':').replace('S', '');\n\t\t\t\tvar explode = t.split(\":\");\n\t\t\t\tif(!explode[1] || explode[1] == \"\")\n\t\t\t\t\texplode[1] = \"00\";\n\t\t\t\treturn explode[0]+\":\"+explode[1].replace(\/(^|[^0-9])([0-9]{1})($|[^0-9])\/, '0$2');\n\t\t\t})(data.items[0].contentDetails.duration);\n\t\t\tobj.title = data.items[0].snippet.title;\n\t\t\tobj.img = data.items[0].snippet.thumbnails.default.url;\n\t\t\t\/\/console.log('pushing', obj);\n\t\t\tobj.asset_type = 2,\n\t\t\t$scope.videoList.push(obj);\n\t\t}, function(response) {\n\t\t\t$scope.status = \"Error getting video info\";\n\t\t\tconsole.log('Error getting video info', videoID, response);\n\t\t});\n\t}\n\tvar pushYogagram = function(yogObj) {\n\t\tvar myYogObj = angular.copy(yogObj);\n\t\tvar response = appService.getSingleInstagram(myYogObj.locator).then(function(response) {\n\n\t\t\tvar obj, user, type, media, date, date_str, caption;\n\t\t\tvar data = response.data;\n\t\t\tif(response.meta.code == 200) {\n\t\t\t\ttype = data.type;\n\t\t\t\tuser = {\n\t\t\t\t\tname: data.user.username,\n\t\t\t\t\tpic: data.user.profile_picture\n\t\t\t\t};\n\n\t\t\t\tmedia = {\n\t\t\t\t\tobj: data[type+'s'],\n\t\t\t\t\tlink: data.link\n\t\t\t\t};\n\n\t\t\t\tdate = new Date(data.created_time * 1000);\n\t\t\t\tdate = date.toString('MMMM d, yyyy');\n\n\t\t\t\tcaption = data.caption.text.parseInstagramHashtag();\n\n\t\t\t\tyogagram = {\n\t\t\t\t\ttype: type,\n\t\t\t\t\tuser: user,\n\t\t\t\t\tmedia: media,\n\t\t\t\t\tcaption: caption,\n\t\t\t\t\tmyTags: myYogObj.tags,\n\t\t\t\t\tnotes: (myYogObj.notes == \"-1\") ? false : myYogObj.notes,\n\t\t\t\t\tID: myYogObj.ID,\n\t\t\t\t\tdate: date,\n\t\t\t\t\tasset_type: 4\n\t\t\t\t};\n\n\t\t\t\t$scope.yogagramList.push(yogagram);\n\t\t\t}\n\t\t\telse\n\t\t\t\tconsole.log('no instagram data', data);\n\n\t\t}, function(response) {\n\t\t\t$scope.status = \"Error getting yogagram\";\n\t\t\tconsole.log('Error getting yogagram', yogObj, response);\n\t\t});\n\t}\n\t\n}]);\n<\/pre>\n<\/li>\n<\/ul>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Summary The purpose of the #propifyyourlife app is to present resources and images of yoga poses that promote knowledge and awareness of poses, as well as the promotion of the yoga community as a whole. More specifically, I wish to present alternative forms of practicing yoga to express my deep conviction that yoga is for […]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"_links":{"self":[{"href":"https:\/\/blog.jeffwilkerson.net\/wp-json\/wp\/v2\/posts\/218"}],"collection":[{"href":"https:\/\/blog.jeffwilkerson.net\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/blog.jeffwilkerson.net\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/blog.jeffwilkerson.net\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/blog.jeffwilkerson.net\/wp-json\/wp\/v2\/comments?post=218"}],"version-history":[{"count":0,"href":"https:\/\/blog.jeffwilkerson.net\/wp-json\/wp\/v2\/posts\/218\/revisions"}],"wp:attachment":[{"href":"https:\/\/blog.jeffwilkerson.net\/wp-json\/wp\/v2\/media?parent=218"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/blog.jeffwilkerson.net\/wp-json\/wp\/v2\/categories?post=218"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/blog.jeffwilkerson.net\/wp-json\/wp\/v2\/tags?post=218"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}