diff --git a/src/web/app/mobile/tags/drive.tag b/src/web/app/mobile/tags/drive.tag
index adf1bf01a..7edf1723d 100644
--- a/src/web/app/mobile/tags/drive.tag
+++ b/src/web/app/mobile/tags/drive.tag
@@ -16,6 +16,14 @@
+
+
{ (info.usage / info.capacity * 100).toFixed(1) }%使用中
+
0 || folder.files_count > 0) }>
+ 0 }>{ folder.folders_count }フォルダ
+ 0 && folder.files_count > 0 }>、
+ 0 }>{ folder.files_count }ファイル
+
+
0 }>
@@ -32,11 +40,11 @@
ドライブには何もありません。
このフォルダーは空です
-
+
@@ -76,6 +84,20 @@
&.fetching
opacity 0.5
+ > .info
+ border-bottom solid 1px #eee
+
+ &:empty
+ display none
+
+ > p
+ display block
+ max-width 500px
+ margin 0 auto
+ padding 4px 16px
+ font-size 10px
+ color #777
+
> .folders
> mk-drive-folder
border-bottom solid 1px #eee
@@ -93,40 +115,40 @@
> p
margin 0
- > .fetching
- .spinner
- margin 100px auto
- width 40px
- height 40px
- text-align center
+ > .fetching
+ .spinner
+ margin 100px auto
+ width 40px
+ height 40px
+ text-align center
- animation sk-rotate 2.0s infinite linear
+ animation sk-rotate 2.0s infinite linear
- .dot1, .dot2
- width 60%
- height 60%
- display inline-block
- position absolute
- top 0
- background-color rgba(0, 0, 0, 0.3)
- border-radius 100%
+ .dot1, .dot2
+ width 60%
+ height 60%
+ display inline-block
+ position absolute
+ top 0
+ background-color rgba(0, 0, 0, 0.3)
+ border-radius 100%
- animation sk-bounce 2.0s infinite ease-in-out
+ animation sk-bounce 2.0s infinite ease-in-out
- .dot2
- top auto
- bottom 0
- animation-delay -1.0s
+ .dot2
+ top auto
+ bottom 0
+ animation-delay -1.0s
- @keyframes sk-rotate { 100% { transform: rotate(360deg); }}
+ @keyframes sk-rotate { 100% { transform: rotate(360deg); }}
- @keyframes sk-bounce {
- 0%, 100% {
- transform: scale(0.0);
- } 50% {
- transform: scale(1.0);
- }
+ @keyframes sk-bounce {
+ 0%, 100% {
+ transform: scale(0.0);
+ } 50% {
+ transform: scale(1.0);
}
+ }
> [ref='file']
display none
@@ -361,6 +383,13 @@
this.trigger('fetch-mid');
}
};
+
+ if (this.folder == null) {
+ // Fetch addtional drive info
+ this.api('drive').then(info => {
+ this.update({ info });
+ });
+ }
};
this.fetchMoreFiles = () => {
diff --git a/src/web/app/mobile/tags/drive/file.tag b/src/web/app/mobile/tags/drive/file.tag
index 618ed911c..98e0df97e 100644
--- a/src/web/app/mobile/tags/drive/file.tag
+++ b/src/web/app/mobile/tags/drive/file.tag
@@ -10,9 +10,7 @@
li.tag(style={background: tag.color, color: contrast(tag.color)})= tag.name
-->