This commit is contained in:
syuilo 2017-12-09 01:51:05 +09:00
parent 1a80fdeaae
commit 03a35b3fd5
3 changed files with 139 additions and 123 deletions

View file

@ -1,9 +1,9 @@
<mk-drive>
<nav ref="nav">
<p onclick={ goRoot }>%fa:cloud%%i18n:mobile.tags.mk-drive.drive%</p>
<a onclick={ goRoot } href="/i/drive">%fa:cloud%%i18n:mobile.tags.mk-drive.drive%</a>
<virtual each={ folder in hierarchyFolders }>
<span>%fa:angle-right%</span>
<p onclick={ move }>{ folder.name }</p>
<a onclick={ move } href="/i/drive/folder/{ folder.id }">{ folder.name }</a>
</virtual>
<virtual if={ folder != null }>
<span>%fa:angle-right%</span>
@ -74,9 +74,12 @@
border-bottom solid 1px rgba(0, 0, 0, 0.13)
> p
> a
display inline
margin 0
padding 0
text-decoration none !important
color inherit
&:last-child
font-weight bold
@ -246,6 +249,7 @@
this.move = ev => {
this.cd(ev.item.folder);
return false;
};
this.cd = (target, silent = false) => {
@ -339,6 +343,8 @@
this.trigger('move-root');
this.fetch();
}
return false;
};
this.fetch = () => {

View file

@ -1,4 +1,5 @@
<mk-drive-file onclick={ onclick } data-is-selected={ isSelected }>
<mk-drive-file data-is-selected={ isSelected }>
<a onclick={ onclick } href="/i/drive/file/{ file.id }">
<div class="container">
<div class="thumbnail" style={ 'background-image: url(' + file.url + '?thumbnail&size=128)' }></div>
<div class="body">
@ -20,14 +21,17 @@
</footer>
</div>
</div>
</a>
<style>
:scope
display block
&, *
user-select none
> a
display block
text-decoration none !important
*
user-select none
pointer-events none
> .container
@ -136,6 +140,7 @@
this.onclick = () => {
this.browser.chooseFile(this.file);
return false;
};
</script>
</mk-drive-file>

View file

@ -1,16 +1,20 @@
<mk-drive-folder onclick={ onclick }>
<a onclick={ onclick } href="/i/drive/folder/{ folder.id }">
<div class="container">
<p class="name">%fa:folder%{ folder.name }</p>%fa:angle-right%
</div>
</a>
<style>
:scope
display block
color #777
&, *
user-select none
> a
display block
color #777
text-decoration none !important
*
user-select none
pointer-events none
> .container
@ -42,6 +46,7 @@
this.onclick = () => {
this.browser.cd(this.folder);
return false;
};
</script>
</mk-drive-folder>