summaryrefslogtreecommitdiff
path: root/src/web
diff options
context:
space:
mode:
authorsyuilo <syuilotan@yahoo.co.jp>2018-02-25 22:50:26 +0900
committersyuilo <syuilotan@yahoo.co.jp>2018-02-25 22:50:26 +0900
commit59834220c1db73b276ad606a5a292735b40eef4e (patch)
treed394e2b787809973a972d94c3383fbb287708588 /src/web
parentv3882 (diff)
downloadsharkey-59834220c1db73b276ad606a5a292735b40eef4e.tar.gz
sharkey-59834220c1db73b276ad606a5a292735b40eef4e.tar.bz2
sharkey-59834220c1db73b276ad606a5a292735b40eef4e.zip
:v:
Diffstat (limited to 'src/web')
-rw-r--r--src/web/app/common/define-widget.ts4
-rw-r--r--src/web/app/common/views/widgets/slideshow.vue28
-rw-r--r--src/web/app/desktop/views/components/home.vue2
-rw-r--r--src/web/app/mobile/views/pages/home.vue3
4 files changed, 20 insertions, 17 deletions
diff --git a/src/web/app/common/define-widget.ts b/src/web/app/common/define-widget.ts
index 97925cf443..efce7e813c 100644
--- a/src/web/app/common/define-widget.ts
+++ b/src/web/app/common/define-widget.ts
@@ -12,6 +12,10 @@ export default function<T extends object>(data: {
isMobile: {
type: Boolean,
default: false
+ },
+ isCustomizeMode: {
+ type: Boolean,
+ default: false
}
},
computed: {
diff --git a/src/web/app/common/views/widgets/slideshow.vue b/src/web/app/common/views/widgets/slideshow.vue
index 56eb654c2b..eb83c65701 100644
--- a/src/web/app/common/views/widgets/slideshow.vue
+++ b/src/web/app/common/views/widgets/slideshow.vue
@@ -1,12 +1,14 @@
<template>
<div class="mkw-slideshow">
<div @click="choose">
- <p v-if="props.folder === undefined">クリックしてフォルダを指定してください</p>
+ <p v-if="props.folder === undefined">
+ <template v-if="isCustomizeMode">フォルダを指定するには、カスタマイズモードを終了してください</template>
+ <template v-else>クリックしてフォルダを指定してください</template>
+ </p>
<p v-if="props.folder !== undefined && images.length == 0 && !fetching">このフォルダには画像がありません</p>
<div ref="slideA" class="slide a"></div>
<div ref="slideB" class="slide b"></div>
</div>
- <button @click="resize">%fa:expand%</button>
</div>
</template>
@@ -42,6 +44,9 @@ export default define({
clearInterval(this.clock);
},
methods: {
+ func() {
+ this.resize();
+ },
applySize() {
let h;
@@ -117,24 +122,17 @@ export default define({
border solid 1px rgba(0, 0, 0, 0.075)
border-radius 6px
- &:hover > button
- display block
-
- > button
- position absolute
- left 0
- bottom 0
- display none
- padding 4px
- font-size 24px
- color #fff
- text-shadow 0 0 8px #000
-
> div
width 100%
height 100%
cursor pointer
+ > p
+ display block
+ margin 1em
+ text-align center
+ color #888
+
> *
pointer-events none
diff --git a/src/web/app/desktop/views/components/home.vue b/src/web/app/desktop/views/components/home.vue
index 59fd2aa36e..69f06fbf37 100644
--- a/src/web/app/desktop/views/components/home.vue
+++ b/src/web/app/desktop/views/components/home.vue
@@ -47,7 +47,7 @@
:key="place"
>
<div v-for="widget in widgets[place]" class="customize-container" :key="widget.id" @contextmenu.stop.prevent="onWidgetContextmenu(widget.id)">
- <component :is="`mkw-${widget.name}`" :widget="widget" :ref="widget.id"/>
+ <component :is="`mkw-${widget.name}`" :widget="widget" :ref="widget.id" :is-customize-mode="true"/>
</div>
</x-draggable>
<div class="main">
diff --git a/src/web/app/mobile/views/pages/home.vue b/src/web/app/mobile/views/pages/home.vue
index f4f458068a..2aa650ec53 100644
--- a/src/web/app/mobile/views/pages/home.vue
+++ b/src/web/app/mobile/views/pages/home.vue
@@ -25,6 +25,7 @@
<option value="activity">アクティビティ</option>
<option value="rss">RSSリーダー</option>
<option value="photo-stream">フォトストリーム</option>
+ <option value="slideshow">スライドショー</option>
<option value="version">バージョン</option>
<option value="access-log">アクセスログ</option>
<option value="server">サーバー情報</option>
@@ -45,7 +46,7 @@
<span class="handle">%fa:bars%</span>{{ widget.name }}<button class="remove" @click="removeWidget(widget)">%fa:times%</button>
</header>
<div @click="widgetFunc(widget.id)">
- <component :is="`mkw-${widget.name}`" :widget="widget" :ref="widget.id" :is-mobile="true"/>
+ <component :is="`mkw-${widget.name}`" :widget="widget" :ref="widget.id" :is-customize-mode="true" :is-mobile="true"/>
</div>
</div>
</x-draggable>