[Cliewnt] Display drive usagae in drive window

This commit is contained in:
syuilo 2017-02-14 06:47:33 +09:00
parent a529b51c2d
commit 73b2c533ec

View file

@ -1,12 +1,24 @@
<mk-drive-browser-window> <mk-drive-browser-window>
<mk-window ref="window" is-modal={ false } width={ '800px' } height={ '500px' }><yield to="header"><i class="fa fa-cloud"></i>ドライブ</yield> <mk-window ref="window" is-modal={ false } width={ '800px' } height={ '500px' }>
<yield to="header">
<p class="info" if={ parent.usage }><b>{ parent.usage.toFixed(1) }%</b>使用中</p>
<i class="fa fa-cloud"></i>ドライブ
</yield>
<yield to="content"> <yield to="content">
<mk-drive-browser multiple={ true } folder={ parent.folder }></mk-drive-browser></yield> <mk-drive-browser multiple={ true } folder={ parent.folder }></mk-drive-browser>
</yield>
</mk-window> </mk-window>
<style type="stylus"> <style type="stylus">
:scope :scope
> mk-window > mk-window
[data-yield='header'] [data-yield='header']
> .info
position absolute
top 0
left 16px
margin 0
font-size 80%
> i > i
margin-right 4px margin-right 4px
@ -16,12 +28,18 @@
</style> </style>
<script> <script>
@mixin \api
@folder = if @opts.folder? then @opts.folder else null @folder = if @opts.folder? then @opts.folder else null
@on \mount ~> @on \mount ~>
@refs.window.on \closed ~> @refs.window.on \closed ~>
@unmount! @unmount!
@api \drive .then (info) ~>
@update do
usage: info.usage / info.capacity * 100
@close = ~> @close = ~>
@refs.window.close! @refs.window.close!
</script> </script>