ncp-web: poweroff button

ncp-web/index.php

@@ -64,9 +64,14 @@
                 <h1 class="hidden-visually">NextCloudPi</h1>
             </div>
         </a>
+      <?php echo file_get_contents( "/usr/local/etc/ncp-version" ) . "&nbsp;&nbsp;"; ?>
     </div>
     <div id="header-right">
-      <?php echo file_get_contents( "/usr/local/etc/ncp-version" ) . "&nbsp;&nbsp;"; ?>
+      <div id="poweroff">
+        <div id="expand">
+          <div id="expandDisplayName" class="icon-power-white"></div>
+        </div>
+      </div>
     </div>
   </header>
 

ncp-web/ncp-launcher.php

@@ -12,10 +12,10 @@
 
 session_start();
 
-if ( !$_POST['ref'] ) exit( '{ "output": "Invalid request" }' );
-
 if ( $_POST['action'] == "cfgreq" ) 
 {
+  if ( !$_POST['ref'] ) exit( '{ "output": "Invalid request" }' );
+
   //CSFR check
   $token = isset($_POST['csrf_token']) ? $_POST['csrf_token'] : '';
   if ( empty($token) || !validateCSRFToken($token) )
@@ -64,6 +64,8 @@
 
 else if ( $_POST['action'] == "launch" && $_POST['config'] )
 {
+  if ( !$_POST['ref'] ) exit( '{ "output": "Invalid request" }' );
+
   // CSRF check
   $token = isset($_POST['csrf_token']) ? $_POST['csrf_token'] : '';
   if ( empty($token) || !validateCSRFToken($token) )
@@ -100,6 +102,15 @@
   echo json_encode( shell_exec( 'bash -c "sudo /home/www/ncp-launcher.sh ' . $file . '"' ) ) . ' }';
 }
 
+else if ( $_POST['action'] == "poweroff" )
+{
+  // CSRF check
+  $token = isset($_POST['csrf_token']) ? $_POST['csrf_token'] : '';
+  if ( empty($token) || !validateCSRFToken($token) )
+    exit( '{ "output": "Unauthorized request. Try reloading the page" }' );
+  shell_exec( 'bash -c "( sleep 2 && sudo halt ) 2>/dev/null >/dev/null &"' );
+}
+
 // License
 //
 // This script is free software; you can redistribute it and/or modify it

ncp-web/ncp.css

@@ -1084,3 +1084,36 @@ select {
 .icon-close {
  background-image:url('close.svg')
 }
+
+#power {
+  display: inline-block;
+  color: rgba(255, 255, 255, 0.7);
+  cursor: pointer;
+  flex: 0 0 auto;
+}
+
+#expand {
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 7px 20px 6px 10px;
+  cursor: pointer;
+}
+
+#expand * {
+  cursor: pointer;
+}
+
+#expand:hover img,#expand:focus img,#expand:active img,#expand:hover #expandDisplayName,#expand:focus #expandDisplayName,#expand:active #expandDisplayName {
+ -ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
+ opacity:1
+}
+
+.icon-power-white {
+  background-image: url('poweroff.svg');
+}
+
+#expand #expandDisplayName {
+  padding: 8px;
+  opacity: 0.6;
+}

ncp-web/ncp.js

@@ -81,6 +81,18 @@ $(function()
         confLock = false;
       }).error( errorMsg );
   });
+
+  // Power-off button
+  $( '#poweroff' ).on('click', function(e)
+  {
+    // request
+    $.request('post', 'ncp-launcher.php', { action:'poweroff', 
+                                            csrf_token: $( '#csrf-token' ).get( '.value' ) }).then( 
+      function success( result ) 
+      {
+        $('#config-box-title').fill( "Shutting down..." ); 
+      }).error( errorMsg );
+  } );
 });
 
 // License

nextcloudpi.sh

@@ -63,7 +63,7 @@ cd $DIR
 launch_script $1
 EOF
   chmod 700 /home/www/ncp-launcher.sh
-  echo "www-data ALL = NOPASSWD: /home/www/ncp-launcher.sh" >> /etc/sudoers
+  echo "www-data ALL = NOPASSWD: /home/www/ncp-launcher.sh , /sbin/halt" >> /etc/sudoers
 
   # NEXTCLOUDPI MOTD
   ##########################################

update.sh

@@ -114,6 +114,9 @@ cat $LATEST > $NOTIFIED
 EOF
   chmod +x /usr/local/bin/ncp-notify-update
 
+# fix permissions for ncp-web: shutdown button
+sed -i 's|www-data.*|www-data ALL = NOPASSWD: /home/www/ncp-launcher.sh , /sbin/halt|' /etc/sudoers
+
 # License
 #
 # This script is free software; you can redistribute it and/or modify it