diff --git a/client/assets/css/mixin.scss b/client/assets/css/mixin.scss
deleted file mode 100644
index bbd9565b..00000000
--- a/client/assets/css/mixin.scss
+++ /dev/null
@@ -1,34 +0,0 @@
-@mixin ripple($color, $bg:"#ffffff00") {
- background-position: center;
- &:hover{
- transition: background 0.4s;
- background: unquote($bg) radial-gradient(circle, transparent 1%, $color 1%) center/15000%;
- }
- &:active{
- background-color: #00000033;
- background-size: 100%;
- transition: background 0s;
- }
-}
-
-@mixin inlinedInputWithSubmit() {
- form {
- display: flex;
- background: white;
- border-radius: 2px;
- box-shadow: 2px 2px 10px rgba(0,0,0,0.1);
- input {
- padding: 15px 20px;
- border-bottom: 0;
- margin: 0;
- height: inherit!important;
- }
- button {
- width: inherit;
- padding: 0 10px;
- .component_icon {
- height: 25px;
- }
- }
- }
-}
diff --git a/client/assets/css/reset.scss b/client/assets/css/reset.scss
deleted file mode 100644
index a27e1202..00000000
--- a/client/assets/css/reset.scss
+++ /dev/null
@@ -1,194 +0,0 @@
-/* latin-ext */
-@font-face {
- font-family: 'Source Code Pro';
- font-style: normal;
- font-weight: 400;
- src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(/assets/fonts/SourceCodePro-Regular-400-latin-ext.woff2) format('woff2');
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-/* latin */
-@font-face {
- font-family: 'Source Code Pro';
- font-style: normal;
- font-weight: 400;
- src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(/assets/fonts/SourceCodePro-Regular-400-latin.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-/* latin-ext */
-@font-face {
- font-family: 'Source Code Pro';
- font-style: normal;
- font-weight: 600;
- src: local('Source Code Pro Semibold'), local('SourceCodePro-Semibold'), url(/assets/fonts/SourceCodePro-Semibold-600-latin-ext.woff2) format('woff2');
- unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
-}
-
-/* latin */
-@font-face {
- font-family: 'Source Code Pro';
- font-style: normal;
- font-weight: 600;
- src: local('Source Code Pro Semibold'), local('SourceCodePro-Semibold'), url(/assets/fonts/SourceCodePro-Semibold-600-latin.woff2) format('woff2');
- unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
-}
-
-:root {
- --bg-color: #fafafa;
- --color: #57595A;
- --emphasis: #466372;
- --primary: #9AD1ED;
- --emphasis-primary: #c5e2f1;
- --emphasis-secondary: #466372;
- --light: #909090;
- --super-light: #f9fafc;
- --error: #f26d6d;
- --success: #63d9b1;
- --dark: #313538;
-}
-body.dark-mode {
- --bg-color: #242424;
-}
-
-html {
- font-family: "Roboto", sans-serif;
- -webkit-text-size-adjust:100%;
- font-smoothing: antialiased;
- -webkit-font-smoothing: antialiased;
- -moz-osx-font-smoothing: grayscale;
-}
-body {
- overflow: hidden;
- background: var(--bg-color);
- color: var(--color);
-}
-body, html {
- height: 100%;
- margin: 0;
-}
-body.dark-mode{ background: var(--bg-color); }
-body.dark-mode .component_modal > div,
-body.dark-mode .component_page_admin{ --bg-color: #f2f3f5; }
-
-.center{
- text-align: center;
-}
-
-a {
- color: inherit;
- text-decoration: none;
-}
-
-select {
- -webkit-appearance: none;
- -moz-appearance: none;
-}
-
-select:-moz-focusring {
- color: transparent;
- outline: none;
- border: none;
-}
-
-select::-ms-expand {
- display: none;
-}
-
-button::-moz-focus-inner {
- border: 0;
-}
-
-input, textarea, select {
- transition: border 0.2s;
- outline: none;
-}
-
-.no-select {
- -webkit-touch-callout: none;
- -webkit-user-select: none;
- -khtml-user-select: none;
- -moz-user-select: none;
- -ms-user-select: none;
- user-select: none;
-}
-
-button:focus,
-a:focus,
-a:active,
-button::-moz-focus-inner,
-input[type="reset"]::-moz-focus-inner,
-input[type="button"]::-moz-focus-inner,
-input[type="submit"]::-moz-focus-inner,
-select::-moz-focus-inner,
-input[type="file"]>input[type="button"]::-moz-focus-inner {
- outline: none !important;
-}
-
-select:-moz-focusring {
- color: transparent;
- text-shadow: 0 0 0 #000;
-}
-
-.connect-form input:hover,
-.connect-form textarea:hover,
-.connect-form input:focus,
-.connect-form textarea:focus {
- border-color: rgb(154, 209, 237)!important;
-}
-
-.drag-drop {
- z-index: 2;
-}
-
-.drag-drop.dragging>div {
- background: rgba(0, 0, 0, 0.1);
-}
-
-
-/* CONNECTION FORM */
-
-.login-form button.active {
- box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.20);
-}
-
-::-webkit-scrollbar {
- height: 4px;
- width: 4px
-}
-
-::-webkit-scrollbar-track {
- background: rgba(0, 0, 0, .1)
-}
-
-::-webkit-scrollbar-thumb {
- -webkit-border-radius: 2px;
- -moz-border-radius: 2px;
- -ms-border-radius: 2px;
- -o-border-radius: 2px;
- border-radius: 2px;
- background: rgba(0, 0, 0, .2);
-}
-
-.scroll-y {
- scrollbar-3dlight-color: #7d7e94;
- scrollbar-arrow-color: #c1c1d1;
- scrollbar-darkshadow-color: #2d2c4d;
- scrollbar-face-color: rgba(0, 0, 0, .1);
- scrollbar-highlight-color: #7d7e94;
- scrollbar-shadow-color: #2d2c4d;
- scrollbar-track-color: rgba(0, 0, 0, .1);
-}
-
-.pointer {
- cursor: pointer;
-}
-
-.hidden{
- position:absolute;
- left:-10000px;
- top:auto;
- width:1px;
- height:1px;
- overflow:hidden;
-}
diff --git a/client/assets/css/videojs-custom.css b/client/assets/css/videojs-custom.css
deleted file mode 100644
index 057a0aef..00000000
--- a/client/assets/css/videojs-custom.css
+++ /dev/null
@@ -1,11 +0,0 @@
-.video-js{outline: none;}
-
-.video-js .vjs-big-play-button:before, .video-js .vjs-control:before, .video-js .vjs-modal-dialog, .vjs-modal-dialog .vjs-modal-dialog-content {
- position: absolute;
- top: 0;
- left: 0;
- width: 100%;
- height: 100%; }
-
-.video-js .vjs-big-play-button:before, .video-js .vjs-control:before {
- text-align: center; }
diff --git a/client/assets/css/videojs-sublime-skin.scss b/client/assets/css/videojs-sublime-skin.scss
deleted file mode 100644
index 7be7cee6..00000000
--- a/client/assets/css/videojs-sublime-skin.scss
+++ /dev/null
@@ -1,280 +0,0 @@
-.video-js.my-skin .vjs-menu-button-inline.vjs-slider-active,.video-js.my-skin .vjs-menu-button-inline:focus,.video-js.my-skin .vjs-menu-button-inline:hover,.video-js.my-skin.vjs-no-flex .vjs-menu-button-inline {
- width: 10em
-}
-.video-js.my-skin .vjs-volume-menu-button{display: none;}
-
-.video-js.my-skin .vjs-controls-disabled .vjs-big-play-button {
- display: none!important
-}
-
-.video-js.my-skin .vjs-control {
- width: 3em
-}
-
-.video-js.my-skin .vjs-menu-button-inline:before {
- width: 1.5em
-}
-
-.vjs-menu-button-inline .vjs-menu {
- left: 3em
-}
-
-.vjs-paused.vjs-has-started.video-js.my-skin .vjs-big-play-button,.video-js.my-skin.vjs-ended .vjs-big-play-button,.video-js.my-skin.vjs-paused .vjs-big-play-button {
- display: block
-}
-
-.video-js.my-skin .vjs-load-progress div,.vjs-seeking .vjs-big-play-button,.vjs-waiting .vjs-big-play-button {
- display: none!important
-}
-
-.video-js.my-skin .vjs-mouse-display:after,.video-js.my-skin .vjs-play-progress:after {
- padding: 0 .4em .3em
-}
-
-.video-js.my-skin.vjs-ended .vjs-loading-spinner {
- display: none;
-}
-
-.video-js.my-skin.vjs-ended .vjs-big-play-button {
- display: block !important;
-}
-
-.video-js.my-skin *,.video-js.my-skin:after,.video-js.my-skin:before {
- box-sizing: inherit;
- font-size: inherit;
- color: inherit;
- line-height: inherit
-}
-
-.video-js.my-skin.vjs-fullscreen,.video-js.my-skin.vjs-fullscreen .vjs-tech {
- width: 100%!important;
- height: 100%!important
-}
-
-.video-js.my-skin {
- font-size: 14px;
- overflow: hidden
-}
-
-.video-js.my-skin .vjs-control {
- color: inherit
-}
-
-.video-js.my-skin .vjs-menu-button-inline:hover,.video-js.my-skin.vjs-no-flex .vjs-menu-button-inline {
- width: 8.35em
-}
-
-.video-js.my-skin .vjs-volume-menu-button.vjs-volume-menu-button-horizontal:hover .vjs-menu .vjs-menu-content {
- height: 3em;
- width: 6.35em
-}
-
-.video-js.my-skin .vjs-control:focus:before,.video-js.my-skin .vjs-control:hover:before {
- text-shadow: 0 0 5px #fff;
-}
-
-.video-js.my-skin .vjs-spacer,.video-js.my-skin .vjs-time-control {
- display: -webkit-box;
- display: -moz-box;
- display: -ms-flexbox;
- display: -webkit-flex;
- display: flex;
- -webkit-box-flex: 1 1 auto;
- -moz-box-flex: 1 1 auto;
- -webkit-flex: 1 1 auto;
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- padding: 0;
-}
-
-.video-js.my-skin .vjs-time-control {
- -webkit-box-flex: 0 1 auto;
- -moz-box-flex: 0 1 auto;
- -webkit-flex: 0 1 auto;
- -ms-flex: 0 1 auto;
- flex: 0 1 auto;
- width: auto
-}
-
-.video-js.my-skin .vjs-time-control.vjs-time-divider {
- width: 14px
-}
-
-.video-js.my-skin .vjs-time-control.vjs-time-divider div {
- width: 100%;
- text-align: center
-}
-
-.video-js.my-skin .vjs-time-control.vjs-current-time {
- margin-left: 20px;
-}
-
-.video-js.my-skin .vjs-time-control .vjs-current-time-display,.video-js.my-skin .vjs-time-control .vjs-duration-display {
- width: 100%
-}
-
-.video-js.my-skin .vjs-time-control .vjs-current-time-display {
- text-align: right
-}
-
-.video-js.my-skin .vjs-time-control .vjs-duration-display {
- text-align: left
-}
-
-.video-js.my-skin .vjs-play-progress:before,.video-js.my-skin .vjs-progress-control .vjs-play-progress:before,.video-js.my-skin .vjs-remaining-time,.video-js.my-skin .vjs-volume-level:after,.video-js.my-skin .vjs-volume-level:before,.video-js.my-skin.vjs-live .vjs-time-control.vjs-current-time,.video-js.my-skin.vjs-live .vjs-time-control.vjs-duration,.video-js.my-skin.vjs-live .vjs-time-control.vjs-time-divider,.video-js.my-skin.vjs-no-flex .vjs-time-control.vjs-remaining-time {
- display: none
-}
-
-.video-js.my-skin.vjs-no-flex .vjs-time-control {
- display: table-cell;
- width: 4em
-}
-
-.video-js.my-skin .vjs-progress-control {
- position: absolute;
- left: 0;
- right: 0;
- width: 100%;
- height: 0.3em;
- top: -0.3em;
- -webkit-transition: all .1s ease 0s;
- -moz-transition: all .1s ease 0s;
- -ms-transition: all .1s ease 0s;
- -o-transition: all .1s ease 0s;
- transition: all .1s ease 0s
-}
-.video-js.my-skin .vjs-progress-control:hover {
- height: 0.8em;
- top: -0.8em;
-}
-
-
-.video-js.my-skin .vjs-progress-control .vjs-load-progress,.video-js.my-skin .vjs-progress-control .vjs-play-progress,.video-js.my-skin .vjs-progress-control .vjs-progress-holder {
- height: 100%
-}
-
-.video-js.my-skin .vjs-progress-control .vjs-progress-holder {
- margin: 0
-}
-
-
-.video-js.my-skin .vjs-control-bar {
- -webkit-transition: -webkit-transform .1s ease 0s;
- -moz-transition: -moz-transform .1s ease 0s;
- -ms-transition: -ms-transform .1s ease 0s;
- -o-transition: -o-transform .1s ease 0s;
- transition: transform .1s ease 0s
-}
-
-.video-js.my-skin.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-control-bar,.video-js.my-skin.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-control-bar,.video-js.my-skin.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-control-bar,.video-js.my-skin.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar,.video-js.my-skin.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-control-bar {
- visibility: visible;
- opacity: 1;
- -webkit-backface-visibility: hidden;
- -webkit-transform: translateY(3em);
- -moz-transform: translateY(3em);
- -ms-transform: translateY(3em);
- -o-transform: translateY(3em);
- transform: translateY(3em);
- -webkit-transition: -webkit-transform 1s ease 0s;
- -moz-transition: -moz-transform 1s ease 0s;
- -ms-transition: -ms-transform 1s ease 0s;
- -o-transition: -o-transform 1s ease 0s;
- transition: transform 1s ease 0s
-}
-
-.video-js.my-skin.not-hover.vjs-has-started.vjs-paused.vjs-user-active .vjs-progress-control,.video-js.my-skin.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive .vjs-progress-control,.video-js.my-skin.not-hover.vjs-has-started.vjs-playing.vjs-user-active .vjs-progress-control,.video-js.my-skin.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control,.video-js.my-skin.vjs-has-started.vjs-playing.vjs-user-inactive .vjs-progress-control {
- height: .25em;
- top: -.25em;
- pointer-events: none;
- -webkit-transition: height 1s,top 1s;
- -moz-transition: height 1s,top 1s;
- -ms-transition: height 1s,top 1s;
- -o-transition: height 1s,top 1s;
- transition: height 1s,top 1s
-}
-
-.video-js.my-skin.not-hover.vjs-has-started.vjs-paused.vjs-user-active.vjs-fullscreen .vjs-progress-control,.video-js.my-skin.not-hover.vjs-has-started.vjs-paused.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,.video-js.my-skin.not-hover.vjs-has-started.vjs-playing.vjs-user-active.vjs-fullscreen .vjs-progress-control,.video-js.my-skin.not-hover.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control,.video-js.my-skin.vjs-has-started.vjs-playing.vjs-user-inactive.vjs-fullscreen .vjs-progress-control {
- opacity: 0;
- -webkit-transition: opacity 1s ease 1s;
- -moz-transition: opacity 1s ease 1s;
- -ms-transition: opacity 1s ease 1s;
- -o-transition: opacity 1s ease 1s;
- transition: opacity 1s ease 1s
-}
-
-.video-js.my-skin.vjs-live .vjs-live-control {
- margin-left: 1em
-}
-
-.video-js.my-skin .vjs-big-play-button {
- top: 50%;
- left: 50%;
- margin-left: -1em;
- margin-top: -1em;
- width: 2em;
- height: 2em;
- line-height: 2em;
- border: none;
- border-radius: 50%;
- font-size: 3.5em;
- background-color: rgba(0,0,0,.45);
- color: #fff;
- -webkit-transition: border-color .4s,outline .4s,background-color .4s;
- -moz-transition: border-color .4s,outline .4s,background-color .4s;
- -ms-transition: border-color .4s,outline .4s,background-color .4s;
- -o-transition: border-color .4s,outline .4s,background-color .4s;
- transition: border-color .4s,outline .4s,background-color .4s
-}
-
-.video-js.my-skin .vjs-menu-button-popup .vjs-menu {
- left: -3em
-}
-
-.video-js.my-skin .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
- background-color: transparent;
- width: 12em;
- left: -1.5em;
- padding-bottom: .5em
-}
-
-.video-js.my-skin .vjs-menu-button-popup .vjs-menu .vjs-menu-item,.video-js.my-skin .vjs-menu-button-popup .vjs-menu .vjs-menu-title {
- background-color: #151b17;
- margin: .3em 0;
- padding: .5em;
- border-radius: .3em
-}
-
-.video-js.my-skin .vjs-menu-button-popup .vjs-menu .vjs-menu-item.vjs-selected {
- background-color: #2483d5
-}
-
-.video-js.my-skin .vjs-big-play-button {
- background-color: rgba(0,0,0,0.3);
- font-size: 4em;
- border-radius: 10px;
- height: 1.3em !important;
- line-height: 1.3em !important;
- margin-top: -0.65em !important
-}
-
-.video-js.my-skin:hover .vjs-big-play-button,.video-js.my-skin .vjs-big-play-button:focus,.video-js.my-skin .vjs-big-play-button:active {
- background-color: rgba(255,255,255,0.23)
-}
-
-.video-js.my-skin .vjs-loading-spinner {
- border-color: rgba(255,255,255,0.7)
-}
-
-.video-js.my-skin .vjs-control-bar2 {
- background-color: #fcfcfc
-}
-
-.video-js.my-skin .vjs-control-bar {
- background-color: rgba(252,252,252,0.19) !important;
- color: #ffffff;
- font-size: 12px
-}
-
-.video-js.my-skin .vjs-play-progress,.video-js.my-skin .vjs-volume-level {
- background-color: #cccccc
-}
diff --git a/client/assets/fonts/SourceCodePro-Regular-400-latin-ext.woff2 b/client/assets/fonts/SourceCodePro-Regular-400-latin-ext.woff2
deleted file mode 100644
index efa1cebd..00000000
Binary files a/client/assets/fonts/SourceCodePro-Regular-400-latin-ext.woff2 and /dev/null differ
diff --git a/client/assets/fonts/SourceCodePro-Regular-400-latin.woff2 b/client/assets/fonts/SourceCodePro-Regular-400-latin.woff2
deleted file mode 100644
index 68170193..00000000
Binary files a/client/assets/fonts/SourceCodePro-Regular-400-latin.woff2 and /dev/null differ
diff --git a/client/assets/fonts/SourceCodePro-Semibold-600-latin-ext.woff2 b/client/assets/fonts/SourceCodePro-Semibold-600-latin-ext.woff2
deleted file mode 100644
index 08d7cbde..00000000
Binary files a/client/assets/fonts/SourceCodePro-Semibold-600-latin-ext.woff2 and /dev/null differ
diff --git a/client/assets/fonts/SourceCodePro-Semibold-600-latin.woff2 b/client/assets/fonts/SourceCodePro-Semibold-600-latin.woff2
deleted file mode 100644
index 1c6ca4c9..00000000
Binary files a/client/assets/fonts/SourceCodePro-Semibold-600-latin.woff2 and /dev/null differ
diff --git a/client/assets/icons/delete.svg b/client/assets/icons/delete.svg
deleted file mode 100644
index 77843fd8..00000000
--- a/client/assets/icons/delete.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-
-
diff --git a/client/assets/icons/edit.svg b/client/assets/icons/edit.svg
deleted file mode 100644
index 5c2e66c8..00000000
--- a/client/assets/icons/edit.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/client/assets/icons/empty_folder.svg b/client/assets/icons/empty_folder.svg
deleted file mode 100644
index 5db21db6..00000000
--- a/client/assets/icons/empty_folder.svg
+++ /dev/null
@@ -1,213 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/client/assets/icons/empty_search.svg b/client/assets/icons/empty_search.svg
deleted file mode 100644
index 3cc8210b..00000000
--- a/client/assets/icons/empty_search.svg
+++ /dev/null
@@ -1,161 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
diff --git a/client/assets/icons/file.svg b/client/assets/icons/file.svg
deleted file mode 100644
index be0d5903..00000000
--- a/client/assets/icons/file.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-
-
-
diff --git a/client/assets/icons/folder.svg b/client/assets/icons/folder.svg
deleted file mode 100644
index c896c48c..00000000
--- a/client/assets/icons/folder.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-
-
-
-
-
diff --git a/client/assets/icons/music.png b/client/assets/icons/music.png
deleted file mode 100644
index 104c4a9d..00000000
Binary files a/client/assets/icons/music.png and /dev/null differ
diff --git a/client/assets/icons/photo.png b/client/assets/icons/photo.png
deleted file mode 100644
index 2fc00d50..00000000
Binary files a/client/assets/icons/photo.png and /dev/null differ
diff --git a/client/assets/icons/placeholder.png b/client/assets/icons/placeholder.png
deleted file mode 100644
index dcdc539d..00000000
Binary files a/client/assets/icons/placeholder.png and /dev/null differ
diff --git a/client/assets/icons/share.svg b/client/assets/icons/share.svg
deleted file mode 100644
index d76e0305..00000000
--- a/client/assets/icons/share.svg
+++ /dev/null
@@ -1,11 +0,0 @@
-
-
-
-
-
-
diff --git a/client/assets/icons/tag.svg b/client/assets/icons/tag.svg
deleted file mode 100644
index 2ae3a3f6..00000000
--- a/client/assets/icons/tag.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/client/assets/icons/video.png b/client/assets/icons/video.png
deleted file mode 100644
index 777cee47..00000000
Binary files a/client/assets/icons/video.png and /dev/null differ
diff --git a/client/assets/img/alarm.svg b/client/assets/img/alarm.svg
deleted file mode 100644
index 81a408d3..00000000
--- a/client/assets/img/alarm.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/arrow-down-double.svg b/client/assets/img/arrow-down-double.svg
deleted file mode 100644
index 9b2fa762..00000000
--- a/client/assets/img/arrow-down-double.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
diff --git a/client/assets/img/arrow-down.svg b/client/assets/img/arrow-down.svg
deleted file mode 100644
index fa307232..00000000
--- a/client/assets/img/arrow-down.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-
-
diff --git a/client/assets/img/arrow-up-double.svg b/client/assets/img/arrow-up-double.svg
deleted file mode 100644
index 4b510153..00000000
--- a/client/assets/img/arrow-up-double.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
diff --git a/client/assets/img/arrow_bottom.svg b/client/assets/img/arrow_bottom.svg
deleted file mode 100644
index 643e617b..00000000
--- a/client/assets/img/arrow_bottom.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/client/assets/img/arrow_left.svg b/client/assets/img/arrow_left.svg
deleted file mode 100644
index d3e96258..00000000
--- a/client/assets/img/arrow_left.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/client/assets/img/arrow_left_white.svg b/client/assets/img/arrow_left_white.svg
deleted file mode 100644
index 40a9068a..00000000
--- a/client/assets/img/arrow_left_white.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/client/assets/img/arrow_right.svg b/client/assets/img/arrow_right.svg
deleted file mode 100644
index 6f66d88a..00000000
--- a/client/assets/img/arrow_right.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/client/assets/img/arrow_right_white.svg b/client/assets/img/arrow_right_white.svg
deleted file mode 100644
index 303e9832..00000000
--- a/client/assets/img/arrow_right_white.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/client/assets/img/arrow_top.svg b/client/assets/img/arrow_top.svg
deleted file mode 100644
index 050a33c4..00000000
--- a/client/assets/img/arrow_top.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/client/assets/img/bucket.svg b/client/assets/img/bucket.svg
deleted file mode 100644
index 11226983..00000000
--- a/client/assets/img/bucket.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/calendar.svg b/client/assets/img/calendar.svg
deleted file mode 100644
index 461388bc..00000000
--- a/client/assets/img/calendar.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/calendar_white.svg b/client/assets/img/calendar_white.svg
deleted file mode 100644
index 09c30cb1..00000000
--- a/client/assets/img/calendar_white.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/camera.svg b/client/assets/img/camera.svg
deleted file mode 100644
index 09c7dfe1..00000000
--- a/client/assets/img/camera.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/check.svg b/client/assets/img/check.svg
deleted file mode 100644
index 7f03b94c..00000000
--- a/client/assets/img/check.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/close.svg b/client/assets/img/close.svg
deleted file mode 100644
index bf027694..00000000
--- a/client/assets/img/close.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/close_dark.svg b/client/assets/img/close_dark.svg
deleted file mode 100644
index 56a078ea..00000000
--- a/client/assets/img/close_dark.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/copy.svg b/client/assets/img/copy.svg
deleted file mode 100644
index d75fd257..00000000
--- a/client/assets/img/copy.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/deadline.svg b/client/assets/img/deadline.svg
deleted file mode 100644
index a2c429ea..00000000
--- a/client/assets/img/deadline.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/download.svg b/client/assets/img/download.svg
deleted file mode 100644
index 7fe24fa0..00000000
--- a/client/assets/img/download.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/client/assets/img/download_white.svg b/client/assets/img/download_white.svg
deleted file mode 100644
index b6d01d58..00000000
--- a/client/assets/img/download_white.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/client/assets/img/dropbox.png b/client/assets/img/dropbox.png
deleted file mode 100644
index 19515de3..00000000
Binary files a/client/assets/img/dropbox.png and /dev/null differ
diff --git a/client/assets/img/error.svg b/client/assets/img/error.svg
deleted file mode 100644
index 662e0e83..00000000
--- a/client/assets/img/error.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/eye.svg b/client/assets/img/eye.svg
deleted file mode 100644
index 973fab89..00000000
--- a/client/assets/img/eye.svg
+++ /dev/null
@@ -1,6 +0,0 @@
-
-
-
diff --git a/client/assets/img/fullscreen.svg b/client/assets/img/fullscreen.svg
deleted file mode 100644
index cc4d42b5..00000000
--- a/client/assets/img/fullscreen.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
-
-
diff --git a/client/assets/img/google-drive.png b/client/assets/img/google-drive.png
deleted file mode 100644
index 7d0135b0..00000000
Binary files a/client/assets/img/google-drive.png and /dev/null differ
diff --git a/client/assets/img/grid.svg b/client/assets/img/grid.svg
deleted file mode 100644
index dbbf5f42..00000000
--- a/client/assets/img/grid.svg
+++ /dev/null
@@ -1,7 +0,0 @@
-
-
-
diff --git a/client/assets/img/info.svg b/client/assets/img/info.svg
deleted file mode 100644
index 82c3b043..00000000
--- a/client/assets/img/info.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
-
-
diff --git a/client/assets/img/list.svg b/client/assets/img/list.svg
deleted file mode 100644
index 119cf97c..00000000
--- a/client/assets/img/list.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/loader.svg b/client/assets/img/loader.svg
deleted file mode 100644
index 3751ca0a..00000000
--- a/client/assets/img/loader.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-
-
-
diff --git a/client/assets/img/loader_white.svg b/client/assets/img/loader_white.svg
deleted file mode 100644
index 9b103e49..00000000
--- a/client/assets/img/loader_white.svg
+++ /dev/null
@@ -1,9 +0,0 @@
-
-
-
-
-
diff --git a/client/assets/img/location.svg b/client/assets/img/location.svg
deleted file mode 100644
index fc09e766..00000000
--- a/client/assets/img/location.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/more.svg b/client/assets/img/more.svg
deleted file mode 100644
index c853342d..00000000
--- a/client/assets/img/more.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/pause.svg b/client/assets/img/pause.svg
deleted file mode 100644
index 626641e8..00000000
--- a/client/assets/img/pause.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/client/assets/img/play.svg b/client/assets/img/play.svg
deleted file mode 100644
index 6d08f098..00000000
--- a/client/assets/img/play.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/power.svg b/client/assets/img/power.svg
deleted file mode 100644
index c4b7f981..00000000
--- a/client/assets/img/power.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/refresh.svg b/client/assets/img/refresh.svg
deleted file mode 100644
index 6b6129c7..00000000
--- a/client/assets/img/refresh.svg
+++ /dev/null
@@ -1 +0,0 @@
-
-
diff --git a/client/assets/img/schedule.svg b/client/assets/img/schedule.svg
deleted file mode 100644
index ca929d35..00000000
--- a/client/assets/img/schedule.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/search.svg b/client/assets/img/search.svg
deleted file mode 100644
index b238c0d7..00000000
--- a/client/assets/img/search.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/search_dark.svg b/client/assets/img/search_dark.svg
deleted file mode 100644
index c91c28f5..00000000
--- a/client/assets/img/search_dark.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/sort.svg b/client/assets/img/sort.svg
deleted file mode 100644
index fac28689..00000000
--- a/client/assets/img/sort.svg
+++ /dev/null
@@ -1,3 +0,0 @@
-
-
diff --git a/client/assets/img/stop.svg b/client/assets/img/stop.svg
deleted file mode 100644
index f6976ad7..00000000
--- a/client/assets/img/stop.svg
+++ /dev/null
@@ -1 +0,0 @@
-
-
diff --git a/client/assets/img/upload_white.svg b/client/assets/img/upload_white.svg
deleted file mode 100644
index 314dd8c7..00000000
--- a/client/assets/img/upload_white.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
-
diff --git a/client/assets/img/volume.svg b/client/assets/img/volume.svg
deleted file mode 100644
index 39360626..00000000
--- a/client/assets/img/volume.svg
+++ /dev/null
@@ -1,5 +0,0 @@
-
-
diff --git a/client/assets/img/volume_low.svg b/client/assets/img/volume_low.svg
deleted file mode 100644
index 49ceb441..00000000
--- a/client/assets/img/volume_low.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/client/assets/img/volume_mute.svg b/client/assets/img/volume_mute.svg
deleted file mode 100644
index afe59474..00000000
--- a/client/assets/img/volume_mute.svg
+++ /dev/null
@@ -1,4 +0,0 @@
-
-
diff --git a/client/assets/logo/android-chrome-192x192.png b/client/assets/logo/android-chrome-192x192.png
deleted file mode 100644
index 6ac84157..00000000
Binary files a/client/assets/logo/android-chrome-192x192.png and /dev/null differ
diff --git a/client/assets/logo/android-chrome-512x512.png b/client/assets/logo/android-chrome-512x512.png
deleted file mode 100644
index 9c66ee50..00000000
Binary files a/client/assets/logo/android-chrome-512x512.png and /dev/null differ
diff --git a/client/assets/logo/app_icon.png b/client/assets/logo/app_icon.png
deleted file mode 100644
index 5db95f26..00000000
Binary files a/client/assets/logo/app_icon.png and /dev/null differ
diff --git a/client/assets/logo/apple-touch-icon.png b/client/assets/logo/apple-touch-icon.png
deleted file mode 100644
index 1e2aaf3d..00000000
Binary files a/client/assets/logo/apple-touch-icon.png and /dev/null differ
diff --git a/client/assets/logo/favicon-16x16.png b/client/assets/logo/favicon-16x16.png
deleted file mode 100644
index 2f8b0776..00000000
Binary files a/client/assets/logo/favicon-16x16.png and /dev/null differ
diff --git a/client/assets/logo/favicon-32x32.png b/client/assets/logo/favicon-32x32.png
deleted file mode 100644
index bc64c567..00000000
Binary files a/client/assets/logo/favicon-32x32.png and /dev/null differ
diff --git a/client/assets/logo/favicon.ico b/client/assets/logo/favicon.ico
deleted file mode 100644
index 208fead0..00000000
Binary files a/client/assets/logo/favicon.ico and /dev/null differ
diff --git a/client/assets/logo/mstile-150x150.png b/client/assets/logo/mstile-150x150.png
deleted file mode 100644
index 3eab7c9c..00000000
Binary files a/client/assets/logo/mstile-150x150.png and /dev/null differ
diff --git a/client/assets/logo/og-image.png b/client/assets/logo/og-image.png
deleted file mode 100644
index 03376d9e..00000000
Binary files a/client/assets/logo/og-image.png and /dev/null differ
diff --git a/client/assets/logo/safari-pinned-tab.svg b/client/assets/logo/safari-pinned-tab.svg
deleted file mode 100644
index b730344f..00000000
--- a/client/assets/logo/safari-pinned-tab.svg
+++ /dev/null
@@ -1,36 +0,0 @@
-
-
-
-
-Created by potrace 1.11, written by Peter Selinger 2001-2013
-
-
-
-
diff --git a/client/components/alert.js b/client/components/alert.js
deleted file mode 100644
index 64063a78..00000000
--- a/client/components/alert.js
+++ /dev/null
@@ -1,55 +0,0 @@
-import React from "react";
-
-import { Button } from "./";
-import { alert } from "../helpers/";
-import { Popup } from "./popup";
-import { t } from "../locales/";
-
-import "./alert.scss";
-
-export class ModalAlert extends Popup {
- constructor(props) {
- super(props);
- }
-
- componentDidMount() {
- alert.subscribe((Component, okCallback) => {
- this.setState({
- appear: true,
- value: Component,
- fn: okCallback,
- });
- });
- }
-
- onSubmit() {
- this.setState({ appear: false }, () => {
- requestAnimationFrame(() => this.state.fn && this.state.fn());
- });
- }
-
- modalContentBody() {
- return (
-
- {this.state.value}
-
- );
- }
-
- modalContentFooter() {
- return (
-
- { t("OK") }
-
- );
- }
-}
-
-export function Alert({ children = null, className = null }) {
- return (
-
- { children }
-
- );
-}
diff --git a/client/components/alert.scss b/client/components/alert.scss
deleted file mode 100644
index a336e89b..00000000
--- a/client/components/alert.scss
+++ /dev/null
@@ -1,29 +0,0 @@
-.alert {
- background: var(--bg-color);
- border-radius: 5px;
- padding: 20px;
- margin-top: 20px;
- margin-bottom: 20px;
- border: 1px solid rgba(0,0,0,0.05);
-
- ol, ul {
- margin: 5px 0;
- padding: 0 20px;
- }
-
- &.success{
- background: var(--success);
- }
- &.error{
- background: var(--error);
- color: var(--bg-color);
- }
-
- img{
- max-width: 100%;
- border-radius: 5px;
- border: 10px solid white;
- box-sizing: border-box;
- margin-top: 5px;
- }
-}
diff --git a/client/components/animation.js b/client/components/animation.js
deleted file mode 100644
index c130629a..00000000
--- a/client/components/animation.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React, { useState, useEffect } from "react";
-
-/*
- * Back when I started this project, there used to be a library for animation made by facebook
- * named: react-addons-css-transition-group
- * Facebook got away from it and things haven't stayed backward compatible at the point where I got
- * to realise it would be easier to write this simpler wrapper than migrate things over
- */
-export function CSSTransition({
- transitionName = "animate", children = null, transitionAppearTimeout = 300,
-}) {
- const [className, setClassName] = useState(`${transitionName} ${transitionName}-appear`);
-
- useEffect(() => {
- setClassName(`${transitionName} ${transitionName}-appear ${transitionName}-appear-active`);
-
- const timeout = setTimeout(() => {
- setClassName(`${transitionName}`);
- }, transitionAppearTimeout);
- return () => clearTimeout(timeout);
- }, []);
-
- return (
-
- { children }
-
- );
-}
diff --git a/client/components/breadcrumb.js b/client/components/breadcrumb.js
deleted file mode 100644
index dba1a4b8..00000000
--- a/client/components/breadcrumb.js
+++ /dev/null
@@ -1,217 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import { Link } from "react-router-dom";
-import { URL_FILES } from "../helpers/";
-import { NgIf, Icon, EventEmitter } from "./";
-import ReactCSSTransitionGroup from "react-addons-css-transition-group";
-
-import "./breadcrumb.scss";
-
-export class BreadCrumb extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- path: this._formatPath(props.path),
- };
- }
-
- UNSAFE_componentWillReceiveProps(props) {
- this.setState({ path: this._formatPath(props.path) });
- }
-
- _formatPath(full_path) {
- let paths = full_path.split("/");
- if (paths.slice(-1)[0] === "") {
- paths.pop();
- }
- paths = paths.map((path, index) => {
- const sub_path = paths.slice(0, index+1).join("/");
- const label = path === "" ? (CONFIG.name || "Filestash") : path;
- if (index === paths.length - 1) {
- return { full: null, label: label };
- } else {
- return {
- full: sub_path + "/",
- label: label,
- minify: function() {
- if (index === 0) {
- return false;
- }
- if (paths.length <= (document.body.clientWidth > 800 ? 5 : 4)) {
- return false;
- }
- if (index > paths.length - (document.body.clientWidth > 1000? 4 : 3)) {
- return false;
- }
- return true;
- }(),
- };
- }
- });
- return paths;
- }
-
- render(Element) {
- if (new window.URL(location.href).searchParams.get("nav") === "false") return null;
-
- const Path = Element? Element : PathElement;
- return (
-
-
-
- {
- this.state.path.map((path, index) => {
- return (
-
-
-
-
- { props.children }
-
-
- {
- isRunningFromAnIframe ? null : (
-
- );
-};
-
-const Saving = (props) => {
- return (
-
-
- *
-
-
- );
-};
-
-const Separator = (props) => {
- /* eslint-disable-next-line max-len */
- const src = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAARCAYAAAA7bUf6AAAA30lEQVQ4T63T7Q2CMBAG4OuVPdQNcAPdBCYwDdclCAQ3ACfRDXQDZQMHgNRcAoYApfWjv0jIPX3b3gn4wxJjI03TUAhRBkGwV0o9ffaYIEVRrJumuQHA3ReaILxzl+bCkNZ660ozi/QQIl4BoCKieAmyIlyU53lkjCld0CIyhIwxSmt9nEvkRLgoyzIuPggh4iRJqjHkhXTQAwBWUsqNUoq/38sL+TlJf7lf38ngdU5EFNme2adPFgGGrR2LiGcAqIko/LhjeXbatuVOraWUO58hnJ1iRKx8AetxXPHH/1+y62USursaSgAAAABJRU5ErkJggg==";
- return (
-
-
-
-
-
- { this.limitSize(this.props.path.label) }
-
-
- ...
-
- { this.limitSize(this.props.path.label, true) }
-
-
-
-
-
- {this.limitSize(this.props.path.label)}
-
-
- { children }
-
- );
-}
diff --git a/client/components/button.scss b/client/components/button.scss
deleted file mode 100644
index 73975be2..00000000
--- a/client/components/button.scss
+++ /dev/null
@@ -1,33 +0,0 @@
-button{
- border: none;
- margin: 0;
- padding: 6px;
- width: 100%;
- display: inline-block;
- outline: none;
- cursor: pointer;
- font-size: inherit;
- border-radius: 2px;
- color: inherit;
- background: inherit;
-
- &.primary{
- background: var(--primary);
- color: white;
- }
- &.emphasis{
- background: var(--emphasis);
- color: white;
- }
- &.dark{
- background: var(--dark);
- color: white;
- }
-}
-
-.touch-no button {
- &.dark:hover, &.emphasis:hover, &.primary:hover {
- filter: brightness(95%);
- transition: 0.2s ease all;
- }
-}
diff --git a/client/components/card.js b/client/components/card.js
deleted file mode 100644
index 1dc08825..00000000
--- a/client/components/card.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from "react";
-import "./card.scss";
-
-export class Card extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- dragging: false,
- };
- }
-
- onClick() {
- if (this.props.onClick) {
- this.props.onClick();
- }
- }
-
- onMouseEnter() {
- if (this.props.onMouseEnter) {
- this.props.onMouseEnter();
- }
- }
-
- onMouseLeave() {
- if (this.props.onMouseLeave) {
- this.props.onMouseLeave();
- }
- }
-
- render() {
- const _className = this.props.className ? this.props.className+" box" : "box";
- return (
-
- { this.props.children }
-
- );
- }
-}
diff --git a/client/components/card.scss b/client/components/card.scss
deleted file mode 100644
index bd7362cc..00000000
--- a/client/components/card.scss
+++ /dev/null
@@ -1,7 +0,0 @@
-.box{
- padding: 10px;
- cursor: pointer;
- margin: 3px 0;
- overflow: hidden;
- position: relative;
-}
diff --git a/client/components/confirm.js b/client/components/confirm.js
deleted file mode 100644
index 5ff4f4a6..00000000
--- a/client/components/confirm.js
+++ /dev/null
@@ -1,54 +0,0 @@
-import React from "react";
-
-import { Button } from "./";
-import { confirm } from "../helpers/";
-import { Popup } from "./popup";
-import { t } from "../locales/";
-
-export class ModalConfirm extends Popup {
- constructor(props) {
- super(props);
- }
-
- componentDidMount() {
- confirm.subscribe((Component, yesCallback, noCallback) => {
- this.setState({
- appear: true,
- value: Component,
- fns: { yes: yesCallback, no: noCallback },
- });
- });
- }
-
- modalContentBody() {
- return (
-
- {this.state.value}
-
- );
- }
-
- yes() {
- if (this.state.fns && typeof this.state.fns.yes === "function") {
- this.state.fns.yes();
- }
- this.setState({ appear: false });
- }
- no() {
- if (this.state.fns && typeof this.state.fns.no === "function") {
- this.state.fns.no();
- }
- this.setState({ appear: false });
- }
-
- modalContentFooter() {
- return (
-
- { t("NO") }
-
- { t("YES") }
-
-
- );
- }
-}
diff --git a/client/components/container.js b/client/components/container.js
deleted file mode 100644
index 8d5cf6bf..00000000
--- a/client/components/container.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import React from "react";
-import "./container.scss";
-
-export class Container extends React.Component {
- constructor(props) {
- super(props);
- }
- render() {
- const style = this.props.maxWidth ? { maxWidth: this.props.maxWidth } : {};
- let className = "component_container";
- if (this.props.className) className += " " + this.props.className;
- return (
-
- {this.props.children}
-
- );
- }
-}
diff --git a/client/components/container.scss b/client/components/container.scss
deleted file mode 100644
index 87374a5d..00000000
--- a/client/components/container.scss
+++ /dev/null
@@ -1,6 +0,0 @@
-.component_container{
- width: 95%;
- max-width: 800px;
- margin: 0 auto;
- padding: 10px;
-}
diff --git a/client/components/decorator.js b/client/components/decorator.js
deleted file mode 100644
index ad19c0c9..00000000
--- a/client/components/decorator.js
+++ /dev/null
@@ -1,99 +0,0 @@
-import React from "react";
-
-import { Session } from "../model/";
-import { Container, Loader, Icon } from "../components/";
-import { memory, currentShare } from "../helpers/";
-import { t } from "../locales/";
-
-import "../pages/error.scss";
-
-export function LoggedInOnly(WrappedComponent) {
- memory.set("user::authenticated", false);
-
- return class DecoratedLoggedInOnly extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- is_logged_in: memory.get("user::authenticated"),
- };
- }
-
- componentDidMount() {
- if (this.state.is_logged_in === false && currentShare() === null) {
- Session.currentUser().then((res) => {
- if (res.is_authenticated === false) {
- this.props.error({ message: "Authentication Required" });
- return;
- }
- memory.set("user::authenticated", true);
- this.setState({ is_logged_in: true });
- }).catch((err) => {
- if (err.code === "NO_INTERNET") {
- this.setState({ is_logged_in: true });
- return;
- }
- this.props.error(err);
- });
- }
- }
-
- render() {
- if (this.state.is_logged_in === true || currentShare() !== null) {
- return
-
-
- this.setState({ showTrace: true })}>
-
{ t("Oops!") }
- { t(message) }
- { this.state.showTrace && this.state.trace &&
- { this.state.trace } }
-
-
-
-
- );
-};
diff --git a/client/components/dropdown.js b/client/components/dropdown.js
deleted file mode 100644
index 870215ac..00000000
--- a/client/components/dropdown.js
+++ /dev/null
@@ -1,119 +0,0 @@
-/*
- * This component was build as an alternative to the select component. The idea is
- * we replace the dirty select on desktop by something more fancy but not on ios/android
- * as there's just no reason for doing that.
- */
-import React from "react";
-import ReactDOM from "react-dom";
-
-import { Icon, NgIf } from "./";
-import "./dropdown.scss";
-
-export class Dropdown extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- button: false,
- };
- this.$dropdown = null;
- this.closeDropdown = this.closeDropdown.bind(this);
- this.toggleDropdown = this.toggleDropdown.bind(this);
- }
-
- componentDidMount() {
- // TODO: soon to be deprecated, we need to refactor that component
- /* eslint-disable-next-line react/no-find-dom-node */
- this.$dropdown = ReactDOM.findDOMNode(this).querySelector(".dropdown_button");
- // This is not really the "react" way of doing things but we needed to use both a
- // click on the button and on the body (to exit the dropdown). we had issues
- // that were impossible to solve the "react" way such as the dropdown button click
- // event was triggered after the body click which makes it hard to cancel it ...
- this.$dropdown.addEventListener("click", this.toggleDropdown);
- }
-
- componentWillUnmount() {
- this.$dropdown.removeEventListener("click", this.toggleDropdown);
- document.body.removeEventListener("click", this.closeDropdown);
- }
-
- onSelect(name) {
- this.props.onChange(name);
- }
-
- closeDropdown() {
- document.body.removeEventListener("click", this.closeDropdown);
- this.setState({ button: false });
- }
-
- toggleDropdown() {
- if (this.props.enable === false) {
- return;
- }
- document.body.removeEventListener("click", this.closeDropdown);
- this.setState({ button: !this.state.button }, () => {
- if (this.state.button === true) {
- requestAnimationFrame(() => {
- document.body.addEventListener("click", this.closeDropdown);
- });
- }
- });
- }
-
- render() {
- const button = this.props.children[0];
-
- const dropdown = React.cloneElement(this.props.children[1], {
- onSelect: this.onSelect.bind(this),
- });
- let className = "component_dropdown ";
- className += this.props.className ? this.props.className+" " : "";
- className += this.state.button ? " active" : "";
- return (
-
- { button }
- { dropdown }
-
- );
- }
-}
-
-
-export const DropdownButton = (props) => {
- return (
-
- { props.children }
-
- );
-};
-
-
-export const DropdownList = (props) => {
- const childrens = Array.isArray(props.children) ? props.children : [props.children];
- return (
-
-
- {
- childrens.map((children, index) => {
- const child = React.cloneElement(children, { onSelect: props.onSelect });
- return (
- {child}
- );
- })
- }
-
-
- {props.children}
-
-
-
-
-
- );
-};
diff --git a/client/components/dropdown.scss b/client/components/dropdown.scss
deleted file mode 100644
index 17c569f1..00000000
--- a/client/components/dropdown.scss
+++ /dev/null
@@ -1,64 +0,0 @@
-.component_dropdown{
- position: relative;
- .dropdown_container{display: none; position: absolute; right: 0;}
-
- .dropdown_button{
- border: 1px solid rgba(0,0,0,0);
- border-radius: 4px;
- padding: 5px;
- min-width: 20px;
- text-align: center;
- }
- .dropdown_container{
- &:before{
- content: ' ';
- position: absolute;
- right: 10px;
- top: 1px;
- width: 0;
- height: 0;
- border-left: 6px solid transparent;
- border-right: 6px solid transparent;
- border-bottom: 6px solid white;
- }
- padding-top: 5px;
- z-index: 3;
- ul{
- margin: 0;
- list-style-type: none;
- background: white;
- border: 1px solid var(--bg-color);
- box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
- color: var(--emphasis-secondary);
- border-radius: 3px;
- padding: 3px 0px;
- font-size: 0.92em;
- li{
- display: flex;
- > div{
- width: 150px;
- padding: 8px 5px 8px 10px;
- }
- }
- }
- }
-}
-
-.component_dropdown{
- &.active{
- .dropdown_container{
- display: block;
- li{
- background: white;
- transition: background 0.1s ease-out;
- &:hover{
- background: rgba(0,0,0,0.05);
- }
- }
- }
- .dropdown_button{
- border-color: var(--bg-color);
- box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
- }
- }
-}
diff --git a/client/components/events.js b/client/components/events.js
deleted file mode 100644
index 8c4b8573..00000000
--- a/client/components/events.js
+++ /dev/null
@@ -1,81 +0,0 @@
-// cheap event system that handle subscription, unsubscriptions and event emitions
-import React from "react";
-import { randomString } from "../helpers/";
-const emitters = {};
-
-function subscribe(key, event, fn) {
- if (emitters[event]) {
- emitters[event][key] = fn;
- } else {
- emitters[event] = {};
- emitters[event][key] = fn;
- }
-}
-
-function unsubscribe(key, event) {
- if (emitters[event]) {
- if (key) {
- delete emitters[event][key];
- } else {
- delete emitters[event];
- }
- }
-}
-
-function emit(event, payload) {
- // trigger events if needed
- if (emitters[event]) {
- return Promise.all(Object.keys(emitters[event]).map((key) => {
- return emitters[event][key].apply(null, payload);
- })).then((res) => {
- return emitters[event] ?
- Promise.resolve(res) :
- Promise.reject({ message: "do not exist", code: "CANCELLED" });
- });
- } else {
- return Promise.reject({ message: "oups, something went wrong", code: "NO_LISTENERS" });
- }
-}
-
-export function EventReceiver(WrappedComponent) {
- const id = randomString();
-
- return class extends React.Component {
- subscribe(event, callback) {
- subscribe(id, event, callback);
- }
-
- unsubscribe(event) {
- unsubscribe(id, event);
- }
-
- render() {
- return (
-
- {
- key ?
{ format(key) } : ""
- }
- {
- normal.map((s, index) => {
- return (
-
- { this.section(s.data, s.key, level + 1) }
-
- );
- })
- }
-
- {
- advanced.map((s, index) => {
- return (
-
- { this.section(s.data, s.key, level + 1) }
-
- );
- })
- }
-
-
-
- { format(key) }
- {
- Object.keys(struct).map((key, index) => {
- return (
-
- { this.section(struct[key], key, level + 1) }
-
- );
- })
- }
-
-
- { $input }
-
- {
- filtered(struct.multi, struct.datalist, struct.value).map((item, i) => {
- return (
-
- );
- }
- break;
- }
- case "number": {
- const onNumberChange = (value) => {
- value = value === "" ? null : parseInt(value);
- props.onChange(value);
- };
- $input = (
-
-
-
- );
- break;
- }
- case "long_password": {
- const onLongPasswordChange = (value) => {
- if (value === "") {
- value = null;
- }
- props.onChange(value);
- };
- $input = (
-
- );
-}
diff --git a/client/components/textarea.scss b/client/components/textarea.scss
deleted file mode 100644
index fdea81a9..00000000
--- a/client/components/textarea.scss
+++ /dev/null
@@ -1,45 +0,0 @@
-@font-face {
- font-family: 'text-security-disc';
- src: url('textarea.woff') format('woff2');
-}
-
-.component_textarea{
- background: inherit;
- border: none;
- border-radius: 0;
- width: 100%;
- display: inline-block;
- font-family: "San Francisco","Roboto","Arial",sans-serif;
- -webkit-text-size-adjust: 100%;
- font-size: 16px;
- padding: 5px 0px 5px 0px;
- margin: 0 0 8px 0;
- outline: none;
- box-sizing: border-box;
- color: inherit;
- vertical-align: top;
- min-width: 100%;
- max-width: 100%;
-
- min-height: 30px;
- &[rows="1"]{
- max-height: 30px;
- }
-
- line-height: 18px;
- &[name="password"]{
- resize: none;
- -webkit-text-security:disc!important;
- -webkit-touch-callout: none;
- user-select: none;
- &.firefox.hasText{
- font-family: 'text-security-disc';
- }
- }
-
- border-bottom: 2px solid rgba(70, 99, 114, 0.1);
- transition: border-color 0.2s ease-out;
- &:focus{
- border-color: var(--emphasis-primary);
- }
-}
diff --git a/client/components/textarea.woff b/client/components/textarea.woff
deleted file mode 100644
index 658e00dd..00000000
Binary files a/client/components/textarea.woff and /dev/null differ
diff --git a/client/components/upload_queue.js b/client/components/upload_queue.js
deleted file mode 100644
index d804d5ef..00000000
--- a/client/components/upload_queue.js
+++ /dev/null
@@ -1,394 +0,0 @@
-import React from "react";
-import Path from "path";
-
-import { Files } from "../model/";
-import { confirm, notify, upload } from "../helpers/";
-import { Icon, NgIf, EventEmitter } from "./";
-import { t } from "../locales/";
-import "./upload_queue.scss";
-
-function humanFileSize(bytes, si) {
- const thresh = si ? 1000 : 1024;
- if (Math.abs(bytes) < thresh) {
- return bytes.toFixed(1) + " B";
- }
- const units = si ? ["kB", "MB", "GB", "TB", "PB", "EB", "ZB", "YB"] :
- ["KiB", "MiB", "GiB", "TiB", "PiB", "EiB", "ZiB", "YiB"];
- let u = -1;
- do {
- bytes /= thresh;
- ++u;
- } while (Math.abs(bytes) >= thresh && u < units.length - 1);
- return bytes.toFixed(1) + " " + units[u];
-}
-
-function waitABit() {
- return new Promise((done) => {
- window.setTimeout(() => {
- requestAnimationFrame(() => {
- done();
- });
- }, 200);
- });
-}
-
-class UploadQueueComponent extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- timeout: 1,
- running: false,
- files: [],
- processes: [],
- currents: [],
- failed: [],
- finished: [],
- prior_status: {},
- progress: {},
- speed: [],
- };
- }
-
- componentDidMount() {
- if (typeof this.state.timeout === "number") {
- this.setState({
- timeout: window.setTimeout(() => {
- this.componentDidMount();
- }, Math.random() * 1000 + 200),
- });
- }
- upload.subscribe((path, files) => this.addFiles(path, files));
- }
-
- componentWillUnmount() {
- window.clearTimeout(this.state.timeout);
- }
-
- reset() {
- this.setState({
- files: [],
- processes: [],
- currents: [],
- failed: [],
- finished: [],
- prior_status: {},
- progress: {},
- speed: [],
- error: null,
- });
- }
-
- emphasis(path) {
- if (!path) return;
- else if (path[0] === "/") path = path.slice(1);
-
- if (navigator && navigator.clipboard) {
- navigator.clipboard.writeText(path);
- notify.send(t("Copied to clipboard"), "info");
- }
- }
-
- runner(id) {
- let current_process = null;
- const processes = [...this.state.processes];
- if (processes.length === 0 || !this.state.running) {
- return Promise.resolve();
- }
-
- let i;
- for (i = 0; i < processes.length; i++) {
- if (
- // init: getting started with creation of files/folders
- processes[i].parent === null ||
- // running: make sure we've created the parent folder
- this.state.prior_status[processes[i].parent] === true
- ) {
- current_process = this.state.processes[i];
- processes.splice(i, 1);
- this.setState({
- processes,
- currents: [...this.state.currents, current_process],
- });
- break;
- }
- }
-
- if (current_process) {
- return current_process.fn(id)
- .then(() => {
- if (current_process.id) {
- this.setState({
- prior_status: {
- ...this.state.prior_status,
- [current_process.id]: true,
- },
- });
- }
- if (window.CONFIG["refresh_after_upload"]) {
- this.props.emit("file.refresh");
- }
- this.setState({
- currents: this.state.currents.filter((c) => c.path != current_process.path),
- finished: [...this.state.finished, current_process],
- error: null,
- });
- return this.runner(id);
- })
- .catch((err) => {
- current_process.err = err;
- this.setState({
- failed: [...this.state.failed, current_process],
- currents: this.state.currents.filter((c) => c.path != current_process.path),
- });
- const { message } = err;
- if (message !== "aborted") {
- this.setState({ error: err && err.message });
- }
- return this.runner(id);
- });
- } else {
- return waitABit().then(() => this.runner(id));
- }
- }
-
- updateProgress(path, e) {
- if (e.lengthComputable) {
- const prev = this.state.progress[path];
- this.setState({
- progress: {
- ...this.state.progress,
- [path]: {
- ...prev,
- percent: Math.round(100 * e.loaded / e.total),
- loaded: e.loaded,
- time: Date.now(),
- prev: prev ? prev : null,
- },
- },
- });
- }
- }
-
- updateAbort(path, abort) {
- this.setState({
- progress: {
- ...this.state.progress,
- [path]: {
- ...this.state.progress[path],
- abort,
- },
- },
- });
- }
-
- addFiles(path, files) {
- const processes = files.map((file) => {
- const original_path = file.path;
- file.path = Path.join(path, file.path);
- if (file.type === "file") {
- if (files.length < 150) Files.touch(file.path, file.file, "prepare_only");
- return {
- path: original_path,
- parent: file._prior || null,
- fn: Files.touch.bind(
- Files, file.path, file.file, "execute_only",
- {
- progress: (e) => this.updateProgress(original_path, e),
- abort: (x) => this.updateAbort(original_path, x),
- },
- ),
- };
- } else {
- Files.mkdir(file.path, "prepare_only");
- return {
- id: file._id || null,
- path: original_path,
- parent: file._prior || null,
- fn: Files.mkdir.bind(Files, file.path, "execute_only"),
- };
- }
- });
-
- this.setState({
- processes: [...this.state.processes, ...processes],
- files: [...this.state.files, ...files],
- });
- this.start();
- }
-
- retryFiles(process) {
- this.setState({
- processes: [...this.state.processes, process],
- failed: this.state.failed.filter((c) => c.path != process.path),
- error: null,
- });
- requestAnimationFrame(() => this.start());
- }
-
- start() {
- if (!this.state.running) {
- window.setTimeout(() => this.calcSpeed(), 500);
- this.setState({
- running: true,
- error: null,
- });
- Promise.all(Array.apply(null, Array(window.CONFIG["upload_pool_size"])).map(() => {
- return this.runner();
- })).then(() => {
- this.setState({ running: false });
- }).catch((err) => {
- notify.send(err, "error");
- this.setState({ running: false, error: err && err.message });
- });
- }
- }
-
- abort(p) {
- const info = this.state.progress[p.path];
- if (info && info.abort) {
- info.abort();
- }
- }
-
- getCurrentPercent(path) {
- const info = this.state.progress[path];
- if (info && info.percent) {
- return `${this.state.progress[path].percent}%`;
- }
- return "0%";
- }
-
- calcSpeed() {
- const now = Date.now();
- const curSpeed = [];
- for (const [, value] of Object.entries(this.state.progress)) {
- if (value.prev && now - value.time < 5 * 1000) {
- const bytes = value.loaded - value.prev.loaded;
- const timeMs = value.time - value.prev.time;
- curSpeed.push(1000 * bytes / timeMs);
- }
- }
- const avgSpeed = curSpeed.reduce(function(p, c, i) {
- return p + (c - p) / (i + 1);
- }, 0);
- this.setState({
- speed: [...this.state.speed, avgSpeed].slice(-5),
- });
- if (this.state.running) {
- window.setTimeout(() => this.calcSpeed(), 500);
- }
- }
-
- getState() {
- const avgSpeed = this.state.speed.reduce(function(p, c, i) {
- return p + (c - p) / (i + 1);
- }, 0);
- let speedStr = "";
- if (avgSpeed > 0) {
- speedStr = " ~ " + humanFileSize(avgSpeed) + "/s";
- }
- if (this.state.running) {
- return `${t("Running")}...${speedStr}`;
- }
- return `${t("Done")}${speedStr}`;
- }
-
- onClose() {
- if (!this.state.running) {
- this.reset();
- return;
- }
- confirm.now(
- t("Abort current uploads?"),
- () => {
- this.setState({
- running: false,
- });
- this.state.currents.map((p) => this.abort(p));
- window.requestAnimationFrame(() => this.reset(), 30);
- },
- () => {},
- );
- }
-
- renderRows(arr, state, col_state, action) {
- const row_class = `${state}_color`;
- return arr.slice(0, 1000).map((process, i) => {
- return (
-
-
this.emphasis(process.path)}
- className="file_path">
- { process.path.replace(/\//, "") }
-
- { col_state(process) }
-
- {action ? action(process): (
-
0}>
-
-
- { t("CURRENT UPLOAD") }
-
- {finished.length}
- {totalFiles}
-
- this.onClose()} />
-
-
{this.state.error ? this.state.error : this.getState()}
-
- {this.renderRows(
- finished,
- "done",
- () => (
{ t("Done") }
),
- )}
- {this.renderRows(
- currents,
- "current",
- (p) => (
-
- {this.getCurrentPercent(p.path)}
-
- ),
- (p) => (
-
this.abort(p)} >
- ),
- )}
- {this.renderRows(
- processes,
- "todo",
- () => (
-
{ t("Waiting") }
- ),
- )}
- {this.renderRows(
- failed,
- "error",
- (p) => (
- (p.err && p.err.message == "aborted") ?
-
- { t("Aborted") }
-
:
-
- { t("Error") }
-
- ),
- (p) => (
-
this.retryFiles(p)}>
- ),
- )}
-
-
- );
- }
-}
-export const UploadQueue = EventEmitter(UploadQueueComponent);
diff --git a/client/components/upload_queue.scss b/client/components/upload_queue.scss
deleted file mode 100644
index 74654263..00000000
--- a/client/components/upload_queue.scss
+++ /dev/null
@@ -1,96 +0,0 @@
-.component_upload_queue{
- position: fixed;
- bottom: 0;
- right: 00px;
- z-index: 999;
- width: 100%;
- max-width: 550px;
- box-shadow: 1px 2px 20px rgba(0, 0, 0, 0.1);
- background: white;
- padding: 20px 15px 15px 20px;
- box-sizing: border-box;
-
- h2 {
- margin: 0 0 5px 0;
- font-size: 1.2em;
- font-weight: 100;
- .percent{color: var(--emphasis-primary);}
- .count_block {
- display: inline;
- margin-left: 10px;
- span.grandTotal{
- font-size: 0.8em;
- color: var(--emphasis-secondary);
- &:before { content: "/"; }
- }
- span.completed{
- color: var(--emphasis-secondary);
- }
- }
- .component_icon {
- cursor: pointer;
- margin-left: 10px;
- width: 25px;
- float: right;
- }
- }
- h3 {
- margin: 0 0 5px 0;
- font-size: 1.0em;
- font-weight: 100;
- }
- .stats_content {
- clear: both;
- max-height: 200px;
- overflow-y: auto;
- overflow-x: hidden;
- font-size: 0.85em;
-
- .error_color{
- color: var(--error);
- }
- .todo_color{
- color: var(--light);
- }
-
- .file_row {
- display: flex;
- flex-direction: row;
- flex-wrap: wrap;
- width: 100%;
-
- .file_path {
- padding: 3px 3px 3px 0;
- flex: 1;
- overflow: hidden;
- text-overflow: ellipsis;
- white-space: nowrap;
- }
- .file_state {
- padding: 3px 3px 3px 0;
- display: flex;
- flex-direction: column;
- width: 40px;
- }
-
- &:hover {
- .file_control img {
- display: block !important;
- cursor: pointer;
- }
- }
-
- .file_control {
- padding: 3px 3px 3px 0;
- display: flex;
- flex-direction: column;
- width: 18px;
- height: 18px;
-
- img {
- display: none;
- }
- }
- }
- }
-}
diff --git a/client/components/video.js b/client/components/video.js
deleted file mode 100644
index 18bd494e..00000000
--- a/client/components/video.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from "react";
-import { Icon } from "./";
-import "./video.scss";
-
-export class Video extends React.Component {
- constructor(props) {
- super(props);
- }
-
- render() {
- return (
-
- );
- }
-}
diff --git a/client/components/video.scss b/client/components/video.scss
deleted file mode 100644
index a3609f20..00000000
--- a/client/components/video.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-.component_video{
- position: fixed;
- bottom: 10px;
- right: 10px;
- width: 300px;
- height: 200px;
- background: var(--super-light);
- border: 1px solid #e2e2e2;
- border-radius: 2px;
-
- .loader{
- text-align: center;
- margin-top: 30px;
- }
-}
diff --git a/client/helpers/ajax.js b/client/helpers/ajax.js
deleted file mode 100644
index 3f147f65..00000000
--- a/client/helpers/ajax.js
+++ /dev/null
@@ -1,226 +0,0 @@
-import { JSONStringify } from "./form";
-
-export function http_get(url, type = "json", params) {
- return new Promise((done, err) => {
- const xhr = new XMLHttpRequest();
- xhr.open("GET", url, true);
- xhr.withCredentials = true;
- xhr.setRequestHeader("X-Requested-With", "XmlHttpRequest");
- if (window.BEARER_TOKEN) xhr.setRequestHeader("Authorization", `Bearer ${window.BEARER_TOKEN}`);
- xhr.onerror = function() {
- handle_error_response(xhr, err);
- };
- xhr.onreadystatechange = function() {
- if (xhr.readyState !== XMLHttpRequest.DONE) {
- return;
- } else if (xhr.status !== 200) {
- const isAborted = xhr.onerror === null;
- if (isAborted) return
- handle_error_response(xhr, err);
- return;
- }
-
- if (type !== "json") {
- done(xhr.responseText);
- return
- }
- try {
- const data = JSON.parse(xhr.responseText);
- if ("status" in data === false || data.status === "ok") {
- done(data);
- } else {
- err(data);
- }
- } catch (error) {
- err({ message: "oups", trace: error });
- }
- };
- xhr.send(null);
- if (params && params.abort) {
- params.abort.signal.onabort = () => {
- xhr.onerror = null;
- err({ message: "aborted", code: "ABORTED" });
- xhr.abort();
- };
- }
- });
-}
-
-export function http_post(url, data, type = "json", params) {
- return new Promise((done, err) => {
- const xhr = new XMLHttpRequest();
- xhr.open("POST", url, true);
- xhr.withCredentials = true;
- xhr.setRequestHeader("X-Requested-With", "XmlHttpRequest");
- if (window.BEARER_TOKEN) xhr.setRequestHeader("Authorization", `Bearer ${window.BEARER_TOKEN}`);
- if (data && type === "json") {
- data = JSON.stringify(data);
- xhr.setRequestHeader("Content-Type", "application/json");
- }
- if (params && params.progress) {
- xhr.upload.addEventListener("progress", params.progress, false);
- }
- xhr.onerror = function() {
- handle_error_response(xhr, err);
- };
- xhr.onload = function() {
- if (xhr.readyState !== XMLHttpRequest.DONE) {
- return;
- } else if (xhr.status !== 200) {
- const isAborted = xhr.onerror === null;
- if (isAborted) return
- handle_error_response(xhr, err);
- return;
- }
-
- const bearerToken = xhr.getResponseHeader("Bearer");
- if (bearerToken) window.BEARER_TOKEN = bearerToken;
-
- try {
- const data = JSON.parse(xhr.responseText);
- if (data.status !== "ok") {
- err(data);
- return;
- }
- done(data);
- } catch (error) {
- err({ message: "oups", trace: error });
- }
- };
- xhr.send(data);
- if (params && params.abort) {
- params.abort(() => {
- xhr.onerror = null;
- xhr.abort();
- err({ message: "aborted", code: "ABORTED" });
- });
- }
- });
-}
-
-export function http_delete(url) {
- return new Promise((done, err) => {
- const xhr = new XMLHttpRequest();
- xhr.open("DELETE", url, true);
- xhr.withCredentials = true;
- xhr.setRequestHeader("X-Requested-With", "XmlHttpRequest");
- if (window.BEARER_TOKEN) xhr.setRequestHeader("Authorization", `Bearer ${window.BEARER_TOKEN}`);
- xhr.onerror = function() {
- handle_error_response(xhr, err);
- };
- xhr.onload = function() {
- if (xhr.readyState !== XMLHttpRequest.DONE) {
- return;
- } else if (xhr.status !== 200) {
- handle_error_response(xhr, err);
- return;
- }
- try {
- const data = JSON.parse(xhr.responseText);
- if (data.status !== "ok") {
- err(data);
- return
- }
- done(data);
- } catch (error) {
- err({ message: "oups", trace: error });
- }
- };
- xhr.send(null);
- });
-}
-
-export function http_options(url) {
- return new Promise((done, err) => {
- const xhr = new XMLHttpRequest();
- xhr.open("OPTIONS", url, true);
- xhr.withCredentials = true;
- xhr.setRequestHeader("X-Requested-With", "XmlHttpRequest");
- if (window.BEARER_TOKEN) xhr.setRequestHeader("Authorization", `Bearer ${window.BEARER_TOKEN}`);
- xhr.onerror = function() {
- handle_error_response(xhr, err);
- };
- xhr.onload = function() {
- if (xhr.readyState !== XMLHttpRequest.DONE) {
- return
- } else if (xhr.status !== 200) {
- handle_error_response(xhr, err);
- return;
- }
- done(
- xhr.getAllResponseHeaders()
- .split("\n")
- .reduce((acc, r) => {
- const a = r.split(": ");
- acc[a[0]] = a[1];
- return acc;
- }, {}),
- );
- };
- xhr.send(null);
- });
-}
-
-
-function handle_error_response(xhr, err) {
- const response = (function(content) {
- let message = content;
- try {
- message = JSON.parse(content);
- } catch (err) {
- return {
- message: Array.from(new Set(
- content.replace(/<[^>]*>/g, "")
- .replace(/\n{2,}/, "\n")
- .trim()
- .split("\n")
- )).join(" "),
- };
- }
- return message || { message: "empty response" };
- })(xhr.responseText);
-
- const message = response.message || null;
-
- if (navigator.onLine === false) {
- err({ message: "Connection Lost", code: "NO_INTERNET" });
- return;
- }
- switch(xhr.status) {
- case 500:
- err({
- message: message || "Oups something went wrong with our servers",
- code: "INTERNAL_SERVER_ERROR",
- });
- break;
- case 401:
- err({ message: message || "Authentication error", code: "Unauthorized" });
- break;
- case 403:
- err({ message: message || "You can\'t do that", code: "Forbidden" });
- break;
- case 413:
- err({ message: message || "Payload too large", code: "PAYLOAD_TOO_LARGE" });
- case 502:
- err({ message: message || "The destination is acting weird", code: "BAD_GATEWAY" });
- case 409:
- if (response["error_summary"]) { // dropbox way to say doesn't exist
- err({ message: "Doesn\'t exist", code: "UNKNOWN_PATH" });
- return
- }
- err({ message: message || "Oups you just ran into a conflict", code: "CONFLICT" });
- case 0:
- switch(xhr.responseText) {
- case "":
- err({
- message: "Service unavailable, if the problem persist, contact your administrator",
- code: "INTERNAL_SERVER_ERROR",
- });
- break;
- default:
- err({ message: xhr.responseText, code: "INTERNAL_SERVER_ERROR" });
- }
- default:
- err({ message: message || "Oups something went wrong" });
- }
-}
diff --git a/client/helpers/backpressure.js b/client/helpers/backpressure.js
deleted file mode 100644
index 76f1b01b..00000000
--- a/client/helpers/backpressure.js
+++ /dev/null
@@ -1,48 +0,0 @@
-/* eslint-disable */
-
-export function debounce(func, wait, immediate) {
- var timeout;
- return function() {
- var context = this, args = arguments;
- var later = function() {
- timeout = null;
- if (!immediate) func.apply(context, args);
- };
- var callNow = immediate && !timeout;
- clearTimeout(timeout);
- timeout = setTimeout(later, wait);
- if (callNow) func.apply(context, args);
- };
-}
-
-export function throttle(func, wait, options) {
- var context, args, result;
- var timeout = null;
- var previous = 0;
- if (!options) options = {};
- var later = function() {
- previous = options.leading === false ? 0 : Date.now();
- timeout = null;
- result = func.apply(context, args);
- if (!timeout) context = args = null;
- };
- return function() {
- var now = Date.now();
- if (!previous && options.leading === false) previous = now;
- var remaining = wait - (now - previous);
- context = this;
- args = arguments;
- if (remaining <= 0 || remaining > wait) {
- if (timeout) {
- clearTimeout(timeout);
- timeout = null;
- }
- previous = now;
- result = func.apply(context, args);
- if (!timeout) context = args = null;
- } else if (!timeout && options.trailing !== false) {
- timeout = setTimeout(later, remaining);
- }
- return result;
- };
-}
diff --git a/client/helpers/bcrypt.js b/client/helpers/bcrypt.js
deleted file mode 100644
index 3855ed78..00000000
--- a/client/helpers/bcrypt.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import bcrypt from "bcryptjs";
-
-const ROUND = 5;
-
-export function bcrypt_password(password) {
- return new Promise((done, error) => {
- bcrypt.hash(password, ROUND, (err, hash) => {
- if (err) return error(err);
- done(hash);
- });
- });
-}
diff --git a/client/helpers/cache.js b/client/helpers/cache.js
deleted file mode 100644
index 1c2f6055..00000000
--- a/client/helpers/cache.js
+++ /dev/null
@@ -1,369 +0,0 @@
-import { setup_cache_state } from ".";
-import { currentBackend, currentShare } from "./cache_state.js";
-
-const DB_VERSION = 4;
-const FILE_PATH = "file_path";
-const FILE_CONTENT = "file_content";
-const FILE_TAG = "file_tag";
-
-function DataFromIndexedDB() {
- this.db = null;
- this.FILE_PATH = FILE_PATH;
- this.FILE_CONTENT = FILE_CONTENT;
- this.FILE_TAG = FILE_TAG;
- return this._init();
-}
-function DataFromMemory() {
- this.data = {};
- this.FILE_PATH = FILE_PATH;
- this.FILE_CONTENT = FILE_CONTENT;
- this.FILE_TAG = FILE_TAG;
- return this._init();
-}
-
-DataFromIndexedDB.prototype._init = function() {
- const request = indexedDB.open("filestash", DB_VERSION);
- request.onupgradeneeded = function(event) {
- let store;
- const db = event.target.result;
-
- if (event.oldVersion == 1) {
- // we've change the schema on v2 adding an index, let's flush
- // to make sure everything will be fine
- db.deleteObjectStore(FILE_PATH);
- db.deleteObjectStore(FILE_CONTENT);
- } else if (event.oldVersion == 2) {
- // we've change the primary key to be a (path,share)
- db.deleteObjectStore(FILE_PATH);
- db.deleteObjectStore(FILE_CONTENT);
- } else if (event.oldVersion == 3) {
- // we've added a FILE_TAG to store tag related data and update
- // keyPath to have "backend"
- db.deleteObjectStore(FILE_PATH);
- db.deleteObjectStore(FILE_CONTENT);
- }
-
- store = db.createObjectStore(FILE_PATH, { keyPath: ["backend", "share", "path"] });
- store.createIndex("idx_path", ["backend", "share", "path"], { unique: true });
-
- store = db.createObjectStore(FILE_CONTENT, { keyPath: ["backend", "share", "path"] });
- store.createIndex("idx_path", ["backend", "share", "path"], { unique: true });
-
- store = db.createObjectStore(FILE_TAG, { keyPath: ["backend", "share"] });
- store.createIndex("idx_path", ["backend", "share"], { unique: true });
- };
-
- this.db = new Promise((done, err) => {
- request.onsuccess = (e) => {
- done(e.target.result);
- };
- request.onerror = (e) => err("INDEXEDDB_NOT_SUPPORTED");
- });
-};
-
-DataFromMemory.prototype._init = function() {
-};
-
-/*
- * Fetch a record using its path, can be either a file path or content
- */
-DataFromIndexedDB.prototype.get = function(type, key) {
- if (type !== FILE_PATH && type !== FILE_CONTENT && type !== FILE_TAG) return Promise.reject();
-
- return this.db.then((db) => {
- const tx = db.transaction(type, "readonly");
- const store = tx.objectStore(type);
- const query = store.get(key);
- return new Promise((done, error) => {
- query.onsuccess = (e) => {
- done(query.result || null);
- };
- query.onerror = () => done();
- });
- });
-};
-DataFromMemory.prototype.get = function(type, key) {
- if (type !== FILE_PATH && type !== FILE_CONTENT && type !== FILE_TAG) return Promise.reject();
-
- const data = this.data[type] || null;
- if (data === null) {
- return Promise.resolve(null);
- }
- const value = data[key.join("_")] || null;
- if (value === null) {
- return Promise.resolve(null);
- }
- return new Promise((done) => {
- requestAnimationFrame(() => done(value));
- });
-};
-
-DataFromIndexedDB.prototype.update = function(type, key, fn, exact = true) {
- if (type !== FILE_PATH && type !== FILE_CONTENT && type !== FILE_TAG) return Promise.reject();
-
- return this.db.then((db) => {
- const tx = db.transaction(type, "readwrite");
- const store = tx.objectStore(type);
- const range = exact === true? IDBKeyRange.only(key) : IDBKeyRange.bound(
- [key[0], key[1]],
- [key[0], key[1]+"\uFFFF"],
- false, true,
- );
- const request = store.openCursor(range);
- let new_data = null;
- return new Promise((done, err) => {
- request.onsuccess = function(event) {
- const cursor = event.target.result;
- if (!cursor) return done(new_data);
- new_data = fn(cursor.value || null);
- cursor.delete([key[0], cursor.value.path]);
- store.put(new_data);
- cursor.continue();
- };
- });
- }).catch(() => Promise.resolve());
-};
-
-DataFromMemory.prototype.update = function(type, key, fn, exact = true) {
- if (type !== FILE_PATH && type !== FILE_CONTENT && type !== FILE_TAG) return Promise.reject();
-
- const data = this.data[type];
- if (data === undefined) {
- return Promise.resolve(null);
- }
-
- const k = key.join("_");
- if (exact === true) {
- if (this.data[type][k] !== undefined) this.data[type][k] = fn(data[k]);
- } else {
- for (const _k in data) {
- if (_k.indexOf(k) === 0) {
- this.data[type][_k] = fn(data[_k]);
- }
- }
- }
- return Promise.resolve();
-};
-
-DataFromIndexedDB.prototype.upsert = function(type, key, fn) {
- if (type !== FILE_PATH && type !== FILE_CONTENT && type !== FILE_TAG) return Promise.reject();
-
- return this.db.then((db) => {
- const tx = db.transaction(type, "readwrite");
- const store = tx.objectStore(type);
- const query = store.get(key);
- return new Promise((done, error) => {
- query.onsuccess = (e) => {
- const new_data = fn(query.result || null);
- if (!new_data) return done(query.result || null);
-
- const request = store.put(new_data);
- request.onsuccess = () => done(new_data);
- request.onerror = (e) => error(e);
- };
- query.onerror = error;
- });
- });
-};
-DataFromMemory.prototype.upsert = function(type, key, fn) {
- if (type !== FILE_PATH && type !== FILE_CONTENT && type !== FILE_TAG) return Promise.reject();
-
- const db = this.data[type] || null;
- if (db === null) {
- this.data[type] = {};
- }
- const k = key.join("_");
- const new_data = fn(this.data[type][k]);
- this.data[type][k] = fn(new_data);
- return Promise.resolve(new_data);
-};
-
-DataFromIndexedDB.prototype.add = function(type, key, data) {
- if (type !== FILE_PATH && type !== FILE_CONTENT && type !== FILE_TAG) return Promise.reject();
-
- return this.db.then((db) => {
- return new Promise((done, error) => {
- const tx = db.transaction(type, "readwrite");
- const store = tx.objectStore(type);
- const request = store.put(data);
- request.onsuccess = () => done(data);
- request.onerror = (e) => error(e);
- });
- }).catch(() => Promise.resolve());
-};
-DataFromMemory.prototype.add = function(type, key, data) {
- if (type !== FILE_PATH && type !== FILE_CONTENT && type !== FILE_TAG) return Promise.reject();
-
- if (this.data[type] === undefined) {
- this.data[type] = {};
- }
- this.data[type][key.join("_")] = data;
- return Promise.resolve(data);
-};
-
-DataFromIndexedDB.prototype.remove = function(type, key, exact = true) {
- if (type !== FILE_PATH && type !== FILE_CONTENT && type !== FILE_TAG) return Promise.reject();
-
- return this.db.then((db) => {
- const tx = db.transaction(type, "readwrite");
- const store = tx.objectStore(type);
-
- if (exact === true) {
- const req = store.delete(key);
- return new Promise((done, err) => {
- req.onsuccess = () => done();
- req.onerror = err;
- });
- } else {
- const request = store.openCursor(IDBKeyRange.bound(
- [key[0], key[1], key[2]],
- [key[0], key[1], key[2]+"\uFFFF"],
- true, true,
- ));
- return new Promise((done, err) => {
- request.onsuccess = function(event) {
- const cursor = event.target.result;
- if (cursor) {
- cursor.delete([key[0], cursor.value.path]);
- cursor.continue();
- } else {
- done();
- }
- };
- });
- }
- }).catch(() => Promise.resolve());
-};
-DataFromMemory.prototype.remove = function(type, key, exact = true) {
- if (type !== FILE_PATH && type !== FILE_CONTENT && type !== FILE_TAG) return Promise.reject();
-
- const data = this.data[type] || null;
- if (data === null) {
- return Promise.resolve();
- }
- const k = key.join("_");
- if (exact === true) {
- delete data[k];
- }
- for (const _k in data) {
- if (_k.indexOf(k) === 0) {
- delete data[_k];
- }
- }
- return Promise.resolve();
-};
-
-DataFromIndexedDB.prototype.fetchAll = function(fn, type = FILE_PATH, key) {
- if (type !== FILE_PATH && type !== FILE_CONTENT && type !== FILE_TAG) return Promise.reject();
-
- return this.db.then((db) => {
- const tx = db.transaction([type], "readonly");
- const store = tx.objectStore(type);
- const index = store.index("idx_path");
- const request = index.openCursor(IDBKeyRange.bound(
- [key[0], key[1], key[2]],
- [key[0], key[1], key[2]+("z".repeat(5000))],
- ));
-
- return new Promise((done, error) => {
- request.onsuccess = function(event) {
- const cursor = event.target.result;
- if (!cursor) {
- return done();
- }
- const ret = fn(cursor.value);
- if (ret === false) {
- return done();
- }
- cursor.continue();
- };
- request.onerror = () => {
- done();
- };
- });
- }).catch(() => Promise.resolve());
-};
-DataFromMemory.prototype.fetchAll = function(fn, type = FILE_PATH, key) {
- if (type !== FILE_PATH && type !== FILE_CONTENT && type !== FILE_TAG) return Promise.reject();
-
- const data = this.data[type] || null;
- if (data === null) {
- return Promise.resolve();
- }
- const k = key.join("_");
- for (const _k in data) {
- if (_k.indexOf(k) === 0) {
- const ret = fn(data[_k]);
- if (ret === false) {
- return Promise.resolve();
- }
- }
- }
- return Promise.resolve();
-};
-
-DataFromIndexedDB.prototype.destroy = function() {
- return new Promise((done, err) => {
- this.db.then((db) => {
- purgeAll(db, FILE_PATH);
- purgeAll(db, FILE_CONTENT);
- // We keep FILE_TAG as this was user generated and potentially frustrating
- // for users if they were to lose this
- setup_cache_state("");
- });
- done();
-
- function purgeAll(db, type) {
- const tx = db.transaction(type, "readwrite");
- const store = tx.objectStore(type);
- store.clear();
- }
- });
-};
-
-DataFromMemory.prototype.destroy = function() {
- this.data = {};
- return Promise.resolve();
-};
-
-export let cache = null;
-
-export function setup_cache() {
- cache = new DataFromMemory();
- if ("indexedDB" in window && window.indexedDB !== null) {
- cache = new DataFromIndexedDB();
- return Promise.all([cache.db, setup_cache_state()])
- .then(() => {
- const currentPath = decodeURIComponent(location.pathname.replace(/^\/.*?\//, "/"));
- return cache.get(
- FILE_PATH,
- [currentBackend(), currentShare(), currentPath],
- ).then((response) => {
- if (!response || !response.results) return;
- for (let i=0; i {
- if (err === "INDEXEDDB_NOT_SUPPORTED") {
- // Firefox in private mode act like if it supports indexedDB but
- // is throwing that string as an error if you try to use it ...
- // so we fallback with our basic ram cache
- cache = new DataFromMemory();
- return setup_cache_state();
- }
- throw err;
- })
- }
- return setup_cache_state();
-}
diff --git a/client/helpers/cache_state.js b/client/helpers/cache_state.js
deleted file mode 100644
index 7da88b08..00000000
--- a/client/helpers/cache_state.js
+++ /dev/null
@@ -1,25 +0,0 @@
-import { Session } from "../model";
-
-let backendID = null;
-
-export function currentShare() {
- return findParams("share");
-}
-
-export function currentBackend() {
- return backendID || "";
-}
-
-export function findParams(p) {
- return new window.URL(location.href).searchParams.get(p) || "";
-}
-
-export function setup_cache_state(_backendID = null) {
- if (_backendID !== null) {
- backendID = _backendID;
- return;
- }
- return Session.currentUser().then((r) => {
- backendID = r["backendID"]
- }).catch(() => backendID = null);
-}
diff --git a/client/helpers/common.js b/client/helpers/common.js
deleted file mode 100644
index d89f3e10..00000000
--- a/client/helpers/common.js
+++ /dev/null
@@ -1,41 +0,0 @@
-export function nop() {}
-
-export function leftPad(str, length, pad = "0") {
- if (typeof str !== "string" || typeof pad !== "string" || str.length >= length ||
- !pad.length > 0) {
- return str;
- }
- return leftPad(pad + str, length, pad);
-}
-
-export function copyToClipboard(str) {
- if (!str) return;
- const $input = document.createElement("input");
- $input.setAttribute("type", "text");
- $input.setAttribute("style", "position: absolute; top:0;left:0;background:red");
- $input.setAttribute("display", "none");
- document.body.appendChild($input);
- $input.value = str;
- $input.select();
- document.execCommand("copy");
- $input.remove();
-}
-
-export function format(str = "") {
- if (str.length === 0) return str;
- return str.split("_")
- .map((word, index) => {
- if (index != 0) return word;
- return (word[0] || "").toUpperCase() + word.substring(1);
- })
- .join(" ");
-}
-
-export function objectGet(obj, paths) {
- let value = obj;
- for (let i=0; i {
- return data.key === name ? false : true;
- });
-};
-Event.prototype.emit = function(name, payload) {
- this.fns.map((data) => {
- if (data.key === name) data.fn(payload);
- });
-};
-
-export const event = new Event();
diff --git a/client/helpers/form.js b/client/helpers/form.js
deleted file mode 100644
index 61a02b1f..00000000
--- a/client/helpers/form.js
+++ /dev/null
@@ -1,126 +0,0 @@
-export const FormObjToJSON = function(o, fn, i = 0) {
- if (i === 0 && o !== null) delete o["constants"];
- const obj = Object.assign({}, o);
- Object.keys(obj).map((key) => {
- const t = obj[key];
- if ("label" in t && "type" in t && "default" in t && "value" in t) {
- if (typeof fn === "function") {
- fn(obj, key);
- } else {
- obj[key] = obj[key].value;
- }
- } else {
- obj[key] = FormObjToJSON(obj[key], fn, i+1);
- }
- });
- return obj;
-};
-
-
-export function createFormBackend(backend_available, backend_data) {
- if (!backend_available) return {};
- else if (!backend_data) return {};
- else if (!backend_available[backend_data.type]) return {};
-
- let template = JSON.parse(JSON.stringify(backend_available[backend_data.type]));
- for (const key in backend_data) {
- if (key in template) {
- template[key].value = backend_data[key];
- template[key].enabled = true;
- } else {
- // create a form object if data isn't available in the template
- const obj = {};
- obj[key] = {
- label: key,
- type: "text",
- value: null,
- default: backend_data[key],
- };
- template = Object.assign(obj, template);
- }
-
- if (key === "label") {
- template[key].placeholder = "Name as shown on the login screen.";
- template[key].value = backend_data[key];
- template[key].enabled = true;
- } else if (key === "type") {
- template[key].enabled = true;
- } else if (key === "advanced") {
- template[key].enabled = true;
- }
- }
-
- const obj = {};
- obj[backend_data.type] = template;
- return obj;
-}
-
-/*
- * return a new list of autocompletion candidates considering the current input
- */
-export function autocomplete(values, list) {
- if (values.length === 0) return list;
- let candidates_input = [];
- let candidates_output = [];
-
- for (let i=0; i 1) {
- return candidates_input.map((candidate) => {
- return candidate.join(", ");
- });
- }
- return candidates_output.map((candidate, idx) => {
- return candidates_input[0]
- .concat(candidate)
- .join(", ")
- .replace(/\,\s?$/, "");
- });
-}
-
-export function JSONStringify(data) {
- return JSON.stringify(data, (key, value) => {
- if (value === null) return;
- else if (value === undefined) return;
- else if (value === "") return;
- else if (Array.isArray(value)) return value;
- else if (typeof(value) === "string") return value;
- else if (typeof(value) === "number") return value;
- else if (typeof(value) === "boolean") return value;
- else if (typeof(value) === "object") {
- const tmp = Object.values(value);
- if (tmp.length === 0) return;
- if (tmp.filter((n) => {
- if(JSON.stringify(n) === "{}") return false;
- else if(n === null) return false;
- return true;
- }).length === 0) return;
- return value;
- }
- const msg = `[BUG] unknown stringify value (helpers/form.js): ${value}`;
- console.error(msg);
- throw new Error(msg);
- });
-}
diff --git a/client/helpers/format.js b/client/helpers/format.js
deleted file mode 100644
index 25a6f4d5..00000000
--- a/client/helpers/format.js
+++ /dev/null
@@ -1,5 +0,0 @@
-export function formatTimecode(seconds) {
- return String(parseInt(seconds / 60)).padStart(2, "0") +
- ":"+
- String(parseInt(seconds % 60)).padStart(2, "0");
-}
diff --git a/client/helpers/index.js b/client/helpers/index.js
deleted file mode 100644
index 7f44c240..00000000
--- a/client/helpers/index.js
+++ /dev/null
@@ -1,24 +0,0 @@
-export {
- URL_HOME, goToHome, URL_FILES, goToFiles, URL_VIEWER, goToViewer, URL_LOGIN,
- goToLogin, URL_LOGOUT, goToLogout, urlParams, URL_ADMIN, URL_SHARE, URL_TAGS,
-} from "./navigate";
-export { opener } from "./mimetype";
-export { debounce, throttle } from "./backpressure";
-export { event } from "./events";
-export { cache, setup_cache } from "./cache";
-export { currentShare, currentBackend, findParams, setup_cache_state } from "./cache_state";
-export {
- pathBuilder, basename, dirname, absoluteToRelative, filetype, appendShareToUrl,
-} from "./path";
-export { memory } from "./memory";
-export { prepare } from "./navigate";
-export { invalidate, http_get, http_post, http_delete, http_options } from "./ajax";
-export { prompt, alert, confirm } from "./popup";
-export { notify } from "./notify";
-export { gid, randomString } from "./random";
-export { leftPad, format, copyToClipboard, objectGet, nop } from "./common";
-export { getMimeType } from "./mimetype";
-export { settings_get, settings_put } from "./settings";
-export { FormObjToJSON, createFormBackend, autocomplete, JSONStringify } from "./form";
-export { upload } from "./upload";
-export { formatTimecode } from "./format";
diff --git a/client/helpers/memory.js b/client/helpers/memory.js
deleted file mode 100644
index 10b0c65f..00000000
--- a/client/helpers/memory.js
+++ /dev/null
@@ -1,19 +0,0 @@
-function Memory() {
- const data = {};
-
- return {
- get: function(key) {
- if (data[key] === undefined) return null;
- return data[key];
- },
- set: function(key, value) {
- data[key] = value;
- },
- all: function() {
- return data;
- },
- };
-}
-
-
-export const memory = new Memory();
diff --git a/client/helpers/mimetype.js b/client/helpers/mimetype.js
deleted file mode 100644
index 860e5acc..00000000
--- a/client/helpers/mimetype.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import Path from "path";
-
-export function getMimeType(file) {
- const ext = Path.extname(file).replace(/^\./, "").toLowerCase();
- if (!window.CONFIG.mime[ext]) {
- return "text/plain";
- }
- return window.CONFIG.mime[ext];
-}
-
-export function opener(file) {
- const mime = getMimeType(file);
- const openerFromPlugin = window.overrides["xdg-open"](mime);
- if (openerFromPlugin !== null) {
- return openerFromPlugin;
- } else if (mime.split("/")[0] === "text") {
- return ["editor", null];
- } else if (mime === "application/pdf") {
- return ["pdf", null];
- } else if (mime.split("/")[0] === "image") {
- return ["image", null];
- } else if (["application/javascript", "application/xml", "application/json",
- "application/x-perl"].indexOf(mime) !== -1) {
- return ["editor", null];
- } else if (["audio/wave", "audio/mp3", "audio/flac", "audio/ogg"].indexOf(mime) !== -1) {
- return ["audio", null];
- } else if (mime === "application/x-form") {
- return ["form", null];
- } else if (mime.split("/")[0] === "video" || mime === "application/ogg") {
- return ["video", null];
- } else if(["application/epub+zip"].indexOf(mime) !== -1) {
- return ["ebook", null];
- } else if (mime.split("/")[0] === "application") {
- return ["download", null];
- } else {
- return ["editor", null];
- }
-}
diff --git a/client/helpers/navigate.js b/client/helpers/navigate.js
deleted file mode 100644
index 60a05c52..00000000
--- a/client/helpers/navigate.js
+++ /dev/null
@@ -1,65 +0,0 @@
-export const URL_HOME = "/";
-export function goToHome(history) {
- history.push(URL_HOME);
- return Promise.resolve("ok");
-}
-
-export const URL_FILES = "/files";
-export function goToFiles(history, path, state) {
- history.push(URL_FILES+"?path="+encode_path(path), state);
- return Promise.resolve("ok");
-}
-
-
-export const URL_VIEWER = "/view";
-export function goToViewer(history, path, state) {
- history.push(URL_VIEWER+"?path="+encode_path(path), state);
- return Promise.resolve("ok");
-}
-
-export const URL_LOGIN = "/login";
-export function goToLogin(history) {
- history.push(URL_EDIT);
- return Promise.resolve("ok");
-}
-
-export const URL_LOGOUT = "/logout";
-export function goToLogout(history) {
- history.push(URL_LOGOUT);
- return Promise.resolve("ok");
-}
-
-export const URL_TAGS = "/tags";
-
-export const URL_ADMIN = "/admin";
-
-export const URL_SHARE = "/s";
-
-function encode_path(path) {
- if (/%2F/.test(path) === false) { // replace slash to make url more friendly
- return encodeURIComponent(path).replace(/%2F/g, "/");
- } else { // in case you got a %2F folder somewhere ...
- return encodeURIComponent(path);
- }
-}
-
-export function prepare(path) {
- return encodeURIComponent(decodeURIComponent(path.replace(/%/g, "%25")));
-}
-
-export function urlParams() {
- let p = "";
- if (window.location.hash) {
- p += window.location.hash.replace(/^\#/, "");
- }
- if (window.location.search) {
- if (p !== "") p += "&";
- p += window.location.search.replace(/^\?/, "");
- }
- return p.split("&").reduce((mem, chunk) => {
- const d = chunk.split("=");
- if (d.length !== 2) return mem;
- mem[decodeURIComponent(d[0])] = decodeURIComponent(d[1]);
- return mem;
- }, {});
-}
diff --git a/client/helpers/notify.js b/client/helpers/notify.js
deleted file mode 100644
index d83d2c98..00000000
--- a/client/helpers/notify.js
+++ /dev/null
@@ -1,21 +0,0 @@
-const Message = function() {
- let fn = null;
-
- return {
- send: function(text, type) {
- if (["info", "success", "error"].indexOf(type) === -1) {
- type = "info";
- }
- if (!fn) {
- return window.setTimeout(() => this.send(text, type), 50);
- }
- fn(text, type);
- return Promise.resolve();
- },
- subscribe: function(_fn) {
- fn = _fn;
- },
- };
-};
-
-export const notify = new Message();
diff --git a/client/helpers/org.js b/client/helpers/org.js
deleted file mode 100644
index f8ad961c..00000000
--- a/client/helpers/org.js
+++ /dev/null
@@ -1,260 +0,0 @@
-import { gid, leftPad } from "./";
-
-export function extractTodos(text) {
- const headlines = parse(text);
- const todos = [];
- for (let i=0; i < headlines.length; i++) {
- const todo = formatTodo(headlines[i]);
- if (todo.status) {
- todos.push(todo);
- }
- }
- return todos
- .sort((a, b) => {
- if (a.status === "NEXT" && b.status !== "NEXT") return -1;
- else if (b.status === "NEXT" && a.status !== "NEXT") return +1;
- else if (a.status === "TODO" && b.status !== "TODO") return -1;
- else if (b.status === "TODO" && a.status !== "TODO") return +1;
- else if (a.status === "DONE" && b.status !== "DONE" &&
- b.todo_status === "done") return -1;
- else if (b.status === "DONE" && a.status !== "DONE" &&
- a.todo_status === "done") return +1;
- else if (a.todo_status === "todo" && b.todo_status !== "todo") return -1;
- else if (a.todo_status === "done" && b.todo_status !== "done") return +1;
- else if (a.priority !== null && b.priority === null) return -1;
- else if (a.priority === null && b.priority !== null) return +1;
- else if (a.priority !== null && b.priority !== null &&
- a.priority !== b.priority) return a.priority > b.priority? +1 : -1;
- else if (a.is_overdue === true && b.is_overdue === false) return -1;
- else if (a.is_overdue === false && b.is_overdue === true) return +1;
- else if (a.status === b.status) return a.id < b.id ? -1 : +1;
- });
-
- function formatTodo(thing) {
- const todo_status = ["TODO", "NEXT", "DOING", "WAITING", "PENDING"].indexOf(
- thing.header.todo_keyword,
- ) !== -1 ? "todo" : "done";
- return {
- key: thing.header.todo_keyword,
- id: thing.id,
- line: thing.header.line,
- title: thing.header.title,
- status: thing.header.todo_keyword,
- todo_status: todo_status,
- is_overdue: _is_overdue(todo_status, thing.timestamps),
- priority: thing.header.priority,
- scheduled: _find_scheduled(thing.timestamps),
- deadline: _find_deadline(thing.timestamps),
- tasks: thing.subtasks,
- tags: thing.header.tags,
- };
- }
-}
-
-export function extractEvents(text) {
- const headlines = parse(text);
- let events = [];
- for (let i=0; i < headlines.length; i++) {
- events = events.concat(
- formatEvents(headlines[i]),
- );
- }
- return events.sort((a, b) => a.date - b.date);
-
- function formatEvents(thing) {
- const events = [];
- for (let i=0; i < thing.timestamps.length; i++) {
- const timestamp = thing.timestamps[i];
- if (timestamp.active === false) continue;
- const todo_status = function(keyword) {
- if (!keyword) return null;
- return ["TODO", "NEXT", "DOING", "WAITING", "PENDING"].indexOf(
- keyword,
- ) !== -1 ? "todo" : "done";
- }(thing.header.todo_keyword);
- const event = {
- id: thing.id,
- line: thing.header.line,
- title: thing.header.title,
- status: thing.header.todo_keyword,
- todo_status: todo_status,
- scheduled: _find_scheduled(thing.timestamps),
- deadline: _find_deadline(thing.timestamps),
- is_overdue: _is_overdue(todo_status, thing.timestamps),
- priority: thing.header.priority,
- tasks: [],
- tags: thing.header.tags,
- };
- if (event.todo_status === "done") continue;
-
- event.date = new Date(timestamp.timestamp);
- const today = new Date();
- today.setHours(23);
- today.setMinutes(59);
- today.setSeconds(59);
- today.setMilliseconds(999);
- if (event.date < today) {
- event.date = today;
- }
- event.key = Intl.DateTimeFormat().format(event.date);
- event.date = event.date.toISOString();
-
- if (timestamp.repeat) {
- if (timestamp.repeat.interval === "m") {
- events.push(event);
- } else {
- if (timestamp.repeat.interval === "y") {
- timestamp.repeat.n *= 365;
- } else if (timestamp.repeat.interval === "w") {
- timestamp.repeat.n *= 7;
- }
- const n_days = timestamp.repeat.n;
- const today = _normalise(new Date());
- for (let j=0; j<30; j++) {
- if (((today - _normalise(new Date(timestamp.timestamp))) / 1000*60*60*24) % n_days === 0) {/* eslint-disable-line max-len */
- event.date = today.getTime();
- event.key = Intl.DateTimeFormat().format(today);
- events.push(JSON.parse(JSON.stringify((event))));
- }
- today.setDate(today.getDate() + 1);
- }
- }
- } else {
- events.push(event);
- }
- }
- return events;
- }
-}
-
-
-export function parse(content) {
- const todos = [];
- let todo = reset(0);
- let data;
- let text;
- let tags = [];
-
- const lines = content.split("\n");
- for (let i = 0; i e.level < data.level);
- tags.push({ level: data.level, tags: data.tags });
- data.tags = tags.reduce((acc, el) => {
- return acc.concat(el.tags);
- }, []);
-
- if (todo.header) {
- todos.push(todo);
- todo = reset(i);
- }
- todo.header = data;
- } else if (data = parse_timestamp(text, i)) {
- todo.timestamps = todo.timestamps.concat(data);
- } else if (data = parse_subtask(text, i)) {
- todo.subtasks.push(data);
- }
- if (i === lines.length - 1 && todo.header) {
- todos.push(todo);
- }
- }
-
- return todos;
-
- function reset(i) {
- return { id: leftPad(i.toString(), 5) + gid(i), timestamps: [], subtasks: [] };
- }
-}
-
-
-function parse_header(text, line) {
- const match = text.match(/^(\*+)\s(?:([A-Z]{4,})\s){0,1}(?:\[\#([A-C])\]\s){0,1}(.*?)(?:\s+\:((?:[a-z]+\:){1,})){0,1}$/); /* eslint-disable-line max-len */
- if (!match) return null;
- return {
- line: line,
- level: RegExp.$1.length,
- todo_keyword: RegExp.$2 || null,
- priority: RegExp.$3 || null,
- title: RegExp.$4 || "Empty Heading",
- tags: RegExp.$5
- .replace(/:/g, " ")
- .trim()
- .split(" ")
- .filter((e) => e),
- };
-}
-
-
-function parse_subtask(text, line) {
- const match = text.match(/(?:-|\d+[\.\)])\s\[([X\s-])\]\s(.*)/);
- if (!match) return null;
- return {
- line: line,
- status: function(state) {
- if (state === "X") return "DONE";
- else if (state === " ") return "TODO";
- return null;
- }(match[1]),
- title: match[2] || "Empty task",
- };
-}
-
-
-function parse_timestamp(text, line, _memory) {
- const reg = /(?:([A-Z]+)\:\s){0,1}([<\[])(\d{4}-\d{2}-\d{2})[^>](?:[A-Z][a-z]{1,2})(?:\s([0-9]{2}\:[0-9]{2})){0,1}(?:\-([0-9]{2}\:[0-9]{2})){0,1}(?:\s(\+{1,2}[0-9]+[dwmy])){0,1}[\>\]](?:--[<\[](\d{4}-\d{2}-\d{2})\s[A-Z][a-z]{1,2}\s(\d{2}:\d{2}){0,1}[>\]]){0,1}/; /* eslint-disable-line max-len */
- const match = text.match(reg);
- if (!match) return _memory || null;
-
- // https://orgmode.org/manual/Timestamps.html
- const timestamp = {
- line: line,
- keyword: match[1],
- active: match[2] === "<" ? true : false,
- timestamp: new Date(match[3] + (match[4] ? " "+match[4] : "")).toISOString(),
- range: function(start_date, start_time = "", start_time_end, end_date = "", end_time = "") {
- if (start_time_end && !end_date) {
- return new Date(start_date+" "+start_time_end) -
- new Date(start_date+" "+start_time);
- }
- if (end_date) {
- return new Date(end_date+" "+end_time) - new Date(start_date+" "+start_time);
- }
- return null;
- }(match[3], match[4], match[5], match[7], match[8]),
- repeat: function(keyword) {
- if (!keyword) return null;
- return {
- n: parseInt(keyword.replace(/^.*([0-9]+).*$/, "$1")),
- interval: keyword.replace(/^.*([dwmy])$/, "$1"),
- };
- }(match[6]),
- };
- if (!_memory) _memory = [];
- _memory.push(timestamp);
- return parse_timestamp(text.replace(reg, ""), line, _memory);
-}
-
-function _find_deadline(timestamps) {
- return timestamps.filter((e) => e.keyword === "DEADLINE")[0] || null;
-}
-function _find_scheduled(timestamps) {
- return timestamps.filter((e) => e.keyword === "SCHEDULED")[0] || null;
-}
-
-function _is_overdue(status, timestamp) {
- if (status !== "todo") return false;
- return timestamp.filter((timeObj) => {
- if (_normalise(new Date()) < _normalise(new Date(timeObj.timestamp))) return false;
- if (timeObj.keyword === "DEADLINE" || timeObj.keyword === "SCHEDULED") return true;
- return false;
- }).length > 0 ? true : false;
-}
-
-function _normalise(date) {
- date.setHours(0);
- date.setMinutes(0);
- date.setSeconds(0);
- date.setMilliseconds(0);
- return date;
-}
diff --git a/client/helpers/path.js b/client/helpers/path.js
deleted file mode 100644
index b7a1f1fb..00000000
--- a/client/helpers/path.js
+++ /dev/null
@@ -1,49 +0,0 @@
-import Path from "path";
-
-export function pathBuilder(path = "", filename = "", type = "file") {
- const tmp = Path.resolve(path, filename);
- if (type === "file") {
- return tmp;
- } else {
- return tmp + "/";
- }
-}
-
-export function basename(path = "") {
- return Path.basename(path);
-}
-
-export function dirname(path = "") {
- const dir = Path.dirname(path);
- if (dir === "/") return dir;
- return dir + "/";
-}
-
-export function filetype(path = "") {
- return path.slice(-1) === "/" ? "directory" : "file";
-}
-
-export function absoluteToRelative(from = "", to = "") {
- // remove any trace of file that would be interpreted by the path lib as a folder
- from = from.replace(/\/[^\/]+$/, "/");
- let r = Path.relative(from, to);
- if (r.substring(0, 3) !== "../") {
- r = "./" + r;
- }
- if (/\/$/.test(to) === true && r !== "./") {
- r += "/";
- }
- return r;
-}
-
-export function appendShareToUrl(link = "") {
- let url = new window.URL(location.href);
- const share = url.searchParams.get("share");
-
- if (share) {
- url = new window.URL(location.origin + link);
- url.searchParams.set("share", share);
- return url.pathname + url.search;
- }
- return link;
-}
diff --git a/client/helpers/popup.js b/client/helpers/popup.js
deleted file mode 100644
index 2478c052..00000000
--- a/client/helpers/popup.js
+++ /dev/null
@@ -1,56 +0,0 @@
-const Alert = function() {
- let fn = null;
-
- return {
- now: function(Component, okCallback) {
- if (!fn) {
- return window.setTimeout(() => this.now(Component, okCallback), 50);
- }
- fn(Component, okCallback);
- },
- subscribe: function(_fn) {
- fn = _fn;
- },
- };
-};
-export const alert = new Alert();
-
-
-const Prompt = function() {
- let fn = null;
-
- return {
- now: function(text, okCallback, cancelCallback, type) {
- if (!fn) {
- return window.setTimeout(() => {
- this.now(text, okCallback, cancelCallback, type);
- }, 50);
- }
- fn(text, okCallback, cancelCallback, type);
- },
- subscribe: function(_fn) {
- fn = _fn;
- },
- };
-};
-export const prompt = new Prompt();
-
-
-const Confirm = function() {
- let fn = null;
-
- return {
- now: function(comp, okCallback, cancelCallback) {
- if (!fn) {
- return window.setTimeout(() => {
- this.now(comp, okCallback, cancelCallback);
- }, 50);
- }
- fn(comp, okCallback, cancelCallback);
- },
- subscribe: function(_fn) {
- fn = _fn;
- },
- };
-};
-export const confirm = new Confirm();
diff --git a/client/helpers/random.js b/client/helpers/random.js
deleted file mode 100644
index 9a6b32e2..00000000
--- a/client/helpers/random.js
+++ /dev/null
@@ -1,22 +0,0 @@
-export function gid(prefix) {
- let id = prefix !== undefined ? prefix : "";
- id += new Date().getTime().toString(32);
- id += parseInt(Math.random()*Math.pow(10, 16)).toString(32);
- return id;
-}
-
-const alphabet = [
- "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p",
- "q", "r", "s", "t", "u", "v", "x", "y", "z", "A", "B", "C", "D", "E", "F", "G",
- "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W",
- "X", "Y", "Z", "0", "1", "2", "3", "4", "5", "6", "7", "8", "9",
-];
-const alphabet_size = alphabet.length;
-
-export function randomString(size = 16) {
- let str = "";
- for (let i=0; i {
- window.localStorage.setItem("settings", JSON.stringify(d));
- }, 500);
-}
diff --git a/client/helpers/upload.js b/client/helpers/upload.js
deleted file mode 100644
index ba5a4a25..00000000
--- a/client/helpers/upload.js
+++ /dev/null
@@ -1,18 +0,0 @@
-const Upload = function() {
- let fn = null;
-
- return {
- add: function(path, files) {
- if (!fn) {
- return window.setTimeout(() => this.add(path, files), 50);
- }
- fn(path, files);
- return Promise.resolve();
- },
- subscribe: function(_fn) {
- fn = _fn;
- },
- };
-};
-
-export const upload = new Upload();
diff --git a/client/index.html b/client/index.html
deleted file mode 100644
index e4796124..00000000
--- a/client/index.html
+++ /dev/null
@@ -1,215 +0,0 @@
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
Error: Javascript is off
-
You need to enable Javascript to run this application
-
-
-
-
diff --git a/client/index.js b/client/index.js
deleted file mode 100644
index 6e5c0d66..00000000
--- a/client/index.js
+++ /dev/null
@@ -1,154 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom";
-import Router from "./router";
-
-import { Config, Log, Chromecast } from "./model/";
-import { http_get, setup_cache } from "./helpers/";
-import load from "little-loader";
-
-import "./assets/css/reset.scss";
-
-(function() {
- Promise.all([
- setup_dom(), setup_translation(), setup_xdg_open(), setup_cache(),
- Config.refresh().then(setup_chromecast),
- ]).then(() => {
- const timeSinceBoot = new Date() - window.initTime;
- if (window.CONFIG.name) document.title = window.CONFIG.name;
- if (timeSinceBoot >= 1500) {
- const timeoutToAvoidFlickering = timeSinceBoot > 2500 ? 0 : 500;
- return waitFor(timeoutToAvoidFlickering)
- .then(removeLoaderWithAnimation)
- .then(render);
- }
- return removeLoader().then(render);
- }).catch((err) => {
- const msg = navigator.onLine === false ? "OFFLINE" : (err.message || "CAN'T LOAD");
- Log.report(msg + " - " + (err && err.message), location.href);
- return removeLoaderWithAnimation().then(() => {
- $error(msg);
- });
- });
-
- const $loader = document.querySelector("#n-lder");
- function render() {
- ReactDOM.render(
- Promise.resolve(response)).then((data) => {
- if (this.current_path === path) {
- this.obs && this.obs.next(data);
- }
- return Promise.resolve(null);
- });
- }).catch((_err) => {
- this.obs.next(_err);
- return Promise.reject(_err);
- });
- }
-
- _ls_from_cache(path, _record_access = false) {
- return cache.get(cache.FILE_PATH, [currentBackend(), currentShare(), path]).then((response) => {
- if (!response || !response.results) return null;
- if (this.current_path === path) {
- this.obs && this.obs.next({
- status: "ok",
- results: response.results,
- permissions: response.permissions,
- });
- }
- return response;
- }).then((e) => {
- requestAnimationFrame(() => {
- if (_record_access === true) {
- cache.upsert(cache.FILE_PATH, [currentBackend(), currentShare(), path], (response) => {
- if (!response || !response.results) return null;
- if (this.current_path === path) {
- this.obs && this.obs.next({
- status: "ok",
- results: response.results,
- permissions: response.permissions,
- });
- }
- response.last_access = new Date();
- response.access_count += 1;
- return response;
- });
- }
- });
- return Promise.resolve(e);
- });
- }
-
- rm(path) {
- const url = appendShareToUrl("/api/files/rm?path=" + prepare(path));
- return this._replace(path, "loading")
- .then((res) => this.current_path === dirname(path) ?
- this._ls_from_cache(dirname(path)) : Promise.resolve(res))
- .then(() => http_post(url))
- .then((res) => {
- return cache.remove(cache.FILE_CONTENT, [currentBackend(), currentShare(), path])
- .then(cache.remove(cache.FILE_CONTENT, [currentBackend(), currentShare(), path], false))
- .then(cache.remove(cache.FILE_PATH, [currentBackend(), currentShare(), dirname(path)], false))
- .then(this._remove(path, "loading"))
- .then((res) => this.current_path === dirname(path) ?
- this._ls_from_cache(dirname(path)) : Promise.resolve(res));
- })
- .catch((err) => {
- return this._replace(path, "error", "loading")
- .then((res) => this.current_path === dirname(path) ?
- this._ls_from_cache(dirname(path)) : Promise.resolve(res))
- .then(() => Promise.reject(err));
- });
- }
-
- cat(path) {
- const url = appendShareToUrl("/api/files/cat?path=" + prepare(path));
- return http_get(url, "raw")
- .then((res) => {
- if (this.is_binary(res) === true) {
- return Promise.reject({ code: "BINARY_FILE" });
- }
- return cache.upsert(cache.FILE_CONTENT, [currentBackend(), currentShare(), path], (response) => {
- const file = response ? response : {
- backend: currentBackend(),
- share: currentShare(),
- path: path,
- last_update: null,
- last_access: null,
- access_count: -1,
- result: null,
- };
- file.result = res;
- file.access_count += 1;
- file.last_access = new Date();
- return file;
- }).then((response) => Promise.resolve(response.result));
- });
- }
-
- zip(paths) {
- let url = appendShareToUrl("/api/files/zip?" + paths.map((p) => "path=" + prepare(p)).join("&"));
- if (paths.length === 1 && filetype(paths[0]) === "file") {
- url = appendShareToUrl("/api/files/cat?path=" + prepare(paths[0]) + "&name=" + basename(paths[0]));
- }
- window.open(url);
- return Promise.resolve();
- }
- unzip(paths, signal) {
- const url = appendShareToUrl(
- "/api/files/unzip?" + paths.map((p) => "path=" + prepare(p)).join("&"),
- );
- return fetch(url, { signal, method: "POST" }).then((r) => {
- if (r.ok) return r.json();
- return r.json().then((err) => {
- throw new Error(err.message);
- });
- });
- }
-
- options(path) {
- const url = appendShareToUrl("/api/files/cat?path=" + prepare(path));
- return http_options(url);
- }
-
- url(path) {
- const url = appendShareToUrl("/api/files/cat?path=" + prepare(path));
- return Promise.resolve(url);
- }
-
- save(path, file) {
- const url = appendShareToUrl("/api/files/cat?path=" + prepare(path));
- return this._replace(path, "loading")
- .then(() => http_post(url, file, "blob"))
- .then(() => {
- return this._saveFileToCache(path, file)
- .then(() => this._replace(path, null, "loading"))
- .then(() => this._refresh(path));
- })
- .catch((err) => {
- return this._replace(path, "error", "loading")
- .then(() => this._refresh(path))
- .then(() => Promise.reject(err));
- });
- }
-
- mkdir(path, step) {
- const url = appendShareToUrl("/api/files/mkdir?path=" + prepare(path));
- const origin_path = pathBuilder(this.current_path, basename(path), "directoy");
- const destination_path = path;
-
- const action_prepare = (part_of_a_batch_operation = false) => {
- if (part_of_a_batch_operation === true) {
- return this._add(destination_path, "loading")
- .then(() => this._refresh(destination_path));
- }
-
- return this._add(destination_path, "loading")
- .then(() => origin_path !== destination_path ?
- this._add(origin_path, "loading") : Promise.resolve())
- .then(() => this._refresh(origin_path, destination_path));
- };
-
- const action_execute = (part_of_a_batch_operation = false) => {
- if (part_of_a_batch_operation === true) {
- return http_post(url)
- .then(() => {
- return this._replace(destination_path, null, "loading")
- .then(() => this._refresh(destination_path));
- })
- .catch((err) => {
- this._replace(destination_path, "error", "loading")
- .then(() => this._refresh(origin_path, destination_path));
- return Promise.reject(err);
- });
- }
-
- return http_post(url)
- .then(() => {
- return this._replace(destination_path, null, "loading")
- .then(() => origin_path !== destination_path ?
- this._remove(origin_path, "loading") : Promise.resolve())
- .then(() => cache.add(cache.FILE_PATH, [currentBackend(), currentShare(), destination_path], {
- path: destination_path,
- backend: currentBackend(),
- share: currentShare(),
- results: [],
- access_count: 0,
- last_access: null,
- last_update: new Date(),
- }))
- .then(() => this._refresh(origin_path, destination_path));
- })
- .catch((err) => {
- this._replace(origin_path, "error", "loading")
- .then(() => origin_path !== destination_path ?
- this._remove(destination_path, "loading") : Promise.resolve())
- .then(() => this._refresh(origin_path, destination_path));
- return Promise.reject(err);
- });
- };
-
- switch(step) {
- case "prepare_only": return action_prepare(true);
- case "execute_only": return action_execute(true);
- default: return action_prepare().then(action_execute);
- }
- }
-
- touch(path, file, step, params) {
- const origin_path = pathBuilder(this.current_path, basename(path), "file");
- const destination_path = path;
-
- const action_prepare = (part_of_a_batch_operation = false) => {
- if (part_of_a_batch_operation === true) {
- return this._add(destination_path, "loading")
- .then(() => this._refresh(destination_path));
- } else {
- return this._add(destination_path, "loading")
- .then(() => origin_path !== destination_path ? this._add(origin_path, "loading") : Promise.resolve())
- .then(() => this._refresh(origin_path, destination_path));
- }
- };
- const action_execute = (part_of_a_batch_operation = false) => {
- if (part_of_a_batch_operation === true) {
- return query()
- .then(() => {
- return this._replace(destination_path, null, "loading")
- .then(() => this._refresh(destination_path));
- })
- .catch((err) => {
- this._replace(destination_path, null, "error")
- .then(() => this._replace(destination_path, null, "loading"))
- .then(() => this._refresh(destination_path));
- return Promise.reject(err);
- });
- }
- return query()
- .then(() => {
- return this._saveFileToCache(path, file)
- .then(() => this._replace(destination_path, null, "loading"))
- .then(() => origin_path !== destination_path ?
- this._remove(origin_path, "loading") : Promise.resolve())
- .then(() => this._refresh(origin_path, destination_path));
- })
- .catch((err) => {
- this._replace(origin_path, "error", "loading")
- .then(() => origin_path !== destination_path ?
- this._remove(destination_path, "loading") : Promise.resolve())
- .then(() => this._refresh(origin_path, destination_path));
- return Promise.reject(err);
- });
-
- function query() {
- if (file) {
- const url = appendShareToUrl("/api/files/cat?path=" + prepare(path));
- return http_post(url, file, "blob", params);
- } else {
- const url = appendShareToUrl("/api/files/touch?path=" + prepare(path));
- return http_post(url);
- }
- }
- };
-
- switch(step) {
- case "prepare_only": return action_prepare(true);
- case "execute_only": return action_execute(true);
- default: return action_prepare().then(action_execute);
- }
- }
-
- mv(from, to) {
- const url = appendShareToUrl("/api/files/mv?from=" + prepare(from) + "&to=" + prepare(to));
- const origin_path = from;
- const destination_path = to;
-
- return this._replace(origin_path, "loading")
- .then(this._add(destination_path, "loading"))
- .then(() => this._refresh(origin_path, destination_path))
- .then(() => http_post(url))
- .then((res) => {
- return this._remove(origin_path, "loading")
- .then(() => this._replace(destination_path, null, "loading"))
- .then(() => this._refresh(origin_path, destination_path))
- .then(() => {
- cache.update(cache.FILE_PATH, [currentBackend(), currentShare(), origin_path], (data) => {
- data.path = data.path.replace(origin_path, destination_path);
- return data;
- }, false);
- cache.update(cache.FILE_CONTENT, [currentBackend(), currentShare(), origin_path], (data) => {
- data.path = data.path.replace(origin_path, destination_path);
- return data;
- }, false);
- return Promise.resolve();
- });
- })
- .catch((err) => {
- this._replace(origin_path, "error", "loading")
- .then(() => this._remove(destination_path, "loading"))
- .then(() => this._refresh(origin_path, destination_path));
- return Promise.reject(err);
- });
- }
-
- search(keyword, path = "/", show_hidden) {
- const url = appendShareToUrl(
- "/api/files/search?path=" + prepare(path) +
- "&q="+encodeURIComponent(keyword),
- );
- return http_get(url).then((response) => {
- response = fileMiddleware(response, path, show_hidden);
- return response.results;
- });
- }
-
- frequents() {
- const data = [];
- return cache.fetchAll((value) => {
- if (value.access_count >= 1 && value.path !== "/") {
- data.push(value);
- }
- }, cache.FILE_PATH, [currentBackend(), currentShare(), "/"]).then(() => {
- return Promise.resolve(
- data
- .sort((a, b) => a.access_count > b.access_count? -1 : 1)
- .map((a) => a.path)
- .slice(0, 6),
- );
- });
- }
-
- _saveFileToCache(path, file) {
- if (!file) return update_cache("");
- return new Promise((done, err) => {
- const reader = new FileReader();
- reader.readAsText(file);
- reader.onload = () => this.is_binary(reader.result) === false ?
- update_cache(reader.result).then(done) : done();
- reader.onerror = (_err) => err(_err);
- });
-
- function update_cache(result) {
- return cache.upsert(cache.FILE_CONTENT, [currentBackend(), currentShare(), path], (response) => {
- if (!response) {
- response = {
- backend: currentBackend(),
- share: currentShare(),
- path: path,
- last_access: null,
- last_update: null,
- result: null,
- access_count: 0,
- };
- }
- response.last_update = new Date();
- response.result = result;
- return response;
- });
- }
- }
-
- _refresh(origin_path, destination_path) {
- if (this.current_path === dirname(origin_path) ||
- this.current_path === dirname(destination_path)) {
- return this._ls_from_cache(this.current_path);
- }
- return Promise.resolve();
- }
-
- _replace(path, icon, icon_previous) {
- return cache.update(cache.FILE_PATH, [currentBackend(), currentShare(), dirname(path)], function(res) {
- res.results = res.results.map((file) => {
- if (file.name === basename(path) && file.icon == icon_previous) {
- if (!icon) {
- delete file.icon;
- }
- if (icon) {
- file.icon = icon;
- }
- }
- return file;
- });
- return res;
- });
- }
- _add(path, icon) {
- return cache.upsert(cache.FILE_PATH, [currentBackend(), currentShare(), dirname(path)], (res) => {
- const file = mutateFile({
- path: path,
- name: basename(path),
- type: filetype(path),
- }, path);
- if (icon) file.icon = icon;
-
- if (!res || !res.results) {
- res = {
- path: dirname(path),
- backend: currentBackend(),
- share: currentShare(),
- results: [],
- access_count: 0,
- last_access: null,
- last_update: new Date(),
- };
- if (file.type === "directory") {
- return res;
- }
- }
- res.results.push(file);
- return res;
- });
- }
- _remove(path, previous_icon) {
- return cache.update(cache.FILE_PATH, [currentBackend(), currentShare(), dirname(path)], function(res) {
- if (!res) return null;
- res.results = res.results.filter((file) => {
- return file.name === basename(path) && file.icon == previous_icon ? false : true;
- });
- return res;
- });
- }
-
-
- is_binary(str) {
- // Reference: https://en.wikipedia.org/wiki/Specials_(Unicode_block)#Replacement_character
- return /\ufffd/.test(str);
- }
-}
-
-
-const createLink = (type, path) => {
- return type === "file" ? "/view" + path : "/files" + path;
-};
-
-const fileMiddleware = (response, path, show_hidden) => {
- for (let i=0; i {
- if (file.path === undefined) {
- file.path = pathBuilder(path, file.name, file.type);
- }
- file.link = createLink(file.type, file.path);
- return file;
-};
-
-export const Files = new FileSystem();
diff --git a/client/model/index.js b/client/model/index.js
deleted file mode 100644
index 8ffc4cdf..00000000
--- a/client/model/index.js
+++ /dev/null
@@ -1,9 +0,0 @@
-export { Files } from "./files";
-export { Session } from "./session";
-export { Share } from "./share";
-export { Config, Backend, Middleware } from "./config";
-export { Log } from "./log";
-export { Admin } from "./admin";
-export { Audit } from "./audit";
-export { Tags } from "./tags";
-export { Chromecast } from "./chromecast";
diff --git a/client/model/log.js b/client/model/log.js
deleted file mode 100644
index 31fecd00..00000000
--- a/client/model/log.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import { http_get, http_post } from "../helpers/";
-
-class LogManager {
- constructor() {
- }
-
- get(maxSize = -1) {
- let url = this.url();
- if (maxSize > 0) {
- url += "?maxSize=" + maxSize;
- }
- return http_get(url, "text");
- }
-
- url() {
- return "/admin/api/logs";
- }
-
- send(msg) {
- let url = "/report?";
- url += "message=" + encodeURIComponent(msg);
- return http_post(url).catch();
- }
-
- report(msg, link, lineNo, columnNo, error) {
- if (navigator.onLine === false) return Promise.resolve();
- let url = "/report?";
- url += "url="+encodeURIComponent(location.href)+"&";
- url += "msg="+encodeURIComponent(msg)+"&";
- url += "from="+encodeURIComponent(link)+"&";
- url += "from.lineNo="+lineNo+"&";
- url += "from.columnNo="+columnNo;
- if (error) url += "error="+encodeURIComponent(error.message)+"&";
- return http_post(url).catch(() => {});
- }
-}
-
-export const Log = new LogManager();
diff --git a/client/model/session.js b/client/model/session.js
deleted file mode 100644
index 232b6d99..00000000
--- a/client/model/session.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import { http_get, http_post, http_delete, currentShare, urlParams } from "../helpers/";
-
-class SessionManager {
- constructor() {
- this.authorization = null;
- }
-
- currentUser() {
- const shareID = currentShare();
- return http_get("/api/session" + (shareID && `?share=${shareID}`))
- .then((data) => {
- this.authorization = data.result.authorization;
- return data.result;
- })
- .catch((err) => {
- if (err.code === "Unauthorized") {
- if (location.pathname.indexOf("/files/") !== -1 || location.pathname.indexOf("/view/") !== -1) {
- location = "/login?next=" + location.pathname;
- return;
- }
- }
- return Promise.reject(err);
- });
- }
-
- oauth2(url, next) {
- const u = new URL(document.location);
- u.pathname = url;
- if (next) u.searchParams.set("next", next);
- return http_get(u.toString())
- .then((data) => data.result);
- }
-
- middleware(formData) {
- const _GET = urlParams();
- return Promise.resolve(
- "/api/session/auth/?action=redirect&label=" +
- (formData["label"] || "") +
- (Object.keys(_GET).length > 0 ? `&state=${btoa(JSON.stringify(_GET))}` : "")
- );
- }
-
- authenticate(params) {
- const url = "/api/session";
- this.authorization = null;
- return http_post(url, params)
- .then((data) => data.result);
- }
-
- logout() {
- const url = "/api/session";
- this.authorization = null;
- return http_delete(url)
- .then((data) => data.result);
- }
-}
-
-export const Session = new SessionManager();
diff --git a/client/model/share.js b/client/model/share.js
deleted file mode 100644
index 36dee34e..00000000
--- a/client/model/share.js
+++ /dev/null
@@ -1,46 +0,0 @@
-import { http_get, http_post, http_delete, appendShareToUrl } from "../helpers/";
-
-class ShareModel {
- constructor() {
- }
-
- all(path = "/") {
- const url = `/api/share?path=${path}`;
- return http_get(url).then((res) => res.results.map((el) => {
- if (el.can_read === true && el.can_write === false && el.can_upload === false) {
- el.role = "viewer";
- } else if (el.can_read === false && el.can_write === false && el.can_upload === true) {
- el.role = "uploader";
- } else if (el.can_read === true && el.can_write === true && el.can_upload === true) {
- el.role = "editor";
- } else {
- el.role = "n/a";
- }
- return el;
- }));
- }
-
- get(id) {
- const url = `/api/share/${id}`;
- return http_get(url).then((res) => res.result);
- }
-
- upsert(obj) {
- const url = appendShareToUrl(`/api/share/${obj.id}`);
- const data = Object.assign({}, obj);
- delete data.role;
- return http_post(url, data);
- }
-
- remove(id) {
- const url = appendShareToUrl(`/api/share/${id}`);
- return http_delete(url);
- }
-
- proof(id, data) {
- const url = `/api/share/${id}/proof`;
- return http_post(url, data).then((res) => res.result);
- }
-}
-
-export const Share = new ShareModel();
diff --git a/client/model/tags.js b/client/model/tags.js
deleted file mode 100644
index c26c420a..00000000
--- a/client/model/tags.js
+++ /dev/null
@@ -1,106 +0,0 @@
-import { cache, currentShare, currentBackend } from "../helpers/";
-
-class TagManager {
- all(tagPath = "/") {
- return cache.get(cache.FILE_TAG, [currentBackend(), currentShare()]).then((DB) => {
- if (DB === null) {
- return [];
- }
- const tags = this._tagPathStringToArray(tagPath);
- if (tags.length === 0) {
- return Object.keys(DB.tags);
- }
-
- // STEP1: build the graph of selected tags
-
- // STEP2: build the node that connects to the initial graph
- return Object.keys(DB.tags)
- .map((tag) => {
- if (tags.indexOf(tag) !== -1) { // ignore tag that are already selected
- return { tag, scrore: 0 };
- }
- return {
- tag,
- score: DB.tags[tag].reduce((path, acc) => {
- // TODO
- return acc;
- }, 0),
- }
- })
- .filter((t) => t && t.score > 0)
- .sort((a, b) => a.score > b.score)
- .map((d) => d.tag);
- });
- }
-
- files(tagPath) {
- let tags = this._tagPathStringToArray(tagPath);
-
- return cache.get(cache.FILE_TAG, [currentBackend(), currentShare()]).then((DB) => {
- if (!DB) return [];
- else if (!DB.tags) return [];
- else if (tags.length === 0) tags = Object.keys(DB.tags);
-
- // push all the candidates in an array
- let paths = (DB.tags[tags[0]] || []).map((t) => ({path: t, tag: tags[0]}));
- for (let i=1; i ({path: t, tag: tags[i]})));
- }
-
- // mark element of the array that shouldn't be here
- return paths;
- });
- }
-
- _tagPathStringToArray(tagPathString) {
- return tagPathString.split("/").filter((r) => r !== "");
- }
-
- addTagToFile(tag, path) {
- return cache.upsert(cache.FILE_TAG, [currentBackend(), currentShare()], (DB) => {
- if(Object.keys(DB.tags).indexOf(tag) === -1) {
- DB.tags[tag] = [];
- }
- if(!DB.tags[tag].indexOf(path) === -1) {
- DB.tags[tag].push(path);
- }
- return DB;
- });
- }
-
- removeTagFromFile(tag, path) {
- return cache.upsert(cache.FILE_TAG, [currentBackend(), currentShare()], (DB) => {
- if(!DB.tags[tag]) return;
- const idx = DB.tags[tag].indexOf(path);
- DB.tags[tag].splice(idx, 1);
- if (DB.tags[tag].length === 0) {
- delete DB.tags[tag];
- }
- return DB;
- });
- }
-
- import(DB) {
- if(JSON.stringify(Object.keys(DB)) !== JSON.stringify(["tags", "share", "backend"])) {
- return Promise.reject(new Error("Not Valid"));
- }
- return cache.upsert(cache.FILE_TAG, [currentBackend(), currentShare()], () => {
- return DB;
- });
- }
-
- export() {
- const key = [currentBackend(), currentShare()];
- return cache.get(cache.FILE_TAG, key)
- .then((a) => {
- if (a === null) {
- return {tags: {}, share: key[1], backend: key[0]}
- }
- return a;
- });
- }
-}
-
-export const Tags = new TagManager();
diff --git a/client/pages/adminpage.js b/client/pages/adminpage.js
deleted file mode 100644
index 8f1259a5..00000000
--- a/client/pages/adminpage.js
+++ /dev/null
@@ -1,128 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { Route, Switch, NavLink, useRouteMatch } from "react-router-dom";
-
-import "./error.scss";
-import "./adminpage.scss";
-import { Icon, LoadingPage, CSSTransition, ErrorPage } from "../components/";
-import { Admin } from "../model";
-import { notify } from "../helpers/";
-import { t } from "../locales/";
-
-import {
- HomePage, BackendPage, SettingsPage, AboutPage, LogPage, SetupPage, LoginPage,
-} from "./adminpage/";
-
-function AdminOnly(WrappedComponent) {
- let initIsAdmin = null;
- return function AdminOnlyComponent(props) {
- const [isAdmin, setIsAdmin] = useState(initIsAdmin);
-
- const refresh = () => {
- Admin.isAdmin().then((r) => {
- initIsAdmin = r;
- setIsAdmin(r);
- }).catch((err) => {
- if (err.code === "INTERNAL_SERVER_ERROR") {
- props.error({message: t("Cannot establish a connection")})
- return;
- }
- notify.send("Error: " + (err && err.message), "error");
- setIsAdmin(false);
- });
- };
-
- useEffect(() => {
- refresh();
- const timeout = window.setInterval(refresh, 5 * 1000);
- return () => clearInterval(timeout);
- }, []);
-
- if (isAdmin === true || /\/admin\/setup$/.test(location.pathname)) {
- return (
-
-
-
- }
- />
- }
- />
- } />
-
-
- {
- props.isLoading ? (
-
-
- ) : (
-
-
- )
- }
-
Admin console
-
-
-
- Backend
-
-
-
-
- Settings
-
-
-
-
- Logs
-
-
-
-
- { version }
-
-
-
-
-
- );
-}
diff --git a/client/pages/adminpage/about.scss b/client/pages/adminpage/about.scss
deleted file mode 100644
index 31a47e6a..00000000
--- a/client/pages/adminpage/about.scss
+++ /dev/null
@@ -1,9 +0,0 @@
-#about-page {
- padding-top: 50px;
- overflow-x: auto;
- table td {
- min-width: 100px;
- padding: 10px 0;
- }
- .small { font-size: 0.9rem; }
-}
diff --git a/client/pages/adminpage/backend.js b/client/pages/adminpage/backend.js
deleted file mode 100644
index a23f9e51..00000000
--- a/client/pages/adminpage/backend.js
+++ /dev/null
@@ -1,469 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { FormBuilder, Icon, Input, Alert, Loader } from "../../components/";
-import { Backend, Config, Middleware } from "../../model/";
-import { FormObjToJSON, notify, format, createFormBackend, objectGet, JSONStringify } from "../../helpers/";
-import { t } from "../../locales/";
-
-import "./backend.scss";
-
-export class BackendPage extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- backend_enabled: [],
- backend_available: {},
- auth_enabled: null,
- auth_available: {},
- config: null,
- isLoading: true,
- };
- }
-
- componentDidMount() {
- Promise.all([
- Backend.all(),
- Config.all(),
- Middleware.getAllAuthentication(),
- ]).then((data) => {
- const [backend, config, middleware_auth] = data;
- delete config["constants"];
- this.setState({
- isLoading: false,
- backend_available: backend,
- backend_enabled: window.CONFIG["connections"].filter((b) => b).map((conn) => {
- const f = createFormBackend(backend, conn);
- if (Object.keys(f).length === 0) {
- return null;
- }
- return f;
- }).filter((a) => a !== null),
- config: config,
- auth_available: middleware_auth,
- auth_enabled: {
- // We are storing the config in a fixed schema as we had issues with handling
- // different schema for each authentication middleware.
- "identity_provider": (function() {
- let { type, params } = objectGet(config, ["middleware", "identity_provider"]) || {};
- type = objectGet(type, ["value"]);
- params = objectGet(params, ["value"]);
- if (!type) return {};
- const idpParams = JSON.parse(params);
- const idpForm = middleware_auth[type] || {};
- let key = null;
- for (key in idpParams) {
- if (!idpForm[key]) continue;
- idpForm[key]["value"] = idpParams[key];
- }
- return idpForm;
- }()),
- "attribute_mapping": (function(state) {
- let { related_backend, params = {} } = objectGet(config, ["middleware", "attribute_mapping"]) || {};
- related_backend = objectGet(related_backend, ["value"]);
- params = JSON.parse(objectGet(params, ["value"]) || "{}");
- const backendsForm = Object.keys(params).reduce((acc, key) => {
- const t = createFormBackend(
- backend,
- params[key],
- );
- acc[key] = t[params[key]["type"]];
- return acc;
- }, {});
- return {
- "related_backend": {
- "label": "Related Backend",
- "type": "text",
- "description": "List of backends to have behind the authentication process. Can be either a backend type of the actual label",
- "placeholder": "eg: ftp,sftp,webdav",
- "readonly": false,
- "default": null,
- "value": related_backend,
- "multi": true,
- "datalist": window.CONFIG["connections"].map((r) => r.label),
- "required": true,
- },
- ...backendsForm,
- };
- })(),
- },
- });
- });
- }
-
- componentWillUnmount() {
- this.props.isSaving(false);
- Config.clear();
- }
-
- refresh() {
- // refresh the screen to refresh the mutation
- // that have happenned down the stack which react couldn't detect directly
- this.setState({ refresh: Math.random() });
- }
-
- _buildConfig() {
- const json = FormObjToJSON(this.state.config);
- json.connections = this.state.backend_enabled.map((backend) => {
- const data = FormObjToJSON(backend, (obj, key) => {
- if (obj[key].enabled === true) {
- obj[key] = obj[key].value || obj[key].default;
- } else {
- delete obj[key];
- }
- });
- const key = Object.keys(data)[0];
- return data[key];
- });
- return json;
- }
-
- onUpdateStorageBackend(e) {
- this.refresh();
- const json = this._buildConfig();
- this.props.isSaving(true);
- return Config.save(json, true, () => {
- this.props.isSaving(false);
- }, (err) => {
- notify.send(err && err.message || t("Oops"), "error");
- this.props.isSaving(false);
- });
- }
-
- onUpdateAuthenticationMiddleware(middlewareData = null) {
- this.refresh();
- const json = this._buildConfig();
- json["middleware"] = {
- "identity_provider": (function() {
- const { type, ...other } = objectGet(middlewareData, ["identity_provider"]) || {};
- return {
- "type": type || null,
- "params": JSONStringify(other),
- };
- })(),
- "attribute_mapping": (function() {
- let { related_backend = null, ...params } = objectGet(middlewareData, ["attribute_mapping"]) || {};
- const obj = {
- "related_backend": related_backend || "nop"
- };
- if(Object.keys(params).length > 0) {
- obj.params = JSONStringify(params);
- }
- return obj;
- })(),
- };
-
- this.props.isSaving(true);
- return Config.save(json, true, () => {
- this.props.isSaving(false);
- }, (err) => {
- notify.send(err && err.message || t("Oops"), "error");
- this.props.isSaving(false);
- });
- }
-
- addBackend(backend_id) {
- this.setState({
- backend_enabled: this.state.backend_enabled.concat(
- createFormBackend(this.state.backend_available, {
- type: backend_id,
- label: function() {
- const existingLabels = this.state.backend_enabled
- .filter((b) => !!b[backend_id])
- .map((b) => b[backend_id]["label"]["value"]);
-
- for (let i=1; i<=existingLabels.length; i++) {
- const desiredLabel = backend_id.toUpperCase() + i;
- if (existingLabels.indexOf(desiredLabel) === -1) {
- return desiredLabel;
- }
- }
- return backend_id.toUpperCase();
- }.bind(this)(),
- }),
- ),
- }, this.onUpdateStorageBackend.bind(this));
- }
-
- removeBackend(n) {
- this.setState({
- backend_enabled: this.state.backend_enabled.filter((_, i) => i !== n),
- }, this.onUpdateStorageBackend.bind(this));
- }
-
- changeAuthentication(auth) {
- this.setState({
- auth_enabled: {
- "identity_provider": auth === null ? {} : this.state.auth_available[auth],
- "attribute_mapping": objectGet(this.state.auth_enabled, ["attribute_mapping"]) || {},
- },
- }, () => {
- this.onUpdateAuthenticationMiddleware(FormObjToJSON(this.state.auth_enabled));
- });
- }
-
- render() {
- const formRender = ($input, props, struct, onChange) => {
- if (struct.type === "enable") {
- // toggle buttons is to hide info from the login page
- // in this screen, we don't want users to have to click through too many things
- return null;
- }
- return (
-
-
-
- { format(struct.label) }:
-
-
- { $input }
-
-
-
-
- {
- struct.description ? (
-
$1")
- .replaceAll("\n", "
- ) : null
- }
-
-
- );
- };
-
- return (
-
- {
- this.state.isLoading ? (
-
- ) : (
-
-
- Once you have selected one or more storage backend, you can add some middleware to:plugin documentation
-
-
- )
- }
-
-
Storage Backend
-
- {
- Object.keys(backend_available)
- .sort((a, b) => a > b)
- .map((backend_available_current, index) => (
-
backend_add(backend_available_current)}
- className={"box-item pointer no-select" + (isActiveBackend(backend_available_current) ? " active": "")}>
-
- { backend_available_current }
-
- +
-
-
-
- ))
- }
-
- {
- backend_enabled.length !== 0 ? (
-
- ) :
There is no storage selected. Where do you want to connect to?
- }
-
{
- if (key === "related_backend") return;
- if (existingValues.indexOf(key) !== -1) return;
- needToSave = true;
- delete attribute_mapping[key];
- });
- if (needToSave === false) return;
- const d = {
- identity_provider,
- attribute_mapping: attribute_mapping,
- };
- formChange(FormObjToJSON(d));
- setFormSpec(d);
- }, [
- formSpec["attribute_mapping"]["related_backend"]["value"],
- !formSpec["identity_provider"],
- ]);
-
- useEffect(() => { // autocompletion of the related_backend field
- const f = { ...formSpec };
- f.attribute_mapping.related_backend.datalist = backend_enabled
- .map((r) => r[Object.keys(r)[0]].label.value);
-
- const enabledBackendLabel = backend_enabled.map((b) => b[Object.keys(b)[0]].label.value);
- f.attribute_mapping.related_backend.value = (f.attribute_mapping.related_backend.value || "")
- .split(/, ?/)
- .filter((value) => enabledBackendLabel.indexOf(value) !== -1)
- .join(", ");
-
- setFormSpec(f);
- }, [backend_enabled]);
-
- const isActiveAuth = (auth_key) => {
- return auth_key === objectGet(authentication_enabled, ["identity_provider", "type", "value"]);
- };
-
- if (Object.keys(authentication_available).length === 0) return null;
- return (
-
-
Authentication Middleware
-
-
- {
- Object.keys(authentication_available)
- .map((auth_current) => (
-
authentication_update(isActiveAuth(auth_current) ? null : auth_current)}
- className={"box-item pointer no-select" + (isActiveAuth(auth_current) ? " active": "")}>
-
- { auth_current }
-
-
- {
- isActiveAuth(auth_current) === false ?
- "+" :
-
-
-
-
- ))
- }
-
- {
- objectGet(authentication_enabled, ["identity_provider", "type"]) && (
-
-
- )
- }
-
-
Logging
-
-
-
Activity Report
-
-
-
-
- { format(struct.label) }:
-
-
- { $input }
-
-
-
-
- {
- struct.description && (
-
{struct.description}
- )
- }
-
-
-);
-
-function LogComponent({ isSaving }) {
- const [log, setLog] = useState("");
- const [form, setForm] = useState({});
- const [config, setConfig] = useState({});
- const $log = useRef();
- const filename = () => {
- const t = new Date().toISOString().substring(0, 10).replace(/-/g, "");
- return `access_${t}.log`;
- };
- const onChange = (r) => {
- const c = Object.assign({}, config);
- c["log"] = r[""]["params"];
- c["connections"] = window.CONFIG.connections;
- delete c["constant"];
- isSaving(true);
- Config.save(c, true, () => {
- isSaving(false);
- }, () => {
- isSaving(false);
- notify.send(err && err.message || t("Oops"), "error");
- });
- };
- const fetchLogs = () => {
- Log.get(1024*100).then((log) => { // get only the last 100kb of log
- setLog(log + "\n\n\n\n\n");
- if ($log.current.scrollTop === 0) {
- $log.current.scrollTop = $log.current.scrollHeight;
- }
- }).catch((err) => {
- setLog(err && err.message || t("Oops"));
- });
- };
-
- useEffect(() => {
- Config.all().then((config) => {
- setForm({ "": { "params": config["log"] } });
- setConfig(FormObjToJSON(config));
- });
- fetchLogs();
- const id = setInterval(fetchLogs, 5000);
- return () => {
- clearInterval(id);
- Config.clear();
- isSaving(false);
- };
- }, []);
-
- return (
-
-
-
-
- { log === "" ?
-
-
- );
-}
-
-
-function AuditComponent() {
- const [loading, setLoading] = useState(false);
- const [formSpec, setFormSpec] = useState(null);
- const [searchParams, setSearchParams] = useState({});
- const [debouncedSearchParams, setDebouncedSearchParams] = useState({});
- const [render, setRender] = useState(null);
-
- const onChange = (a) => {
- const sp = {};
- const formBlocks = Object.keys(a[""]);
- for(let i=0; i {
- setDebouncedSearchParams(a);
- }, 1000), []);
-
- useEffect(() => {
- setLoading(true);
- const ctrl = new AbortController();
- Audit.get(searchParams, ctrl).then(([form, html]) => {
- setLoading(false);
- if(formSpec === null) setFormSpec({ "": form });
- setRender(html);
- }).catch((err) => {
- if(err.code === "ABORTED") return;
- setLoading(false);
- setRender(err.message);
- });
- return () => ctrl.abort();
- }, [debouncedSearchParams]);
- return (
-
- {
- formSpec && (
-
- )
- }
-
-
- {
- loading ? (
-
- ) : (
-
- )
- }
-
-
-
-
- );
-}
diff --git a/client/pages/adminpage/settings.js b/client/pages/adminpage/settings.js
deleted file mode 100644
index 5c3a19fb..00000000
--- a/client/pages/adminpage/settings.js
+++ /dev/null
@@ -1,82 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { FormBuilder } from "../../components/";
-import { Config } from "../../model/";
-import { notify, nop } from "../../helpers";
-import { t } from "../../locales/";
-
-export function SettingsPage({ isSaving = nop }) {
- const [form, setForm] = useState({});
- const format = (name) => {
- if (typeof name !== "string") {
- return "N/A";
- }
- return name
- .split("_")
- .map((word) => {
- if (word.length < 1) {
- return word;
- }
- return word[0].toUpperCase() + word.substring(1);
- })
- .join(" ");
- };
- const onChange = (_form) => {
- _form.connections = window.CONFIG.connections;
- delete _form.constant;
- refresh(Date.now());
- isSaving(true);
- Config.save(_form, true, () => {
- isSaving(false);
- }, (err) => {
- isSaving(false);
- notify.send(err && err.message || t("Oops"), "error");
- });
- };
- const refresh = useState(null)[1];
-
- useEffect(() => {
- Config.all().then((c) => {
- // The constant key contains read only global variable that are
- // application wide truth => not editable from the admin area
- delete c.constant;
- delete c.middleware;
- setForm(c);
- });
- return () => {
- Config.clear();
- isSaving(false);
- };
- }, []);
-
- const renderForm = ($input, props, struct, onChange) => (
-
-
-
- { format(struct.label) }:
-
-
- { $input }
-
-
-
-
- { struct.description && (
-
{struct.description}
- )}
-
-
- );
-
- return (
-
-
-
- );
-}
diff --git a/client/pages/adminpage/setup.js b/client/pages/adminpage/setup.js
deleted file mode 100644
index 2acd99d0..00000000
--- a/client/pages/adminpage/setup.js
+++ /dev/null
@@ -1,247 +0,0 @@
-import React, { createRef } from "react";
-import ReactCSSTransitionGroup from "react-addons-css-transition-group";
-
-import { Input, Button, Icon, NgIf, Loader } from "../../components/";
-import { Config, Admin } from "../../model/";
-import { notify, FormObjToJSON, alert, objectGet } from "../../helpers";
-import { bcrypt_password } from "../../helpers/bcrypt";
-
-import "./setup.scss";
-
-export class SetupPage extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- busy: false,
- };
- }
-
- componentDidMount() {
- const start = (e) => {
- e.preventDefault();
- this.props.history.push("/");
- };
-
- Config.all().then((config) => {
- if (config.log.telemetry.value === true) return;
- this.unlisten = this.props.history.listen((location, action) => {
- this.unlisten();
- alert.now((
-
-
- Help making this software better by sending crash reports and
- anonymous usage statistics
-
-
-
-
- );
- }
-}
-
-
-class MultiStepForm extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- current: parseInt(window.location.hash.replace("#", "")) || 0,
- answer_password: "",
- has_answered_password: false,
- deps: [],
- };
- this.$input = createRef();
- }
-
- componentDidMount() {
- if (this.state.current === 1) {
- this.props.summaryCall().then((deps) => {
- this.setState({ deps: deps });
- });
- }
- }
-
- onAdminPassword(e) {
- e.preventDefault();
- this.props.onAdminPassword(this.state.answer_password, () => {
- this.setState({ has_answered_password: true });
- this.onStepChange(1);
- });
- }
-
- onStepChange(n) {
- this.setState({ current: n }, () => {
- if (n === 1) this.componentDidMount();
- });
- }
-
- render() {
- const hideMenu = (
-
- );
- if (this.state.current === 0) {
- return (
-
-
- Admin Password
-
-
-
-
Create your instance admin password:
-
-
- {hideMenu}
-
-
- Summary
-
-
-
-
- Verifying
-
-
- {
- this.state.deps.map((dep, idx) => {
- return (
-
-
- {dep.pass ? dep.name_success : dep.name_failure}
- {dep.pass ? null : ": " + dep.message}
-
- );
- })
- }
-
-
-
- { props.navleft === true &&
- props.onStepChange(props.current - 1)}/> }
- { props.children }
- { props.navright === true &&
- props.onStepChange(props.current + 1)}/> }
-
- );
-};
diff --git a/client/pages/adminpage/setup.scss b/client/pages/adminpage/setup.scss
deleted file mode 100644
index d042286e..00000000
--- a/client/pages/adminpage/setup.scss
+++ /dev/null
@@ -1,67 +0,0 @@
-@import "../../assets/css/mixin.scss";
-
-.component_setup{
- transform: none!important; // transition and fixed position doesn't cohabit well so we have to resort
- // to remove animation on this page to preserve the layout
-
- h4{
- user-select: none;
- text-align: center;
- font-size: 1.4em;
- font-weight: 500;
- padding: 20px 0 0px 0;
- .component_icon{
- vertical-align: text-top;
- width: 1.3em;
- cursor: pointer;
- &[alt="loading"]{ opacity: 0; }
- }
- }
- #step1{
- p {
- font-size: 1.1em;
- margin-bottom: 10px;
- }
-
- form {
- max-width: 400px;
- }
- @include inlinedInputWithSubmit();
- }
- #step2{
- .component_dependency_installed{
- margin: 10px 0;
- padding: 10px 10px;
- border-radius: 3px;
- color: rgba(0,0,0,0.6);
- &.yes{
- background: var(--success);
- }
- &.no{
- background: var(--primary);
- &.severe{
- background: var(--error);
- span{
- font-weight: bold;
- font-style: italic;
- }
- }
- }
- }
- }
-
- .stepper-form-appear, .stepper-form-enter{
- transition-delay: 0.3s;
- transform: scale(1.02);
- opacity: 0;
- transition: all 0.3s ease;
- &.stepper-form-appear-active, &.stepper-form-enter-active{
- opacity: 1;
- transform: scale(1);
- }
- }
-
- .component_icon{
- width: 30px;
- }
-}
diff --git a/client/pages/connectpage.js b/client/pages/connectpage.js
deleted file mode 100644
index 6b00de1b..00000000
--- a/client/pages/connectpage.js
+++ /dev/null
@@ -1,104 +0,0 @@
-import React, { useState, useEffect } from "react";
-
-import "./connectpage.scss";
-import { Session } from "../model/";
-import { Container, NgShow, Loader, ErrorPage } from "../components/";
-import { ForkMe, PoweredByFilestash, Form } from "./connectpage/";
-import { cache, notify, urlParams, setup_cache_state } from "../helpers/";
-
-function ConnectPageComponent({ error, history }) {
- const [isLoading, setIsLoading] = useState(true);
- const _GET = urlParams();
-
- const authenticate = (formData) => {
- return Session.authenticate(formData)
- .then(() => Session.currentUser())
- .then((user) => {
- if (formData["next"]) {
- location = formData["next"];
- return;
- }
- let url = "/files/";
- if (user["home"]) {
- user["home"] = user["home"].replace(/^\/?(.*?)\/?$/, "$1").trim();
- if (user["home"] !== "") url = `${url}${user["home"]}/`;
- }
- cache.destroy().then(() => {
- setup_cache_state(user["backendID"])
- history.push(url);
- }).catch((err) => error(err));
- });
- };
-
- const onFormSubmit = (formData) => {
- if ("middleware" in formData) {
- setIsLoading(true);
- Session.middleware(formData).then((url) => {
- window.location.href = url;
- }).catch((err) => error(err));
- return;
- } else if ("oauth2" in formData) {
- setIsLoading(true);
- Session.oauth2(formData["oauth2"], _GET["next"]).then((url) => {
- window.location.href = url;
- }).catch((err) => error(err));
- return;
- }
- setIsLoading(true);
- authenticate({ ..._GET, ...formData }).catch((err) => {
- setIsLoading(false);
- notify.send(err, "error");
- });
- };
-
- const onFormChangeLoadingState = (onOrOff) => {
- // we might not want to update the UI when:
- // 1. user came from oauth2/oidc request
- // 2. user came from a form pointing to this page
- if (_GET["state"]) return;
- else if (_GET["type"]) return;
- setIsLoading(onOrOff);
- };
-
- useEffect(() => {
- if (_GET["state"]) { // oauth2/oidc
- const [type, next] = _GET["state"].split("::");
- authenticate({
- ..._GET,
- next: next,
- type: type,
- }).catch((err) => error(err));
- } else if (_GET["type"]) { // form using get
- authenticate(_GET).catch((err) => error(err));
- }
- }, []);
-
- return (
-
- { window.CONFIG["fork_button"] &&
}
-
-
- { isLoading &&
-
- { window.CONFIG["fork_button"] &&
-
-
- { $input }
-
- );
- } else if (struct.enabled === true) {
- return null;
- } else if (struct.label === "advanced") {
- return (
-
- { $input }
- { t("Advanced") }
-
- );
- }
- return (
-
-
- { $input }
-
-
- );
- };
-
- return (
-
- {
- enabledBackends.length > 1 && (
-
- {
- enabledBackends.map((backend, i) => {
- const key = Object.keys(backend)[0];
- if (!backend[key]) return null;
- return (
- onTypeChange(i)}
- >
- { backend[key].label.value }
-
- );
- })
- }
-
- )
- }
- {
- enabledBackends.map((form, i) => {
- const key = Object.keys(form)[0];
- if (selectedTab !== i) return null;
-
- const auth = window.CONFIG["auth"];
- if (auth.indexOf(key) !== -1 || auth.indexOf(form[key].label.value) !== -1) {
- return hasUserInteracted === false && enabledBackends.length > 1 ? (
- onSubmit({
- middleware: true,
- label: form[key].label.value,
- })}
- theme="emphasis"
- style={{ padding: "8px" }}
- key={`sso-${i}`}>
- { t("CONNECT") }
-
- ) : (
- onSubmit({
- middleware: true,
- label: form[key].label.value,
- })} />
- );
- }
-
- return (
-
-
-
- );
- })
- }
-
- );
-}
-
-
-function LoaderWithTimeout({ callback = nop, timeout = 0 }) {
- useEffect(() => {
- const t = setTimeout(() => callback(), timeout);
- return () => {
- clearTimeout(t);
- };
- });
- return (
-
-
- );
- if (this.state.files.length <= this.state.page_number * LOAD_PER_SCROLL) {
- $moreLoading = null;
- }
- return (
-
-
-
this.handleMultiSelect([], e)} className="selectablegroup">
-
-
- 70}
- initialLoad={false} useWindow={false}
- loadMore={this.loadMore.bind(this)} threshold={100}>
- {/* */}
-
-
-
- this.onView(value)}
- onSortUpdate={(value) => this.onSort(value)}
- accessRight={this.state.permissions || {}}
- selected={this.state.selected} />
-
-
-
-
-
-
-
-
-
-
-
- this.props.onView(value)}
- onSortUpdate={(value) => this.props.onSort(value)}
- accessRight={this.props.metadata || {}} />
-
-
- 0}>
-
- {
- this.props.files.map((file, index) => {
- if (file.type === "directory" || file.type === "file" ||
- file.type === "link" || file.type === "bucket") {
- return (
-
-
-
-
-
- { t("There is nothing here") }
-
-
-
- { t("DROP HERE TO UPLOAD") }
-
,
- );
-}
-
-const HOCDropTargetForFSFile = (Cmp) => {
- return DropTarget(
- "__NATIVE_FILE__", {
- drop(props, monitor) {
- props.emit("file.upload", props.path, monitor.getItem());
- },
- },
- (connect, monitor) => ({
- connectDropFile: connect.dropTarget(),
- fileIsOver: monitor.isOver(),
- }),
- )(Cmp);
-};
-
-export const FileZone = EventEmitter(HOCDropTargetForFSFile(FileZoneComponent));
-
-function MobileFileUploadComponent({ emit, path, accessRight }) {
- if (!window.CONFIG["upload_button"] && /(Android|iPad|iPhone)/.test(navigator.userAgent) === false) {
- return null;
- } else if (accessRight.can_create_file === false || accessRight.can_create_directory === false) {
- return null;
- }
-
- const onUpload = (e) => {
- emit("file.upload", path, e);
- };
- return (
-
-
-
-
-
- );
-}
-
-export const MobileFileUpload = EventEmitter(MobileFileUploadComponent);
diff --git a/client/pages/filespage/filezone.scss b/client/pages/filespage/filezone.scss
deleted file mode 100644
index 0b4f8a11..00000000
--- a/client/pages/filespage/filezone.scss
+++ /dev/null
@@ -1,58 +0,0 @@
-@import "../../assets/css/mixin.scss";
-
-.component_filezone{
- border: 2px dashed;
- padding: 25px 0;
- margin-bottom: 10px;
- text-align: center;
- font-weight: bold;
- text-transform: uppercase;
- &.hover{
- background: var(--emphasis-primary);
- border: 2px dashed var(--primary);
- }
-}
-
-.component_mobilefileupload{
- display: inline;
- position: fixed;
- bottom: 25px;
- right: 25px;
-
- input[type="file"]{
- width: 0.1px;
- height: 0.1px;
- opacity: 0;
- overflow: hidden;
- position: absolute;
- z-index: -1;
- }
- input[type="file"]:focus + label, input[type="file"] + label:hover {
- opacity: 0.95;
- }
- input[type="file"] + label {
- display: inline-block;
- cursor: pointer;
- background: var(--color);
- border-radius: 50%;
- @include ripple(var(--emphasis-secondary), var(--primary));
- box-shadow: rgba(0, 0, 0, 0.14) 0px 4px 5px 0px, rgba(0, 0, 0, 0.12) 0px 1px 10px 0px, rgba(0, 0, 0, 0.2) 0px 2px 4px -1px;
-
- width: 50px;
- height: 50px;
- .component_icon{
- width: 24px;
- height: 24px;
- padding: 13px;
- }
- }
-}
-
-.mobilefileupload-appear{
- transform: translateX(75px);
- transition: transform 0.25s ease;
-}
-.mobilefileupload-appear-active{
- transition-delay: 0.3s;
- transform: translateX(0px);
-}
diff --git a/client/pages/filespage/frequently_access.js b/client/pages/filespage/frequently_access.js
deleted file mode 100644
index 66447d2f..00000000
--- a/client/pages/filespage/frequently_access.js
+++ /dev/null
@@ -1,75 +0,0 @@
-import React from "react";
-import { Link } from "react-router-dom";
-import ReactCSSTransitionGroup from "react-addons-css-transition-group";
-
-import { Container, Icon, NgIf } from "../../components/";
-import { URL_TAGS, URL_FILES } from "../../helpers/";
-import Path from "path";
-import { t } from "../../locales/";
-
-import "./frequently_access.scss";
-
-export function FrequentlyAccess({ files, tags }) {
- let showPlaceholder = true;
- if (files === null || tags === null) showPlaceholder = false;
- else if (files && files.length > 0) showPlaceholder = false;
- else if(tags && tags.length > 0) showPlaceholder = false;
-
- return (
-
-
-
- 0}>
- {t("Quick Access")}
-
- {
- files && files.map((path, index) => {
- return (
-
-
-
{Path.basename(path)}
-
- );
- })
- }
-
- 0}>
- {t("Tag")}
-
-
-
-
All
-
- {
- tags && tags.map((tag, index) => {
- return (
-
-
-
{tag}
-
- );
- })
- }
-
-
-
-
- { t("Frequently access folders will be shown here") }
-
-
-
-
{
- if (this.state.url !== null && this.state.url !== this.state.id) {
- this.onDeleteLink(this.state.id);
- }
- return Promise.resolve();
- })
- .then(() => this.setState(this.resetState()))
- .catch((err) => {
- notify.send(err, "error");
- const validLinks = this.state.existings.slice(1, this.state.existings.length);
- this.setState({ existings: validLinks });
- });
- }
-
-
- render() {
- const urlify = function(str) {
- if (typeof str !== "string") return "";
-
- str = str.replace(/\s+/g, "+");
- str = str.replace(/[^a-zA-Z0-9\+-_]/g, "_");
- str = str.replace(/_+/g, "_");
- return str;
- };
- const datify = function(str) {
- if (!str) return str;
- const d = new Date(str);
-
- // old browser not implementing input[type=date] elements
- // may return invalid date,
- if (isNaN(d.getDate())) return str;
-
- const pad2 = (a) => ("00"+a).slice(-2);
- const pad4 = (a) => ("0000"+a).slice(-4);
- return [pad4(d.getFullYear()), pad2(d.getMonth()+1), pad2(d.getDate())].join("-");
- };
-
- return (
-
-
{ t("Create a New Link") }
-
-
-
- { t("Viewer") }
-
-
- { t("Editor") }
-
- { this.props.type === "file" ? null :
-
- { t("Uploader") }
-
- }
-
-
-
0}>
- { t("Existing Links") }
- 5 ? "90px" : "inherit" }}>
- {
- this.state.existings && this.state.existings.map((link, i) => {
- return (
-
-
- { t(link.role) }
-
-
- { pathBuilder(this.props.path, link.path.replace(/^\//, ""), this.props.type) }
-
-
- );
- })
- }
-
-
-
- { t("Restrictions") }
-
-
-
-
- { t("Advanced") }
-
-
-
-
-
- this.updateState("url", urlify(val))}
- inputType="text" />
-
-
-
-
-
-
-
-
-
-
-
- );
-};
diff --git a/client/pages/filespage/share.scss b/client/pages/filespage/share.scss
deleted file mode 100644
index 8104da42..00000000
--- a/client/pages/filespage/share.scss
+++ /dev/null
@@ -1,139 +0,0 @@
-@import "../../assets/css/mixin.scss";
-
-.component_share{
- h2{
- margin: 0 0 5px 0;
- font-size: 1.2em;
- font-weight: 100;
- .component_icon{
- float: right;
- width: 24px;
- }
- }
- .copy {
- cursor: copy;
- }
- .share--content{
- margin-bottom: 10px;
-
- &.link-type{
- display: flex;
- flex-direction: row;
- > div{
- cursor: pointer;
- text-align: center;
- margin-right: 4px;
- padding: 15px 0;
- width: 100%;
- border-radius: 3px;
- color: rgba(0, 0, 0, 0.3);
- text-shadow: 0px 0px 1px var(--color);
- background: var(--bg-color);
- &.active{
- background: var(--primary);
- }
- @include ripple(var(--emphasis-primary), var(--primary));
- }
- }
- &.existing-links{
- overflow-y: auto;
- -webkit-overflow-scrolling: touch;
-
- .link-details{
- padding: 3px 5px;
- border: 2px solid var(--super-light);
- border-left: none;
- border-right: none;
- margin-top: -2px;
- line-height: 20px;
- .role{
- margin-left: -5px;
- margin-right: 5px;
- font-size: 0.8em;
- color: var(--light);
- display: inline-block;
- min-width: 75px;
- text-transform: uppercase;
- }
- .path{
- vertical-align: middle;
- font-size: 0.9em;
- max-width: 170px;
- display: inline-block;
- white-space: nowrap;
- overflow-x: hidden;
- text-overflow: ellipsis;
- }
- .component_icon{
- width: 20px;
- float: right;
- cursor: pointer;
- }
- }
- }
- &.advanced-settings, &.restrictions{
- max-height: 115px;
- overflow-y: auto;
- -webkit-overflow-scrolling: touch;
- }
- }
- .shared-link{
- display: table;
- input{
- display: table-cell;
- width: 100%;
- font-size: 0.9em;
- background: var(--bg-color);
- box-sizing: border-box;
- padding: 4px 5px;
- border-radius: 3px;
- border-top-right-radius: 0;
- border-bottom-right-radius: 0;
- border: 2px solid var(--primary);
- border-right: none;
- color: var(--dark);
- }
- > div {
- border-radius: 5px;
- border-top-left-radius: 0;
- border-bottom-left-radius: 0;
- border: 2px solid var(--primary);
- border-left: none;
- background: var(--bg-color);
-
- display: table-cell;
- width: 1%;
- button{
- padding: 0px 8px;
- img{
- width: 16px;
- height: 16px;
- vertical-align: middle;
- }
- }
- }
- }
-}
-.component_supercheckbox{
- > label{
- font-size: 0.95em;
- font-style: italic;
- input{
- margin-right: 5px;
- margin-top: 2px;
- }
- }
- > div > input{
- width: calc(100% - 10px);
- box-sizing: border-box;
- margin-bottom: 5px;
- border: none;
- border-radius: 3px;
- font-size: 0.9em;
- padding: 3px 5px;
- color: var(--color);
-
- background: var(--bg-color);
- border-bottom: 0;
- }
-}
diff --git a/client/pages/filespage/sidebar.js b/client/pages/filespage/sidebar.js
deleted file mode 100644
index 74546450..00000000
--- a/client/pages/filespage/sidebar.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { Icon } from "../../components/";
-import { settings_get, settings_put } from "../../helpers/";
-
-import "./sidebar.scss";
-
-export function Sidebar({ path }) {
- const [isOn, setIsOn] = useState(function() {
- const v = settings_get("filespage_show_tree");
- if(typeof v === "boolean") return v;
- return document.body.clientWidth > 1700;
- }());
- const [isDisplayed, setIsDisplayed] = useState(document.body.clientWidth > 1250)
-
- const onToggleHandler = () => {
- setIsOn(!isOn);
- requestAnimationFrame(() => settings_put("filespage_show_tree", !isOn));
- };
-
- useEffect(() => {
- const onResizeHandler = () => setIsDisplayed(document.body.clientWidth > 1250);
- window.addEventListener("resize", onResizeHandler);
- return () => window.removeEventListener("resize", onResizeHandler);
- }, []);
-
- return isDisplayed && (
-
- );
-}
diff --git a/client/pages/filespage/sidebar.scss b/client/pages/filespage/sidebar.scss
deleted file mode 100644
index a31dc44e..00000000
--- a/client/pages/filespage/sidebar.scss
+++ /dev/null
@@ -1,59 +0,0 @@
-.component_sidebar {
- position: absolute;
- margin-top: 47px;
- font-size: 0.9rem;
- padding: 10px 20px 10px 0;
- z-index: 3;
- width: 180px;
- min-height: 250px;
-
- transform: translateX(-170px);
- transition: transform 0.2s;
- &.active {
- transform: translateX(0);
- transition: transform 0.5s;
-
- .icon{
- transform: rotate(180deg);
- }
- }
-
- .icon {
- transition: transform 0.3s;
- position: absolute;
- right: 0px;
- top: 0;
- cursor: pointer;
-
- box-shadow: rgba(158, 163, 172, 0.3) 5px 5px 20px;
- border-radius: 50%;
- img {
- width: 30px;
- height: 30px;
- }
- }
-
- ul {
- margin: 0;
- padding: 0 0 0 20px;
- list-style-type: none;
-
- li {
- margin: 5px 0;
- &.active {
- margin: 5px 0;
- background: var(--emphasis-primary);
- padding: 1px 4px;
- border-radius: 2px;
- border: 1px solid var(--primary);
- }
-
- img {
- padding-right: 5px;
- height: 16px;
- width: 16px;
- float: left;
- }
- }
- }
-}
diff --git a/client/pages/filespage/submenu.js b/client/pages/filespage/submenu.js
deleted file mode 100644
index f865abeb..00000000
--- a/client/pages/filespage/submenu.js
+++ /dev/null
@@ -1,284 +0,0 @@
-import React, { createRef, useEffect, useState } from "react";
-import PropTypes from "prop-types";
-import ReactCSSTransitionGroup from "react-addons-css-transition-group";
-
-import {
- NgIf, Icon, EventEmitter, Dropdown, DropdownButton, DropdownList,
- DropdownItem, Container, Loader,
-} from "../../components/";
-import { debounce, alert, confirm, prompt, notify } from "../../helpers/";
-import { Files } from "../../model/";
-import { t } from "../../locales/";
-import "./submenu.scss";
-class SubmenuComponent extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- search_input_visible: false,
- search_keyword: "",
- };
- this.$input = createRef();
-
- this.onSearchChange_Backpressure = debounce(this.onSearchChange, 400);
- this._onKeyPress = (e) => {
- if (e.keyCode === 27) { // escape key
- this.setState({
- search_keyword: "",
- search_input_visible: false,
- });
- if (this.$input.current) this.$input.current.blur();
- this.props.onSearch(null);
- } else if (e.ctrlKey && e.keyCode === 70) { // 'Ctrl F' shortcut to search
- e.preventDefault();
- this.setState({
- search_input_visible: true,
- });
- if (this.$input.current) this.$input.current.focus();
- } else if (e.altKey && (e.keyCode === 49 || e.keyCode === 50)) { // 'alt 1' 'alt 2' shortcut
- e.preventDefault();
- this.onViewChange();
- }
- };
- }
-
- componentDidMount() {
- window.addEventListener("keydown", this._onKeyPress);
- }
- componentWillUnmount() {
- window.removeEventListener("keydown", this._onKeyPress);
- }
-
- onNew(type) {
- this.props.emit("new::"+type);
- }
- onDelete(arrayOfPaths) {
- prompt.now(
- t("Confirm by typing") + " \"remove\"",
- (answer) => {
- if (answer !== "remove") {
- return Promise.resolve();
- }
- this.props.emit("file.delete.multiple", arrayOfPaths);
- return Promise.resolve();
- },
- () => {/* click on cancel */},
- );
- }
- onDownload(arrayOfPaths) {
- this.props.emit("file.download.multiple", arrayOfPaths);
- }
-
- onExtract(arrayOfPaths) {
- alert.now( 0 || this.state.search_input_visible ? " sticky" : "")}>
-
-
-
- { window.innerWidth < 410 && t("New File").length > 10 ? t("New File", null, "NEW_FILE::SHORT") : t("New File") }
-
-
- { window.innerWidth < 410 && t("New Folder").length > 10 ? t("New Folder", null, "NEW_FOLDER::SHORT") : t("New Folder") }
-
-
0}
- type="inline"
- onMouseDown={this.onDownload.bind(this, this.props.selected)}>
-
- { t("Download") }
-
-
-
0 && this.props.accessRight.can_delete !== false}
- type="inline"
- onMouseDown={this.onDelete.bind(this, this.props.selected)}>
-
- { t("Remove") }
-
-
-
-
- { t("Extract") }
-
-
-
- {
- this.props.selected.length === 0 && (
-
-
-
-
-
-
- { t("Sort By Type") }
-
-
- { t("Sort By Date") }
-
-
- { t("Sort By Name") }
-
-
-
-
-
-
-
-
-
- )
- }
-
-
- {
- error === null ? (
-
-
-
- ) : (
-
{ error }
- )
- }
-
{
- if (!DB) return;
- else if(!DB.tags) return;
-
- const newDB = {...DB};
- const keys = Object.keys(DB.tags) || [];
- const n = keys.indexOf(tagName);
- if (n === keys.length - 1) return;
-
- newDB.tags = {};
- for (let i=0; i {
- const newDB = {...DB};
- delete newDB.tags[tagName];
- Tags.import(newDB);
- setDB(newDB);
- };
-
- const isTagActive = (tagName) => {
- if (!DB) return false;
- else if(!DB.tags) return false;
- return DB.tags[tagName].indexOf(path) !== -1;
- }
-
- const TAGS = DB && Object.keys(DB.tags);
- return (
-
-
-
- {
- TAGS && TAGS.length > 0 ?
- Object.keys(DB.tags).map((tag) => (
-
-
onClickTag(tag)}>{ tag } { (DB.tags[tag] || []).length }
-
onClickMoveUp(tag)} />
- onClickMoveDown(tag)} />
- onClickRemove(tag)} />
-
- )) : (
-
-
onClickTag(t("Bookmark"))}>{ t("Bookmark") }
-
- )
- }
-
-
-
-
-
-
-
-
-
-
- {
- fileWithoutExtension
- }{
- this.props.hide_extension ? null :
- {fileExtension}
- }
-
-
-
-
-
-
- );
- }
-}
-
-const ActionButton = (props) => {
- const onRename = (e) => {
- e.preventDefault();
- props.onClickRename();
- };
-
- const onDelete = (e) => {
- e.preventDefault();
- props.onClickDelete();
- };
-
- const onShare = (e) => {
- e.preventDefault();
- props.onClickShare();
- };
-
- const onTag = (e) => {
- e.preventDefault();
- props.onClickTag();
- }
-
- return (
-
-
-
- {
- /canary/.test(location.search) ? (
-
-
- ) : (
-
-
- )
- }
-
-
-
- );
-};
-
-const DateTime = (props) => {
- function displayTime(timestamp) {
- if (!timestamp || timestamp < 0) {
- return "";
- }
- const t = new Date(timestamp);
- if("DateTimeFormat" in Intl) {
- const str = new Intl.DateTimeFormat({ dateStyle: "short" }).format(t);
- if (str.length <= 10) return str;
- }
- return t.getFullYear() + "-" + leftPad((t.getMonth() + 1).toString(), 2) + "-" + leftPad(t.getDate().toString(), 2);
- }
-
- if (props.show === false) {
- return null;
- }
-
- return (
-
- {displayTime(props.timestamp)}
-
- );
-};
-
-const FileSize = (props) => {
- function displaySize(bytes) {
- if (Number.isNaN(bytes) || bytes < 0 || bytes === undefined) {
- return "";
- } else if (bytes < 1024) {
- return "("+bytes+"B)";
- } else if (bytes < 1048576) {
- return "("+Math.round(bytes/1024*10)/10+"KB)";
- } else if (bytes < 1073741824) {
- return "("+Math.round(bytes/(1024*1024)*10)/10+"MB)";
- } else if (bytes < 1099511627776) {
- return "("+Math.round(bytes/(1024*1024*1024)*10)/10+"GB)";
- } else {
- return "("+Math.round(bytes/(1024*1024*1024*1024))+"TB)";
- }
- }
-
- return (
-
- {displaySize(props.size)}
-
- );
-};
-
-class Image extends React.Component {
- constructor(props) {
- super(props);
- }
-
- render() {
- if (this.props.preview && this.props.view === "grid") {
- return (
-
-
-
- );
- }
-
- const ext = path.extname(this.props.path).replace(/^\./, "");
- return (
-
-
- {ext}
-
-
- );
- }
-};
-
-class LazyLoadImage extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- appear: false,
- error: false,
- };
- this.$scroll = document.querySelector(props.scroller);
- this.onScroll = debounce(this.onScroll.bind(this), 250);
- this.$el = createRef();
- }
-
- componentDidMount() {
- if (!this.$scroll) throw new Error("No scroll detected on LazyLoadImage");
- this.$scroll.addEventListener("scroll", this.onScroll, { passive: true });
- this.onScroll();
- }
- componentWillUnmount() {
- this.$scroll.removeEventListener("scroll", this.onScroll);
- }
-
- onScroll() {
- if (!this.$el.current) return this.componentWillUnmount();
- const dim_el = this.$el.current.getBoundingClientRect();
- if (dim_el.top + dim_el.height > 0 && dim_el.top < window.innerHeight) {
- this.componentWillUnmount();
- memory.set(this.props.src, true);
- this.setState({ appear: true });
- }
- }
-
- onError() {
- this.setState({ error: true });
- }
-
- render() {
- if ((this.props.preview || memory.get(this.props.src) === null) || this.state.error === true) {
- return (
-
);
- }
- if (redirection === "/login") {
- location.href = redirection;
- return (
);
- }
- return (
- );
-}
-
-export const LogoutPage = ErrorPage(LogoutPageComponent);
diff --git a/client/pages/notfoundpage.js b/client/pages/notfoundpage.js
deleted file mode 100644
index 12f6ef0c..00000000
--- a/client/pages/notfoundpage.js
+++ /dev/null
@@ -1,31 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { Link } from "react-router-dom";
-
-import "./error.scss";
-
-export function NotFoundPage({ history }) {
- const [t, setTimer] = useState(10);
- useEffect(() => {
- const timeout = window.setTimeout(() => {
- if (t == 0) {
- history.push("/");
- return;
- }
- setTimer(t - 1);
- }, 1000);
-
- return () => {
- clearTimeout(timeout);
- };
- }, [t]);
-
- return (
-
-
Oops!
-
We can't seem to find the page you're looking for.
-
- You will be redirected to the
-
-
- );
- }
- notify.send(t("You can't do that :)"), "error");
- } else if (CONFIG["share_redirect"] !== "" && this.state.isUploader === false) {
- requestAnimationFrame(() => {
- window.location.href = CONFIG["share_redirect"].replace("{{path}}", this.state.path);
- });
- return (
-
-
- );
- } else if (filetype(this.state.path) === "directory") {
- return (
-
- );
- } else if (this.state.key === "code") {
- return (
-
-
-
- );
- } else if (this.state.key === "password") {
- return (
-
-
-
- );
- } else if (this.state.key === "email") {
- return (
-
-
-
- );
- }
-
- return (
-
-
{ t("Oops!") }
- { t("There is nothing in here") }
-
- );
- }
-}
-
-export const SharePage = ErrorPage(SharePageComponent);
diff --git a/client/pages/sharepage.scss b/client/pages/sharepage.scss
deleted file mode 100644
index bb4ae239..00000000
--- a/client/pages/sharepage.scss
+++ /dev/null
@@ -1,40 +0,0 @@
-@import "../assets/css/mixin.scss";
-
-.sharepage_component {
- @include inlinedInputWithSubmit();
- .error{
- animation: shake 0.5s cubic-bezier(.36,.07,.19,.97) both;
- transform: translate3d(0, 0, 0);
- backface-visibility: hidden;
- perspective: 1000px;
- }
- animation: 0.2s ease-out 0s 1 enterZoomIn;
-}
-
-
-@keyframes enterZoomIn {
- 0% {
- transform: scale(1.1)
- }
- 100% {
- transform: scale(1);
- }
-}
-
-@keyframes shake {
- 10%, 90% {
- transform: translate3d(-1px, 0, 0);
- }
-
- 20%, 80% {
- transform: translate3d(2px, 0, 0);
- }
-
- 30%, 50%, 70% {
- transform: translate3d(-4px, 0, 0);
- }
-
- 40%, 60% {
- transform: translate3d(4px, 0, 0);
- }
-}
diff --git a/client/pages/tagspage.js b/client/pages/tagspage.js
deleted file mode 100644
index ecf48ae6..00000000
--- a/client/pages/tagspage.js
+++ /dev/null
@@ -1,204 +0,0 @@
-import React, { useState, useEffect } from "react";
-import { Redirect } from "react-router";
-import { Link } from "react-router-dom";
-import ReactCSSTransitionGroup from "react-addons-css-transition-group";
-import {
- NgIf, NgShow, Loader, LoggedInOnly, BreadCrumb, Card, Icon,
- Dropdown, DropdownButton, DropdownList, DropdownItem,
-} from "../components/";
-import { URL_TAGS, URL_FILES, URL_VIEWER, basename, filetype, prompt, notify } from "../helpers/";
-import { Tags } from "../model/";
-import { t } from "../locales/";
-
-import "./tagspage.scss";
-import "./filespage.scss";
-import "./filespage/thing.scss";
-import "./filespage/submenu.scss";
-
-export function TagsPageComponent({ match }) {
- const [tags, setTags] = useState(null);
- const [files, setFiles] = useState(null);
- const [loading, setLoading] = useState(true);
- const [refresh, setRefresh] = useState(0);
-
- const path = (match.url.replace(URL_TAGS, "") || "/");
- useEffect(() => {
- setLoading(true);
- setTags(null);
- setFiles(null);
-
- Promise.all([Tags.all(path), Tags.files(path)]).then(([t, f]) => {
- setLoading(false);
- setTags(t);
- setFiles(f);
- });
- }, [match.url, refresh]);
-
- if(match.url.slice(-1) != "/") {
- return (
-
-
-
-
-
-
- {
- path === "/" ? (
- #{tag}
- ))
- }
-
-
-
-
-
-
-
- { t("Import Tags") }
-
-
- { t("Export Tags") }
-
-
-
-
-
-
-
-
-
-
-
-
- {
- tags && tags.map((tag) => (
-
-
-
- {tag}
-
-
-
-
- ))
- }
-
-
- {
- tags && tags.length > 0 && (
-
- )
- }
-
-
- {
- files && files.map((file, idx) => (
-
-
- { e.preventDefault(); onClickRemoveFile(file)}}>
-
-
-
- {basename(file.path)}#{file.tag} )}{file.path}
-
-
-
-
-
- ))
- }
-
-
-
-
-
- { t("There is nothing here") }
-
-
-
-
-
-
-
- {(Comp) =>
-);
-const IDE = (props) => (
-
- {(Comp) =>
-);
-const AudioPlayer = (props) => (
-
- {(Comp) =>
-);
-const Appframe = (props) => (
-
- {(Comp) =>
-);
-const EbookViewer = (props) => (
-
- {(Comp) =>
-)
-
-
-export function ViewerPageComponent({ error, subscribe, unsubscribe, match, location }) {
- const history = useHistory();
- const currentUrl = history.location.pathname;
-
- const [state, setState] = useReducer((s, a) => {
- return { ...s, ...a };
- }, {
- url: null,
- opener: null,
- content: null,
- needSaving: false,
- isSaving: false,
- loading: false,
- application_arguments: null,
- });
- const path = currentUrl.replace("/view", "").replace(/%23/g, "#") + (location.hash || "");
- const filename = Path.basename(currentUrl.replace("/view", "")) || "untitled.dat";
-
- const save = (file) => {
- setState({ isSaving: true, needSaving: false });
- return (new Promise((done, err) => {
- const reader = new FileReader();
- reader.onload = () => done(reader.result);
- reader.readAsText(file);
- })).then((content) => {
- let oldContent = state.content;
- setState({ content: content });
- return Files.save(path, file)
- .then(() => setState({ isSaving: false }))
- .catch((err) => {
- if (err && err.code === "CANCELLED") return;
- setState({ isSaving: false, needSaving: true, content: oldContent });
- notify.send(err, "error");
- });
- });
- }
-
- const needSaving = (bool) => {
- setState({ needSaving: bool });
- return Promise.resolve();
- };
-
- useEffect(() => {
- const metadata = () => {
- const [app_opener, app_args] = opener(path);
- setState({ loading: true, needSaving: false, url: null, opener: null, application_arguments: null });
- return Files.url(path).then((url) => {
- setState({
- url: url,
- opener: app_opener,
- application_arguments: app_args,
- });
- return app_opener;
- }).catch((_err) => error(_err));
- };
-
- const data_fetch = (app) => {
- if (app !== "editor" && app !== "form") {
- setState({ loading: false });
- return null;
- }
- return Promise.all([
- Files.cat(path),
- Files.options(path),
- ]).then((d) => {
- const [content, options] = d;
- setState({
- content: content,
- loading: false,
- acl: options["allow"],
- });
- }).catch((err) => {
- if (err.code !== "BINARY_FILE") {
- error(err);
- return;
- }
- setState({
- loading: false,
- opener: "download",
- });
- });
- };
-
- metadata().then(data_fetch);
- return history.listen(() => {})
- }, [path]);
-
- return (
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
- {
- error === null ? (
-
- 
- ref: 
test