File structure update - all source files now in src directory, cider-ui renamed to renderer, main/backend-related files in main directory, base implementation of mpris and start of backend rework

src/renderer/views/components/queue-item.ejs

@@ -0,0 +1,60 @@
+<script type="text/x-template" id="queue-item">
+    <template>
+        <div v-observe-visibility="{callback: visibilityChanged}"
+             @contextmenu="contextMenu"
+             class="cd-mediaitem-list-item">
+            <template v-if="isVisible">
+                <div class="artwork">
+                    <mediaitem-artwork
+                            :url="item.attributes.artwork ? item.attributes.artwork.url : ''"
+                            size="34"
+                            :type="item.type"></mediaitem-artwork>
+                </div>
+                <div class="info-rect" :style="{'padding-left': '16px'}">
+                    <div class="title text-overflow-elipsis">
+                        {{ item.attributes.name }}
+                    </div>
+                    <div class="subtitle text-overflow-elipsis" style="-webkit-box-orient: horizontal;">
+                        <template v-if="item.attributes.artistName" >
+                            <div class="artist item-navigate text-overflow-elipsis" @click="app.searchAndNavigate(item,'artist')">
+                                {{ item.attributes.artistName }}
+                            </div>
+                            <template v-if="item.attributes.albumName">&nbsp;-&nbsp;</template>
+                            <template v-if="item.attributes.albumName">
+                                <div class="artist item-navigate text-overflow-elipsis" @click="app.searchAndNavigate(item,'album')">
+                                {{ item.attributes.albumName }}
+                                </div>
+                            </template>
+                        </template>
+                    </div>
+                </div>
+                <div class="duration">
+                    {{ msToMinSec(item.attributes.durationInMillis ?? 0) }}
+                </div>
+            </template>
+        </div>
+    </template>
+</script>
+
+<script>
+    Vue.component('queue-item', {
+        template: '#queue-item',
+        props: ['item'],
+        data: function () {
+            return {}
+        },
+        methods: {
+            contextMenu(event) {
+                let self = this
+                CiderContextMenu.Create(event, {
+                    items: [{
+                        "name": "Remove from queue",
+                        "action": function () {
+                            
+                        }
+                    }]
+                });
+            }
+        }
+    });
+</script>