Initial commit

ui/widgets/tab_window.vue

@@ -0,0 +1,79 @@
+<!--
+// Sshwifty - A Web SSH client
+//
+// Copyright (C) 2019 Rui NI <nirui@gmx.com>
+//
+// This program is free software: you can redistribute it and/or modify
+// it under the terms of the GNU Affero General Public License as
+// published by the Free Software Foundation, either version 3 of the
+// License, or (at your option) any later version.
+//
+// This program is distributed in the hope that it will be useful,
+// but WITHOUT ANY WARRANTY; without even the implied warranty of
+// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+// GNU Affero General Public License for more details.
+//
+// You should have received a copy of the GNU Affero General Public License
+// along with this program.  If not, see <https://www.gnu.org/licenses/>.
+-->
+
+<template>
+  <window
+    id="tab-window"
+    flash-class="home-window-display"
+    :display="display"
+    @display="$emit('display', $event)"
+  >
+    <h1 class="window-title">Opened tabs</h1>
+
+    <tab-list
+      id="tab-window-tabs"
+      :tab="tab"
+      :tabs="tabs"
+      :tabs-class="tabsClass"
+      @current="$emit('current', $event)"
+      @close="$emit('close', $event)"
+    ></tab-list>
+  </window>
+</template>
+
+<script>
+import "./tab_window.css";
+
+import Window from "./window.vue";
+import TabList from "./tab_list.vue";
+
+export default {
+  components: {
+    window: Window,
+    "tab-list": TabList
+  },
+  props: {
+    display: {
+      type: Boolean,
+      default: false
+    },
+    tab: {
+      type: Number,
+      default: 0
+    },
+    tabs: {
+      type: Array,
+      default: () => []
+    },
+    tabsClass: {
+      type: String,
+      default: ""
+    }
+  },
+  watch: {
+    tabs(newV) {
+      if (newV.length > 0) {
+        return;
+      }
+
+      this.$emit("display", false);
+    }
+  }
+};
+</script>