Animation validation

dist/preview release/what's new.md

@@ -8,7 +8,7 @@
 - Added HDR texture filtering tools to the sandbox ([Sebavan](https://github.com/sebavan/))
 - Reflection probes can now be used to give accurate shading with PBR ([CraigFeldpsar](https://github.com/craigfeldspar) and ([Sebavan](https://github.com/sebavan/)))
 - Added editing of PBR materials, Post processes and Particle fragment shaders in the node material editor ([Popov72](https://github.com/Popov72))
-- Added Curve editor to create and view entity's animations in the Inspector ([pixelspace](https://github.com/devpixelspace))
+- Added Curve editor to create and view selected entity's animations in the Inspector ([pixelspace](https://github.com/devpixelspace))
 - Added support in `ShadowGenerator` for fast fake soft transparent shadows ([Popov72](https://github.com/Popov72))
 
 ## Updates

inspector/src/components/actionTabs/tabs/propertyGrids/animations/curveEditor.scss

@@ -1,6 +1,34 @@
 
 #animation-curve-editor {
 
+    .notification-area{
+        position: absolute;
+        width: auto;
+        left: 0.53em;
+        bottom: 60px;
+        background-color: rgb(199, 50, 40);
+        padding: 16px;
+        border-radius: 5px;
+        color: white;
+        right: 2em;
+        z-index: 10;
+
+        button{
+            position: absolute;
+            top: 3px;
+            right: 10px;
+            padding: 0;
+            cursor: pointer;
+            background: transparent;
+            border: 0;
+            -webkit-appearance: none;
+            color: #000;
+            text-shadow: 0 1px 0 #fff;
+            opacity: .4;
+            font-size: 1.8em;
+        }
+    }
+
     .header{
         display: flex;
         padding: 9px;

inspector/src/components/actionTabs/tabs/propertyGrids/animations/notification.tsx

@@ -0,0 +1,26 @@
+
+import * as React from "react";
+
+interface IPlayheadProps {
+    message: string;
+    open: boolean;
+    close: () => void
+}
+
+export class Notification extends React.Component<IPlayheadProps>{
+    constructor(props: IPlayheadProps) {
+        super(props);
+    }
+
+    render() {
+        return (
+            <div className="notification-area" style={{ display: this.props.open ? 'block' : 'none' }}>
+                <div className="alert alert-error" >
+                    <button type="button" className="close" data-dismiss="alert" onClick={this.props.close}>&times;</button>
+                    {this.props.message}
+                </div>
+            </div>
+
+        )
+    }
+}