Implemented editor

This commit is contained in:
2020-12-04 04:27:02 +01:00
parent 6ea50532cc
commit 5676ec38d2
5 changed files with 140 additions and 41 deletions

View File

@@ -5,14 +5,22 @@
<md-dialog-title>Select the type of the new element</md-dialog-title>
<md-button @click="newElement('ingest')"><md-icon>vertical_align_bottom</md-icon> Ingest</md-button>
<md-button @click="newElement('ingest')">
<md-icon>vertical_align_bottom</md-icon>
Ingest
</md-button>
<i></i> <!-- This is to prevent margin collapse -->
<md-button @click="newElement('encoder')"><md-icon>gradient</md-icon> Encoder</md-button>
<md-button @click="newElement('encoder')">
<md-icon>gradient</md-icon>
Encoder
</md-button>
<i></i>
<md-button @click="newElement('restreamer')"><md-icon>publish</md-icon> Restreamer</md-button>
<md-button @click="newElement('restreamer')">
<md-icon>publish</md-icon>
Restreamer
</md-button>
</md-dialog>
@@ -64,11 +72,11 @@
<md-icon>publish</md-icon>
</md-button>
<md-button @click="newElement('encoder')" class="md-icon-button">
<md-button @click="newElement('encoder')" class="md-icon-button">
<md-icon>gradient</md-icon>
</md-button>
<md-button @click="newElement('ingest')" class="md-icon-button">
<md-button @click="newElement('ingest')" class="md-icon-button">
<md-icon>vertical_align_bottom</md-icon>
</md-button>
@@ -101,21 +109,21 @@ export default {
x: 100,
y: 110,
type: 'ingest',
data: {"text": "as"},
data: {"url": "rtmp://videon.test.kmlabz.com/test:6554"},
},
{
id: 4,
x: 357,
y: 80,
type: 'restreamer',
data: {"text": "asd"},
data: {"url": "rtmp://youtube.com/live/stream/ysos:55223", "streamkey": "asdjnao9gj9833tjkq389fjae9jf"},
},
{
id: 6,
x: 557,
y: 80,
type: 'encoder',
data: {"text": "asdasd"}
data: {"bitrate": 8000, "width": 600, "height": 800}
}
],
links: [