aboutsummaryrefslogtreecommitdiff
path: root/js/components/ui/icon-list-basic
diff options
context:
space:
mode:
authorNivesh Rajbhandari2012-02-20 11:14:44 -0800
committerNivesh Rajbhandari2012-02-20 11:14:44 -0800
commitabf78e2d7a97d295ce5a1c425fd359d47379137e (patch)
treed08c91bd2aef31e6325e0b499b2ffc390018bec6 /js/components/ui/icon-list-basic
parente80a79bff57fecf3aa9b869d8ed2de5fd815287c (diff)
parente23708721a71ca4c71365f5f8e8ac7d6113926db (diff)
downloadninja-abf78e2d7a97d295ce5a1c425fd359d47379137e.tar.gz
Merge branch 'refs/heads/ninja-internal' into ToolFixes
Diffstat (limited to 'js/components/ui/icon-list-basic')
-rw-r--r--js/components/ui/icon-list-basic/icon.reel/icon.css25
-rwxr-xr-x[-rw-r--r--]js/components/ui/icon-list-basic/icon.reel/icon.html0
-rwxr-xr-x[-rw-r--r--]js/components/ui/icon-list-basic/icon.reel/icon.js14
-rwxr-xr-x[-rw-r--r--]js/components/ui/icon-list-basic/iconsList.reel/iconsList.css0
-rwxr-xr-x[-rw-r--r--]js/components/ui/icon-list-basic/iconsList.reel/iconsList.html5
-rwxr-xr-x[-rw-r--r--]js/components/ui/icon-list-basic/iconsList.reel/iconsList.js8
6 files changed, 40 insertions, 12 deletions
diff --git a/js/components/ui/icon-list-basic/icon.reel/icon.css b/js/components/ui/icon-list-basic/icon.reel/icon.css
index ca591aff..9fb180d2 100644
--- a/js/components/ui/icon-list-basic/icon.reel/icon.css
+++ b/js/components/ui/icon-list-basic/icon.reel/icon.css
@@ -5,38 +5,41 @@
5 </copyright> */ 5 </copyright> */
6 6
7.icon{ 7.icon{
8 width:90px; 8 width:88px;
9 height:80px; 9 height:78px;
10 display: inline; 10 display: inline;
11 float: left; 11 float: left;
12 -moz-border-radius: 8px; 12 -moz-border-radius: 8px;
13 border-radius: 8px; 13 border-radius: 8px;
14 margin-bottom: 5px; 14 margin-bottom: 8px;
15 margin-right: 5px; 15 margin-right: 8px;
16 background-color: #5f5f5f; 16 background-color: #5f5f5f;
17} 17}
18 18
19.icon .selected{ 19.icon .selected{
20 /*background-color: #d1d1d1;*/
21 background-color: #919191; 20 background-color: #919191;
22} 21}
23 22
23/*highlight on hover*/
24.icon:hover{
25 background-color: #919191;
26}
27/*end- test*/
28
24.icon .iconImg{ 29.icon .iconImg{
25 width:35px; 30 width:35px;
26 height:35px; 31 height:35px;
27 /*border: 1px solid #000000; 32 margin-left: 26px;
28 box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.8);*/
29 margin-left: 20px;
30 margin-top: 10px; 33 margin-top: 10px;
31} 34}
32 35
33.icon .iconLabel{ 36.icon .iconLabel{
34 margin-top:8px; 37 margin-top:8px;
35 white-space: nowrap; 38 white-space: nowrap;
36 text-overflow:ellipsis; 39 text-overflow: ellipsis;
37 line-height:15px; 40 line-height:15px;
38 overflow: hidden; 41 overflow: hidden;
39 max-width:80%; 42 width: 72px;
43 padding: 0px 8px;
40 text-align: center; 44 text-align: center;
41 padding-left: 2px;
42} \ No newline at end of file 45} \ No newline at end of file
diff --git a/js/components/ui/icon-list-basic/icon.reel/icon.html b/js/components/ui/icon-list-basic/icon.reel/icon.html
index fc197e8c..fc197e8c 100644..100755
--- a/js/components/ui/icon-list-basic/icon.reel/icon.html
+++ b/js/components/ui/icon-list-basic/icon.reel/icon.html
diff --git a/js/components/ui/icon-list-basic/icon.reel/icon.js b/js/components/ui/icon-list-basic/icon.reel/icon.js
index d934e7f1..b0279207 100644..100755
--- a/js/components/ui/icon-list-basic/icon.reel/icon.js
+++ b/js/components/ui/icon-list-basic/icon.reel/icon.js
@@ -22,6 +22,13 @@ var Icon = exports.Icon = Montage.create(Component, {
22 this.needsDraw = true; 22 this.needsDraw = true;
23 } 23 }
24 }, 24 },
25
26 selectedUri:{
27 writable:true,
28 enumerable:true,
29 value:null
30 },
31
25 metadata:{ 32 metadata:{
26 enumerable:true, 33 enumerable:true,
27 writable:true, 34 writable:true,
@@ -83,6 +90,13 @@ var Icon = exports.Icon = Montage.create(Component, {
83 if(this.icondata.creationDate){this.metadata = this.metadata + "<br />" + "Creation date: "+ this.formatTimestamp(this.icondata.creationDate);} 90 if(this.icondata.creationDate){this.metadata = this.metadata + "<br />" + "Creation date: "+ this.formatTimestamp(this.icondata.creationDate);}
84 if(this.icondata.modifiedDate){this.metadata = this.metadata + "<br />" + "Modified date: "+ this.formatTimestamp(this.icondata.modifiedDate);} 91 if(this.icondata.modifiedDate){this.metadata = this.metadata + "<br />" + "Modified date: "+ this.formatTimestamp(this.icondata.modifiedDate);}
85 92
93 //show default selection
94 if(this.icondata.uri === this.selectedUri){
95 var selectedItemEvent = document.createEvent("Events");
96 selectedItemEvent.initEvent("selectedItem", false, false);
97 selectedItemEvent.uri = this.icondata.uri;
98 this.element.dispatchEvent(selectedItemEvent);
99 }
86 } 100 }
87 }, 101 },
88 102
diff --git a/js/components/ui/icon-list-basic/iconsList.reel/iconsList.css b/js/components/ui/icon-list-basic/iconsList.reel/iconsList.css
index b4d4cffd..b4d4cffd 100644..100755
--- a/js/components/ui/icon-list-basic/iconsList.reel/iconsList.css
+++ b/js/components/ui/icon-list-basic/iconsList.reel/iconsList.css
diff --git a/js/components/ui/icon-list-basic/iconsList.reel/iconsList.html b/js/components/ui/icon-list-basic/iconsList.reel/iconsList.html
index 50a1d61d..0bb79873 100644..100755
--- a/js/components/ui/icon-list-basic/iconsList.reel/iconsList.html
+++ b/js/components/ui/icon-list-basic/iconsList.reel/iconsList.html
@@ -21,6 +21,11 @@
21 "boundObject": {"@": "repetition1"}, 21 "boundObject": {"@": "repetition1"},
22 "boundObjectPropertyPath": "objectAtCurrentIteration", 22 "boundObjectPropertyPath": "objectAtCurrentIteration",
23 "oneway": true 23 "oneway": true
24 },
25 "selectedUri": {
26 "boundObject": {"@": "owner"},
27 "boundObjectPropertyPath": "selected",
28 "oneway": true
24 } 29 }
25 } 30 }
26 }, 31 },
diff --git a/js/components/ui/icon-list-basic/iconsList.reel/iconsList.js b/js/components/ui/icon-list-basic/iconsList.reel/iconsList.js
index 56eb57c3..d36aa40f 100644..100755
--- a/js/components/ui/icon-list-basic/iconsList.reel/iconsList.js
+++ b/js/components/ui/icon-list-basic/iconsList.reel/iconsList.js
@@ -15,11 +15,17 @@ var IconsList = exports.IconsList = Montage.create(Component, {
15 }, 15 },
16 16
17 iconsViewDataObject:{ 17 iconsViewDataObject:{
18 writable:true, 18 writable:true,
19 enumerable:true, 19 enumerable:true,
20 value:[] 20 value:[]
21 }, 21 },
22 22
23 selected:{
24 writable:true,
25 enumerable:true,
26 value:null
27 },
28
23 willDraw: { 29 willDraw: {
24 enumerable: false, 30 enumerable: false,
25 value: function() { 31 value: function() {