Safely Power Off RPI 3 From A Webpage Toggle Switch Jquery PHP & Python

View previous topic View next topic Go down

Safely Power Off RPI 3 From A Webpage Toggle Switch Jquery PHP & Python

Post by jamied_uk on 28th December 2016, 19:39




Python code


Code:
import os
os.system(sudo poweroff)

PHP poweroff.php


Code:
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>Jquery Toggle Switch</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="">
        <meta name="author" content="">

        <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

        <link href="css/style.css" rel="stylesheet">
<?php
// require('sas.php');
$Sstate1="true";  // false true


if($_POST['action'] == 'poweroff') {
$command = escapeshellcmd('sudo python /home/pi/Documents/scripts/poweroff.py');
$output = shell_exec($command);
echo $output;
}


?>
    </head>

    <body>
            <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
           
            <div id="spacer" style="padding="150px"">
 
            <label for="test3" class="checkbox switch-checkbox" style="cursor:pointer" >
                <input value="1" type="checkbox" id="test3">
               <div id="TextOutput"><?php echo $Ttext1;?></div>
            </label>

        </div>
</div>


        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>
    // make switch reflect current state!
    $("#test3").prop('checked', <?php echo $Sstate1;?>);
    var $changed='Currently Switched On';
    $('#TextOutput').html($changed);
    $('input[type="checkbox"]').change(function(){
        if($(this).prop("checked") == true){
    // Do something here!
        if(confirm("Are You Sure You Want To Power Off?")) {
    var $changed='Currently Switched On';
    $('#TextOutput').html($changed);
    // do something here!
        alert("Checkbox is checked.");

  }
            }

            else if($(this).prop("checked") == false){
        // Do something here!
                if(confirm("Are You Sure You Want To Power Off?")) {
        var $changed='Currently Switched Off';
    $('#TextOutput').html($changed);
        // do something here!
                alert("Ok Shutting Down, Please Wait.");

  }

            }


    });
          (function($){

              $('.switch-checkbox').each(function(){
                var $input = $('input', this);
        var selectedValue = $(this).val();
        if(selectedValue !== '1')
        selectedValue = '0';
                $input.hide().wrap('<span class="switch">');
                $input.after('<span class="switch-container"><span class="on">On</span><span class="mid"></span><span class="off">Off</span></span>');
        $('#divresult').html($input);
       
              })

          })(jQuery);
        </script>
<div id="divresult">
</div>

    </body>
</html>

Remote Page Code


Code:
 <link href='http://fonts.googleapis.com/css?family=Lato' rel='stylesheet' type='text/css'>

        <link href="css/style.css" rel="stylesheet">
<?php

$Sstate1="true";  // false true

function P_Off(){
if($_POST['action'] == 'call_this') {
$command = escapeshellcmd('sudo python /home/pi/Documents/scripts/web_door_open.py');
$output = shell_exec($command);
echo $output;
}}

?>
    </head>

    <body>
            <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
           
            <div id="spacer" style="padding="6px"">
 
            <label for="test3" class="checkbox switch-checkbox" style="cursor:pointer">
                <input value="1" type="checkbox" id="test3">
               <div id="TextOutput"><?php echo $Ttext1;?></div>
            </label>

        </div>
</div>


        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
        <script>
    function myAjax() {
              $.ajax({
               type: "POST",
               url: 'poweroff.php',
               data:{action:'poweroff'},
               success:function(html) {
        }
   
      });
 }
    // make switch reflect current state!
    $("#test3").prop('checked', <?php echo $Sstate1;?>);
    var $changed='Currently Switched On';
    $('#TextOutput').html($changed);
    $('input[type="checkbox"]').change(function(){
        if($(this).prop("checked") == true){
    // Do something here!
        if(confirm("Are You Sure You Want To Power Off?")) {
    myAjax();
    var $changed='Currently Switched On';
    $('#TextOutput').html($changed);
    // do something here!
        alert("Checkbox is checked.");

  }
            }

            else if($(this).prop("checked") == false){
        // Do something here!
                if(confirm("Are You Sure You Want To Power Off?")) {
        myAjax();
        var $changed='Currently Switched Off';
    $('#TextOutput').html($changed);
        myAjax();
        alert("Ok Shutting Down, Please Wait.")
  }

            }


    });
          (function($){

              $('.switch-checkbox').each(function(){
                var $input = $('input', this);
        var selectedValue = $(this).val();
        if(selectedValue !== '1')
        selectedValue = '0';
                $input.hide().wrap('<span class="switch">');
                $input.after('<span class="switch-container"><span class="on">On</span><span class="mid"></span><span class="off">Off</span></span>');
        $('#divresult').html($input);
       
              })

          })(jQuery);
        </script>
<div id="divresult">
</div>

You will need www-data to be a suder for this to work

You should be able update /etc/sudoers to allow www-data to run your script using sudo by adding the following line to /etc/sudoers:

# User alias specification
www-data ALL = NOPASSWD: /path/to/script.sh

raspberrypi.stackexchange.com/questions/14739/allow-apache-to-run-sudo-scripts
avatar
jamied_uk
Admin

Posts : 2268
Join date : 2010-05-09
Age : 34
Location : UK

http://address-shortner.co.uk

Back to top Go down

View previous topic View next topic Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum