moved html template to xbl component
git-svn-id: file:///tmp/snv/trunk@7 12951d8a-c33d-4b7c-b961-822215c816e1master
parent
b9d6c2f9a2
commit
5b4693e621
@ -1,7 +1,8 @@
|
||||
move to JSON data format -- done
|
||||
XBL -> Templates
|
||||
XBL -- done
|
||||
externalize strings
|
||||
format JS/refactor JS/Use FUEL
|
||||
caching/db
|
||||
threading
|
||||
put license
|
||||
caching/db, threading, XUL templates
|
||||
new UI
|
||||
JQuery
|
||||
|
||||
@ -0,0 +1,107 @@
|
||||
<?xml version="1.0"?>
|
||||
<bindings id="diggstory"
|
||||
xmlns="http://www.mozilla.org/xbl"
|
||||
xmlns:xul="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"
|
||||
xmlns:xbl="http://www.mozilla.org/xbl"
|
||||
xmlns:html="http://www.w3.org/1999/xhtml">
|
||||
<binding id="diggstoryitem" extends="chrome://global/content/bindings/richlistbox.xml#richlistitem">
|
||||
<resources>
|
||||
<stylesheet src="chrome://diggsidebar/skin/diggsidebar.css"/>
|
||||
</resources>
|
||||
<content>
|
||||
<xul:vbox>
|
||||
<html:div class="storyHeader">
|
||||
<html:span class="storyRead" title="Unread">R</html:span>
|
||||
<html:span class="storyNew" title="New">N</html:span>
|
||||
<html:img src="chrome://diggsidebar/content/image/up.jpg" class="storyCEIcon" />
|
||||
<html:span xbl:inherits="xbl:text=title" class="storyTitle"></html:span>
|
||||
</html:div>
|
||||
<html:div class="storyDetails">
|
||||
<html:div>
|
||||
<html:span xbl:inherits="xbl:text=container" class="storyContainer"></html:span> >
|
||||
<html:span xbl:inherits="xbl:text=topic" class="storyTopic"></html:span> /
|
||||
<html:span xbl:inherits="xbl:text=status" class="storyStatus"></html:span>
|
||||
</html:div>
|
||||
<html:div>
|
||||
<html:span xbl:inherits="xbl:text=desc" class="storyDesc"></html:span>
|
||||
<html:a xbl:inherits="href=link" class="storyLink" onclick="openInTab(this.href); return false">
|
||||
<html:img src="chrome://diggsidebar/content/image/external.png" />
|
||||
</html:a>
|
||||
</html:div>
|
||||
<html:div style="text-align:center;">
|
||||
<html:a xbl:inherits="href=href" class="storyHref" onclick="openInTab(this.href); return false">
|
||||
Digg This
|
||||
</html:a>
|
||||
</html:div>
|
||||
<html:div>
|
||||
<html:span class="storyPopularity">
|
||||
<html:img src="chrome://diggsidebar/content/image/digg.png" width="15px" />
|
||||
<html:span xbl:inherits="xbl:text=diggs" class="storyDiggs"></html:span>
|
||||
<html:img src="chrome://diggsidebar/content/image/comments.png" width="15px" />
|
||||
<html:span xbl:inherits="xbl:text=comments" class="storyComments"></html:span>
|
||||
</html:span>
|
||||
by
|
||||
<html:a xbl:inherits="href=userlink,xbl:text=username" class="storyUserLink" onclick="openInTab(this.href); return false"></html:a>
|
||||
<html:span xbl:inherits="xbl:text=date" class="storyDate"></html:span>
|
||||
</html:div>
|
||||
</html:div>
|
||||
</xul:vbox>
|
||||
</content>
|
||||
<implementation>
|
||||
<constructor>
|
||||
<![CDATA[
|
||||
this.d = {};
|
||||
this.d.read = false;
|
||||
this.d.new = true;
|
||||
]]>
|
||||
</constructor>
|
||||
<property name="read"
|
||||
onget="return this.d.read;"
|
||||
onset="this.d.read = val; if(val==true) this.markAsRead();"/>
|
||||
<property name="new"
|
||||
onget="return this.d.new;"
|
||||
onset="this.d.new = val; if(val==false) this.markAsOld();"/>
|
||||
<method name="markAsRead">
|
||||
<body>
|
||||
<![CDATA[
|
||||
var storyRead = document.getAnonymousElementByAttribute(this, "class", "storyRead");
|
||||
storyRead.style.textDecoration = "line-through";
|
||||
storyRead.style.backgroundColor = "black";
|
||||
storyRead.style.color = "white";
|
||||
storyRead.title = "Read";
|
||||
]]>
|
||||
</body>
|
||||
</method>
|
||||
<method name="markAsOld">
|
||||
<body>
|
||||
<![CDATA[
|
||||
var storyNew = document.getAnonymousElementByAttribute(this, "class", "storyNew");
|
||||
storyNew.style.textDecoration = "line-through";
|
||||
storyNew.style.backgroundColor = "black";
|
||||
storyNew.style.color = "white";
|
||||
storyNew.title = "Old";
|
||||
]]>
|
||||
</body>
|
||||
</method>
|
||||
<method name="showDesc">
|
||||
<body>
|
||||
<![CDATA[
|
||||
document.getAnonymousElementByAttribute(this, "class", "storyCEIcon").src =
|
||||
"chrome://diggsidebar/content/image/down.jpg";
|
||||
document.getAnonymousElementByAttribute(this, "class", "storyDetails").style.display = 'block';
|
||||
]]>
|
||||
</body>
|
||||
</method>
|
||||
<method name="hideDesc">
|
||||
<body>
|
||||
<![CDATA[
|
||||
document.getAnonymousElementByAttribute(this, "class", "storyCEIcon").src =
|
||||
"chrome://diggsidebar/content/image/up.jpg";
|
||||
document.getAnonymousElementByAttribute(this, "class", "storyDetails").style.display = 'none';
|
||||
]]>
|
||||
</body>
|
||||
</method>
|
||||
</implementation>
|
||||
<handlers></handlers>
|
||||
</binding>
|
||||
</bindings>
|
||||
Loading…
Reference in New Issue