Added controls to music dashboard widgets

This commit is contained in:
Fabio Manganiello 2021-04-03 21:16:22 +02:00
parent 8db8f3e6c4
commit 89beab4767
11 changed files with 79 additions and 12 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View file

@ -22,6 +22,22 @@
</div> </div>
</div> </div>
<div class="controls" v-if="_withControls && status">
<button @click="prev">
<i class="fa fa-step-backward" />
</button>
<button class="play-pause" @click="playPause">
<i class="fa fa-pause" v-if="status.state === 'play'" />
<i class="fa fa-play" v-else />
</button>
<button @click="stop" v-if="status.state !== 'stop'">
<i class="fa fa-stop" />
</button>
<button @click="next">
<i class="fa fa-step-forward" />
</button>
</div>
<div class="playback-status" v-if="status"> <div class="playback-status" v-if="status">
<div class="status-property col-4"> <div class="status-property col-4">
<i class="fa fa-volume-up"></i>&nbsp; <span v-text="status.volume + '%'"></span> <i class="fa fa-volume-up"></i>&nbsp; <span v-text="status.volume + '%'"></span>
@ -55,9 +71,14 @@ export default {
// Refresh interval in seconds. // Refresh interval in seconds.
refreshSeconds: { refreshSeconds: {
type: Number, type: Number,
required: false,
default: 60, default: 60,
}, },
// Set to true if you also want to include music controls in the widget.
withControls: {
type: Boolean,
default: true,
}
}, },
data() { data() {
@ -74,6 +95,12 @@ export default {
} }
}, },
computed: {
_withControls() {
return this.parseBoolean(this.withControls)
},
},
methods: { methods: {
async refresh() { async refresh() {
this.loading = true this.loading = true
@ -281,6 +308,28 @@ export default {
this.status.elapsed = this.syncTime.elapsed + this.status.elapsed = this.syncTime.elapsed +
((new Date()).getTime()/1000) - (this.syncTime.timestamp.getTime()/1000) ((new Date()).getTime()/1000) - (this.syncTime.timestamp.getTime()/1000)
}, },
async _run(action, args) {
args = args || {}
await this.request(`music.mpd.${action}`, args)
await this.refresh()
},
async playPause() {
return await this._run('pause')
},
async stop() {
return await this._run('stop')
},
async prev() {
return await this._run('previous')
},
async next() {
return await this._run('next')
},
}, },
mounted() { mounted() {
@ -394,5 +443,24 @@ $playback-status-color: #757f70;
color: $default-hover-fg; color: $default-hover-fg;
} }
} }
.controls {
margin-top: .5em;
font-size: 1.2em;
button {
background: none;
border: none;
&:hover {
color: $default-hover-fg;
}
&.play-pause {
color: $selected-fg;
font-size: 1.5em;
}
}
}
} }
</style> </style>

View file

@ -458,9 +458,8 @@ class IfProcedure(Procedure):
try: try:
exec('{}="{}"'.format(k, re.sub(r'(^|[^\\])"', '\1\\"', v))) exec('{}="{}"'.format(k, re.sub(r'(^|[^\\])"', '\1\\"', v)))
except Exception as e: except Exception as e:
logger.warning('Could not set context variable {}={}'.format(k, v)) logger.debug('Could not set context variable {}={}: {}'.format(k, v, str(e)))
logger.warning('Context: {}'.format(context)) logger.debug('Context: {}'.format(context))
logger.exception(e)
condition_true = eval(self.condition) condition_true = eval(self.condition)
response = Response() response = Response()