Skip to content

Latest commit

 

History

History
98 lines (77 loc) · 2.51 KB

README.md

File metadata and controls

98 lines (77 loc) · 2.51 KB
Raw

Batch GUI - Boilerplate (Demo)

Simple Batch Graphical Interface ( Batch & Javascript )

gif

How Does It Work

This Project was made in Batch Script and Javascript.

It provides a way to create graphical interfaces using simple Batch Script code.

Runtime Process

  • Batch Script creates an HTML Application using HTA.
  • Javascript send responses directly to Batch Script.

Features

  • Extremelly small size ( Full size of 124kb on disk )
  • Simulated Router Navigation
  • Callbacks between JS and BATCH files
  • Full style customization made easy with CSS

How To Use

Add or Remove pages

  • Pages are handled in gui.bat.
  • To add or remove a page just add or remove elements from the container with id="pages".

Example:

<div id="pages">
  <div> Page 1 </div>
  <div> Page 2 </div>
</div>

Navigation between pages

  • Page events are handled by JS dynamically.
  • Use setPage function to navigate between pages.

Example:

<div id="pages">
  <div>
    Page 1
    <div class="button" onclick="setPage(2);">Go to page 2</div>
  </div>
  <div>
    Page 2
    <div class="button" onclick="setPage(1);">Go to page 1</div>
  </div>
</div>

Send Messages to Batch

  • Callbacks are handled by JS dynamically.
  • Use shell function to send a message from JS to Batch.

Example:

<div id="pages">
  <div>
    Page 1
    <div class="button" onclick="shell("ENABLE");">Enable Service</div>
    <div class="button" onclick="shell("LAUNCH");">Launch Program</div>
  </div>
</div>

Receive Messages from JS

  • Messages from JS are handled in gui_shell.bat.
  • You will receive the arguments from the previous shell function directly.

Example:

@ECHO OFF
set action=%1
echo %action%

pause

Output:

LAUNCH
Press any key to continue . . .

How To Run

  • Execute gui.bat or just call it from another process.

Limitations

  • Since this is not running on any browser, web functions and CSS events are not available.
  • JSON functions are also not available you can use JSON2.js to get them.

TODO

  • Implement JSON object parsing to send in reply.