///
interface IEle {
tagRle: any;
x: number;
y: number;
RGB: string;
time: number;
}
interface IRote {
iele: IEle;
next: IRote;
downOut: boolean;
showText?: boolean;
}
const infoDefine = [
{
home_index_view:{
showing:'展示中...',
install:'客户端安装',
question:'疑问解答',
question_aboutus:'关于Vpn.Email',
question_aboutus_1:'Vpn.Email是“加拿大Vpn.Email网络安全技术有限公司”开发的一项产品和服务。我们的目标是通过我们掌握的专业知识，服务于我们的客户使其处于安全可靠的网络环境。我们是一家全私有资本的公司，没有任何政府背景或从属于任何组织团体。'+
'',
question_private:'关于信息安全',
question_private_1:'客户信息的安全是本公司赖以生存的基本。我们尽我们的所有力量保护客户的信息，虽然客户在本公司的信息只有Email帐号。客户的支付信息是合作方银行所有的，我们这里得到的信息只是某个Email地址和已支付的金额。'+
'本公司不记录客户产生的具体通讯内容信息。我们保存着期限为3个月的日志文件，内容仅限于: 日期和时间, 目标服务器DNS及IP地址, 链接协议, '+
'客户端的email地址和通讯字节数，我们会对这些数字进行各类统计和分析工作, 以帮助我们改进并提供更好的服务。为了反恐的需要, 我们会配合持有加拿大法院令的加拿大执法机构提供此日志文件。联系方式为：administrator@Vpn.Email。如果您是加拿大以外地区的执法机构并有这方面信息披露的需求，请联系加拿大外交部：http://www.international.gc.ca/',
question_service:'如何屏蔽我们的服务',
question_service_1:'某些机构不希望使用我们的服务，询问如何屏蔽。我们理解这方面的要求，但非常遗憾的是这不是我们单方面能够完成的。我们建议您屏蔽本公司的域名：Vpn.Email，使用防火墙内部Email系统，并禁止防火墙外部的email IMAP连接，过滤掉含有 Vpn.Email 域名的信件。',
question_production1:'客户端对应哪些系统',
question_production1_1:'Vpn.Email客户端依赖NodeJS环境，而NodeJS可在Windows, MacOS, Linux等系统运行。我们在检讨浏览器插件方式的客户端，和迷你型可随身携带的无线路由器。',
info:'Vpn.Email是一种安全通讯手段，通过eMail的IMAP协议建立一个虚拟的专用通道，连接客户端和代理服务器，它的奇妙之处在于客户端和服务器彼此不用知道相互的IP地址，而是通过共用一个eMail账号' +
'进行数据交换，Vpn.Email系统把VPN包加密后，利用IMAP进行通讯，能最大限度的保护您的网络通讯不被检测和干扰，建立一个私密的网络安全环境。',
info1:'Vpn.Email从原理上和OpenVPN很像，但OpenVPN是把VPN伪装成HTTP或HTTPS，让防火墙误以为使用者是在看一个网站，但它的软肋，就是终端和服务器双方必须知道对方的IP，' +
'而且在使用中过程中通讯信息的指纹明显，容易被现代化的智能防火墙检出和干扰，以致用户不得不经常更新服务器IP地址列表，来和防火墙玩猫抓老鼠的游戏。'+
'Vpn.Email让终端可以链接任何的Email服务器，像Outlook, Yahoo, iCloud,GMX等免费Email服务，来进行VPN通讯。事实上很难甄别普通Email和Vpn.Email通讯Email之间的区别。防火墙又很难封锁这些著名的服务商。' +
'',
info2:'Vpn.Email通讯的私密优势',
info3:'当您注册为正式用户后，服务器会24小时联机您的通讯Email账户上，随时等待您的连接，而您只要连接上您的Email，就可以进行网络通讯了。通讯采用OpenPGP加密协议，'+
'只有您自己的密匙才能打开Email内容，Vpn.Email系统不保留任何客户的密匙，这意味着Vpn.Email无法检测您的通讯内容。在通讯时，系统会即时删除通讯时遗留的Email。'+
'由于IMAP通讯的特点，您和Vpn.Email交换内容的Email上，是找不到任何您的IP地址信息的。这意味着，不管您在哪里，只要您能连接到您的Email账户，就可以使用Vpn.Email服务，Vpn.Email也不能够知道，您从哪里来。',
info4:'铜墙铁壁般的数据中心',
info5:'Vpn.Email数据中心采用云结构的服务器集群，分散处理和去中心化设计，会根据客户数量，动态的自动增减处理器数量，每个Vpn.Email服务器均采用经过特殊优化处理的Linux系统，只保留了最基本的系统功能。' +
'所以Vpn.Email服务器能带给客户良好的体验。Vpn.Email在全球各大洲均有代理服务器，可满足大部分客户的需要。'+
'Vpn.Email数据中心还为商业级客户提供其独占的大流量高速服务器，具有强大的计算能力和独享千兆级数据出口。由于Vpn.Email系统结构的特点，我们的数据中心的'+
'服务器集群和数据库服务器集群，均通过IMAP协议相互之间进行通讯，没有任何开放的可供访问的端口，可有效的防治不法入侵，保护客户数据安全。',
welcome: '从此您将可以勇敢地冒险！',
price_title: '注册用户类型',
price_free_1_1:'免费用户',
price_free_1_2:'每月1GB限定流量(最高100MB/天)',
price_free_1_3:'免费',
price_free_2_1:'基本用户',
price_free_2_2:'每月10GB限定流量',
price_free_2_3:'us$1.99/每月',
price_free_3_1:'标准用户',
price_free_3_2:'每月100GB限定流量',
price_free_3_3:'us$5.99/每月',
price_free_4_1:'高级用户',
price_free_4_2:'每月1TB限定流量',
price_free_4_3:'us$9.99/每月',
price_free_5_1:'小型商业用户',
price_free_5_2:'每月2TB,独享主机千兆网络',
price_free_5_3:'us$19.99/每月',
price_free_6_1:'标准商业用户',
price_free_6_2:'每月4TB,独享高速主机千兆网络',
price_free_6_3:'us$39.99/每月',
install_step1_title:'Vpn.Email是依赖于nodeJS环境，能够运行nodeJS的所有系统，都可作为Vpn.Email客户端。请打开nodeJS的安装页面，挑选对应您的系统的nodeJS安装。',
install_step1:'下载并安装NodeJS',
install_step2:'打开终端，windows系统打开DOS窗口(CMD)'
}
},{
home_index_view:{
showing:'上演中...',
install:'ソフトインストール',
question:'問題及答え',
question_aboutus:'Vpn.Emailとは',
question_aboutus_1:'我々はカナダVpn.Emailネットワークセキュリティー技術有限会社です。Vpn.Emailは我々の開発した製品とサービスです。我々はプロフェッショナルサービスを提供して、お客様のお大事な',
info:'Vpn.Emailとは、eMailの通信プロトコルIMAPを使用して、端末とサーバの間に、仮想のネットワークトンネルを構築し、さらにVPNをカプセル化にしたことで、どんな端末からも利用することができます。' +
'Vpn.Emailの一番重要な特徴は，端末とサーバの通信がIPアドレスではなく、一つのeMailアカウントを使います。それによって'+
'世界中に安全と自由な通信ができるようになります。',
info1:'OpenVPNはVPNをカプセル化にしてHTTP又はHTTPSを使用して通信をするですが、基本的には伝統的な端末からVPNサーバへアクセスような特徴を持って変わらないですから、'+
'現代的なファイアウォールはそれを簡単に認識し、通信を破壊されてしまう。Vpn.EmailはOpenVPNに似たような、VPNをカプセル化にして、'+
'IMAPポロトコルで作ったトンネルに、通信を行います。Outlook, Yahoo, iCloudなどのフリーEmailアカウントを使っています、ファイアウォールは'+
'普通のEmailとVpn.EmailのEmailを区分することは難しいでしょう。',
welcome:'これから、勇気づけられたネットワークのエクスプローラの旅にしましょう。',
info2:'Vpn.Emailの特徴',
info3:'商用ユーザにはVpn.Emailは24時間、あなたの通信専用Emailアカウントに接続をしています，いつでもVPNセクション立ち上げが可能です。通信データはOpenPGPで暗号化されて、'+
'暗号強度は4096までできます。端末とVpn.Emailサーバの間は同じeMailアカウントでコミュニティをしますから、端末とサーバのIPアドレス交換することは不要です。IMAPで書かれたeMail中身にもIPアドレスはないですから、'+
'Vpn.Emailはユーザが今現在どこから利用していることを、技術的検出することもできないです。',
info4:'金城鉄壁とするデータセンター',
info5:'従来のVPNサーバはIPアドレスをユーザに教えて、端末からVPNの接続を待ちます。Vpn.EmailサーバはユーザeMailアカウントに接続をしますから、Vpn.EmailサーバIPアドレスの公開必要がないです。'+
'従って、Vpn.Emailデータセンターはデータアクセスポートを全部閉じています。外から一切接続を拒否します。サーバの間もIMAPを使って通信をしますから、最もセキュリティーの強いサーバになっています。' +
'Vpn.Emailサーバは必要の最低限、最適されたLinuxOSをベースに、クラウド技術を使用しています、分散化したクラスターを一つのクラスタリングにします。ユーザのニーズに従って' +
'自動的オンデマンドでサーバの数を増減に対応します。特に通信量の多いと通信速度を追求したビジネスユーザにも、独占専用のパワーフルサーバも用意しております。',
price_title: 'アカンウトタイプ',
price_free_1_1:'フリーユーザー',
price_free_1_2:'1GBまで (Max100MB/日)',
price_free_1_3:'フリー',
price_free_2_1:'普通ユーザー',
price_free_2_2:'10GBまで',
price_free_2_3:'us$1.99/月',
price_free_3_1:'プレミアムユーザー',
price_free_3_2:'100GBまで',
price_free_3_3:'us$5.99/月',
price_free_4_1:'パワーユーザー',
price_free_4_2:'1TBまで',
price_free_4_3:'us$9.99/月',
price_free_5_1:'スモールビジネス',
price_free_5_2:'2TB 独占サーバ',
price_free_5_3:'us$19.99/月',
price_free_6_1:'ビジネスユーザー',
price_free_6_2:'4TB 独占高速サーバ',
price_free_6_3:'us$39.99/月',
install_step1:'インストール NodeJS'
}
},{
home_index_view:{
info:'Vpn.Email is the one of the powerful and easiest VPN software. Vpn.Email use email IMAP protocol to make a virtual tunnel that exchanges VPN packets between '+
'VPN clients and VPN servers. The excellent point is Vpn.Email exchanges data by a email account, client and server do not need IP address. Nobody know where you from even Vpn.Email system. ',
welcome:"Lets explore the world without fear!",
install:'Install',
question_aboutus:'About us',
question_aboutus_1:'Vpn.Email network security technolog Canada Ltd',
question:'Question & answer',
showing:'Showing...',
info1:'Vpn.Email is similar as OpenVPN. OpenVPN uses HTTPS protocol in order to establish a VPN tunnel. let firewall think it is normal http access. But OpenVPN have a lot of commercial trait when used be established through firewalls. ' +
"Even the firewall do not need know what is the detail. So OpenVPN clients need reflash gatway server's IP list and find out the working one. Vpn.Email package VPN to a email use IMAP protocol commercial between server and client. " +
" Client can use a lot of popular free email provider like Yahoo, Outlook, GMX for use Vpn.Email system transparency for firewalls.",
info2:'Vpn.Email feature',
info3:"The Vpn.Email server will connect the client email account 24 hours when you have a paid account. The server always wait client establish VPN connection. The append email via IMAP protocol have not any IP address detail in mail header. You can use Vpn.Email " +
" whatever you are from just you can access your email account. Also Vpn.Email have no means can reach your IP address. Vpn.Email system use OpenPGP to encrypt & decrypt each email. Vpn.Email have not record any client's privkey and password. ",
info4:'Strong data center',
info5:"Vpn.Email provides cloud server cluster that is base with clients needs (on-demand). It isolate between each clients. It use security IMAP protocol commercial transactions between database center and client servers." +
"Each server used lightweight, security, ultra-optimized, based on the Linux kernel. Only the minimal functionality required. " +
"Vpn.Email have multiple datacenter locations. Provides business users powerfull and TB bandwidth network private hosting.",
price_title: 'Account type',
price_free_1_1:'Free User',
price_free_1_2:'1GB/Mouth(Max 100MB/day)',
price_free_1_3:'Free',
price_free_2_1:'Basic User',
price_free_2_2:'10GB/Mouth',
price_free_2_3:'us$1.99/mouth',
price_free_3_1:'Premium User',
price_free_3_2:'100GB/Mouth',
price_free_3_3:'us$5.99/mouth',
price_free_4_1:'Power User',
price_free_4_2:'1TB/Mouth',
price_free_4_3:'us$9.99/mouth',
price_free_5_1:'Small Business',
price_free_5_2:'2TB/M Exclusive Host',
price_free_5_3:'us$19.99/mouth',
price_free_6_1:'Business',
price_free_6_2:'4TB/M Exclusive Fast Host',
price_free_6_3:'us$39.99/mouth',
install_step1:'Install NodeJS'
}
}
]
const cookieName = 'langEH'
enum lang { 'zh', 'ja', 'en' }
const initLanguageCookie = () => {
var cc: string = $.cookie( cookieName );
if (cc == undefined || cc == "") {
cc = window.navigator.language;
}
if (cc == undefined || cc == "")
cc = 'en';
cc = cc.substr(0, 2).toLocaleLowerCase();
switch (cc) {
case 'zh':
break;
case 'en':
break;
case 'ja':
break;
default:
cc = 'en';
}
$.cookie("langEH", cc, { expires: 180, path: '/' });
$("html").trigger('languageMenu',cc);
return cc;
}
const eleFlash = (ele, red: boolean, returnColor, length: number) => {
for (let i = 0; i < length; i ++) {
setTimeout (() => {
ele.animate ({ fill: red ? 'red' : 'green' }, 7, null, () => {
ele.attr ({ fill: returnColor })
})
}, i * 50 )
}
}
class svgAnimation1 {
private y = Snap('#snapVpn')
private ele1 = $('#snapVpn')
private weight = (this.ele1.width() > 200)
? this.ele1.width() - 200
: 300;
static rgb_firewall = 'rgba(255,80,80,0.1)'
static rgb_client = 'rgba(255,255,255,.5)'
static rgb_client1 = 'rgba(255,70,0,.5)'
private showInfo1 = this.y.g().attr ({ fill: 'rgba(255,255,00,.7)', "font-size": "18px", opacity:1 });
private showInfo2 = this.y.g().attr ({ fill: 'red', "font-size": "18px", opacity:1 });
private localRbgServerPoint = 0;
static rbgServer = [
'rgba(255,70,0,.5)','rgba(255,70,255,.5)','rgba(255,250,70,.5)'
]
private fireWallWorking = false;
private fireWall: IEle = {
tagRle: this.y.group().attr({ fill: svgAnimation1.rgb_firewall, class: 'mouse-pointer' }),
x: this.weight * 0.5,
y: 40,
RGB: svgAnimation1.rgb_firewall,
time: 1000
}
private vpnviaEmail: IEle = {
tagRle: this.y.group().attr({ fill: svgAnimation1.rgb_client, opacity: 0, class:'mouse-pointer' }),
x: this.weight * .9,
y: 150,
RGB: svgAnimation1.rgb_client,
time: 500
}
private client: IEle = {
tagRle: this.y.group().attr({ fill: svgAnimation1.rgb_client, class:'mouse-pointer' }),
x: 50,
y: 40,
RGB: svgAnimation1.rgb_client,
time: 1000
}
private mailServer: IEle = {
tagRle: this.y.group().attr({ fill: '#FFFFFF', opacity: 0, class:'mouse-pointer' }),
x: this.weight,
y: 40,
RGB:'#FFFFFF',
time: 1000
}
private server: IEle = {
tagRle: this.y.group().attr({ fill: svgAnimation1.rgb_client, class:'mouse-pointer' }),
x: this.weight,
y: 40,
RGB: svgAnimation1.rgb_client,
time: 1000
}
constructor() {
this.y.attr({ height: 200 })
Snap.load('/images/client_1.svg',(f)=> {
const t = new Snap.Matrix()
t.scale(2)
t.translate(10,10)
this.client.tagRle.append(f)
this.client.tagRle.transform(t)
})
Snap.load ('/images/svg_firewall.svg',(f)=>{
const t = new Snap.Matrix()
t.scale(2)
const point = this.weight * 0.2;
t.translate (point,0)
this.fireWall.tagRle.append(f);
this.fireWall.tagRle.transform(t)
})
Snap.load ('/images/vpnemail.svg',(f) => {
const t = new Snap.Matrix()
t.translate(this.weight ,0)
t.scale(2)
this.mailServer.tagRle.append(f)
this.mailServer.tagRle.transform(t)
})
Snap.load ('/images/svg_server1.svg', (f) => {
//const t = new Snap.Matrix()
//t.translate(this.weight * .85, 100)
//t.scale(2)
this.vpnviaEmail.tagRle.append(f);
//this.vpnviaEmail.tagRle.transform(t);
this.vpnviaEmail.tagRle.transform('translate('+ this.weight * .85+',100) scale(2)');
})
Snap.load ('/images/svg_server1.svg',(f) => {
//const t = new Snap.Matrix()
//t.translate (this.weight ,0)
//t.scale (2)
this.server.tagRle.append(f)
this.server.tagRle.transform('translate('+ this.weight+') scale(2)');
//this.server.tagRle.transform(t)
//this.vpnviaEmail.tagRle.animate ({x:this.weight * .85, y:100, scale: 2})
})
}
private goNext (textEle, rote: IRote, time, length: number, callback) {
textEle.animate ({ x: rote.iele.x, y: rote.iele.y, fill: 'rgba(255,255,255,.1)' }, time, null, () => {
if (rote.showText){
if (this.fireWallWorking) {
if (this.showInfo2) {
Snap.animate( 0, 1, (v) => {
this.showInfo2.attr ({ 'font-size': v * 40, opacity: v })
}, 1500, mina.bounce, () => {
this.showInfo2.attr({opacity:0})
});
}
} else {
Snap.animate( 0, 1, (v) => {
this.showInfo1.attr ({ 'font-size': v * 50, opacity: v })
}, 1500, mina.bounce, () => {
this.showInfo1.attr ({ opacity: 0})
});
}
}
eleFlash ( rote.iele.tagRle, rote.downOut && this.fireWallWorking, rote.iele.RGB, length)
if (rote.downOut && this.fireWallWorking) {
return textEle.animate ({ y: 150}, 200, null, callback)
}
if ( rote.next )
return this.goNext ( textEle, rote.next, rote.next.iele.time, length, callback)
textEle.remove()
callback()
})
}
private goData ( rotes: IRote, length: number, callback ) {
const myGroup = this.y.g().attr ({ fill: 'rgba(255,255,255,0)', "font-size": "18px" });
for ( let i = 0; i < length; i ++ ) {
let n = myGroup.text (rotes.iele.x, rotes.iele.y, Math.round(Math.random()).toString())
setTimeout (() => {
this.goNext ( n, rotes, rotes.iele.time, length, () =>{
n.remove()
if (i === length - 1)
return callback()
})
}, i * 50)
}
}
private showServer () {
this.server.tagRle.animate({transform:`translate(${this.weight + 200}) scale(2)`}, 500, mina.easeinout, ()=> {
this.server.tagRle.attr({fill: svgAnimation1.rbgServer[this.localRbgServerPoint]});
this.server.RGB = svgAnimation1.rbgServer[this.localRbgServerPoint]
this.localRbgServerPoint ++;
if (this.localRbgServerPoint == svgAnimation1.rbgServer.length)
this.localRbgServerPoint = 0;
this.server.tagRle.animate({transform:`translate(${this.weight}) scale(2) `}, 500, mina.easein)
})
}
private outServer () {
this.server.tagRle.animate({transform:`translate(${this.weight+400}) scale(2)`}, 1000, mina.easeinout)
}
public vpn = (showText: string, wText=null, callback) => {
this.fireWallWorking = false;
const FirewallRoute: IRote = {
iele: this.fireWall,
downOut: true,
next: {
iele: this.client,
downOut: false,
next: null
}
}
const VpnViaEmail = showText === 'Vpn.Email'
const serverToClinet = VpnViaEmail
? {
iele: this.vpnviaEmail,
downOut: false,
next: {
iele: this.mailServer,
downOut: false,
next: FirewallRoute
}
}
: {
iele: this.server,
downOut: false,
next: FirewallRoute
}
const afterFireWallRoute: IRote = VpnViaEmail
? {
iele: this.mailServer,
downOut: false,
next: {
iele: this.vpnviaEmail,
downOut: false,
next: serverToClinet
}
}
: {
iele: this.server,
downOut: false,
next: serverToClinet
}
const cliectToServer: IRote = {
iele: this.client,
downOut: false,
next: {
iele: this.fireWall,
downOut: true,
next: afterFireWallRoute,
showText: true
}
}
this.showInfo1.remove();
this.showInfo2.remove();
this.showInfo1 = this.y.g().attr ({ fill: 'rgba(255,255,00,1)', "font-size": "18px", opacity: 0 });
this.showInfo2 = this.y.g().attr ({ fill: 'red', "font-size": "18px", opacity: 0});
this.server.RGB = svgAnimation1.rgb_client;
if ( VpnViaEmail ) {
//this.server.tagRle.animate({opacity: 0}, 1000, mina.easeinout)
this.outServer()
this.vpnviaEmail.tagRle.animate ({ opacity: 1 },1000, mina.easein)
this.mailServer.tagRle.animate ({ opacity: 1 },1000, mina.easein)
this.showInfo1.text(this.weight * 0.5, 50, 'email?')
} else {
//this.server.tagRle.animate({opacity: 1}, 1000, mina.easein)
this.showServer()
this.showInfo1.text(this.weight * 0.5, 50,
(showText === 'VPN')
? '??'
: 'http?')
this.showInfo2.text(this.weight * 0.5, 50, showText+'!');
this.vpnviaEmail.tagRle.animate ({ opacity: 0 }, 1000, mina.easeout)
this.mailServer.tagRle.animate ({ opacity: 0 }, 1000, mina.easeinout)
}
let i = 0;
const callBack = () => {
i ++
if (!VpnViaEmail && i == 2 ) {
this.fireWallWorking = true
}
if (!VpnViaEmail && i == 4 ) {
this.fireWallWorking = false
this.showServer()
}
if (!VpnViaEmail && i == 6 ) {
this.fireWallWorking = true
}
if (i < 10)
return this.goData ( cliectToServer,5, callBack)
callback()
}
this.goData ( cliectToServer, 5, callBack)
}
}
module view_layout {
export class view {
static tLang = initLanguageCookie ();
static Menu = {
'zh':[{
LanguageJsonName: 'zh',
showName: '中文',
icon: 'flag-icon-cn'
},
{
LanguageJsonName: 'en',
showName: '英文/English',
icon: 'flag-icon-gb'
},
{
LanguageJsonName: 'ja',
showName: '日文/日本語',
icon: 'flag-icon-jp'
}],
'ja': [{
LanguageJsonName: 'ja',
showName: '日本語',
icon: 'flag-icon-jp'
},
{
LanguageJsonName: 'en',
showName: '英語/English',
icon: 'flag-icon-gb'
},
{
LanguageJsonName: 'zh',
showName: '中国語/中文',
icon: 'flag-icon-cn'
}],
'en': [{
LanguageJsonName: 'en',
showName: 'English',
icon: 'flag-icon-gb'
},
{
LanguageJsonName: 'ja',
showName: 'Japanese/日本語',
icon: 'flag-icon-jp'
},
{
LanguageJsonName: 'zh',
showName: 'Chinese/中文',
icon: 'flag-icon-cn'
}
]
}
static svgAnimation = new svgAnimation1();
constructor(){}
private languageIndex =ko.observable ( lang[view.tLang] )
private dataJson = ko.observable ( infoDefine [ this.languageIndex () ]);
private languageList = ko.observableArray ( view.Menu [ view.tLang ])
public home_index_view = ko.observable ( this.dataJson ().home_index_view )
public currentSelected = ko.observable ( this.languageList()[0] )
public VpnRunning = ko.observable (false);
public VpnViaEmailRunning = ko.observable (false);
public OpenVPNlRunning = ko.observable (false);
public language = ko.observable(initLanguageCookie ())
public selectItem = ( that, site: languageMenu ) => {
var self = this
this.language (site.LanguageJsonName)
view.tLang = site.LanguageJsonName
self.languageIndex(lang[view.tLang])
self.dataJson(infoDefine[self.languageIndex()])
self.home_index_view(self.dataJson().home_index_view)
self.languageList (view.Menu[view.tLang]);
self.currentSelected( self.languageList()[0]);
$("html").trigger('languageMenu',view.tLang)
$.cookie("langEH", view.tLang, { expires: 180, path: '/' });
}
public vpnViaEmailClick () {
this.VpnViaEmailRunning ( true )
view.svgAnimation.vpn ('Vpn.Email','email', () => {
this.VpnViaEmailRunning ( false )
})
}
public vpnClick () {
this.VpnRunning (true);
view.svgAnimation.vpn ( 'VPN','', () => {
this.VpnRunning(false)
})
}
public openVenClick () {
this.OpenVPNlRunning (true);
view.svgAnimation.vpn ( 'OpenVPN','html', () => {
this.OpenVPNlRunning(false)
})
}
}
}
var viewLayout = new view_layout.view ()
ko.applyBindings ( viewLayout, document.getElementById ("html"))
initLanguageCookie()