From ba31143fd8cfbefe1125df93092c7831c40d6e6e Mon Sep 17 00:00:00 2001
From: Mathew Mrosko <falconpiplayer@matmrosko.com>
Date: Tue, 21 Oct 2014 19:56:34 -0700
Subject: [PATCH] Simple plugin to draw a big green button to start a playlist.

---
 css/style.css    | 32 ++++++++++++++++++++++++++++++++
 plugin_setup.php | 32 ++++++++++++++++++++++++++++++++
 status_menu.inc  | 11 +++++++++++
 3 files changed, 75 insertions(+)
 create mode 100644 css/style.css
 create mode 100644 plugin_setup.php
 create mode 100644 status_menu.inc

diff --git a/css/style.css b/css/style.css
new file mode 100644
index 0000000..a7831f5
--- /dev/null
+++ b/css/style.css
@@ -0,0 +1,32 @@
+.button{
+	width:400px; /*same as the height*/
+	height:400px; /*same as the width*/
+	display: block;
+	/*
+	background-color:#ff0000;
+	*/
+	background-color: #58aa00;
+	border:1px solid #58aa00; /*same colour as the background*/
+	color:#fff;
+
+	font-size:500%;
+	text-align: center;
+	text-shadow: 2px 2px #555;
+
+	/*set the border-radius at half the size of the width and height*/
+	-webkit-border-radius: 50%;
+	-moz-border-radius: 50%;
+	border-radius: 50%;
+	/*give the button a small drop shadow*/
+	-webkit-box-shadow: 0 0 10px rgba(0,0,0, .75);
+	-moz-box-shadow: 0 0 10px rgba(0,0,0, .75);
+	box-shadow: 2px 2px 15px rgba(0,0,0, .75);
+}
+.button:hover{
+	background:#490;
+	border:1px solid #490;
+	/*reduce the size of the shadow to give a pushed effect*/
+	-webkit-box-shadow: 0px 0px 5px rgba(0,0,0, .75);
+	-moz-box-shadow: 0px 0px 5px rgba(0,0,0, .75);
+	box-shadow: 0px 0px 5px rgba(0,0,0, .75);
+}
diff --git a/plugin_setup.php b/plugin_setup.php
new file mode 100644
index 0000000..f6e6cb3
--- /dev/null
+++ b/plugin_setup.php
@@ -0,0 +1,32 @@
+<?php
+$playlists = Array();
+foreach(scandir($playlistDirectory) as $pFile)
+	if ($pFile != "." && $pFile != "..")
+		$playlists[$pFile] = $pFile;
+?>
+
+<script>
+function StartPlaylist()
+{
+	var Playlist =  $("#PlaylistSelect").val();
+	var Repeat = $("#Repeat").is(':checked')?'checked':'unchecked';
+	var xmlhttp=new XMLHttpRequest();
+	var url = "fppxml.php?command=startPlaylist&playList=" + Playlist + "&repeat=" + Repeat ;
+	xmlhttp.open("GET",url,true);
+	xmlhttp.setRequestHeader('Content-Type', 'text/xml');
+	xmlhttp.send();
+}
+</script>
+
+<div id="start" class="settings">
+<fieldset>
+<legend>Big Green Button</legend>
+
+<p>Playlist: <?php PrintSettingSelect("Playlist", "PlaylistSelect", "disabled", $playlists, "big-green-button"); ?> Repeat: <?php PrintSettingCheckbox("Repeat", "Repeat", "1", "0", "big-green-button"); ?></p>
+
+<p><input class="button" onClick="StartPlaylist();" type="submit" value="Start" /></p>
+
+</fieldset>
+</div>
+
+<br />
diff --git a/status_menu.inc b/status_menu.inc
new file mode 100644
index 0000000..57b5a2d
--- /dev/null
+++ b/status_menu.inc
@@ -0,0 +1,11 @@
+<?php
+
+$pages = Array(
+	'name' => "Big Green Button",
+	'type' => "status",
+	'page' => "plugin_setup.php",
+	);
+
+?>
+
+<li><a href="<?php echo preg_replace('/.*\/plugins\/(.*)/', 'plugin.php?plugin=$1&page=plugin_setup.php', dirname(__FILE__)); ?>">Big Green Button</a></li>