first commit

aliyun · Feb 6, 2017 · c0eae7e · c0eae7e
commit c0eae7e
Show file tree

Hide file tree

Showing 127 changed files with 9,327 additions and 0 deletions.
diff --git a/.eslintrc.json b/.eslintrc.json
@@ -0,0 +1,12 @@
+{
+    "parserOptions": {
+        "ecmaVersion": 6,
+        "sourceType": "module",
+        "ecmaFeatures": {
+            "jsx": true
+        }
+    },
+    "rules": {
+        "semi": 2
+    }
+}
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,10 @@
+node_modules
+.idea
+cache
+dist
+npm-debug.log
+bower_components
+build
+.DS_Store
+releases
+Makefile
diff --git a/.jsbeautifyrc b/.jsbeautifyrc
@@ -0,0 +1,12 @@
+{
+  "indent_size": 2,
+  "indent_char": " ",
+  "other": " ",
+  "indent_level": 0,
+  "esversion": 6,
+  "indent_with_tabs": false,
+  "preserve_newlines": true,
+  "max_preserve_newlines": 2,
+  "jslint_happy": true,
+  "indent_handlebars": true
+}
diff --git a/LICENSE b/LICENSE
@@ -0,0 +1,13 @@
+Copyright 2016 Aliyun.com
+
+Licensed under the Apache License, Version 2.0 (the "License");
+you may not use this file except in compliance with the License.
+You may obtain a copy of the License at
+
+    http://www.apache.org/licenses/LICENSE-2.0
+
+Unless required by applicable law or agreed to in writing, software
+distributed under the License is distributed on an "AS IS" BASIS,
+WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+See the License for the specific language governing permissions and
+limitations under the License.
diff --git a/Readme.md b/Readme.md
@@ -0,0 +1,139 @@
+# OSS Browser
+
+OSS Browser 提供类似windows资源管理器功能。用户可以很方便的浏览文件，上传下载文件，支持断点续传等。
+
+
+本工具使用开源框架 Angular 1.x + [Electron](http://electron.atom.io/)制作。
+
+> Electron 框架可以让你使用 JavaScript，HTML 和 CSS 构建跨平台的桌面应用程序。它是基于node.js 和 Chromium 开源项目。Electron 可以打包出跨平台的程序，运行在 Mac，Windows 和 Linux 上。
+
+
+## 1. 客户端下载：
+
+这是打包好的，下载地址如下，解压即可使用。
+
+> [Window x64版下载](http://luogc.oss-cn-hangzhou.aliyuncs.com/oss-browser-publish/0.3.0/oss-browser-win32-x64.zip)
+
+> [Mac 版下载](http://luogc.oss-cn-hangzhou.aliyuncs.com/oss-browser-publish/0.3.0/oss-browser-darwin-x64.zip)
+
+> Linux版暂不提供，可以自行build。
+
+### (1) AK登录
+
+![](preview/login.png)
+
+
+### (2) Bucket列表
+
+![](preview/bucket-list.png)
+
+
+### (3) 文件列表 (支持拖拽上传)
+
+![](preview/file-list.png)
+
+
+
+## 2. 开发环境搭建
+
+> 如果你要在此基础上开发，请按照以下步骤进行。
+
+
+### (1) 安装 node.js 最新版本
+
+官网: https://nodejs.org/
+
+### (2) 安装cnpm
+
+官网: https://cnpmjs.org/
+
+cnpm 是 npm（node 包管理工具）的中国镜像，可以提高下载依赖包的效率。
+
+
+### (3) 下载代码
+
+```
+git clone [email protected]:aliyun/oss-browser.git
+```
+
+安装依赖(请使用cnpm):
+
+```
+cnpm i
+```
+
+
+### (4) 运行
+
+```
+npm run dev  # 开发模式运行, command+option+i 可用打开调试界面, win或linux按 F12.
+```
+
+开发模式下，会自动监听源码,如有修改,会自动build 前端代码到dist目录。
+
+
+### (5) 打包
+
+```
+npm run build  # build前端代码到dist目录
+```
+
+```
+npm run win64  # 打包win64程序， 可选: win32, mac, linux32, linux64
+```
+
+
+## 3. 功能介绍
+
+```
+功能Map
+  |-- 登录：只需配置AK。
+  |-- Bucket管理，新建bucket，删除bucket，bucket权限修改，碎片管理。
+       |-- 文件管理：目录（包括bucket）和文件的增删改查， 复制, 文件预览等。
+             |-- 文件传输任务管理： 上传下载，断点续传。
+  |-- 地址栏功能（支持oss://协议URL，浏览历史前进后退，保存书签）
+  |-- 授权功能： 简化RAM授权。
+```
+
+特色功能：
+
+1. 地址栏功能：支持oss://协议URL，浏览历史前进后退，保存书签。
+
+2. 预览和编辑功能：图片可以预览，文本直接可以编辑。
+
+## 4. 代码结构
+
+
+```
+oss-browser/
+ |-- app/                 # 前端代码, 采用angular框架
+ |-- mock_server/         # mock 的web服务
+ |-- node/                # 前端调用的 node 模块
+     |-- ossstore/        # 上传下载job类
+ |-- vendor/              # 前端 aliyun-sdk 依赖
+ |-- bower_components/    # 前端依赖的模块
+ |-- node_modules         # node端依赖的模块
+ |-- dist                 # 前端临时build出的代码
+ |-- build                # node-webkit build出的应用
+ |-- cache                # node-webkit 的下载缓存
+ |-- gulpfile.js          # 项目管理文件
+ |-- package.json         # 项目描述文件
+```
+
+
+## 5. TODO
+
+* 自动更新
+* 图片预览放大缩小。
+* RAM授权
+* 错误堆栈
+* 优化批量删除
+* 跨区域复制
+
+## 6. 关于贡献
+
+* 暂不接受代码贡献，如有建议或发现bug，请直接开issue。
+
+## 7. 开源 LICENSE
+
+[Apache License 2.0](LICENSE)
diff --git a/app/app.css b/app/app.css
@@ -0,0 +1,102 @@
+.red{
+  color:red;
+}
+
+.mg4 {
+    margin: 4px;
+}
+.mg0 {
+    margin: 0px;
+}
+.mgb2{
+  margin-bottom:2px;
+}
+.mgb4{
+  margin-bottom:4px;
+}
+.mgb6{
+  margin-bottom:6px;
+}
+.mgl4{
+  margin-left: 4px;
+}
+.pd0{
+    padding:0px;
+}
+.pd4{
+    padding:4px;
+}
+.pd10{
+    padding:10px;
+}
+.pdt4{
+    padding-top:4px;
+}
+.break{
+    word-break:break-all;
+}
+button.btn.btn-sm {
+    outline: none;
+}
+.f8{
+  font-size:80%;
+}
+.f9{
+  font-size:90%;
+}
+
+
+.input-group-sm .form-control,
+.input-group-sm .input-group-addon,
+.input-group-sm  .input-group-btn  .btn {
+    height: 30px;
+    padding: 5px 10px;
+    font-size: 12px;
+    line-height: 1.5;
+    border-radius: 3px;
+  }
+
+
+
+/*@media (min-width: 768px){
+  body .modal-dialog {
+      margin-top: 10px auto;
+  }
+}
+@media (min-width: 992px){
+  body .modal-lg {
+      width: 98%;
+  }
+}*/
+
+
+.modal-header, .modal-footer {
+    padding: 4px 8px;
+    background: #F6F6F6;
+}
+
+.modal-header {
+    border-top-left-radius: 5px;
+    border-top-right-radius: 5px;
+}
+
+.modal-footer {
+    border-bottom-left-radius: 5px;
+    border-bottom-right-radius: 5px;
+}
+
+html, body {
+    overflow: hidden;
+}
+.shadow10{
+    box-shadow: 0 0 10px rgba(0,0,0,0.5);
+}
+
+.text-overflow{
+    text-overflow:ellipsis;
+    white-space:nowrap;
+    overflow:hidden
+}
+.text-orange{
+  color:orange;
+}
diff --git a/app/app.js b/app/app.js
@@ -0,0 +1,32 @@
+
+angular.module('web', ['ui.router', 'ui.bootstrap','ui.codemirror', 'ngSanitize', 'templates'])
+  .config(['$stateProvider', '$urlRouterProvider', function ($stateProvider, $urlRouterProvider) {
+
+    moment.locale('zh-CN');
+
+    $stateProvider
+      .state('files', {
+        url: '/',
+        templateUrl: 'main/files/files.html',
+        controller: 'filesCtrl'
+      })
+
+      // .state('settings', {
+      //   url: '/settings',
+      //   templateUrl: 'main/settings/settings.html',
+      //   controller: 'settingsCtrl'
+      // })
+
+      .state('login', {
+        url: '/login',
+        templateUrl: 'main/auth/login.html',
+        controller: 'loginCtrl'
+      })
+    ;
+
+    $urlRouterProvider.otherwise('/');
+
+  }])
+  .run(function () {
+    console.log('ready');
+  });
diff --git a/app/components/directives/auto-height.js b/app/components/directives/auto-height.js
@@ -0,0 +1,34 @@
+angular.module('web')
+.directive('autoHeight', ['$timeout', function($timeout){
+
+  return {
+    link: linkFn,
+    restrict: 'EA',
+    transclude: false,
+    scope: {
+      autoHeight: '='
+    }
+  };
+
+  function linkFn(scope, ele, attr){
+
+    var h = parseInt(scope.autoHeight);
+
+    ele.css({'border-bottom':'1px solid #ccc','overflow':'auto'});
+
+    var tid;
+    function resize(){
+      $timeout.cancel(tid);
+      tid = $timeout(function(){
+        var v = $(window).height()+h;
+        $(ele).height(v);
+      },300);
+    }
+
+    $(window).resize(resize);
+    resize();
+
+  }
+
+
+}]);