/tests/testEnvironment.js',
29 | };
30 |
--------------------------------------------------------------------------------
/src/loader/js/vue/Dropzone.js:
--------------------------------------------------------------------------------
1 | import filePicker from '../interface';
2 |
3 | const Dropzone = {
4 | name: 'dropzone',
5 | props: {
6 | options: {
7 | type: Object,
8 | required: true,
9 | },
10 | },
11 | data() {
12 | return {
13 | id: `dz-${Math.floor(Math.random() * (10 ** 12))}`,
14 | dropzone: null,
15 | };
16 | },
17 | methods: {
18 | initDropzone() {
19 | // deep clone options
20 | const options = JSON.parse(JSON.stringify(this.options));
21 | options.elementId = this.id;
22 | this.dropzone = filePicker.dropzone(options);
23 | this.dropzone.on('raw', (...args) => {
24 | if (args[0] === 'dropzoneClicked') {
25 | args[0] = 'click';
26 | }
27 | this.$emit(...args);
28 | });
29 | },
30 | },
31 | watch: {
32 | options: {
33 | handler() {
34 | this.dropzone.destroy();
35 | this.initDropzone();
36 | },
37 | deep: true,
38 | },
39 | },
40 | template: `
41 |
44 |
`,
45 | mounted() {
46 | this.initDropzone();
47 | },
48 | destroyed() {
49 | this.dropzone.destroy();
50 | },
51 | };
52 |
53 | export default Dropzone;
54 |
--------------------------------------------------------------------------------
/.eslintrc.js:
--------------------------------------------------------------------------------
1 | // https://eslint.org/docs/user-guide/configuring
2 |
3 | module.exports = {
4 | root: true,
5 | parserOptions: {
6 | parser: 'babel-eslint',
7 | ecmaFeatures: {
8 | jsx: true,
9 | },
10 | sourceType: 'module',
11 | },
12 | env: {
13 | browser: true,
14 | commonjs: true,
15 | es6: true,
16 | node: true,
17 | },
18 | globals: {
19 | $: 'readonly',
20 | },
21 | extends: [
22 | 'airbnb-base',
23 | 'plugin:react/recommended',
24 | ],
25 | plugins: [
26 | 'react',
27 | ],
28 | // add your custom rules here
29 | rules: {
30 | // allow async-await
31 | 'generator-star-spacing': 'off',
32 | // allow debugger during development
33 | 'no-debugger': process.env.NODE_ENV === 'production' ? 'error' : 'off',
34 | // allow unresolved module and extensions, because webpack will handle
35 | // this part
36 | 'import/no-unresolved': 'off',
37 | 'import/extensions': 'off',
38 | 'import/no-extraneous-dependencies': 'off',
39 | // allow param reassign or the param's properties
40 | 'no-param-reassign': ['error', { props: false }],
41 | 'max-len': ['error', { code: 80 }],
42 | 'operator-linebreak': 'off',
43 | // allow prefix private functions with underscore
44 | 'no-underscore-dangle': 'off',
45 | },
46 | };
47 |
--------------------------------------------------------------------------------
/src/picker/js/dropdown.js:
--------------------------------------------------------------------------------
1 | function handleClickAway(e) {
2 | const toggleButtons = document.querySelectorAll('[data-dropdown-id]');
3 | toggleButtons.forEach((toggleButton) => {
4 | if (toggleButton.contains(e.target)) {
5 | return;
6 | }
7 | const dropdownId = toggleButton.getAttribute('data-dropdown-id');
8 | const dropdown = document.getElementById(dropdownId);
9 | if (dropdown) {
10 | dropdown.classList.remove('dropdown--toggled');
11 | }
12 | });
13 | }
14 |
15 | function toggleDropdown(e) {
16 | const { currentTarget, target } = e;
17 | const dropdownId = currentTarget.getAttribute('data-dropdown-id');
18 | const dropdown = document.getElementById(dropdownId);
19 | // exclude dropdown itself
20 | if (!dropdown || dropdown.contains(target)) {
21 | return;
22 | }
23 | dropdown.classList.toggle('dropdown--toggled');
24 | }
25 |
26 | export default function setupDropdown() {
27 | document.body.removeEventListener('click', handleClickAway);
28 | document.body.addEventListener('click', handleClickAway);
29 |
30 | const toggleButtons = document.querySelectorAll('[data-dropdown-id]');
31 | toggleButtons.forEach((toggleButton) => {
32 | toggleButton.removeEventListener('click', toggleDropdown);
33 | toggleButton.addEventListener('click', toggleDropdown);
34 | });
35 | }
36 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/zh-CN.json:
--------------------------------------------------------------------------------
1 | {
2 | "zh": {
3 | "global": {
4 | "select": "选择",
5 | "cancel": "取消",
6 | "save": "保存",
7 | "upload": "上传"
8 | },
9 | "files": {
10 | "name": "名称",
11 | "size": "尺寸",
12 | "updated": "更新",
13 | "noFilesFound": "找不到文件",
14 | "untitledFolder": "无标题文件夹",
15 | "search": "搜索",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "如果您删除此帐户，则无法再浏览该帐户。 您确定吗？（此动作并不会将您登出该帐户）",
25 | "connectedAccounts": "关联帐户",
26 | "logout": "登出",
27 | "manage": "在此管理您的云存储帐户。",
28 | "chooseAccount": "欢迎！ 请选择要连接的服务",
29 | "connectMore": "连接更多！",
30 | "upload": "连接更多！",
31 | "uploadFromComputer": "从您的计算机上传"
32 | },
33 | "selector": {
34 | "myComputer": "我的电脑",
35 | "accounts": "帐号"
36 | },
37 | "dropzone": {
38 | "message": "在此处拖放文件，或单击以打开文件资源管理器"
39 | },
40 | "computer": {
41 | "noSupport": "您的浏览器没有Flash，Silverlight或HTML5支持。"
42 | },
43 | "addConfirm": {
44 | "confirm": "确认帐户连接。",
45 | "clickBelow": "点击下方即可关联您的{serviceName}帐户",
46 | "connectAccount": "连接{serviceName}帐户"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/zh-TW.json:
--------------------------------------------------------------------------------
1 | {
2 | "zh-TW": {
3 | "global": {
4 | "select": "選擇",
5 | "cancel": "取消",
6 | "save": "保存",
7 | "upload": "上傳"
8 | },
9 | "files": {
10 | "name": "名稱",
11 | "size": "尺寸",
12 | "updated": "更新",
13 | "noFilesFound": "找不到文件",
14 | "untitledFolder": "無標題文件夾",
15 | "search": "搜索",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "如果您刪除此帳戶，則無法再瀏覽該帳戶。 您確定嗎？（此動作並不會將您登出該帳戶）",
25 | "connectedAccounts": "關聯帳戶",
26 | "logout": "登出",
27 | "manage": "在此管理您的雲存儲帳戶。",
28 | "chooseAccount": "歡迎！ 請選擇要連接的服務",
29 | "connectMore": "連接更多！",
30 | "upload": "上傳",
31 | "uploadFromComputer": "從您的計算機上傳"
32 | },
33 | "selector": {
34 | "myComputer": "我的電腦",
35 | "accounts": "帳號"
36 | },
37 | "dropzone": {
38 | "message": "在此處拖放文件，或單擊以打開文件資源管理器"
39 | },
40 | "computer": {
41 | "noSupport": "您的瀏覽器沒有Flash，Silverlight或HTML5支持。"
42 | },
43 | "addConfirm": {
44 | "confirm": "確認帳戶連接。",
45 | "clickBelow": "點擊下方即可關聯您的{serviceName}帳戶",
46 | "connectAccount": "連接{serviceName}帳戶"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/zh.json:
--------------------------------------------------------------------------------
1 | {
2 | "zh": {
3 | "global": {
4 | "select": "选择",
5 | "cancel": "取消",
6 | "save": "保存",
7 | "upload": "上传"
8 | },
9 | "files": {
10 | "name": "名称",
11 | "size": "尺寸",
12 | "updated": "更新",
13 | "noFilesFound": "找不到文件",
14 | "untitledFolder": "无标题文件夹",
15 | "search": "搜索",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "如果您删除此帐户，则无法再浏览该帐户。 您确定吗？（此动作并不会将您登出该帐户）",
25 | "connectedAccounts": "关联帐户",
26 | "logout": "登出",
27 | "manage": "在此管理您的云存储帐户。",
28 | "chooseAccount": "欢迎！ 请选择要连接的服务",
29 | "connectMore": "连接更多！",
30 | "upload": "连接更多！",
31 | "uploadFromComputer": "从您的计算机上传"
32 | },
33 | "selector": {
34 | "myComputer": "我的电脑",
35 | "accounts": "帐号"
36 | },
37 | "dropzone": {
38 | "message": "在此处拖放文件，或单击以打开文件资源管理器"
39 | },
40 | "computer": {
41 | "noSupport": "您的浏览器没有Flash，Silverlight或HTML5支持。"
42 | },
43 | "addConfirm": {
44 | "confirm": "确认帐户连接。",
45 | "clickBelow": "点击下方即可关联您的{serviceName}帐户",
46 | "connectAccount": "连接{serviceName}帐户"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/templates/files.pug:
--------------------------------------------------------------------------------
1 | .container(data-bind=`css: { 'container--is-loading': (
2 | loading() && !loadingNextPage()) || processingConfirm() }`)
3 | .container__header
4 | .flex-row.align-items-center
5 | .flex-no-shrink.mr(data-bind="css: {'sm-hidden': $root.flavor() != 'chooser'}")
6 | .icon.icon--large(data-bind=`
7 | click: files.toggleSearchView.bind($data, true),
8 | css: { 'icon--disabled': loading, 'invisible': $root.flavor() != 'chooser'}`)
9 | .icon__search
10 | .flex-grow
11 | include selector
12 | .flex-no-shrink.ml(data-bind="css: {'sm-hidden': attachMode()}")
13 | .icon.icon--large(data-bind=`
14 | click: cancel,
15 | css: { 'invisible': attachMode() }`)
16 | .icon__close(data-bind='css: $root.e2eSelectors.J_CLOSE_BTN')
17 | .container__body
18 | .flex-col.flex-grow.h-100
19 | .flex-no-shrink.w-100
20 | .flex-row.mb
21 | .flex-grow.mr
22 | include breadcrumb
23 | .flex-no-shrink
24 | .icon.icon--button.icon--large(data-bind='click: files.refresh')
25 | .icon__refresh
26 | // ko if: files.allow_newdir
27 | .flex-no-shrink.ml
28 | .icon.icon--button.icon--large(data-bind='click: files.newdir')
29 | .icon__new-folder
30 | // /ko
31 | include filetable
32 |
33 | include footer
34 |
--------------------------------------------------------------------------------
/src/picker/css/buttons.less:
--------------------------------------------------------------------------------
1 | .btn {
2 | display: flex;
3 | align-items: center;
4 | justify-content: center;
5 | padding: 0 15px;
6 | width: 160px;
7 | height: 40px;
8 | text-align: center;
9 | border: 0;
10 | border-radius: @border_radius;
11 | outline: none;
12 | cursor: pointer;
13 |
14 | &:disabled {
15 | cursor: unset;
16 | }
17 | }
18 |
19 | .btn--primary {
20 | color: @primary_btn_text_color;
21 | background-color: @primary_btn_color;
22 | box-shadow: 0 1px 8px 1px @primary_btn_shadow_color;
23 |
24 | &:hover {
25 | background-color: @primary_btn_hover_color;
26 | }
27 |
28 | &:disabled {
29 | cursor: unset;
30 | color: @primary_btn_disable_text_color;
31 | background-color: @primary_btn_disable_color;
32 | }
33 | }
34 |
35 | .btn--secondary {
36 | color: @secondary_btn_text_color;
37 | background-color: @secondary_btn_color;
38 | box-shadow: 0 1px 8px 1px @secondary_btn_shadow_color;
39 |
40 | &:hover {
41 | background-color: @secondary_btn_hover_color;
42 | }
43 |
44 | &:disabled {
45 | cursor: unset;
46 | color: @secondary_btn_disable_text_color;
47 | background-color: @secondary_btn_disable_color;
48 | }
49 | }
50 |
51 | .link-btn {
52 | padding: 5px 0;
53 | font-size: @font_size_lg;
54 | text-align: center;
55 | color: @link_btn_text_color;
56 | cursor: pointer;
57 |
58 | &:hover {
59 | color: @link_btn_text_hover_color;
60 | }
61 | }
62 |
--------------------------------------------------------------------------------
/src/picker/css/container.less:
--------------------------------------------------------------------------------
1 | .container {
2 | display: flex;
3 | flex-direction: column;
4 | width: 100%;
5 | height: 100%;
6 | }
7 |
8 | .container__header {
9 | flex: 0 0 auto;
10 | padding: 12px;
11 | width: 100%;
12 | font-size: @font_size_lg;
13 | text-align: center;
14 | }
15 |
16 | .container__body {
17 | flex: 1 1 auto;
18 | overflow: hidden;
19 | padding: 12px 12px 0 12px;
20 | width: 100%;
21 | height: 100%;
22 | min-height: 0;
23 | }
24 |
25 | .container__body--scroll {
26 | overflow-y: auto;
27 | }
28 |
29 | .container__loading-wrapper {
30 | position: relative;
31 | width: 100%;
32 | height: 100%;
33 | }
34 |
35 | .container__loading {
36 | position: absolute;
37 | display: none;
38 | width: 100%;
39 | height: 100%;
40 | background-color: @loading_overlay_color;
41 | z-index: 1000;
42 | }
43 |
44 | .container--is-loading .container__loading {
45 | display: flex;
46 | align-items: center;
47 | justify-content: center;
48 | }
49 |
50 | .container__loading-icon {
51 | width: 21px;
52 | height: 21px;
53 | background: url(@icon_loading) no-repeat center center;
54 | background-size: contain;
55 | }
56 |
57 | .container__footer {
58 | flex: 0 0 auto;
59 | padding: 12px;
60 | width: 100%;
61 | font-size: @font_size_sm;
62 | text-align: center;
63 | color: @secondary_text_color;
64 | }
65 |
66 | .container__footer-link {
67 | text-decoration: none;
68 | color: @secondary_text_color;
69 | }
70 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/ko.json:
--------------------------------------------------------------------------------
1 | {
2 | "ko": {
3 | "global": {
4 | "select": "고르다",
5 | "cancel": "취소",
6 | "save": "구하다",
7 | "upload": "업로드"
8 | },
9 | "files": {
10 | "name": "이름",
11 | "size": "크기",
12 | "updated": "업데이트 됨",
13 | "noFilesFound": "파일을 찾을 수 없음",
14 | "untitledFolder": "제목없는 폴더",
15 | "search": "수색",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "이 계정을 볼 수 없습니다. 삭제 하시겠습니까? (이로 인해이 브라우저의 계정에서 로그 아웃되지 않는 점에 유의하십시오)",
25 | "connectedAccounts": "연결된 계정",
26 | "logout": "로그 아웃",
27 | "manage": "여기에 클라우드 스토리지 계정을 관리하십시오.",
28 | "chooseAccount": "환영! 연결할 서비스를 선택하십시오.",
29 | "connectMore": "더 많은 것을 연결하십시오!",
30 | "upload": "업로드",
31 | "uploadFromComputer": "컴퓨터에서 업로드"
32 | },
33 | "selector": {
34 | "myComputer": "내 컴퓨터",
35 | "accounts": "계정"
36 | },
37 | "dropzone": {
38 | "message": "여기에 파일을 끌어다 놓거나 클릭하여 파일 탐색기를 엽니 다."
39 | },
40 | "computer": {
41 | "noSupport": "브라우저에 Flash, Silverlight 또는 HTML5 지원 기능이 없습니다."
42 | },
43 | "addConfirm": {
44 | "confirm": "계정 연결을 확인하십시오.",
45 | "clickBelow": "{serviceName} 계정을 연결하려면 아래를 클릭하십시오.",
46 | "connectAccount": "{serviceName} 계정 연결"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/css/global.less:
--------------------------------------------------------------------------------
1 | .font-face(
2 | @font_face_name,
3 | @font_face_path,
4 | @font_face_format
5 | );
6 |
7 | body,
8 | html,
9 | a,
10 | p,
11 | span,
12 | div,
13 | input,
14 | textarea,
15 | button,
16 | h1,
17 | h2,
18 | h3,
19 | h4,
20 | h5,
21 | h6 {
22 | -webkit-font-smoothing: antialiased;
23 | -moz-osx-font-smoothing: auto;
24 | }
25 |
26 | html {
27 | box-sizing: border-box;
28 | font-size: @font_size_lg;
29 | font-family: @font_family;
30 | font-weight: 500;
31 | font-style: normal;
32 | font-stretch: normal;
33 | line-height: normal;
34 | letter-spacing: normal;
35 | color: @primary_text_color;
36 | background-color: @container_color;
37 | }
38 |
39 | body {
40 | width: 100vw;
41 | max-width: 100vw;
42 | height: 100vh;
43 | max-height: 100vh;
44 |
45 | .iexd {
46 | position: absolute;
47 | display: none;
48 | overflow: hidden;
49 | }
50 |
51 | #kloudless-file-picker {
52 | overflow-x: hidden;
53 | width: 100%;
54 | height: 100%;
55 | }
56 | }
57 |
58 | *,
59 | *::before,
60 | *::after {
61 | box-sizing: inherit;
62 | }
63 |
64 | table {
65 | width: 100%;
66 | background-color: @section_primary_bg_color;
67 | border-spacing: 0;
68 | }
69 |
70 | tbody {
71 | width: 100%;
72 | }
73 |
74 | td,
75 | th {
76 | padding: 10px;
77 | border-bottom: 1px solid @section_line_color;
78 | text-align: left;
79 |
80 | &:first-child {
81 | padding-right: 0;
82 | padding-left: 0;
83 | width: 20px;
84 | }
85 | }
86 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/ja.json:
--------------------------------------------------------------------------------
1 | {
2 | "ja": {
3 | "global": {
4 | "select": "選択する",
5 | "cancel": "キャンセル",
6 | "save": "保存する",
7 | "upload": "アップロードする"
8 | },
9 | "files": {
10 | "name": "名",
11 | "size": "サイズ",
12 | "updated": "更新しました",
13 | "noFilesFound": "ファイルが見つかりません",
14 | "untitledFolder": "無題のフォルダ",
15 | "search": "サーチ",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "このアカウントを閲覧することはできなくなります。削除してもよろしいですか？ （これにより、このブラウザのアカウントからログアウトされないことに注意してください）",
25 | "connectedAccounts": "接続アカウント",
26 | "logout": "ログアウト",
27 | "manage": "ここでクラウドストレージアカウントを管理します。",
28 | "chooseAccount": "ようこそ！ 接続するサービスを選択してください",
29 | "connectMore": "もっとつなげよう！",
30 | "upload": "アップロードする",
31 | "uploadFromComputer": "パソコンからアップロードする"
32 | },
33 | "selector": {
34 | "myComputer": "私のコンピューター",
35 | "accounts": "アカウント"
36 | },
37 | "dropzone": {
38 | "message": "ここにファイルをドラッグアンドドロップするか、クリックしてファイルエクスプローラを開きます。"
39 | },
40 | "computer": {
41 | "noSupport": "お使いのブラウザはFlash、Silverlight、またはHTML5をサポートしていません。"
42 | },
43 | "addConfirm": {
44 | "confirm": "アカウントの接続を確認してください。",
45 | "clickBelow": "下をクリックして{serviceName}アカウントに接続してください",
46 | "connectAccount": "接続{serviceName}アカウント"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/templates/addconfirm.pug:
--------------------------------------------------------------------------------
1 | .container
2 | .container__header
3 | .flex-row.align-items-center
4 | .flex-no-shrink.icon.icon--large(
5 | data-bind='click: $root.setLocation.bind($data, "#/")')
6 | .icon__back
7 | .flex-grow.text-center(data-bind='translate: "addConfirm/confirm"')
8 | .container__body
9 | .flex-col.align-items-center.h-100.w-100
10 | .box.flex-grow
11 | .flex-col.justify-content-center.h-100
12 | .box__section
13 | div
14 | div.flex-row.justify-content-center.mt.mb(data-bind='translate: {html: { message: "addConfirm/clickBelow", variables: { serviceName: addConfirm.serviceName }}}')
15 | div.flex-row.justify-content-center.mb
16 | .flex-no-shrink.icon.icon--xlarge
17 | img.icon__service(data-bind='attr: {src: addConfirm.serviceLogo}')
18 | .flex-no-shrink.icon.icon--xlarge
19 | img.icon__service(data-bind='attr: {src: $root.static("/launch_site/support-plus.png")}')
20 | .flex-no-shrink.icon.icon--xlarge
21 | .icon__brand
22 | div.flex-row.justify-content-center.mb
23 | button.btn.btn--secondary.mr(data-bind=`
24 | click: $root.setLocation.bind($data, "#/"),
25 | translate: "global/cancel"`)
26 | button#confirm-add-button.btn.btn--primary(
27 | data-bind='translate: {html: { message: "addConfirm/connectAccount"}}')
28 | include footer
29 |
--------------------------------------------------------------------------------
/src/picker/js/models/search.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | import $ from 'jquery';
3 | import logger from 'loglevel';
4 | import config from '../config';
5 | import util from '../util';
6 |
7 | 'use strict';
8 |
9 | //Create a search object
10 | var Search = function (account, key, query, rootFolderId = 'root') {
11 | this.account = account;
12 | this.key = key;
13 | this.q = query;
14 | this.results = null;
15 | this.request = null;
16 | this.rootFolderId = rootFolderId;
17 | };
18 |
19 | Search.prototype.search = function (callback, errback) {
20 | var self = this;
21 |
22 | let searchUrl = `/search/?q=${self.q}`;
23 | if (self.rootFolderId !== 'root') {
24 | searchUrl += `&parents=${self.rootFolderId}`;
25 | }
26 |
27 | self.request = $.ajax({
28 | url: config.getAccountUrl('storage', searchUrl),
29 | type: 'GET',
30 | headers: {
31 | Authorization: self.key.scheme + ' ' + self.key.key
32 | },
33 | success: function (data) {
34 | self.results = data;
35 | logger.debug('[Account ' + self.account + '] Search results on ',
36 | self.q, ': ', self.results);
37 | self.results.objects = self.results.objects.map((obj)=>{
38 | obj.friendlySize = util.getFriendlySize(obj.size);
39 | return obj;
40 | });
41 | if (callback) callback();
42 | },
43 | error: function () {
44 | logger.error('[Account ' + self.account + '] Search request failed.');
45 | if (errback) errback();
46 | },
47 | datatype: 'json'
48 | })
49 | };
50 |
51 | export default Search;
52 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/he.json:
--------------------------------------------------------------------------------
1 | {
2 | "he": {
3 | "global": {
4 | "select": "בחר",
5 | "cancel": "בטל",
6 | "save": "להציל",
7 | "upload": "העלה"
8 | },
9 | "files": {
10 | "name": "שם",
11 | "size": "גודל",
12 | "updated": "עודכן",
13 | "noFilesFound": "לא נמצאו קבצים",
14 | "untitledFolder": "תיקיה ללא כותרת",
15 | "search": "לחפש",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "לא תוכל עוד לדפדף בחשבון זה. האם אתה בטוח שברצונך להסיר אותו? (שים לב שזה לא מתנתק מהחשבון בדפדפן זה)",
25 | "connectedAccounts": "חשבונות מחוברים",
26 | "logout": "להתנתק",
27 | "manage": "נהל את חשבונות האחסון שלך בענן כאן..",
28 | "chooseAccount": "ברוך הבא! בחר שירות לחיבור",
29 | "connectMore": "התחבר עוד!",
30 | "upload": "העלה",
31 | "uploadFromComputer": "העלה מהמחשב שלך"
32 | },
33 | "selector": {
34 | "myComputer": "המחשב שלי",
35 | "accounts": "חשבונות"
36 | },
37 | "dropzone": {
38 | "message": "גרור ושחרר קבצים כאן, או לחץ כדי לפתוח את סייר הקבצים"
39 | },
40 | "computer": {
41 | "noSupport": "לדפדפן שלך אין תמיכה ב- Flash, Silverlight או ב- HTML5."
42 | },
43 | "addConfirm": {
44 | "confirm": "אשר את החיבור לחשבון.",
45 | "clickBelow": "לחץ למטה כדי לחבר את חשבון {serviceName} שלך",
46 | "connectAccount": "התחבר לחשבון {serviceName}"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/CONTRIBUTORS.md:
--------------------------------------------------------------------------------
1 | We appreciate any and all third-party contributions to help improve our SDKs
2 | and UI Tools. When submitting any changes, please feel free to include your
3 | name and company (if applicable) here for posterity.
4 |
5 |
6 | Contributor offers to license certain software (a "Contribution" or multiple
7 | “Contributions”) to Kloudless, and Kloudless agrees to accept said
8 | Contributions, under the terms of the MIT open source license.
9 |
10 | Contributor understands and agrees that Kloudless shall have the irrevocable
11 | and perpetual right to make and distribute copies of any Contribution, as well
12 | as to create and distribute collective works and derivative works of any
13 | Contribution, under the MIT License.
14 |
15 | # Contributors
16 |
17 | * Leo Zhang [@ilikebits](https://github.com/ilikebits)
18 | * Timothy Liu [@pseudonumos](https://github.com/pseudonumos)
19 | * Vinod Chandru [@vinodc](https://github.com/vinodc)
20 | * Chris Kuehl [@chriskuehl](https://github.com/chriskuehl)
21 | * Edward Look [@edwlook](https://github.com/edwlook)
22 | * Steven Cheng [@chengsteven](https://github.com/chengsteven)
23 | * Alice Cai [@ahcai](https://github.com/ahcai)
24 | * Joeson Chiang [@joesonchiang](https://github.com/joesonchiang)
25 | * Jackson Broussard [@jbrsrd](https://github.com/jbrsrd)
26 | * Katie Low [@ktmellow](https://github.com/ktmellow)
27 | * Artem Pisarev [@artemas](https://github.com/artemas)
28 | * Phil Maclachlan [@flikstrr](https://github.com/flikstrr)
29 | * Anovysh Itechart [@anovysh-itechart](https://github.com/anovysh-itechart)
30 | * Tim Sewell [@timssewell](https://github.com/timssewell)
31 |
--------------------------------------------------------------------------------
/config/build.js:
--------------------------------------------------------------------------------
1 | const webpack = require('webpack');
2 | const path = require('path');
3 |
4 | const argv = process.argv.slice(2);
5 |
6 | if (argv.length === 1) {
7 | // eslint-disable-next-line import/no-dynamic-require, global-require
8 | const config = require(path.resolve(__dirname, '../', argv[0]));
9 |
10 | webpack(config, (err, stats) => {
11 | if (err) {
12 | // eslint-disable-next-line no-console
13 | console.error(err.stack || err);
14 | if (err.details) {
15 | // eslint-disable-next-line no-console
16 | console.error(err.details);
17 | }
18 | // Do not print build msg if there is any error.
19 | return;
20 | }
21 |
22 | const info = stats.toJson();
23 |
24 | if (stats.hasErrors()) {
25 | // eslint-disable-next-line no-console
26 | console.error(info.errors);
27 | // Do not print build msg if there is any error.
28 | return;
29 | }
30 |
31 | if (stats.hasWarnings()) {
32 | // eslint-disable-next-line no-console
33 | console.warn(info.warnings);
34 | }
35 |
36 | process.stdout.write(`${
37 | stats.toString({
38 | colors: true,
39 | })}\n\n${
40 | process.env.BUILD_LICENSE === 'AGPL' ?
41 | 'This build is under AGPL license.\n' : (
42 | 'This build is under MIT license.\n' +
43 | 'Run `npm run build:agpl` to include support for ' +
44 | 'local uploads via the Computer option.\n')
45 | }`);
46 | });
47 | } else {
48 | // eslint-disable-next-line no-console
49 | console.error('Please provide the config filename as the first argument.');
50 | }
51 |
--------------------------------------------------------------------------------
/storybook-test/tests/globalSetup.js:
--------------------------------------------------------------------------------
1 | // eslint-disable-next-line max-len
2 | // https://github.com/smooth-code/jest-puppeteer#create-your-own-globalsetup-and-globalteardown
3 | const fs = require('fs');
4 | const os = require('os');
5 | const path = require('path');
6 | const { setup: setupPuppeteer } = require('jest-environment-puppeteer');
7 | const { setup: setupDevServer } = require('jest-dev-server');
8 | const { BASE_URL, KLOUDLESS_ACCOUNT_TOKEN, TEST_DATA } = require('../config');
9 | const ApiHelper = require('./integration/core/ApiHelper');
10 | const { devServerPorts } = require('../../config/common');
11 |
12 | const apiHelper = new ApiHelper(BASE_URL, KLOUDLESS_ACCOUNT_TOKEN);
13 |
14 | // Global setup is executed once before all workers starts.
15 | // In addition, the workers are run in different processes. We have to write
16 | // test data to the file so workers can get data from file.
17 | async function setupTestData() {
18 | const response = await apiHelper.listFolderContent('root');
19 | const data = { FOLDER_CONTENT: response.data.objects };
20 | const filepath = path.resolve(os.homedir(), TEST_DATA);
21 | fs.writeFileSync(filepath, JSON.stringify(data), { encoding: 'utf-8' });
22 | }
23 |
24 | module.exports = async function globalSetup(globalConfig) {
25 | await setupTestData();
26 | await setupPuppeteer(globalConfig);
27 | if (process.env.CI) {
28 | await setupDevServer([
29 | {
30 | command: 'npm run storybook',
31 | port: 9001,
32 | launchTimeout: 60000,
33 | },
34 | {
35 | command: 'npm run dev:story --prefix=../',
36 | port: devServerPorts.picker,
37 | launchTimeout: 60000,
38 | },
39 | ]);
40 | }
41 | };
42 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/fi.json:
--------------------------------------------------------------------------------
1 | {
2 | "fi": {
3 | "global": {
4 | "select": "valita",
5 | "cancel": "Peruuttaa",
6 | "save": "Tallentaa",
7 | "upload": "upload"
8 | },
9 | "files": {
10 | "name": "Nimi",
11 | "size": "Koko",
12 | "updated": "Päivitetty",
13 | "noFilesFound": "Ei tiedostoja",
14 | "untitledFolder": "Nimetön kansio",
15 | "search": "Hae",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "Et enää voi selata tämän tilin. Oletko varma, että haluat poistaa sen? (Huomaa, että tämä ei kirjata ulos tilin tässä selaimessa)",
25 | "connectedAccounts": "Yhdistetyt tilit",
26 | "logout": "kirjautua ulos",
27 | "manage": "Hallitse pilvivarastotilejäsi täällä.",
28 | "chooseAccount": "Tervetuloa! Valitse palvelu, johon haluat muodostaa yhteyden",
29 | "connectMore": "Liitä lisää!",
30 | "upload": "upload",
31 | "uploadFromComputer": "Lataa tietokoneesta"
32 | },
33 | "selector": {
34 | "myComputer": "Tietokoneeni",
35 | "accounts": "tilit"
36 | },
37 | "dropzone": {
38 | "message": "Vedä ja pudota tiedostot täällä tai avaa File Picker"
39 | },
40 | "computer": {
41 | "noSupport": "Selaimesi ei sisällä Flash-, Silverlight- tai HTML5-tukea."
42 | },
43 | "addConfirm": {
44 | "confirm": "Vahvista tilin yhteys.",
45 | "clickBelow": "Yhdistä {serviceName} -tili napsauttamalla alla",
46 | "connectAccount": "Yhdistä {serviceName} -tili"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/th.json:
--------------------------------------------------------------------------------
1 | {
2 | "th-TH": {
3 | "global": {
4 | "select": "เลือก",
5 | "cancel": "ยกเลิก",
6 | "save": "บันทึก",
7 | "upload": "อัปโหลด"
8 | },
9 | "files": {
10 | "name": "ชื่อ",
11 | "size": "ขนาด",
12 | "updated": "Updated",
13 | "noFilesFound": "ไม่พบไฟล์",
14 | "untitledFolder": "โฟลเดอร์ไม่มีชื่อ",
15 | "search": "ค้นหา",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "คุณจะไม่สามารถเรียกดูบัญชีนี้ คุณแน่ใจหรือคุณต้องการที่จะลบมันได้หรือไม่ (หมายเหตุว่านี้ไม่ได้เข้าสู่ระบบคุณออกจากบัญชีในเบราว์เซอร์นี้)",
25 | "connectedAccounts": "บัญชีที่เชื่อมต่อ",
26 | "logout": "ออกจากระบบ",
27 | "manage": "จัดการบัญชีที่เก็บข้อมูลบนคลาวด์ของคุณที่นี่",
28 | "chooseAccount": "ยินดีต้อนรับ! โปรดเลือกบริการที่จะเชื่อมต่อ",
29 | "connectMore": "เชื่อมต่อมากขึ้น!",
30 | "upload": "อัปโหลด",
31 | "uploadFromComputer": "อัปโหลดจากคอมพิวเตอร์ของคุณ"
32 | },
33 | "selector": {
34 | "myComputer": "คอมพิวเตอร์ของฉัน",
35 | "accounts": "บัญชี"
36 | },
37 | "dropzone": {
38 | "message": "ลากและวางไฟล์ที่นี่หรือคลิกเพื่อเปิด File Picker"
39 | },
40 | "computer": {
41 | "noSupport": "เบราว์เซอร์ของคุณไม่มีการสนับสนุน Flash, Silverlight หรือ HTML5"
42 | },
43 | "addConfirm": {
44 | "confirm": "ยืนยันการเชื่อมต่อบัญชี",
45 | "clickBelow": "คลิกด้านล่างเพื่อเชื่อมต่อบัญชี {serviceName} ของคุณ",
46 | "connectAccount": "เชื่อมต่อบัญชี {serviceName}"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/et.json:
--------------------------------------------------------------------------------
1 | {
2 | "et": {
3 | "global": {
4 | "select": "Valige",
5 | "cancel": "Tühista",
6 | "save": "Salvesta",
7 | "upload": "Laadi üles"
8 | },
9 | "files": {
10 | "name": "Nimi",
11 | "size": "Suurus",
12 | "updated": "Uuendatud",
13 | "noFilesFound": "Faile ei leitud",
14 | "untitledFolder": "Pealkirjata kaust",
15 | "search": "Otsing",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "Te ei saa seda kontot enam sirvida. Kas olete kindel, et soovite selle eemaldada? (Pange tähele, et see ei logi teid selle brauseri kontolt välja)",
25 | "connectedAccounts": "Ühendatud kontod",
26 | "logout": "Logi välja",
27 | "manage": "Hallake oma pilvesalvestuskontot siin.",
28 | "chooseAccount": "Tere tulemast! Palun valige ühendatav teenus",
29 | "connectMore": "Ühendage rohkem!",
30 | "upload": "Laadi üles",
31 | "uploadFromComputer": "Laadige oma arvutisse üles"
32 | },
33 | "selector": {
34 | "myComputer": "Minu arvuti",
35 | "accounts": "Kontod"
36 | },
37 | "dropzone": {
38 | "message": "Lohistage failid siia ja klõpsake File Picker avamiseks"
39 | },
40 | "computer": {
41 | "noSupport": "Teie brauseril puudub Flash, Silverlight või HTML5 tugi."
42 | },
43 | "addConfirm": {
44 | "confirm": "Kinnitage konto ühendus.",
45 | "clickBelow": "Klõpsake allpool, et ühendada oma {serviceName} konto",
46 | "connectAccount": "Ühenda {serviceName} konto"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/cs.json:
--------------------------------------------------------------------------------
1 | {
2 | "cs": {
3 | "global": {
4 | "select": "Vybrat",
5 | "cancel": "zrušení",
6 | "save": "Uložit",
7 | "upload": "nahrát"
8 | },
9 | "files": {
10 | "name": "název",
11 | "size": "Velikost",
12 | "updated": "Aktualizováno",
13 | "noFilesFound": "Nebyly nalezeny žádné soubory",
14 | "untitledFolder": "Složka bez názvu",
15 | "search": "Vyhledávání",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "Již nebude moci procházet tento účet. Jsou si jisti, že chcete odstranit? (Všimněte si, že to není odhlásit z účtu v tomto prohlížeči)",
25 | "connectedAccounts": "Připojené účty",
26 | "logout": "odhlásit se",
27 | "manage": "Zde můžete spravovat účty cloudového úložiště.",
28 | "chooseAccount": "Vítejte! Vyberte službu, ke které se chcete připojit",
29 | "connectMore": "Připojte více!",
30 | "upload": "nahrát",
31 | "uploadFromComputer": "Nahrát z počítače"
32 | },
33 | "selector": {
34 | "myComputer": "Můj počítač",
35 | "accounts": "Účty"
36 | },
37 | "dropzone": {
38 | "message": "Přetáhněte soubory sem nebo kliknutím otevřete Průzkumník souborů"
39 | },
40 | "computer": {
41 | "noSupport": "Váš prohlížeč nemá podporu Flash, Silverlight nebo HTML5."
42 | },
43 | "addConfirm": {
44 | "confirm": "Potvrďte připojení účtu.",
45 | "clickBelow": "Klikněte níže a připojte svůj účet {serviceName}",
46 | "connectAccount": "Připojit účet {serviceName}"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/sv.json:
--------------------------------------------------------------------------------
1 | {
2 | "sv": {
3 | "global": {
4 | "select": "Välj",
5 | "cancel": "Annullera",
6 | "save": "Spara",
7 | "upload": "Ladda upp"
8 | },
9 | "files": {
10 | "name": "namn",
11 | "size": "Storlek",
12 | "updated": "Uppdaterad",
13 | "noFilesFound": "Inga filer funna",
14 | "untitledFolder": "Untitled Folder",
15 | "search": "Sök",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "Du kommer inte längre att kunna surfa på kontot. Är du säker på att du vill ta bort den? (Observera att detta inte loggar du ut från kontot på denna webbläsare)",
25 | "connectedAccounts": "Anslutna konton",
26 | "logout": "logga ut",
27 | "manage": "Hantera dina Cloud Storage-konton här.",
28 | "chooseAccount": "Välkommen! Välj en tjänst för att ansluta",
29 | "connectMore": "Anslut mer!",
30 | "upload": "Ladda upp",
31 | "uploadFromComputer": "Ladda upp från din dator"
32 | },
33 | "selector": {
34 | "myComputer": "Min dator",
35 | "accounts": "konton"
36 | },
37 | "dropzone": {
38 | "message": "Dra och släpp filer här, eller klicka för att öppna File Picker"
39 | },
40 | "computer": {
41 | "noSupport": "Din webbläsare har inte stöd för Flash, Silverlight eller HTML5."
42 | },
43 | "addConfirm": {
44 | "confirm": "Bekräfta kontoanslutning.",
45 | "clickBelow": "Klicka nedan för att ansluta ditt {serviceName} -konto",
46 | "connectAccount": "Anslut {serviceName} konto"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/da.json:
--------------------------------------------------------------------------------
1 | {
2 | "da": {
3 | "global": {
4 | "select": "Vælg",
5 | "cancel": "Afbestille",
6 | "save": "Gemme",
7 | "upload": "Upload"
8 | },
9 | "files": {
10 | "name": "Navn",
11 | "size": "Størrelse",
12 | "updated": "Opdateret",
13 | "noFilesFound": "Ingen filer fundet",
14 | "untitledFolder": "Untitled Folder",
15 | "search": "Søg",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "Du vil ikke længere være i stand til at gennemse denne konto. Er du sikker på du ønsker at fjerne det? (Bemærk at dette ikke logge dig ud af kontoen på denne browser)",
25 | "connectedAccounts": "Tilknyttede konti",
26 | "logout": "Log ud",
27 | "manage": "Administrer dine Cloud Storage-konti her.",
28 | "chooseAccount": "Velkommen! Vælg venligst en tjeneste for at oprette forbindelse",
29 | "connectMore": "Tilslut mere!",
30 | "upload": "Upload",
31 | "uploadFromComputer": "Upload fra din computer"
32 | },
33 | "selector": {
34 | "myComputer": "Min computer",
35 | "accounts": "Konti"
36 | },
37 | "dropzone": {
38 | "message": "Træk og slip filer her, eller klik for at åbne Filoversigten"
39 | },
40 | "computer": {
41 | "noSupport": "Din browser har ikke Flash, Silverlight eller HTML5 support."
42 | },
43 | "addConfirm": {
44 | "confirm": "Bekræft kontoforbindelse.",
45 | "clickBelow": "Klik nedenfor for at forbinde din {serviceName} konto",
46 | "connectAccount": "Tilslut {serviceName} Konto"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/tr.json:
--------------------------------------------------------------------------------
1 | {
2 | "tr": {
3 | "global": {
4 | "select": "seçmek",
5 | "cancel": "İptal etmek",
6 | "save": "Kayıt etmek",
7 | "upload": "Yükleme"
8 | },
9 | "files": {
10 | "name": "isim",
11 | "size": "Boyut",
12 | "updated": "Güncellenmiş",
13 | "noFilesFound": "Dosya Bulunamadı",
14 | "untitledFolder": "Adsız Klasör",
15 | "search": "Arama",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "Artık bu hesaba göz atamayacaksınız. Kaldırmak istediğinizden emin misiniz? (Bunun sizi bu tarayıcıdaki hesaptan çıkmadığını unutmayın)",
25 | "connectedAccounts": "Bağlı hesaplar",
26 | "logout": "çıkış Yap",
27 | "manage": "Bulut depolama hesaplarınızı burada yönetin.",
28 | "chooseAccount": "Hoşgeldiniz! Lütfen bağlanmak için bir servis seçin",
29 | "connectMore": "Daha fazlasını bağla!",
30 | "upload": "Yükleme",
31 | "uploadFromComputer": "Bilgisayarınızdan yükleyin"
32 | },
33 | "selector": {
34 | "myComputer": "Benim bilgisayarım",
35 | "accounts": "Hesaplar"
36 | },
37 | "dropzone": {
38 | "message": "Dosyaları buraya sürükleyip bırakın veya Dosya Gezgini'ni açmak için tıklayın."
39 | },
40 | "computer": {
41 | "noSupport": "Tarayıcınızda Flash, Silverlight veya HTML5 desteği bulunmuyor."
42 | },
43 | "addConfirm": {
44 | "confirm": "Hesap bağlantısını onayla.",
45 | "clickBelow": "{ServiceName} hesabınızı bağlamak için aşağıyı tıklayın",
46 | "connectAccount": "Connect {serviceName} Hesabı"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/pl.json:
--------------------------------------------------------------------------------
1 | {
2 | "pl": {
3 | "global": {
4 | "select": "Wybierz",
5 | "cancel": "Anuluj",
6 | "save": "Zapisać",
7 | "upload": "Przekazać plik"
8 | },
9 | "files": {
10 | "name": "Imię",
11 | "size": "Rozmiar",
12 | "updated": "Zaktualizowano",
13 | "noFilesFound": "Nie znaleziono plików",
14 | "untitledFolder": "Folder bez tytułu",
15 | "search": "Szukaj",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "Państwo nie będzie już w stanie przeglądać tego konta. Czy na pewno chcesz go usunąć? (Należy pamiętać, że to nie wylogowanie z konta w tej przeglądarce)",
25 | "connectedAccounts": "Połączone konta",
26 | "logout": "Wyloguj",
27 | "manage": "Zarządzaj swoimi kontami przechowywania w chmurze tutaj.",
28 | "chooseAccount": "Witamy! Wybierz usługę do połączenia",
29 | "connectMore": "Połącz więcej!",
30 | "upload": "Przekazać plik",
31 | "uploadFromComputer": "Prześlij z komputera"
32 | },
33 | "selector": {
34 | "myComputer": "Mój komputer",
35 | "accounts": "Konta"
36 | },
37 | "dropzone": {
38 | "message": "Przeciągnij i upuść pliki tutaj lub kliknij, aby otworzyć Eksplorator plików"
39 | },
40 | "computer": {
41 | "noSupport": "Twoja przeglądarka nie obsługuje Flash, Silverlight ani HTML5."
42 | },
43 | "addConfirm": {
44 | "confirm": "Potwierdź połączenie z kontem.",
45 | "clickBelow": "Kliknij poniżej, aby połączyć swoje konto {serviceName}",
46 | "connectAccount": "Połącz konto {serviceName}"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/pt.json:
--------------------------------------------------------------------------------
1 | {
2 | "pt": {
3 | "global": {
4 | "select": "Selecione",
5 | "cancel": "Cancelar",
6 | "save": "Salve",
7 | "upload": "Envio"
8 | },
9 | "files": {
10 | "name": "Nome",
11 | "size": "Tamanho",
12 | "updated": "Atualizada",
13 | "noFilesFound": "Nenhum arquivo encontrado",
14 | "untitledFolder": "Pasta sem título",
15 | "search": "Procurar",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "Você não será mais capaz de navegar esta conta. Tem certeza de que gostaria de removê-lo? (Note que isso não desconectá-lo da conta neste navegador)",
25 | "connectedAccounts": "Contas conectadas",
26 | "logout": "sair",
27 | "manage": "Gerencie suas contas de armazenamento em nuvem aqui.",
28 | "chooseAccount": "Bem vinda! Por favor, escolha um serviço para conectar",
29 | "connectMore": "Ligue mais!",
30 | "upload": "Envio",
31 | "uploadFromComputer": "Upload do seu computador"
32 | },
33 | "selector": {
34 | "myComputer": "Meu computador",
35 | "accounts": "Contas"
36 | },
37 | "dropzone": {
38 | "message": "Arraste e solte arquivos aqui ou clique para abrir o Gerenciador de arquivos"
39 | },
40 | "computer": {
41 | "noSupport": "Seu navegador não tem suporte para Flash, Silverlight ou HTML5."
42 | },
43 | "addConfirm": {
44 | "confirm": "Confirme a conexão da conta.",
45 | "clickBelow": "Clique abaixo para conectar sua conta do {serviceName}",
46 | "connectAccount": "Conecte a conta {serviceName}"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/id.json:
--------------------------------------------------------------------------------
1 | {
2 | "id": {
3 | "global": {
4 | "select": "Memilih",
5 | "cancel": "Membatalkan",
6 | "save": "Menyimpan",
7 | "upload": "Unggah"
8 | },
9 | "files": {
10 | "name": "Nama",
11 | "size": "Ukuran",
12 | "updated": "Diperbarui",
13 | "noFilesFound": "Tidak Ada File",
14 | "untitledFolder": "Folder Tanpa Judul",
15 | "search": "Pencarian",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "Anda tidak lagi dapat menelusuri akun ini. Apakah Anda yakin ingin menghapusnya? (Perhatikan bahwa ini tidak membuat Anda keluar dari akun di browser ini)",
25 | "connectedAccounts": "Akun yang terhubung",
26 | "logout": "keluar",
27 | "manage": "Kelola akun penyimpanan cloud Anda di sini.",
28 | "chooseAccount": "Selamat datang! Silakan pilih layanan yang akan dihubungkan",
29 | "connectMore": "Hubungkan lebih banyak!",
30 | "upload": "Unggah",
31 | "uploadFromComputer": "Unggah dari komputer Anda"
32 | },
33 | "selector": {
34 | "myComputer": "Komputer saya",
35 | "accounts": "Akun"
36 | },
37 | "dropzone": {
38 | "message": "Seret dan taruh file di sini, atau klik untuk membuka File Picker"
39 | },
40 | "computer": {
41 | "noSupport": "Browser Anda tidak memiliki dukungan Flash, Silverlight atau HTML5."
42 | },
43 | "addConfirm": {
44 | "confirm": "Konfirmasikan koneksi akun.",
45 | "clickBelow": "Klik di bawah untuk menghubungkan akun {serviceName} Anda",
46 | "connectAccount": "Hubungkan {serviceName} Akun"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/nl.json:
--------------------------------------------------------------------------------
1 | {
2 | "nl": {
3 | "global": {
4 | "select": "kiezen",
5 | "cancel": "annuleren",
6 | "save": "Opslaan",
7 | "upload": "Uploaden"
8 | },
9 | "files": {
10 | "name": "Naam",
11 | "size": "Grootte",
12 | "updated": "bijgewerkt",
13 | "noFilesFound": "Geen bestanden gevonden",
14 | "untitledFolder": "Map zonder titel",
15 | "search": "Zoeken",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "U zult niet langer in staat zijn om deze account te bladeren. Bent u zeker dat u wilt om het te verwijderen? (Merk op dat dit niet je uitgelogd van het account op deze browser)",
25 | "connectedAccounts": "Verbonden accounts",
26 | "logout": "uitloggen",
27 | "manage": "Beheer hier uw cloudopslag-accounts.",
28 | "chooseAccount": "Welkom! Kies een service om verbinding te maken",
29 | "connectMore": "Verbind meer!",
30 | "upload": "Uploaden",
31 | "uploadFromComputer": "Upload vanaf uw computer"
32 | },
33 | "selector": {
34 | "myComputer": "Mijn computer",
35 | "accounts": "accounts"
36 | },
37 | "dropzone": {
38 | "message": "Versleep hier bestanden, of klik om de Verkenner te openen"
39 | },
40 | "computer": {
41 | "noSupport": "Uw browser ondersteunt geen Flash-, Silverlight- of HTML5-ondersteuning."
42 | },
43 | "addConfirm": {
44 | "confirm": "Bevestig de accountverbinding.",
45 | "clickBelow": "Klik hieronder om verbinding te maken met uw {serviceName} account",
46 | "connectAccount": "Verbind {serviceName} account"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/dev-server/picker-template-hot-loader.js:
--------------------------------------------------------------------------------
1 | /* global $, ko */
2 | /**
3 | * Hot reload file picker templates in dev-server.
4 | * Support hot reloading templates without reloading the file picker page.
5 | *
6 | * For now, the hot reload functionality is limited:
7 | * 1. We need to update index.pug once after page load to make hot
8 | * reloading start working. I.E. editing other pug files won't trigger
9 | * hot reload until index.pug is hot reloaded once.
10 | * One workaround is to add an empty div under #kloudless-file-explore, save,
11 | * then revert.
12 | *
13 | * 2. The hot reload function assumes a div with id="kloudless-file-picker"
14 | * exists in index.pug and is served as the main container for
15 | * file picker templates.
16 | */
17 |
18 | import getTemplateHtml from 'picker/templates/index.pug';
19 |
20 | function onHotAccept() {
21 | // getTemplateHtml has been reloaded when this callback is executed
22 |
23 | /* eslint-disable no-console */
24 | console.log('Hot reloading file picker templates...');
25 |
26 | // remove current ko binding and HTML
27 | let $picker = $('#kloudless-file-picker');
28 | ko.cleanNode($picker[0]);
29 | $('#kloudless-file-picker').remove();
30 |
31 | // file picker is exposed in window when in development mode
32 | const { picker } = window;
33 |
34 | // insert updated templates and rebind ko
35 | $('body').prepend(getTemplateHtml());
36 | // get the newly rendered template DOM reference
37 | $picker = $('#kloudless-file-picker');
38 | ko.applyBindings(picker.view_model, $picker[0]);
39 |
40 | // force reloading jquery plugins like dropdown and plupload
41 | picker.switchViewTo(picker.view_model.current());
42 |
43 | console.log('[Done] Hot reloaded file picker templates.');
44 | }
45 |
46 | module.hot.accept('picker/templates/index.pug', onHotAccept);
47 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/it.json:
--------------------------------------------------------------------------------
1 | {
2 | "it": {
3 | "global": {
4 | "select": "Selezionare",
5 | "cancel": "Annulla",
6 | "save": "Salvare",
7 | "upload": "Caricare"
8 | },
9 | "files": {
10 | "name": "Nome",
11 | "size": "Taglia",
12 | "updated": "aggiornato",
13 | "noFilesFound": "Nessun file trovato",
14 | "untitledFolder": "Cartella senza titolo",
15 | "search": "Ricerca",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "Non sarà più in grado di navigare questo account. Sei sicuro di voler rimuovere esso? (Si noti che questo non ti logout dell'account su questo browser)",
25 | "connectedAccounts": "Account collegati",
26 | "logout": "disconnettersi",
27 | "manage": "Gestisci i tuoi account di archiviazione cloud qui.",
28 | "chooseAccount": "Benvenuto! Si prega di scegliere un servizio per la connessione",
29 | "connectMore": "Connetti di più!",
30 | "upload": "Caricare",
31 | "uploadFromComputer": "Carica dal tuo computer"
32 | },
33 | "selector": {
34 | "myComputer": "Il mio computer",
35 | "accounts": "conti"
36 | },
37 | "dropzone": {
38 | "message": "Trascina qui i file o fai clic per aprire Esplora file"
39 | },
40 | "computer": {
41 | "noSupport": "Il tuo browser non ha supporto Flash, Silverlight o HTML5."
42 | },
43 | "addConfirm": {
44 | "confirm": "Conferma la connessione dell'account.",
45 | "clickBelow": "Fai clic di seguito per connettere il tuo account {serviceName}",
46 | "connectAccount": "Connetti l'account {serviceName}"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/ro.json:
--------------------------------------------------------------------------------
1 | {
2 | "ro": {
3 | "global": {
4 | "select": "Selectați",
5 | "cancel": "Anulare",
6 | "save": "Salvați",
7 | "upload": "Încărcați"
8 | },
9 | "files": {
10 | "name": "Nume",
11 | "size": "mărimea",
12 | "updated": "La curent",
13 | "noFilesFound": "Niciun fișier găsit",
14 | "untitledFolder": "Folder fără titlu",
15 | "search": "Căutare",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "Nu veți mai putea naviga în acest cont. Sunteți sigur că doriți să îl eliminați? (Rețineți că acest lucru nu vă deconectează din cont în acest browser)",
25 | "connectedAccounts": "Conturi conectate",
26 | "logout": "logout",
27 | "manage": "Gestionați-vă aici conturile de stocare în cloud.",
28 | "chooseAccount": "Bine ati venit! Alegeți un serviciu pentru conectare",
29 | "connectMore": "Conectează-te mai mult!",
30 | "upload": "Încărcați",
31 | "uploadFromComputer": "Încărcați de pe computer"
32 | },
33 | "selector": {
34 | "myComputer": "Calculatorul meu",
35 | "accounts": "Conturi"
36 | },
37 | "dropzone": {
38 | "message": "Glisați și fixați fișierele aici sau faceți clic pentru a deschide fișierul Picker"
39 | },
40 | "computer": {
41 | "noSupport": "Browserul dvs. nu are suport Flash, Silverlight sau HTML5."
42 | },
43 | "addConfirm": {
44 | "confirm": "Confirmați conexiunea la cont.",
45 | "clickBelow": "Faceți clic mai jos pentru a vă conecta contul {serviceName}",
46 | "connectAccount": "Conectați contul {serviceName}"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/es.json:
--------------------------------------------------------------------------------
1 | {
2 | "es": {
3 | "global": {
4 | "select": "Seleccionar",
5 | "cancel": "Cancelar",
6 | "save": "Salvar",
7 | "upload": "Subir"
8 | },
9 | "files": {
10 | "name": "Nombre",
11 | "size": "tamaño",
12 | "updated": "Actualizado",
13 | "noFilesFound": "No se encontraron archivos",
14 | "untitledFolder": "Carpeta sin título",
15 | "search": "Buscar",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "Ya no podrás navegar por esta cuenta. ¿Estás seguro de que deseas eliminarlo? (Tenga en cuenta que esto no cierra la sesión de la cuenta en este navegador)",
25 | "connectedAccounts": "Cuentas conectadas",
26 | "logout": "cerrar sesión",
27 | "manage": "Gérez vos comptes de stockage en nuage ici.",
28 | "chooseAccount": "¡Bienvenido! Por favor, elija un servicio para conectarse",
29 | "connectMore": "¡Conecta más!",
30 | "upload": "Subir",
31 | "uploadFromComputer": "Sube desde tu computadora"
32 | },
33 | "selector": {
34 | "myComputer": "Mi computadora",
35 | "accounts": "Cuentas"
36 | },
37 | "dropzone": {
38 | "message": "Arrastre y suelte los archivos aquí, o haga clic para abrir el Explorador de archivos"
39 | },
40 | "computer": {
41 | "noSupport": "Su navegador no tiene Flash, Silverlight o HTML5."
42 | },
43 | "addConfirm": {
44 | "confirm": "Confirmar la conexión de la cuenta.",
45 | "clickBelow": "Haga clic a continuación para conectar su cuenta {serviceName}",
46 | "connectAccount": "Conectar cuenta {serviceName}"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/ru.json:
--------------------------------------------------------------------------------
1 | {
2 | "ru": {
3 | "global": {
4 | "select": "Выбрать",
5 | "cancel": "отменить",
6 | "save": "Сохранить",
7 | "upload": "Загрузить"
8 | },
9 | "files": {
10 | "name": "название",
11 | "size": "Размер",
12 | "updated": "обновленный",
13 | "noFilesFound": "Файлы не найдены",
14 | "untitledFolder": "Папка без названия",
15 | "search": "Поиск",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "Вы больше не сможете просматривать эту учетную запись. Вы уверены, что хотите удалить его? (Обратите внимание, что это не выходит из учетной записи в этом браузере)",
25 | "connectedAccounts": "Подключенные учетные записи",
26 | "logout": "выйти",
27 | "manage": "Управляйте своими учетными записями облачного хранилища здесь.",
28 | "chooseAccount": "Добро пожаловать! Пожалуйста, выберите услугу для подключения",
29 | "connectMore": "Подключи больше!",
30 | "upload": "Загрузить",
31 | "uploadFromComputer": "Загрузить с вашего компьютера"
32 | },
33 | "selector": {
34 | "myComputer": "Мой компьютер",
35 | "accounts": "Счета"
36 | },
37 | "dropzone": {
38 | "message": "Перетащите файлы сюда или нажмите, чтобы открыть проводник"
39 | },
40 | "computer": {
41 | "noSupport": "Ваш браузер не поддерживает Flash, Silverlight или HTML5."
42 | },
43 | "addConfirm": {
44 | "confirm": "Подтвердите подключение аккаунта.",
45 | "clickBelow": "Нажмите ниже, чтобы подключить свою учетную запись {serviceName}",
46 | "connectAccount": "Подключить {serviceName} аккаунт"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/fr.json:
--------------------------------------------------------------------------------
1 | {
2 | "fr": {
3 | "global": {
4 | "select": "Sélectionner",
5 | "cancel": "Annuler",
6 | "save": "sauvegarder",
7 | "upload": "Télécharger"
8 | },
9 | "files": {
10 | "name": "prénom",
11 | "size": "Taille",
12 | "updated": "Mis à jour",
13 | "noFilesFound": "Aucun fichier trouvé",
14 | "untitledFolder": "Dossier sans titre",
15 | "search": "Chercher",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "Vous ne serez plus en mesure de parcourir ce compte. Etes-vous sûr que vous souhaitez supprimer? (Notez que cela ne vous déconnecte pas du compte sur ce navigateur)",
25 | "connectedAccounts": "Comptes connectés",
26 | "logout": "Connectez - Out",
27 | "manage": "Gérez vos comptes de stockage en nuage ici.",
28 | "chooseAccount": "Bienvenue! Veuillez choisir un service pour vous connecter",
29 | "connectMore": "Connectez plus!",
30 | "upload": "Télécharger",
31 | "uploadFromComputer": "Télécharger depuis votre ordinateur"
32 | },
33 | "selector": {
34 | "myComputer": "Mon ordinateur",
35 | "accounts": "Comptes"
36 | },
37 | "dropzone": {
38 | "message": "Glissez et déposez les fichiers ici, ou cliquez pour ouvrir l'explorateur de fichiers"
39 | },
40 | "computer": {
41 | "noSupport": "Votre navigateur ne prend pas en charge Flash, Silverlight ou HTML5."
42 | },
43 | "addConfirm": {
44 | "confirm": "Confirmer la connexion au compte.",
45 | "clickBelow": "Cliquez ci-dessous pour connecter votre compte {serviceName}",
46 | "connectAccount": "Connecter {serviceName} compte"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/dev-server/dev-server.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable no-console */
2 |
3 | if (!process.env.KLOUDLESS_APP_ID) {
4 | console.log('Environment variable KLOUDLESS_APP_ID not specified.');
5 | process.exit(1);
6 | }
7 |
8 | const webpackDevMiddleware = require('webpack-dev-middleware');
9 | const webpackHotMiddleware = require('webpack-hot-middleware');
10 | const express = require('express');
11 | const morgan = require('morgan');
12 | const path = require('path');
13 | const http = require('http');
14 | const https = require('https');
15 | const webpack = require('webpack');
16 | const sslCert = require('./ssl-cert');
17 |
18 | const webpackConfigs = require('../config/webpack.dev.conf');
19 |
20 | const app = express();
21 |
22 | process.env.PICKER_URL = '/picker/index.html';
23 |
24 | app.set('port', process.env.PORT || 3000);
25 | app.use(morgan('dev'));
26 | app.use('/static', express.static(path.join(__dirname, './static')));
27 |
28 | app.use((req, res, next) => {
29 | res.set({
30 | 'Cache-Control': 'no-cache, no-store, must-revalidate',
31 | Pragma: 'no-cache',
32 | Expires: 0,
33 | });
34 | next();
35 | });
36 |
37 | const compiler = webpack(webpackConfigs);
38 | const middleware = webpackDevMiddleware(compiler, {
39 | logTime: true,
40 | stats: 'minimal',
41 | publicPath: webpackConfigs[0].output.publicPath,
42 | });
43 | app.use(middleware);
44 | app.use(webpackHotMiddleware(compiler, {
45 | log: false, path: '/__webpack_hmr', heartbeat: 10 * 1000,
46 | }));
47 |
48 | let server;
49 |
50 | if (sslCert.certificate) {
51 | server = https.createServer(
52 | { key: sslCert.privateKey, cert: sslCert.certificate },
53 | app,
54 | );
55 | } else {
56 | server = http.createServer(app);
57 | }
58 |
59 | server.listen(app.get('port'), () => {
60 | console.log('Dev server running on http://localhost:3000');
61 | console.log('Webpack bundles are compiling...');
62 | });
63 |
--------------------------------------------------------------------------------
/babel.config.js:
--------------------------------------------------------------------------------
1 | const path = require('path');
2 | const common = require('./config/common');
3 | const packages = require('./package.json');
4 |
5 |
6 | /**
7 | * Define build options environment variables here
8 | * format: [var name]: default value
9 | * check README for variable names and purpose
10 | */
11 | const buildEnvVarDefaults = {
12 | PICKER_URL:
13 | 'https://static-cdn.kloudless.com/p/platform/file-picker/v2/index.html',
14 | // old version that supports custom_css
15 | PICKER_URL_V1:
16 | 'https://static-cdn.kloudless.com/p/platform/explorer/explorer.html',
17 | BASE_URL: 'https://api.kloudless.com',
18 |
19 | // for development only
20 | KLOUDLESS_APP_ID: null,
21 | // 'MIT' or 'AGPL'.
22 | // The MIT build excludes the plupload module.
23 | BUILD_LICENSE: 'MIT',
24 | };
25 |
26 | const transformDefines = {
27 | VERSION: packages.version,
28 | };
29 |
30 | Object.keys(buildEnvVarDefaults).forEach((varName) => {
31 | transformDefines[varName] = (
32 | process.env[varName] || buildEnvVarDefaults[varName]);
33 | });
34 |
35 | module.exports = {
36 | presets: [
37 | ['@babel/preset-env', {
38 | useBuiltIns: 'usage',
39 | corejs: 3,
40 | }],
41 | // Used by storybook-react
42 | '@babel/preset-react',
43 | ],
44 | ignore: common.ignorePaths,
45 | plugins: [
46 | [
47 | 'module-resolver', {
48 | // avoid node_modules path being relative path
49 | root: common.resolvePaths.filter(p => p !== 'node_modules'),
50 | alias: {
51 | 'picker-config': path.resolve(__dirname, './src/picker/js/',
52 | (process.env.NODE_ENV === 'production'
53 | && !JSON.parse(process.env.DEBUG || false)) ?
54 | './config_prod.json' : './config.json'),
55 | },
56 | },
57 | ],
58 | [
59 | 'transform-define', transformDefines,
60 | ],
61 | ],
62 | };
63 |
--------------------------------------------------------------------------------
/src/picker/js/breadcrumb.js:
--------------------------------------------------------------------------------
1 | const ICON_HTML = '';
2 | const ROOT_DIR_HTML = `
3 | `;
6 | const TOGGLE_BTN_HTML = `
7 |
8 | ${ICON_HTML}
9 |
...
10 |
${breadcrumb.path}
`,
29 | );
30 | });
31 | const html = `${els.join('')}
`;
32 | hiddenContainer.html(html);
33 | const width = hiddenContainer.outerWidth();
34 | return width >= maxWidth;
35 | }
36 |
37 | /**
38 | * @param {Object[]} breadcrumbs
39 | * @param {string} breadcrumbs[].path
40 | * @param {boolean} breadcrumbs[].visible
41 | */
42 | function adjustBreadcrumbWidth(breadcrumbs) {
43 | if (breadcrumbs === null || breadcrumbs.length <= 1) {
44 | return breadcrumbs;
45 | }
46 | const maxWidth = $('.breadcrumb').outerWidth();
47 | const { length } = breadcrumbs;
48 | let index = breadcrumbs.findIndex(e => e.visible);
49 | while (index < length - 1 && isBreadcrumbOverflow(breadcrumbs, maxWidth)) {
50 | breadcrumbs[index].visible = false;
51 | index += 1;
52 | }
53 | return breadcrumbs;
54 | }
55 |
56 | export default adjustBreadcrumbWidth;
57 |
--------------------------------------------------------------------------------
/src/picker/localization/messages/de.json:
--------------------------------------------------------------------------------
1 | {
2 | "de": {
3 | "global": {
4 | "select": "Wählen",
5 | "cancel": "Stornieren",
6 | "save": "sparen",
7 | "upload": "Hochladen"
8 | },
9 | "files": {
10 | "name": "Name",
11 | "size": "Größe",
12 | "updated": "Aktualisierte",
13 | "noFilesFound": "Keine Dateien gefunden",
14 | "untitledFolder": "Unbenannter Ordner",
15 | "search": "Suche",
16 | "sizes": {
17 | "b": "{fileSize} B",
18 | "kb": "{fileSize} KB",
19 | "mb": "{fileSize} MB",
20 | "gb": "{fileSize} GB"
21 | }
22 | },
23 | "accounts": {
24 | "confirmRemove": "Sie können auf dieses Konto nicht mehr sehen. Sind Sie sicher, Sie möchten es entfernen? (Beachten Sie, dass diese Sie nicht melden Sie sich von dem Konto auf diesem Browser)",
25 | "connectedAccounts": "Verbundene Konten",
26 | "logout": "Ausloggen",
27 | "manage": "Verwalten Sie hier Ihre Cloud-Speicherkonten.",
28 | "chooseAccount": "Herzlich willkommen! Bitte wählen Sie einen Dienst aus, um eine Verbindung herzustellen",
29 | "connectMore": "Verbinde mehr!",
30 | "upload": "Hochladen",
31 | "uploadFromComputer": "Hochladen von Ihrem Computer"
32 | },
33 | "selector": {
34 | "myComputer": "Mein Computer",
35 | "accounts": "Konten"
36 | },
37 | "dropzone": {
38 | "message": "Ziehen Sie Dateien hierher, und legen Sie sie dort ab, oder klicken Sie darauf, um die Dateiauswahl zu öffnen"
39 | },
40 | "computer": {
41 | "noSupport": "Ihr Browser unterstützt Flash, Silverlight oder HTML5 nicht."
42 | },
43 | "addConfirm": {
44 | "confirm": "Bestätigen Sie die Kontoverbindung.",
45 | "clickBelow": "Klicken Sie unten, um eine Verbindung zu Ihrem {serviceName} Konto herzustellen",
46 | "connectAccount": "{ServiceName} Konto verbinden"
47 | }
48 | }
49 | }
50 |
--------------------------------------------------------------------------------
/src/picker/js/iexd-transport.js:
--------------------------------------------------------------------------------
1 | /* eslint-disable */
2 | import $ from 'jquery';
3 | import config from './config';
4 | import auth from './auth';
5 | import util from './util';
6 |
7 | /**
8 | * Compatability module which proxies requests to the Kloudless API via
9 | * iexd.html (hosted on the API domain) to avoid IE9 restrictions on
10 | * cross-domain requests.
11 | *
12 | * Adds a jQuery AJAX transport which handles all requests to the API server.
13 | *
14 | * In particular, IE9 has some limitations on use of XDomainRequest that
15 | * prevent us from using it to talk to the API server:
16 | * - can't send custom headers like Authorization
17 | * - protocol of the page needs to be https (protocols must match)
18 | * - only GET and POST methods can be used
19 | * - can only use text/plain for the request's Content-Type
20 | */
21 | 'use strict';
22 |
23 | // do nothing if proper cross-domain requests are supported
24 |
25 | if (!util.supportsCORS()) {
26 | $.ajaxTransport('+*', function (options, originalOptions, jqXHR) {
27 | if (!canHandleRequest(options)) {
28 | return;
29 | }
30 |
31 | return {
32 | send: function (headers, completeCallback) {
33 | var requestId = util.randomID();
34 | options.headers = headers;
35 |
36 | var data = {
37 | type: 'proxy',
38 | origin: document.URL,
39 | id: requestId,
40 | options: options
41 | };
42 |
43 | auth.postMessage(data, requestId, function (response) {
44 | completeCallback(
45 | response.status, response.statusText, response.responses, response.headers);
46 | });
47 | },
48 |
49 | /* we don't support aborting requests on IE9 :-) */
50 | abort: function () {
51 | }
52 | };
53 | });
54 | }
55 |
56 | function canHandleRequest(options) {
57 | return options.crossDomain &&
58 | options.url.substring(0, config.base_url.length) == config.base_url;
59 | }
60 |
--------------------------------------------------------------------------------
/stylelint.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | extends: [
3 | 'stylelint-config-standard',
4 | ],
5 | plugins: [
6 | 'stylelint-order',
7 | ],
8 | rules: {
9 | 'order/properties-order': [
10 | 'position',
11 | 'top',
12 | 'bottom',
13 | 'right',
14 | 'left',
15 | 'display',
16 | 'align-items',
17 | 'justify-content',
18 | 'float',
19 | 'clear',
20 | 'overflow',
21 | 'overflow-x',
22 | 'overflow-y',
23 | 'margin',
24 | 'margin-top',
25 | 'margin-right',
26 | 'margin-bottom',
27 | 'margin-left',
28 | 'padding',
29 | 'padding-top',
30 | 'padding-right',
31 | 'padding-bottom',
32 | 'padding-left',
33 | 'width',
34 | 'min-width',
35 | 'max-width',
36 | 'height',
37 | 'min-height',
38 | 'max-height',
39 | 'font-size',
40 | 'font-family',
41 | 'font-weight',
42 | 'text-align',
43 | 'text-justify',
44 | 'text-indent',
45 | 'text-overflow',
46 | 'text-decoration',
47 | 'white-space',
48 | 'color',
49 | 'background',
50 | 'background-position',
51 | 'background-repeat',
52 | 'background-size',
53 | 'background-color',
54 | 'background-clip',
55 | 'border',
56 | 'border-style',
57 | 'border-width',
58 | 'border-color',
59 | 'border-top-style',
60 | 'border-top-width',
61 | 'border-top-color',
62 | 'border-right-style',
63 | 'border-right-width',
64 | 'border-right-color',
65 | 'border-bottom-style',
66 | 'border-bottom-width',
67 | 'border-bottom-color',
68 | 'border-left-style',
69 | 'border-left-width',
70 | 'border-left-color',
71 | 'border-radius',
72 | 'opacity',
73 | 'filter',
74 | 'list-style',
75 | 'outline',
76 | 'visibility',
77 | 'z-index',
78 | 'box-shadow',
79 | 'text-shadow',
80 | 'resize',
81 | 'transition',
82 | ],
83 | },
84 | };
85 |
--------------------------------------------------------------------------------
/src/picker/templates/breadcrumb.pug:
--------------------------------------------------------------------------------
1 | .breadcrumb(data-bind='with: files')
2 | .dropdown(id='breadcrumb-dropdown')
3 | .box.box--shadow
4 | .box__section
5 | .list
6 | .list__item(data-bind='click: up.bind(null, breadcrumbs().length)')
7 | .icon
8 | .icon__folder
9 | .list__text(data-bind='text: root_folder_name')
10 | // ko foreach: breadcrumbs
11 | .list__item(data-bind='click: $parent.up.bind(null, $parent.breadcrumbs().length - parseInt("" + ($index() + 1), 10))')
12 | .icon
13 | .icon__folder
14 | .list__text(data-bind='text: $data.path')
15 | // ko if: $parent.breadcrumbs().length -1 === $index()
16 | .icon.icon--small
17 | .icon__checked
18 | // /ko
19 | // /ko
20 | //- breadcrumb__hidden is a hidden element which is used to measure the
21 | //- breadcrumb width and decide whether to ellipsis breadcrumb
22 | .breadcrumb__hidden
23 | .icon.icon--button.icon--large(data-bind=`
24 | attr: {'title': root_folder_name},
25 | click: up.bind(null, breadcrumbs().length)`)
26 | .icon__root-dir
27 | .breadcrumb__toggle-btn(
28 | data-bind="css: {'breadcrumb__toggle-btn--hidden': breadcrumbs().filter(function(e) { return !e.visible}).length === 0}")
29 | .icon
30 | .icon__next
31 | .breadcrumb__text.breadcrumb__text--button(
32 | data-dropdown-id='breadcrumb-dropdown')
33 | | ...
34 | // ko foreach: breadcrumbs
35 | // ko if: $data.visible === true
36 | .icon
37 | .icon__next
38 | .breadcrumb__text(data-bind=`
39 | attr: {'title': $data.path},
40 | css: {
41 | 'breadcrumb__text--button': $parent.breadcrumbs().length -1 !== $index(),
42 | 'breadcrumb__text--ellipsis': $parent.breadcrumbs().filter(function(e) { return e.visible }).length === 1 || $parent.breadcrumbs().length -1 !== $index(),
43 | },
44 | click: $parent.up.bind(null, $parent.breadcrumbs().length - parseInt("" + ($index() + 1), 10)),
45 | text: $data.path`)
46 | // /ko
47 | // /ko
48 |
--------------------------------------------------------------------------------
/storybook-test/stories/core/components.js:
--------------------------------------------------------------------------------
1 | import React from 'react';
2 |
3 | function TextArea(props) {
4 | const {
5 | value, name, title, onChange, error,
6 | } = props;
7 | const outerClass = [
8 | 'mdl-textfield mdl-textfield--floating-label',
9 | // Somehow MDL doesn't detect the value while switching between stories.
10 | // So add is-dirty class manually.
11 | value ? 'is-dirty' : '',
12 | error ? 'is-invalid' : '',
13 | ].join(' ');
14 | return (
15 |
16 |