Formatting Trakt.tv summary with Angular

Size
4,300 Kb
Views
6,072

How do I make an formatting trakt.tv summary with angular?

What is a formatting trakt.tv summary with angular? How do you make a formatting trakt.tv summary with angular? This script and codes were developed by Edward R Haase on 13 January 2023, Friday.

Formatting Trakt.tv summary with Angular Previews

Formatting Trakt.tv summary with Angular - Script Codes HTML Codes

<!DOCTYPE html>
<html >
<head> <meta charset="UTF-8"> <title>Formatting Trakt.tv summary with Angular</title> <link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
<link rel='stylesheet prefetch' href='http://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css'>
</head>
<body> // ng-if or ng-show?
div.container(ng-app='app', ng-controller='MyCtrl') div.thumbnail(class="col-sm-3 col-md-3",style="margin-right: 10px;") a(href="#"): img(ng-src="{{trakt.images.poster}}") div H1(ng-if="trakt.title"): strong {{trakt.title}}&nbsp; small(ng-if="trakt.year") ({{trakt.year}}) H6: em {{trakt.tagline}} small(ng-if="trakt.certification"): label.label-warning &nbsp;{{trakt.certification}}&nbsp; small: label(ng-if="trakt.runtime") {{trakt.runtime}} min&nbsp; i.fa.fa-film(data-toggle="tooltip", tooltip-placement="bottom", tooltip-animation="true", tooltip="Movie")&nbsp; label(ng-if="trakt.released"): em {{trakt.released*1000 | date:'longDate'}} H6 (last updated: {{trakt.last_updated*1000 | date:"yyyy-mm-dd 'at' hh:mm:ss Z"}}) P {{trakt.overview}} strong: i(style="color:red").fa.fa-youtube span Watch trailer on Youtube accordion(close-others="true") accordion-group(heading="{{category}}", ng-repeat='(category, people) in trakt.people | cap') span(ng-repeat='person in people') {{person.name}} <script src='http://ajax.googleapis.com/ajax/libs/angularjs/1.3.2/angular.min.js'></script>
<script src='https://code.jquery.com/jquery-2.1.1.min.js'></script>
<script src='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js'></script>
<script src='http://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/0.10.0/ui-bootstrap-tpls.min.js'></script> <script src="js/index.js"></script>
</body>
</html>

Formatting Trakt.tv summary with Angular - Script Codes JS Codes

var app = angular.module('app', ['ui.bootstrap']);
app.filter('cap', function() { return function(i) { // i.name[0] = i.name.charAt(0).toUpperCase() + string.slice(1); // console.log('cap', i, 'cap2', v); return i; };
});
function MyCtrl($scope) { $scope.trakt = {
title: "Dogma",
year: 1999,
released: 942393600,
url: "http://trakt.tv/movie/dogma-1999",
trailer: "https://youtube.com/watch?v=20CRw3XdETA",
runtime: 130,
tagline: "It can be Hell getting into Heaven",
overview: "The latest battle in the eternal war between Good and Evil has come to New Jersey in the late, late 20th Century. Angels, demons, apostles and prophets (of a sort) walk among the cynics and innocents of America and duke it out for the fate of humankind.",
certification: "R",
imdb_id: "tt0120655",
tmdb_id: 1832,
rt_id: 0,
last_updated: 1409660558,
poster: "http://slurm.trakt.us/images/posters_movies/2288.1.jpg",
images: {
poster: "http://slurm.trakt.us/images/posters_movies/2288.1.jpg",
fanart: "http://slurm.trakt.us/images/fanart_movies/2288.1.jpg"
},
top_watchers: [
{
plays: 4,
username: "skijk",
protected: false,
full_name: "",
gender: "",
age: "",
location: "",
about: "",
joined: 0,
avatar: "http://slurm.trakt.us/images/avatars/9179.jpg",
url: "http://trakt.tv/user/skijk"
},
{
plays: 4,
username: "flancb",
protected: false,
full_name: "",
gender: "",
age: "",
location: "",
about: "",
joined: 0,
avatar: "http://slurm.trakt.us/images/avatars/18247.2.jpg",
url: "http://trakt.tv/user/flancb"
},
{
plays: 4,
username: "xoxojackie",
protected: false,
full_name: "",
gender: "",
age: "",
location: "",
about: "",
joined: 0,
avatar: "http://slurm.trakt.us/images/avatars/56848.2.jpg",
url: "http://trakt.tv/user/xoxojackie"
},
{
plays: 3,
username: "Warlord",
protected: false,
full_name: "",
gender: "",
age: "",
location: "",
about: "",
joined: 0,
avatar: "http://slurm.trakt.us/images/avatars/1813.1.jpg",
url: "http://trakt.tv/user/Warlord"
},
{
plays: 3,
username: "helcio",
protected: false,
full_name: "",
gender: "",
age: "",
location: "",
about: "",
joined: 0,
avatar: "http://slurm.trakt.us/images/avatars/15124.1.jpg",
url: "http://trakt.tv/user/helcio"
},
{
plays: 3,
username: "killersaint",
protected: false,
full_name: "",
gender: "",
age: "",
location: "",
about: "",
joined: 0,
avatar: "http://slurm.trakt.us/images/avatar-large.jpg",
url: "http://trakt.tv/user/killersaint"
},
{
plays: 3,
username: "das.armin",
protected: false,
full_name: "",
gender: "",
age: "",
location: "",
about: "",
joined: 0,
avatar: "http://slurm.trakt.us/images/avatar-large.jpg",
url: "http://trakt.tv/user/das.armin"
},
{
plays: 3,
username: "ericingeneva",
protected: false,
full_name: "",
gender: "",
age: "",
location: "",
about: "",
joined: 0,
avatar: "http://slurm.trakt.us/images/avatar-large.jpg",
url: "http://trakt.tv/user/ericingeneva"
},
{
plays: 3,
username: "geekmetal",
protected: false,
full_name: "",
gender: "",
age: "",
location: "",
about: "",
joined: 0,
avatar: "http://slurm.trakt.us/images/avatars/28261.2.jpg",
url: "http://trakt.tv/user/geekmetal"
},
{
plays: 3,
username: "metsfan2012",
protected: false,
full_name: "",
gender: "",
age: "",
location: "",
about: "",
joined: 0,
avatar: "http://slurm.trakt.us/images/avatar-large.jpg",
url: "http://trakt.tv/user/metsfan2012"
},
{
plays: 3,
username: "vdopeyv",
protected: false,
full_name: "",
gender: "",
age: "",
location: "",
about: "",
joined: 0,
avatar: "http://slurm.trakt.us/images/avatars/65913.3.jpg",
url: "http://trakt.tv/user/vdopeyv"
},
{
plays: 3,
username: "bobbymcsteels",
protected: false,
full_name: "",
gender: "",
age: "",
location: "",
about: "",
joined: 0,
avatar: "http://slurm.trakt.us/images/avatar-large.jpg",
url: "http://trakt.tv/user/bobbymcsteels"
},
{
plays: 2,
username: "kju",
protected: false,
full_name: "",
gender: "",
age: "",
location: "",
about: "",
joined: 0,
avatar: "http://slurm.trakt.us/images/avatars/756.3.jpg",
url: "http://trakt.tv/user/kju"
},
{
plays: 2,
username: "elchook",
protected: false,
full_name: "",
gender: "",
age: "",
location: "",
about: "",
joined: 0,
avatar: "http://slurm.trakt.us/images/avatar-large.jpg",
url: "http://trakt.tv/user/elchook"
}
],
ratings: {
percentage: 81,
votes: 1883,
loved: 1756,
hated: 127
},
stats: {
watchers: 504,
plays: 591,
scrobbles: 545,
scrobbles_unique: 460,
checkins: 46,
checkins_unique: 44,
collection: 5574
},
people: {
directors: [
{
name: "Kevin Smith",
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
}
],
writers: [
{
name: "Kevin Smith",
job: "Writer",
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
}
],
producers: [
{
name: "Scott Mosier",
executive: false,
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
}
],
actors: [
{
name: "Ben Affleck",
character: "Bartleby",
images: {
headshot: "http://slurm.trakt.us/images/people/1173.jpg"
}
},
{
name: "Matt Damon",
character: "Loki",
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
},
{
name: "Linda Fiorentino",
character: "Bethany Sloane",
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
},
{
name: "Jason Mewes",
character: "Jay",
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
},
{
name: "Chris Rock",
character: "Rufus",
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
},
{
name: "Alan Rickman",
character: "Metatron",
images: {
headshot: "http://slurm.trakt.us/images/people/797.jpg"
}
},
{
name: "Jason Lee",
character: "Azrael",
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
},
{
name: "Salma Hayek",
character: "Serendipity",
images: {
headshot: "http://slurm.trakt.us/images/people/4233.jpg"
}
},
{
name: "Kevin Smith",
character: "Silent Bob",
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
},
{
name: "Alanis Morissette",
character: "God",
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
},
{
name: "Bud Cort",
character: "John Doe Jersey",
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
},
{
name: "George Carlin",
character: "Cardinal Ignatius Glick",
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
},
{
name: "Brian O'Halloran",
character: "Grant Hicks",
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
},
{
name: "Janeane Garofalo",
character: "Liz",
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
},
{
name: "Walter Flanagan",
character: "Protestor #2",
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
},
{
name: "Scott Mosier",
character: "Smooching Seaman",
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
},
{
name: "Dwight Ewell",
character: "Kane",
images: {
headshot: "http://slurm.trakt.us/images/avatar-large.jpg"
}
}
]
},
genres: [
"Comedy",
"Fantasy"
]
};
}
Formatting Trakt.tv summary with Angular - Script Codes
Formatting Trakt.tv summary with Angular - Script Codes
Home Page Home
Developer Edward R Haase
Username ehaase
Uploaded January 13, 2023
Rating 3
Size 4,300 Kb
Views 6,072
Do you need developer help for Formatting Trakt.tv summary with Angular?

Find the perfect freelance services for your business! Fiverr's mission is to change how the world works together. Fiverr connects businesses with freelancers offering digital services in 500+ categories. Find Developer!

Edward R Haase (ehaase) Script Codes
Create amazing web content with AI!

Jasper is the AI Content Generator that helps you and your team break through creative blocks to create amazing, original content 10X faster. Discover all the ways the Jasper AI Content Platform can help streamline your creative workflows. Start For Free!