1 files changed, 70 insertions, 0 deletions
diff --git a/app/logfile/Bar.qml b/app/logfile/Bar.qml
new file mode 100644
index 0000000..3f0ac1f
--- /dev/null
+++ b/app/logfile/Bar.qml
@@ -0,0 +1,70 @@
+/*
+ * Copyright (c) 2019 TOYOTA MOTOR CORPORATION
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ * http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import QtQuick 2.6
+import QtQuick.Layouts 1.3
+import QtQuick.Controls 2.0
+import '..'
+
+TabBar {
+    id: root
+    property int tabbtnwidth: 460
+    property int tabbtnheight: 51
+    anchors.left: parent.left
+    anchors.right: parent.right
+    anchors.margins: 80
+    background.opacity: 0
+    Repeater {
+        id: tabs
+        model: ['Log Save', 'Log Play', 'Touch Log Play']
+        delegate: TabButton {
+            implicitWidth: tabbtnwidth
+            implicitHeight: tabbtnheight
+            contentItem: Text {
+                text: model.modelData
+                font.family: 'Roboto'
+                font.pixelSize: 30
+                opacity: enabled ? 1.0 : 0.3
+                color: parent.down ? "#17a81a" : "white"
+                horizontalAlignment: Text.AlignHCenter
+                verticalAlignment: Text.AlignVCenter
+                elide: Text.ElideRight
+            }
+            background: Image {
+                anchors.fill: parent
+                transform: parent.down ? opacity = 1.0 : opacity = 0.75
+            }
+        }
+    }
+    Component.onCompleted: {
+        setBgImg()
+    }
+
+    onCurrentIndexChanged: {
+        setBgImg()
+    }
+
+    function setBgImg() {
+        for(var i = 0; i < tabs.count && i < root.count; i++) {
+            if(i == root.currentIndex) {
+                tabs.itemAt(i).background.source = './images/HMI_Settings_Button_Ok.svg';
+            }
+            else {
+                tabs.itemAt(i).background.source = './images/HMI_Settings_Button_Cancel.svg';
+            }
+        }
+    }
+}