From 17444bc53876df25c17c62493fd1000e6d617659 Mon Sep 17 00:00:00 2001
From: Nicolas Bornand <nicolas74@gmail.com>
Date: Sun, 11 May 2014 13:16:08 +0200
Subject: song label

---
 app/css/app.css     |  2 +-
 app/css/lbarman.css | 12 ++++++++++++
 app/data.json       | 12 ++++++++----
 app/index.html      |  2 +-
 4 files changed, 22 insertions(+), 6 deletions(-)

diff --git a/app/css/app.css b/app/css/app.css
index 6bfef93..f70614d 100644
--- a/app/css/app.css
+++ b/app/css/app.css
@@ -12,4 +12,4 @@
 
 .world .line {
 	position: absolute;
-}
+}
\ No newline at end of file
diff --git a/app/css/lbarman.css b/app/css/lbarman.css
index c49e58b..c565e40 100644
--- a/app/css/lbarman.css
+++ b/app/css/lbarman.css
@@ -53,6 +53,18 @@ body
 .selected > .circle {
 	background-color: red;
 }
+.point > .songLabel p{
+    position: relative;
+    left:25px;
+    top:-30px;
+    color:#aaaaaa;
+    display: none;
+    font-size: 22px;
+}
+.point:hover > .songLabel p{
+    display: block;
+}
+
 #column-left
 {
 	width:300px;
diff --git a/app/data.json b/app/data.json
index ea4e559..f2fd332 100644
--- a/app/data.json
+++ b/app/data.json
@@ -2,19 +2,23 @@
 	"points": [
 		{
 			"x": 10,
-			"y": 20
+			"y": 20,
+                        "label":"offspring"
 		},
 		{
 			"x": 30,
-			"y": 30
+			"y": 30,
+                        "label":"gunther"
 		},
 		{
 			"x": 50,
-			"y": 25
+			"y": 25,
+                        "label":"gunther"
 		},
 		{
 			"x": 60,
-			"y": 200
+			"y": 200,
+                        "label":"offspring"
 		},
 		{
 			"x": 90,
diff --git a/app/index.html b/app/index.html
index a70a4a5..d4433a3 100644
--- a/app/index.html
+++ b/app/index.html
@@ -50,7 +50,7 @@
 
             <div data-ng-repeat="point in points" data-pg-draggable="point" class="point" style="top: {{point.y}}px; left: {{point.x}}px;" data-ng-class="{selected: point.selected==true}">
                 <div class="circle"></div>
-                <div></div>
+                <div class="songLabel"><p>test</p></div>
             </div>
         </div>
 
-- 
cgit v1.2.3