My node-webkit notes

Man of few words said, directly on the code:

index.html

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <link rel="stylesheet" href="css/style.css" />
        <link rel="stylesheet" href="js/themes/default/default.css" />
        <link rel="stylesheet" href="css/bootstrap.min.css" />
    </head>
    <body>
        <div class="main">
            <iframe src="https://www.baidu.com" class="frame" border="0"></iframe>
            <div class="bottom">
                &nbsp;&nbsp;
                <img alt="新增邮件" src="img/edit.png" width="20" height="20" onclick="edit()" />
                &nbsp;&nbsp;
                <img alt="退出" src="img/exit.png" width="20" height="20" onclick="exit()" />
            </div>
        </div>
        <div class="modal fade bs-example-modal-lg" id="myModal" tabindex="-1" role="dialog">
            <div class="modal-dialog modal-lg" role="document">
                <div class="modal-content">
                    <div class="modal-header">
                        <h4 class="title-Modal " >h4</Edit Mail>
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    </div>
                    <div class="modal-body">
                        <form>
                            <textarea name="content" style="width:760px;height:400px;visibility:hidden;"></textarea>
                        </form>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                        <button type="button" class="btn btn-primary">保存</button>
                    </div>
                </div>
            </div>
        </div>
    </body>
</html>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/kindeditor-all-min.js"></script>
<script type="text/javascript" src="js/lang/zh-CN.js"></script>
<script type="text/javascript" src="js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/init.js"></script>
<script type="text/javascript">
    var editor;
    KindEditor.ready(function(K) {
        editor = K.create('textarea[name="content"]', {
            allowFileManager: true
        });
    });

    function edit() {
        $('#myModal').modal('show');
    }
</script>

package.json

{
    "name": "mail",
    "main": "index.html",
    "nodejs": true,
    "window": {
        "title": "万华邮件管理",
        "toolbar": true,
        "width": 800,
        "height": 600,
        "resizable": true,
        "show_in_taskbar": true,
        "frame": true,
        "kiosk": false,
        "icon": "./img/email.png"
    },

    "webkit": {
        "plugin": true
    }
}

init.js

// Load native UI library
var isShowWindow = true;
// Load native UI library
var gui = require('nw.gui');
var win = gui.Window.get();
win.maximize();
var tray = new gui.Tray({
    title: 'Mail Tool' ,
    icon: './img/email.png'
});
tray.tooltip = 'spam tools' ;
 // add a menu 
// var = new new gui.Menu MENU (); 
// menu.append (new new gui.MenuItem ({ 
//      type: 'Normal', 
@      label: 'exit', 
//      the Click: function () { 
//          IF (Confirm The ( "OK to exit Feynman tools do?")) { 
//              win.close (to true); 
//          } 
//      } 
// })); 
// tray.menu = the MENU; 
// the Click tray icon events 
tray.on ( 'the Click' ,
     function () {
         IF (isShowWindow) {
            win.hide();
            isShowWindow = false;
        } else {
            win.show();
            isShowWindow = true;
            win.maximize();
        }
    }
);
win.on('close', function() {
    win.hide();
});

function Exit () {
     IF (Confirm The ( "OK to exit the mail tool?" )) {
        win.close(true);
    }
}

My node-webkit notes

Guess you like