Skip to content

Commit

Permalink
Update show format (#122)
Browse files Browse the repository at this point in the history
* Feature: Add missing image and update show format

Closes #103 & #102
  • Loading branch information
danstis authored Dec 9, 2018
1 parent f7790b1 commit 1d12633
Show file tree
Hide file tree
Showing 4 changed files with 85 additions and 75 deletions.
7 changes: 5 additions & 2 deletions CHANGELOG.md
Original file line number Diff line number Diff line change
Expand Up @@ -9,9 +9,11 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
* Fixed|New|Changed - ([#1](https://github.com/danstis/Plex-Sync/issues/1)) Description
-->

## [Unreleased]
## [v0.8.0]

- New - ([#102](https://github.com/danstis/Plex-Sync/issues/102)) Add missing image.
- Changed - ([#120](https://github.com/danstis/Plex-Sync/issues/120)) Move configuration to TOML config file.
- Changed - ([#103](https://github.com/danstis/Plex-Sync/issues/103)) Modify show layout.

## [v0.7.2]

Expand Down Expand Up @@ -102,7 +104,8 @@ The format is based on [Keep a Changelog](http://keepachangelog.com/) and this p
- Fixed - App would attempt to sync even if a token was not obtained.
- Fixed - Spaces in TV Show names cause errors.

[unreleased]: https://github.com/danstis/Plex-Sync/compare/v0.7.2...HEAD
[unreleased]: https://github.com/danstis/Plex-Sync/compare/v0.8.0...HEAD
[v0.8.0]: https://github.com/danstis/Plex-Sync/compare/v0.7.2...v0.8.0
[v0.7.2]: https://github.com/danstis/Plex-Sync/compare/v0.7.1...v0.7.2
[v0.7.1]: https://github.com/danstis/Plex-Sync/compare/v0.7.0...v0.7.1
[v0.7.0]: https://github.com/danstis/Plex-Sync/compare/v0.6.0...v0.7.0
Expand Down
11 changes: 7 additions & 4 deletions web/static/css/main.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,8 +2,11 @@ body {
padding-top: 55px;
}

.showThumb {
text-align: center;
font-weight: bold;
font-size: larger;
.series-poster {
min-width: 56px;
max-width: 100%;
}

.series-item {
padding-bottom: 30px;
}
Binary file added web/static/missing.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
142 changes: 73 additions & 69 deletions web/templates/index.html
Original file line number Diff line number Diff line change
@@ -1,79 +1,83 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>plex-sync</title>
<link
rel="stylesheet"
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"
integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous"
/>
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet" />
<link href="/static/css/main.css" rel="stylesheet" />
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png" />
<link rel="icon" type="image/png" sizes="96x96" href="/static/favicon-96x96.png" />
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png" />
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>plex-sync</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u"
crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
<link href="/static/css/main.css" rel="stylesheet">
<link rel="icon" type="image/png" sizes="32x32" href="/static/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/static/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/static/favicon-16x16.png">
<!--[if lt IE 9]>
<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script>
</head>

<body ng-app="Plex-Sync">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false"
aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" ng-controller="versionInfo" ng-cloak="">Plex-Sync v{{version.shortVersion}}</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active">
<a href="/">Home</a>
</li>
<li>
<a href="/logs">Logs</a>
</li>
<li>
<a href="/settings">Settings</a>
</li>
<li>
<a href="https://github.com/danstis/Plex-Sync" target="_Blank">GitHub Project</a>
</li>
</ul>
<body ng-app="Plex-Sync">
<nav class="navbar navbar-inverse navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span>
</button>
<a class="navbar-brand" ng-controller="versionInfo" ng-cloak="">Plex-Sync v{{ version.shortVersion }}</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li class="active"><a href="/">Home</a></li>
<li><a href="/logs">Logs</a></li>
<li><a href="/settings">Settings</a></li>
<li><a href="https://github.com/danstis/Plex-Sync" target="_Blank">GitHub Project</a></li>
</ul>
</div>
<!-- /.nav-collapse -->
</div>
<!--/.nav-collapse -->
</div>
</nav>
</nav>

<div class="container">

<div ng-controller="indexImages">
<h2>Welcome to Plex-Sync</h2>
<p class="lead">Selected Shows:</p>
<div class="container">
<div ng-controller="indexImages">
<h2>Welcome to Plex-Sync</h2>
<p class="lead">Selected Shows:</p>

<div class="row">
<div class="col-xs-3 col-md-2" ng-repeat="show in records">
<img class="img-responsive showThumb" src="/cache/show/{{show}}_thumb.jpg" alt="{{show}}" ng-cloak="">
<div class="row">
<div class="series-item" ng-repeat="show in records" ng-cloak="">
<div class="row">
<div class="col-md-2 col-xs-3"><img class="series-poster" ng-src="/cache/show/{{show}}_thumb.jpg" alt="{{show}}" /></div>
<div class="col-md-10 col-xs-9">
<div class="row">
<div class="col-md-10 col-xs-10">
<h2>{{ show }}</h2>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

</div>
<!-- /.container -->

</div>
<!-- /.container -->

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"></script>
<script src="/static/js/PSapp.js"></script>
</body>

</html>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"
integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"
crossorigin="anonymous"
></script>
<script src="/static/js/PSapp.js"></script>
<script>
$("img").on("error", function() {
$(this).attr("src", "/static/missing.jpg");
});
</script>
</body>
</html>

0 comments on commit 1d12633

Please sign in to comment.