Add: Sources tool

src/Sources/Sources.es6

@@ -0,0 +1,40 @@
+import Tool from '../DevTools/Tool.es6'
+
+require('./Sources.scss');
+
+export default class Sources extends Tool
+{
+    constructor()
+    {
+        super();
+        this.name = 'sources';
+
+        this._data = {
+            type: ''
+        };
+
+        this._loadTpl();
+    }
+    init($el)
+    {
+        super.init($el);
+
+        this._render();
+    }
+    set(data)
+    {
+        this._data = data;
+    }
+    _loadTpl()
+    {
+        this._emptyTpl = require('./empty.hbs');
+    }
+    _render()
+    {
+        var data = this._data;
+
+        var tpl = this._emptyTpl;
+
+        this._$el.html(tpl(data));
+    }
+}

src/Sources/Sources.scss

@@ -0,0 +1,18 @@
+@import "../variable";
+
+.dev-tools { .tools {
+    .sources {
+        .empty {
+            width: 100%;
+            height: 100%;
+            .content {
+                position: absolute;
+                top: 50%;
+                left: 0;
+                width: 100%;
+                text-align: center;
+                transform: translate3d(0, -50%, 0);
+            }
+        }
+    }
+} }

src/Sources/empty.hbs

@@ -0,0 +1,5 @@
+<div class="eruda-empty">
+    <div class="eruda-content">
+        Used for displaying html, javaScript, css and image.
+    </div>
+</div>