iframe panel

closes #9

src/components/panel-list.vue

@@ -65,6 +65,12 @@
 			description: 'Manage stream & recording status',
 			icon: 'movie',
 			type: 'Stream'
+		},
+		{
+			name: 'Frame',
+			description: 'Embed any webpage',
+			icon: 'web_asset',
+			type: 'Iframe'
 		}
 	]
 

src/components/panels/iframe.vue

@@ -0,0 +1,43 @@
+<template>
+	<panel-wrapper :content-class="['panel-iframe']">
+		<template slot="name">Frame</template>
+		<iframe
+			:src="url"
+			frameborder="0"
+			style="width: 100%; height: 100%;"
+		></iframe>
+
+		<div slot="settings">
+			<label>
+				URKL
+				<div class="input-group">
+					<input
+						type="text"
+						v-model="url"
+					>
+				</div>
+			</label>
+		</div>
+	</panel-wrapper>
+</template>
+
+<script>
+	import panelMixin from '../mixins/panel'
+
+	export default {
+		mixins: [panelMixin],
+		computed: {
+			url: {
+				get() {
+					if (this.settings.url) {
+						return this.settings.url
+					}
+					return 'about:blank'
+				},
+				set(value) {
+					this.setSetting('url', value)
+				}
+			}
+		}
+	}
+</script>

src/components/panels/index.js

@@ -2,13 +2,15 @@
 import panelMixin from '../mixins/panel'
 
 import Grid from './grid'
+import Iframe from './iframe'
 import Invalid from './invalid'
 import Scenes from './scenes'
 import Sources from './sources'
 import Stream from './stream'
 
 const components = {
 	Grid,
+	Iframe,
 	Invalid,
 	Scenes,
 	Sources,