-
Notifications
You must be signed in to change notification settings - Fork 432
/
app.html
154 lines (141 loc) · 6 KB
/
app.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>WeFlow</title>
<link rel="stylesheet" href="assets/css/reset.css">
<link rel="stylesheet" href="assets/css/app.css">
</head>
<body>
We are using node <script>document.write(process.versions.node)</script>,
Chromium <script>document.write(process.versions.chrome)</script>,
and Electron <script>document.write(process.versions.electron)</script>
<div class="wraper">
<div class="welcome hide" id="js-welcome">
<div class="logo"></div>
<div class="title">WeFlow</div>
<div class="subtitle">开启一段高效之旅</div>
<div class="tips">
<div class="icon-tips"></div>
<div class="tips__content">添加一个新项目</div>
</div>
</div>
<div class="projects">
<div class="projects__header">
Projects
</div>
<ul class="projects__list" id="js-project-list">
</ul>
</div>
<div class="bottom-fixed">
<div class="tasks" id="js-tasks">
<span data-task="dev" id="js-build-dev" class="tasks__button">开发</span>
<span data-task="dist" class="tasks__button">生产编译</span>
<span data-task="ftp" class="tasks__button">FTP 部署</span>
<span data-task="zip" class="tasks__button">Zip 打包</span>
</div>
<div class="logs" id="js-log">
<span class="icon icon-clean" id="js-clean-log"></span>
<div class="logs__inner">
</div>
</div>
</div>
<div class="bottom-bar">
<span class="icon icon-add" id="js-new-project" title="新建项目"></span>
<span class="icon icon-del" id="js-del-project" title="删除项目"></span>
<span class="icon icon-open" title="打开项目">
<input class="bottom-bar__open" id="js-open-project" type="file" webkitdirectory multiple>
</span>
<span class="icon icon-setting" id="js-setting-button" title="全局设置"></span>
<span class="icon icon-log" id="js-log-button" title="查看日志"></span>
<span class="bottom-bar__status" id="js-logs-status"></span>
</div>
</div>
<div class="setting hide" id="js-setting">
<a href="javascript:;" id="js-setting-close" class="icon icon-close"></a>
<a href="javascript:;" id="js-help" class="icon icon-help"></a>
<div class="setting__section" id="js-workspace">
<div class="setting__hd">工作区路径</div>
<div class="setting__bd">
<div class="ui-text">
<input type="text" data-workspace="true" id="js-form-workspace" value="/Users/Apple/Workspace/Projects/">
</div>
</div>
</div>
<div class="setting__section">
<div class="setting__hd">功能</div>
<div class="setting__bd">
<div class="ui-checkbox">
<input type="checkbox" name="livereload" checked id="livereload">
<label for="livereload">开启 LiveReload 浏览器自动刷新</label>
</div>
<div class="ui-checkbox">
<input type="checkbox" name="supportREM" id="supportREM">
<label for="supportREM">开启 REM 适配解决方案</label>
</div>
<div class="ui-checkbox">
<input type="checkbox" name="supportWebp" id="supportWebp">
<label for="supportWebp">开启 智能 WebP 解决方案</label>
</div>
<div class="ui-checkbox">
<input type="checkbox" name="reversion" id="reversion">
<label for="reversion">开启 文件版本 (MD5) 去缓存解决方案</label>
</div>
<div class="ui-checkbox">
<input type="checkbox" name="supportChanged" id="supportChanged">
<label for="supportChanged">开启 文件变动增量编译支持</label>
</div>
</div>
</div>
<div class="setting__section">
<div class="setting__hd">FTP 配置</div>
<div class="setting__bd">
<label class="setting__subtitle">FTP配置</label>
<div class="ui-text">
<input type="text" name="ftp-host" placeholder="服务器地址" value="">
</div>
<div class="ui-text">
<input type="text" name="ftp-user" placeholder="用户名" value="">
</div>
<div class="ui-text">
<input type="password" name="ftp-pass" placeholder="密码" value="">
</div>
<div class="ui-text">
<input type="text" name="ftp-remotePath" placeholder="远程路径" value="">
</div>
<div class="ui-checkbox">
<input type="checkbox" name="ftp-includeHtml" id="ftp-includeHtml">
<label for="ftp-includeHtml">上传文件包含 .html 文件类型</label>
</div>
</div>
</div>
<div class="setting__del hide" id="js-del-project-btn">
删除此项目
</div>
</div>
<div class="about hide" id="js-about">
<div class="logo"></div>
<div class="title">WeFlow</div>
<div class="version">Version 1.0.0</div>
<div class="desc">一个基于 <a href="https://github.com/weixin/tmt-workflow">tmt-workflow</a> 的前端工作流程序</div>
<div class="about__buttom">
<div class="about__buttom-info">本 App 所有代码和设计稿均已开源</div>
<div class="about__buttom-list">
<a href="javascript:;" class="about__buttom-list-item">GitHub</a>
<a href="javascript:;" class="about__buttom-list-item">Dribbble</a>
<a href="javascript:;" class="about__buttom-list-item">官 网</a>
</div>
</div>
<a href="javascript:;" class="icon icon-close"></a>
</div>
<script>
window.nodeRequire = require;
delete window.require;
delete window.exports;
delete window.module;
</script>
<script src="./assets/js/jquery.min.js"></script>
<script src="./src/app.js"></script>
<script src="./src/menu.js"></script>
</body>
</html>