n8finch

// Use Gists to store code you would like to remember later on
console.log(window); // log the "window" object to the console

n8finch

Random Quote-to-Tweet Machine

Quote should shake and appear after the button is clicked, like an 8 ball.

Click to tweet!

Quotes from the movie, gathered from: http://www.today.com/id/44080281/ns/today-today_entertainment/t/dude-abides-quotable-lebowski/#.Vmy9DRp95E4

A Pen by Nate Finch on CodePen.

n8finch

//*Add a controller in the Angular view to work with
add_action('genesis_loop', __NAMESPACE__ . '\do_ng_view_content');
function do_ng_view_content() {
   $output =    '<div ng-controller="example">'.
                '<h2>Recent Posts</h2>'.
                '{{posts}}'.
                '</div>';
   echo $output;
}

n8finch

(function (angular) {
  'use strict';

  angular.module('myApp', [])
    .controller('example', ['$scope', '$http', function ($scope, $http) {
      $http({
        url: 'https://n8finch.dev/wp-json/wp/v2/posts',
        cache: true
      }).success(function (res) {
        $scope.posts = res;

n8finch

(function (angular) {
  'use strict';

  angular.module('myApp', [])
    .controller('example', ['$scope', '$http', function ($scope, $http) {
      $http({
        url: 'https://n8finch.dev/wp-json/wp/v2/posts',
        cache: true
      }).success(function (res) {
        $scope.posts = res;

n8finch

//*Add a controller in the Angular view to work with
add_action('genesis_loop', __NAMESPACE__ . '\do_ng_view_content');
function do_ng_view_content() {
   $output =   '<div ng-controller="example">'.
                 '<h2>Recent Posts:</h2>'.
                 '<div class="posts-list" ng-repeat="post in posts">'. 
                    '<div class="single-post">'.
                    '<h2>{{post.title.rendered}}</h2>'.
                    '<p>Posted by Name on {{post.date | date:\'longDate\'}}</p>'.
                    '<img src="http://placekitten.com/g/200/300"/>'.

n8finch

//* =================================================
//* Mostly from Mor10's Lynda course
//* Add various fields to the WP REST API JSON output
//* https://www.lynda.com/WordPress-tutorials/WordPress-REST-API-WP-API-First-Look/383783-2.html

function register_new_restapi_fields() {
	// Add Author Name
	register_api_field( 'post',
		'author_name',
		array(

n8finch

<div ng-controller="Posts" ng-repeat="post in posts">
    <article class="single-post post type-post status-publish format-standard has-post-thumbnail entry">
        <header class="entry-header">
            <h2 class="entry-title">{{post.title.rendered}}</h2>
            <p class="entry-meta">Posted by {{post.author_name}} on {{post.date | date:'longDate'}}</p>
        </header>
        <img class="attachment-post-image size-post-image wp-post-image" ng-src="{{post.featured_image_src}}"/>
        <div class="entry-content">
            <p ng-bind-html="post.excerpt.rendered | to_trusted"></p>
            <p><a href="#/post/{{post.slug}}">Read more...</a></p>

n8finch

//*Add a controller in the Angular view to work with
add_action('genesis_loop', __NAMESPACE__ . '\do_ng_view_content');
function do_ng_view_content() {
$output =   '<div ng-controller="example">'.
            '<div class="posts-list" ng-repeat="post in posts">'.
            '<div class="single-post">'.
            '<h2>{{post.title.rendered}}</h2>'.
            '<p>Posted by {{post.author_name}} on {{post.date | date:\'longDate\'}}</p>'.
            '<img ng-src="{{post.featured_image_src}}"/>'.
            '<a href="{{post.slug}}">Read more...</a>'.

n8finch

genesis-angular-gulp
  |__assets
    |__js
      |__app.js (our Angular app)
    |__templates
      |__app-index.html (our main list of posts from Part 2)
      |__page.html (our page view for Pages)
      |__single.html (our single view for individual Posts)