Menu
▾
▴
[Openutils-svn] SF.net SVN: openutils:[1808] trunk/openutils-mgnlmedia/src/main/resources
|
From: <die...@us...> - 2010-02-05 09:56:06
|
Revision: 1808
http://openutils.svn.sourceforge.net/openutils/?rev=1808&view=rev
Author: diego_schivo
Date: 2010-02-05 09:56:00 +0000 (Fri, 05 Feb 2010)
Log Message:
-----------
MEDIA-68 active bg-selector
Modified Paths:
--------------
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/js/mediafolderview.js
trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html
Added Paths:
-----------
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/images/bg-selectors.gif
Removed Paths:
-------------
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/icons/bg-black.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/icons/bg-transparent.gif
trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/icons/bg-white.gif
Modified: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css
===================================================================
--- trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css 2010-02-05 08:58:33 UTC (rev 1807)
+++ trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/folderView.css 2010-02-05 09:56:00 UTC (rev 1808)
@@ -36,10 +36,34 @@
float: right;
}
-#navigation .right .active {
+#navigation .right a.bg-selector {
+ padding-left: 20px;
+ background: transparent url(images/bg-selectors.gif) no-repeat scroll left top;
+}
+
+#navigation .right a.white-active {
font-weight: bold;
+ background-position: 0 -16px;
}
+#navigation .right a.transparent {
+ background-position: 0 -32px;
+}
+
+#navigation .right a.transparent-active {
+ font-weight: bold;
+ background-position: 0 -48px;
+}
+
+#navigation .right a.black {
+ background-position: 0 -64px;
+}
+
+#navigation .right a.black-active {
+ font-weight: bold;
+ background-position: 0 -80px;
+}
+
.voice a,.voice a:visited,.voice a:hover {
text-decoration: none;
color: #666;
Added: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/images/bg-selectors.gif
===================================================================
(Binary files differ)
Property changes on: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/css/images/bg-selectors.gif
___________________________________________________________________
Added: svn:mime-type
+ image/gif
Deleted: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/icons/bg-black.gif
===================================================================
(Binary files differ)
Deleted: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/icons/bg-transparent.gif
===================================================================
(Binary files differ)
Deleted: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/icons/bg-white.gif
===================================================================
(Binary files differ)
Modified: trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/js/mediafolderview.js
===================================================================
--- trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/js/mediafolderview.js 2010-02-05 08:58:33 UTC (rev 1807)
+++ trunk/openutils-mgnlmedia/src/main/resources/mgnl-resources/media/js/mediafolderview.js 2010-02-05 09:56:00 UTC (rev 1808)
@@ -17,19 +17,23 @@
var clickHandler = this.handleClick.bindWithEvent(this);
$$(selectors).each(function(item){
item.addEvent('click', clickHandler);
- if (item.get('name') == cookie) item.fireEvent('click', {stop: $empty, target: item});
+ if (item.hasClass(cookie)) item.fireEvent('click', {stop: $empty, target: item});
});
},
handleClick: function(e){
e.stop();
var selector = $(e.target);
- var value = selector.get('name');
- document.body.className = value;
+ var value = selector.className.replace(/^bg-selector\s(.*)(-active)?$/, '$1');
+ if (value == this.previousValue) return;
+ if (this.previousValue) $(document.body).removeClass('bg-' + this.previousValue);
+ $(document.body).addClass('bg-' + value);
Cookie.write('bgselector', value, {duration: 30});
this.selectors.each(function(item){
- item[item == selector ? 'addClass' : 'removeClass']('active');
- });
+ if (item == selector) item.addClass(value + '-active');
+ else if (this.previousValue) item.removeClass(this.previousValue + '-active');
+ }, this);
+ this.previousValue = value;
}
});
Modified: trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html
===================================================================
--- trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html 2010-02-05 08:58:33 UTC (rev 1807)
+++ trunk/openutils-mgnlmedia/src/main/resources/net/sourceforge/openutils/mgnlmedia/media/pages/MediaFolderViewPage.html 2010-02-05 09:56:00 UTC (rev 1808)
@@ -121,22 +121,19 @@
</form>
<div id="navigation">
<div class="voice right" style="padding-right: 10px;">
- <a name="bg-black" href="#" class="bg-selector">
- <img src="${this.request.contextPath}/.resources/media/icons/bg-black.gif" border="0" align="absmiddle" />
+ <a name="bg-black" href="#" class="bg-selector black">
Black
</a>
</div>
<div class="separator right">|</div>
<div class="voice right">
- <a name="bg-transparent" href="#" class="bg-selector">
- <img src="${this.request.contextPath}/.resources/media/icons/bg-transparent.gif" border="0" align="absmiddle" />
+ <a name="bg-transparent" href="#" class="bg-selector transparent">
Transparent
</a>
</div>
<div class="separator right">|</div>
<div class="voice right">
- <a name="bg-white" href="#" class="bg-selector">
- <img src="${this.request.contextPath}/.resources/media/icons/bg-white.gif" border="0" align="absmiddle" />
+ <a name="bg-white" href="#" class="bg-selector white">
White
</a>
</div>
This was sent by the SourceForge.net collaborative development platform, the world's largest Open Source development site.
|
