Skip to content

Commit 3ba51f4

Browse files
littledulittledu
committed
init
init
1 parent 8a1f752 commit 3ba51f4

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

50 files changed

+6871
-0
lines changed

‎.gitignore

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -31,3 +31,5 @@ node_modules
3131

3232
# Optional REPL history
3333
.node_repl_history
34+
35+
.idea

‎about.html

Lines changed: 54 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,54 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<title></title>
6+
<link rel="stylesheet" href="assets/css/reset.css">
7+
<link rel="stylesheet" href="assets/css/app.css">
8+
</head>
9+
<body>
10+
11+
<div class="about" id="js-about">
12+
<div class="logo"></div>
13+
<div class="title">WeFlow</div>
14+
<div class="version">Version 1.0.0</div>
15+
<div class="desc">一个基于 <a href="https://github.com/weixin/tmt-workflow" id="js-tmtworkflow">tmt-workflow</a> 的前端工作流程序</div>
16+
17+
<div class="about__buttom">
18+
<div class="about__buttom-info">本 App 所有代码和设计稿均已开源</div>
19+
<div class="about__buttom-list" id="js-link">
20+
<a href="https://github.com/weixin/WeFlow" class="about__buttom-list-item">GitHub</a>
21+
<a href="https://dribbble.com/hzlzh/projects/380016-WeFlow" class="about__buttom-list-item">Dribbble</a>
22+
<a href="http://weflow.io/" class="about__buttom-list-item">官 网</a>
23+
</div>
24+
</div>
25+
</div>
26+
27+
<script>
28+
window.nodeRequire = require;
29+
delete window.require;
30+
delete window.exports;
31+
delete window.module;
32+
</script>
33+
<script src="./assets/js/jquery.min.js"></script>
34+
<script>
35+
var electron = nodeRequire('electron');
36+
37+
$('#js-link .about__buttom-list-item').on('click', function(event){
38+
var href = $(this).attr('href');
39+
40+
electron.shell.openExternal(href);
41+
42+
event.preventDefault();
43+
});
44+
45+
$('#js-tmtworkflow').on('click', function(event){
46+
var href = $(this).attr('href');
47+
48+
electron.shell.openExternal(href);
49+
50+
event.preventDefault();
51+
});
52+
</script>
53+
</body>
54+
</html>

‎app.html

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

‎assets/app_template.html

Lines changed: 182 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,182 @@
1+
<!DOCTYPE html>
2+
<html>
3+
<head>
4+
<meta charset="UTF-8">
5+
<title>WeFlow</title>
6+
<link rel="stylesheet" href="./css/reset.css">
7+
<link rel="stylesheet" href="./css/app.css">
8+
</head>
9+
<body>
10+
11+
<div class="wraper">
12+
<div class="welcome" style="display: none">
13+
<div class="logo"></div>
14+
<div class="title">WeFlow</div>
15+
<div class="subtitle">开启一段高效之旅</div>
16+
<div class="tips">
17+
<div class="icon-tips"></div>
18+
<div class="tips__content">添加一个新项目</div>
19+
</div>
20+
</div>
21+
<div class="projects">
22+
<div class="projects__header">
23+
Projects
24+
</div>
25+
<ul class="projects__list" id="js-project-list">
26+
<li class="projects__list-item" data-project="2" title="/Users/littledu/dudu_workspace/2">
27+
<span class="icon icon-finder"></span>
28+
<div class="projects__list-content">
29+
<span class="projects__name">project</span>
30+
<div class="projects__path">/Users/Apple/Workspace/Projects/wechat-city</div>
31+
</div>
32+
<a href="javascript:;" class="icon icon-info"></a>
33+
</li>
34+
<li class="projects__list-item projects__list-item_current" data-project="2"
35+
title="/Users/littledu/dudu_workspace/2">
36+
<span class="icon icon-finder"></span>
37+
<div class="projects__list-content">
38+
<span class="projects__name">project</span>
39+
<div class="projects__path">/Users/Apple/Workspace/Projects/wechat-city</div>
40+
</div>
41+
<a href="javascript:;" class="icon icon-info"></a>
42+
</li>
43+
<li class="projects__list-item projects__list-item_watching" data-project="2"
44+
title="/Users/littledu/dudu_workspace/2">
45+
<span class="icon icon-finder"></span>
46+
<div class="projects__list-content">
47+
<span class="projects__name">project</span>
48+
<div class="projects__path">/Users/Apple/Workspace/Projects/wechat-city</div>
49+
</div>
50+
<a href="javascript:;" class="icon icon-info"></a>
51+
</li>
52+
<li class="projects__list-item" data-project="2" title="/Users/littledu/dudu_workspace/2">
53+
<span class="icon icon-finder"></span>
54+
<div class="projects__list-content">
55+
<span class="projects__name">projectprojectprojectprojectprojectprojectprojectproject</span>
56+
<div class="projects__path">
57+
/Users/Apple/Workspace/Projects/wechat-city/Users/Apple/Workspace/Projects/wechat-city
58+
</div>
59+
</div>
60+
<a href="javascript:;" class="icon icon-info"></a>
61+
</li>
62+
<li class="projects__list-item" data-project="2" title="/Users/littledu/dudu_workspace/2">
63+
<span class="icon icon-finder"></span>
64+
<div class="projects__list-content">
65+
<span class="projects__name">project</span>
66+
<div class="projects__path">/Users/Apple/Workspace/Projects/wechat-city</div>
67+
</div>
68+
<a href="javascript:;" class="icon icon-info"></a>
69+
</li>
70+
<li class="projects__list-item" data-project="2" title="/Users/littledu/dudu_workspace/2">
71+
<span class="icon icon-finder"></span>
72+
<div class="projects__list-content">
73+
<span class="projects__name">project</span>
74+
<div class="projects__path">/Users/Apple/Workspace/Projects/wechat-city</div>
75+
</div>
76+
<a href="javascript:;" class="icon icon-info"></a>
77+
</li>
78+
<li class="projects__list-item" data-project="2" title="/Users/littledu/dudu_workspace/2">
79+
<span class="icon icon-finder"></span>
80+
<div class="projects__list-content">
81+
<span class="projects__name">project</span>
82+
<div class="projects__path">/Users/Apple/Workspace/Projects/wechat-city</div>
83+
</div>
84+
<a href="javascript:;" class="icon icon-info"></a>
85+
</li>
86+
</ul>
87+
</div>
88+
<div class="bottom-fixed">
89+
<div class="tasks" id="js-task-buttons">
90+
<span data-task="dev" id="js-build-dev" class="tasks__button tasks__button_watching">dev</span>
91+
<span data-task="dist" class="tasks__button">dist</span>
92+
<span data-task="ftp" class="tasks__button">ftp</span>
93+
<span data-task="zip" class="tasks__button">zip</span>
94+
</div>
95+
<div class="logs" id="js-log"></div>
96+
</div>
97+
<div class="bottom-bar">
98+
<div class="bottom-bar__content">
99+
<span class="icon icon-add" id="js-new-project"></span>
100+
<span class="icon icon-del"></span>
101+
<span class="icon icon-open">
102+
<input class="bottom-bar__open" id="js-open-project" type="file" webkitdirectory multiple>
103+
</span>
104+
<span class="icon icon-setting" id="js-setting-button"></span>
105+
<span class="icon icon-log"></span>
106+
</div>
107+
</div>
108+
</div>
109+
110+
<div class="dudu__setting" id="js-setting">
111+
<a href="javascript:;" id="js-setting-close" class="am-icon-remove"></a>
112+
113+
<form class="am-form">
114+
<fieldset>
115+
<legend>全局设置</legend>
116+
117+
<div class="am-form-group am-form-group-sm">
118+
<label for="js-form-workspace">工作区路径</label>
119+
<input type="text" data-workspace="true" id="js-form-workspace">
120+
</div>
121+
122+
<hr>
123+
124+
<div class="am-form-group am-form-group-sm">
125+
<label>FTP配置</label>
126+
<input type="text" name="ftp-host" placeholder="host">
127+
<input type="text" name="ftp-port" placeholder="port">
128+
<input type="text" name="ftp-user" placeholder="user">
129+
<input type="text" name="ftp-pass" placeholder="pass">
130+
<input type="text" name="ftp-remotePath" placeholder="remotePath">
131+
132+
<div class="am-checkbox">
133+
<label>
134+
<input type="checkbox" name="ftp-includeHtml"> 是否上传 html
135+
</label>
136+
</div>
137+
</div>
138+
139+
<hr>
140+
141+
<div class="am-form-group am-form-group-sm">
142+
<div class="am-checkbox">
143+
<label>
144+
<input type="checkbox" name="livereload"> livereload
145+
</label>
146+
</div>
147+
<div class="am-checkbox">
148+
<label>
149+
<input type="checkbox" name="supportREM"> 开启 REM
150+
</label>
151+
</div>
152+
<div class="am-checkbox">
153+
<label>
154+
<input type="checkbox" name="supportWebp"> 开启 Webp
155+
</label>
156+
</div>
157+
<div class="am-checkbox">
158+
<label>
159+
<input type="checkbox" name="supportChanged"> 开启 增量编译
160+
</label>
161+
</div>
162+
<div class="am-checkbox">
163+
<label>
164+
<input type="checkbox" name="reversion"> 开启 Reversion
165+
</label>
166+
</div>
167+
</div>
168+
169+
</fieldset>
170+
</form>
171+
</div>
172+
173+
<script>
174+
window.nodeRequire = require;
175+
delete window.require;
176+
delete window.exports;
177+
delete window.module;
178+
</script>
179+
<script src="./assets/js/jquery.min.js"></script>
180+
<script src="./src/app.js"></script>
181+
</body>
182+
</html>

0 commit comments

Comments
 (0)