plex-export-responsive-skin/index.html at master · dpDesignz/plex-export-responsive-skin · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
<!DOCTYPE html>
<html lang="en">

<head profile="http://www.w3.org/2005/10/profile">
	<meta charset=utf-8 />
	<title>Plex Export</title>
	<meta name="viewport" content="initial-scale=1,minimum-scale=1,maximum-scale=1" />
	<link rel="icon" type="image/x-icon" href="assets/images/favicon.ico">

	<link rel="stylesheet" href="assets/css/style.css" />
	<!-- <link rel="stylesheet" href="assets/css/darkmode.css" /> -->

	<script src="assets/js/jquery.1.4.4.min.js"></script>
	<script src="assets/js/utils.js"></script>
	<script src="assets/js/plex.js"></script>
	<!-- <script src="assets/js/vanilla-plex.js"></script> -->
	<script>
		ready(() => {
			PLEX.run();
		});
	</script>
</head>

<body>
	<header id="header">
		<h1><span>Plex Export</span></h1>
		<p><span>Library Items</span> <strong id="total_items"></strong></p>
	</header><!-- end #header -->
	<div class="container">
		<aside id="sidebar">
			<a id="toggle_sidebar">Menu</a>
			<section id="sidebar-menu">
				<div class="sidebar-section">
					<h2>Library</h2>
					<ul class="sections-list" id="plex_section_list">
						<li>Loading...</li>
					</ul>
				</div><!-- end .sidebar-section -->
				<div class="sidebar-section">
					<h2>Sort</h2>
					<ul class="generic-list" id="plex_sort_list">
						<li class="current" data-sort="title"><em>asc</em>By title</li>
						<li data-sort="rating">By rating</li>
						<li data-sort="release">By release date</li>
						<li data-sort="addedAt">By recently added</li>
					</ul>
				</div><!-- end .sidebar-section -->
				<div class="sidebar-section" id="plex_seen_list_section">
					<h2>Seen</h2>
					<ul class="generic-list" id="plex_seen_list"></ul>
				</div>
				<div class="sidebar-section" id="plex_genre_list_section">
					<h2>Genres</h2>
					<ul class="generic-list" id="plex_genre_list"></ul>
				</div><!-- end .sidebar-section -->
				<div class="sidebar-section" id="plex_director_list_section">
					<h2>Directors</h2>
					<ul class="generic-list" id="plex_director_list"></ul>
				</div><!-- end .sidebar-section -->
			</section>
		</aside><!-- end #sidebar -->
		<main id="main">
			<section id="section-header">
				<div>
					<section>
						<h2>Loading</h2>
						<p>Please wait while this section loads...</p>
					</section>
					<section id="search">
						<input type="text" placeholder="Search..." role="Search" />
					</section>
				</div>
			</section><!-- end .section-header -->
			<div id="item-list-status">
				<p>Loading data from PLEX...</p>
			</div>
			<div id="item-list">
				<ul></ul>
			</div>
		</main><!-- end #main -->
	</div><!-- end #container -->
	<footer id="footer">
		<p><a href="https://www.plex.tv/">Plex</a> + <a href="http://hybridlogic.co.uk/code/standalone/plex-export/">Plex
				Export</a> | <span id="last_updated"></span> | Library Items <strong id="footer_total_items"></strong></p>
	</footer><!-- end #footer -->
	<div id="popup-overlay"></div>
	<div id="popup-container"></div>
</body>

</html>