Added "restart system"

js/other/jquery.confirm.min.js

@@ -0,0 +1,14 @@
+/*!
+ * jquery.confirm
+ *
+ * @version 2.3.1
+ *
+ * @author My C-Labs
+ * @author Matthieu Napoli <matthieu@mnapoli.fr>
+ * @author Russel Vela
+ * @author Marcus Schwarz <msspamfang@gmx.de>
+ *
+ * @license MIT
+ * @url https://myclabs.github.io/jquery.confirm/
+ */
+(function(a){a.fn.confirm=function(b){if(typeof b==="undefined"){b={}}this.click(function(c){c.preventDefault();var d=a.extend({button:a(this)},b);a.confirm(d,c)});return this};a.confirm=function(k,g){if(typeof k=="undefined"){console.error("No options given.");return}if(a(".confirmation-modal").length>0){return}var j={};if(k.button){var c={title:"title",text:"text","confirm-button":"confirmButton","submit-form":"submitForm","cancel-button":"cancelButton","confirm-button-class":"confirmButtonClass","cancel-button-class":"cancelButtonClass","dialog-class":"dialogClass","modal-options-backdrop":"modalOptionsBackdrop","modal-options-keyboard":"modalOptionsKeyboard"};a.each(c,function(e,l){var m=k.button.data(e);if(typeof m!="undefined"){j[l]=m}})}var d=a.extend({},a.confirm.options,{confirm:function(){if(j.submitForm||(typeof j.submitForm=="undefined"&&k.submitForm)||(typeof j.submitForm=="undefined"&&typeof k.submitForm=="undefined"&&a.confirm.options.submitForm)){g.target.closest("form").submit()}else{var e=g&&(("string"===typeof g&&g)||(g.currentTarget&&g.currentTarget.attributes.href.value));if(e){if(k.post){var l=a('<form method="post" class="hide" action="'+e+'"></form>');a("body").append(l);l.submit()}else{window.location=e}}}},cancel:function(e){},button:null},k,j);var b="";if(d.title!==""){b='<div class="modal-header"><button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button><h4 class="modal-title">'+d.title+"</h4></div>"}var h="";if(d.cancelButton){h='<button class="cancel btn '+d.cancelButtonClass+'" type="button" data-dismiss="modal">'+d.cancelButton+"</button>"}var f='<div class="confirmation-modal modal fade" tabindex="-1" role="dialog"><div class="'+d.dialogClass+'"><div class="modal-content">'+b+'<div class="modal-body">'+d.text+'</div><div class="modal-footer"><button class="confirm btn '+d.confirmButtonClass+'" type="button" data-dismiss="modal">'+d.confirmButton+"</button>"+h+"</div></div></div></div>";var i=a(f);if(typeof d.modalOptionsBackdrop!="undefined"||typeof d.modalOptionsKeyboard!="undefined"){i.modal({backdrop:d.modalOptionsBackdrop,keyboard:d.modalOptionsKeyboard})}i.on("shown.bs.modal",function(){i.find(".btn-primary:first").focus()});i.on("hidden.bs.modal",function(){i.remove()});i.find(".confirm").click(function(){d.confirm(d.button)});i.find(".cancel").click(function(){d.cancel(d.button)});a("body").append(i);i.modal("show")};a.confirm.options={text:"Are you sure?",title:"",confirmButton:"Yes",cancelButton:"Cancel",post:false,submitForm:false,confirmButtonClass:"btn-primary",cancelButtonClass:"btn-default",dialogClass:"modal-dialog",modalOptionsBackdrop:true,modalOptionsKeyboard:true}})(jQuery);

js/pihole/settings.js

@@ -1,3 +1,20 @@
 $(function () {
   $("[data-mask]").inputmask();
 });
+
+$(".confirm-reboot").confirm({
+	text: "Are you sure you want to send a reboot command to your Pi-Hole?",
+	title: "Confirmation required",
+	confirm: function(button) {
+		$.post( "php/savesettings.php", { "field": "reboot" } );
+	},
+	cancel: function(button) {
+		// nothing to do
+	},
+	confirmButton: "Yes, reboot",
+	cancelButton: "No, go back",
+	post: true,
+	confirmButtonClass: "btn-danger",
+	cancelButtonClass: "btn-success",
+	dialogClass: "modal-dialog modal-lg" // Bootstrap classes for large modal
+});

php/savesettings.php

@@ -165,6 +165,10 @@ function validDomain($domain_name)
 					exec('sudo pihole -a -c');
 				}
 
+			case "reboot":
+				exec("sudo pihole -a reboot");
+				break;
+
 			default:
 
 				break;

settings.php

@@ -281,7 +281,7 @@
 				<h3 class="box-title">System Administration</h3>
 			</div>
 			<div class="box-body">
-				<button type="submit" class="btn btn-default" disabled>Restart system</button>
+				<button type="button" class="btn btn-default confirm-reboot">Restart system</button>
 				<button type="submit" class="btn btn-default" disabled>Restart DNS server</button>
 				<button type="submit" class="btn btn-default" disabled>Flush logs</button>
 			</div>
@@ -294,5 +294,6 @@
 ?>
 <script src="js/other/jquery.inputmask.js"></script>
 <script src="js/other/jquery.inputmask.extensions.js"></script>
+<script src="js/other/jquery.confirm.min.js"></script>
 <script src="js/pihole/settings.js"></script>