This commit is contained in:
Namhyeon Go 2020-08-03 07:02:55 +09:00
parent b99dd9fc12
commit ad2d3fc9b7
4 changed files with 37 additions and 27 deletions

View File

@ -59,9 +59,7 @@
<link type="text/css" rel="stylesheet" href="app/style.css" /> <link type="text/css" rel="stylesheet" href="app/style.css" />
</head> </head>
<body> <body>
<div id="app"> <div id="app"></div>
<welsonjs-view></welsonjs-view>
</div>
<script src="app.js" type="text/javascript" charset="utf-8"></script> <script src="app.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">//<!--<![CDATA[ <script type="text/javascript">//<!--<![CDATA[
init_window("webloader", [WELSONJS_WINDOW.commandLine], 800, 600); init_window("webloader", [WELSONJS_WINDOW.commandLine], 800, 600);

View File

@ -9,10 +9,7 @@
<span>모든 네트워크</span> <span>모든 네트워크</span>
<ul class="sub"> <ul class="sub">
<li class="show-no-logged"><span><img src="app/assets/img/iconfinder_Caution_53013.png" alt="Caution" /> 로그인하세요</span></li> <li class="show-no-logged"><span><img src="app/assets/img/iconfinder_Caution_53013.png" alt="Caution" /> 로그인하세요</span></li>
<li class="show-logged"><a href="#us1"><span><img src="app/assets/img/flags/shiny/16/United-States.png" alt="United States" /> US 1</span></a></li> <server-item v-for="item in servers" v-bind:item="item" v-bind:key="item.id"></server-item>
<li class="show-logged"><a href="#us2"><span><img src="app/assets/img/flags/shiny/16/United-States.png" alt="United States" /> US 2</span></a></li>
<li class="show-logged"><a href="#us3"><span><img src="app/assets/img/flags/shiny/16/United-States.png" alt="United States" /> US 3</span></a></li>
</li>
</ul> </ul>
</li> </li>
</ul> </ul>

View File

@ -1,12 +1,32 @@
var FILE = require("lib/file"); var FILE = require("lib/file");
Vue.component("welsonjs-view", { Vue.component("server-item", {
template: "<p>hello world</p>" props: ['item'],
template: '<li class="show-logged"><a href="#"><span><img :src="item.icon"> {{item.title}}</span></a></li>'
}); });
new Vue({el: "#app"}); var app = new Vue({
el: "#app",
/* data: {
servers: [
{
icon: "app/assets/img/flags/shiny/16/United-States.png",
country: "United States",
title: "US 1"
},
{
icon: "app/assets/img/flags/shiny/16/United-States.png",
country: "United States",
title: "US 2"
},
{
icon: "app/assets/img/flags/shiny/16/United-States.png",
country: "United States",
title: "US 3"
}
]
}
});
$(document).ready(function() { $(document).ready(function() {
$(".show-logged").css("display", "none"); $(".show-logged").css("display", "none");
@ -81,4 +101,3 @@ $(document).ready(function() {
console.log("로그아웃 되었습니다."); console.log("로그아웃 되었습니다.");
}); });
}); });
*/

View File

@ -32,16 +32,10 @@ global.exit = function() {
}; };
//////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////
// exports.IEVersion // this window makes movable
//////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////
exports.IEVersion = OldBrowser.getIEVersion(); (function(grip) {
var oX, oY,
////////////////////////////////////////////////////////////////////////
// exports.enableMovableWindow()
////////////////////////////////////////////////////////////////////////
exports.enableMovableWindow = function() {
var grip = document.getElementById("app"),
oX, oY,
mouseDown = function(e) { mouseDown = function(e) {
if (e.offsetY + e.offsetX < 0) return; if (e.offsetY + e.offsetX < 0) return;
oX = e.screenX; oX = e.screenX;
@ -64,14 +58,19 @@ exports.enableMovableWindow = function() {
grip.addEventListener("mousedown", mouseDown); grip.addEventListener("mousedown", mouseDown);
grip.addEventListener("mousemove", gripMouseMove); grip.addEventListener("mousemove", gripMouseMove);
}; })(document.getElementsByTagName("body")[0]);
////////////////////////////////////////////////////////////////////////
// exports.IEVersion
////////////////////////////////////////////////////////////////////////
exports.IEVersion = OldBrowser.getIEVersion();
//////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////
// exports.main() // exports.main()
//////////////////////////////////////////////////////////////////////// ////////////////////////////////////////////////////////////////////////
exports.main = function(args) { exports.main = function(args) {
// make will display contents // make will display contents
//OldBrowser.setContent(FILE.readFile("app\\index.html", "utf-8")); OldBrowser.setContent(FILE.readFile("app\\index.html", "utf-8"));
OldBrowser.addStylesheet("app/assets/css/jquery-ui-1.21.1.min.css"); OldBrowser.addStylesheet("app/assets/css/jquery-ui-1.21.1.min.css");
OldBrowser.addStylesheet("app/assets/css/jquery.toast-1.3.2.min.css"); OldBrowser.addStylesheet("app/assets/css/jquery.toast-1.3.2.min.css");
OldBrowser.addStylesheet("app/assets/css/style.css"); OldBrowser.addStylesheet("app/assets/css/style.css");
@ -103,9 +102,6 @@ exports.main = function(args) {
return false; return false;
}; };
// set movable window
exports.enableMovableWindow();
// assign click event // assign click event
var elems = document.getElementsByTagName("a"); var elems = document.getElementsByTagName("a");
for(var i in elems) { for(var i in elems) {