Cyclone-Team/gramps
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Finished working on the thumbnail preview page and updated the style sheets with the necessary style elements.

Browse Source 
svn: r18091
This commit is contained in:
Rob G. Healey 2011-08-31 02:06:59 +00:00
parent cde4bb16d5
commit 95a292f344
12 changed files with 418 additions and 61 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

268
src/plugins/webreport/NarrativeWeb.py
View File

@ -1256,11 +1256,10 @@ class BasePage(object):
@param: currentsection = which menu item are you on
"""
# include repositories or not?
inc_repos = True
if not self.report.inc_repository or \
len(self.report.database.get_repository_handles()) == 0:
if (not self.report.inc_repository or
not len(self.report.database.get_repository_handles() ) ):
inc_repos = False
navs = [
@ -1272,66 +1271,72 @@ class BasePage(object):
('places', _("Places"), True),
('events', _("Events"), self.report.inc_events),
('media', _("Media"), self.create_media),
('preview', _("Media Preview"), self.report.thumbpreview),
('download', _("Download"), self.report.inc_download),
('sources', _("Sources"), True),
('repositories', _("Repositories"), inc_repos),
("addressbook", _("Address Book"), self.report.inc_addressbook),
('contact', _("Contact"), self.report.use_contact),
]
navigation = Html("div", id = 'navigation')
ul = Html("ul")
]
# Remove menu sections if they are not being created?
navs = ((u, n) for u, n, c in navs if c)
for url_fname, nav_text in navs:
if not _has_webpage_extension(url_fname):
url_fname += self.ext
with Html("div", id ="navigation") as navigation:
unordered = Html("ul")
navigation += unordered
url = self.report.build_url_fname(url_fname, None, self.up)
for url_fname, nav_text in navs:
if not _has_webpage_extension(url_fname):
url_fname += self.ext
# Define 'currentsection' to correctly set navlink item CSS id
# 'CurrentSection' for Navigation styling.
# Use 'self.report.cur_fname' to determine 'CurrentSection' for individual
# elements for Navigation styling.
url = self.report.build_url_fname(url_fname, None, self.up)
# Figure out if we need <li class="CurrentSection"> of just plain <li>
cs = False
if nav_text == currentsection:
cs = True
elif nav_text == _("Surnames"):
if "srn" in self.report.cur_fname:
cs = True
elif _("Surnames") in currentsection:
cs = True
elif nav_text == _("Individuals"):
if "ppl" in self.report.cur_fname:
cs = True
elif nav_text == _("Families"):
if "fml" in self.report.cur_fname:
cs = True
elif nav_text == SHEAD:
if "src" in self.report.cur_fname:
cs = True
elif nav_text == _("Places"):
if "plc" in self.report.cur_fname:
cs = True
elif nav_text == _("Events"):
if "evt" in self.report.cur_fname:
cs = True
elif nav_text == _("Media"):
if "img" in self.report.cur_fname:
cs = True
elif nav_text == _("Address Book"):
if "addr" in self.report.cur_fname:
cs = True
# Define 'currentsection' to correctly set navlink item CSS id
# 'CurrentSection' for Navigation styling.
# Use 'self.report.cur_fname' to determine 'CurrentSection' for individual
# elements for Navigation styling.
cs = 'class = "CurrentSection"' if cs else ""
ul += Html("li", attr = cs, inline = True) + (
Html("a", nav_text, href =url, title =nav_text)
)
navigation += ul
# Figure out if we need <li class="CurrentSection"> of just plain <li>
cs = False
if nav_text == currentsection:
cs = True
elif nav_text == _("Surnames"):
if "srn" in self.report.cur_fname:
cs = True
elif _("Surnames") in currentsection:
cs = True
elif nav_text == _("Individuals"):
if "ppl" in self.report.cur_fname:
cs = True
elif nav_text == _("Families"):
if "fam" in self.report.cur_fname:
cs = True
elif nav_text == _("Sources"):
if "src" in self.report.cur_fname:
cs = True
elif nav_text == _("Places"):
if "plc" in self.report.cur_fname:
cs = True
elif nav_text == _("Events"):
if "evt" in self.report.cur_fname:
cs = True
elif nav_text == _("Media"):
if "img" in self.report.cur_fname:
cs = True
elif nav_text == _("Address Book"):
if "addr" in self.report.cur_fname:
cs = True
cs = 'class = "CurrentSection"' if cs else False
if not cs:
unordered += Html("li", inline =True) + (
Html("a", nav_text, href =url, title =nav_text)
)
else:
unordered += Html("li", attr =cs, inline =True) + (
Html("a", nav_text, href =url, title =nav_text)
)
# return navigation menu bar to its caller
return navigation
@ -2055,7 +2060,7 @@ class BasePage(object):
# return hyperlink to its caller
return hyper
def media_link(self, handle, img_url, name, up, usedescr = True):
def media_link(self, handle, img_url, name, up, usedescr =True):
"""
creates and returns a hyperlink to the thumbnail image
@ -2066,7 +2071,7 @@ class BasePage(object):
@param: usedescr - add media description
"""
url = self.report.build_url_fname_html(handle, "img", up)
name = html_escape( name )
name = html_escape(name)
# begin thumbnail division
with Html("div", class_ = "thumbnail") as thumbnail:
@ -4260,6 +4265,144 @@ class MediaListPage(BasePage):
# return hyperlink to its callers
return hyper
class ThumbnailPreview(BasePage):
def __init__(self, report, title, ticker):
BasePage.__init__(self, report, title)
db = report.database
sort = Sort.Sort(db)
self.photo_keys = sorted(self.report.photo_list, key =sort.by_media_title_key)
if not self.photo_keys:
return
medialist = []
for phandle in self.photo_keys:
photo = db.get_object_from_handle(phandle)
if photo:
mime_type = photo.get_mime_type()
if mime_type.startswith("image"):
photo_title = photo.get_description()
medialist.append( (photo_title, photo) )
if not medialist:
return
medialist.sort()
# reate thumbnail preview page...
of = self.report.create_file("preview")
thumbnailpage, head, body = self.write_header(_("Thumbnail Preview"))
with Html("div", class_ ="content", id ="Preview") as previewpage:
body += previewpage
msg = _("This page displays a indexed list of all the media objects "
"in this database. It is sorted by media title. There is an index "
"of all the media objects in this database. Clicking on a thumbnail "
"will take you to that image&#8217;s page.")
previewpage += Html("p", msg, id ="description")
with Html("table", class_ ="calendar") as table:
previewpage += table
thead = Html("thead")
table += thead
# page title...
trow = Html("tr")
thead += trow
trow += Html("th", _("Thumbnail Preview"), class_ ="monthName", colspan=7, inline =True)
# table header cells...
trow = Html("tr")
thead += trow
ltrs = ["G", "r", "a", "m", "p", "s", "3.4.0"]
for ltr in ltrs:
trow += Html("th", ltr, class_ ="weekend", inline =True)
tbody = Html("tbody")
table += tbody
index, indexpos = 1, 0
num_of_rows = (len(medialist) // 7)
for rows in range(0, num_of_rows):
trow = Html("tr")
tbody += trow
for cols in range(0, 7):
ptitle = medialist[indexpos][0]
photo = medialist[indexpos][1]
phandle = photo.get_handle()
# begin table cell and attach to table row(trow)...
tcell = Html("td", class_ ="highlight weekend")
trow += tcell
# attach index number...
numberdiv = Html("div", index, class_ ="date", inline =True)
tcell += numberdiv
# attach hyper link...
tcell += Html("a", name ="%05d", inline =True % index)
# begin unordered list and attach to table cell(tcell)...
unordered = Html("ul")
tcell += unordered
# create thumbnail
real_path, newpath = self.report.prepare_copy_media(photo)
newpath = self.report.build_url_fname(newpath)
# attach thumbnail to cell...
unordered += Html("li", self.media_link(phandle, newpath, ptitle, True, False))
index += 1
indexpos += 1
# begin Thumbnail Reference section...
with Html("div", class_ ="subsection", id ="references") as section:
body += section
section += Html("h4", _("References"), inline =True)
with Html("table", class_ ="infolist") as table:
section += table
tbody = Html("tbody")
table += tbody
index = 1
for ptitle, photo in medialist:
trow = Html("tr")
tbody += trow
tcell1 = Html("td", self.thumbnail_link(ptitle, index), class_ ="ColumnRowLabel")
tcell2 = Html("td", ptitle, class_ ="ColumnName")
trow += (tcell1, tcell2)
# increase index for row number...
index += 1
# increase progress meter...
ticker.step()
# add body id element
body.attr = 'id ="ThumbnailPreview"'
# add footer section
# add clearline for proper styling
footer = self.write_footer()
body += (fullclear, footer)
# send page out for processing
# and close the file
self.XHTMLWriter(thumbnailpage, of)
def thumbnail_link(self, name, index):
"""
creates a hyperlink from Reference back to thumbnail
"""
return Html("a", "%05d" % index, title =html_escape(name), href ="#%05d" % index)
class DownloadPage(BasePage):
"""
This class will produce the Download Page ...
@ -5200,7 +5343,7 @@ class IndividualPage(BasePage):
self.page_title = self.sort_name
thumbnail = self.display_first_image_as_thumbnail(self.person.get_media_list(), self.person)
section_title = Html("h3", self.get_name(self.person), inline = True)
section_title = Html("h3", self.page_title, inline =True)
# begin summaryarea division
with Html("div", id = 'summaryarea') as summaryarea:
@ -6219,6 +6362,10 @@ class NavWebReport(Report):
if self.inc_gallery:
self.gallery_pages(source_list)
# build Thumbnail Preview Page...
if self.thumbpreview:
self.thumbnail_preview_page()
# Build classes source pages a second time to pick up sources referenced
# by galleries
self.source_pages(source_list)
@ -6493,7 +6640,6 @@ class NavWebReport(Report):
"""
creates MediaListPage and MediaPage
"""
self.progress.set_pass(_("Creating media pages"), len(self.photo_list))
MediaListPage(self, self.title)
@ -6501,7 +6647,7 @@ class NavWebReport(Report):
prev = None
total = len(self.photo_list)
sort = Sort.Sort(self.database)
photo_keys = sorted(self.photo_list, key=sort.by_media_title_key)
photo_keys = sorted(self.photo_list, key =sort.by_media_title_key)
index = 1
for photo_handle in photo_keys:
@ -6514,6 +6660,16 @@ class NavWebReport(Report):
prev = photo_handle
index += 1
def thumbnail_preview_page(self):
"""
creates the thumbnail preview page
"""
db = self.database
self.progress.set_pass(_("Creating thumbnail preview page..."), len(self.photo_list))
ThumbnailPreview(self, self.title, self.progress)
def base_pages(self):
"""
creates HomePage, ContactPage, DownloadPage, and IntroductionPage
@ -7509,7 +7665,7 @@ def alphabet_navigation(menu_set):
if lang_country == "sv_SE" and menu_item == u'V':
hyper = Html("a", "V,W", href = "#V,W", title = "V,W")
else:
hyper = Html("a", menu_item, href = "#%s" % menu_item)
hyper = Html("a", menu_item, href ="#%s" % menu_item)
hyper.attr += ' title =' + title_str
li += hyper

2
src/plugins/webreport/WebCal.py
View File

@ -625,7 +625,7 @@ class WebCalReport(Report):
th_txt = '%s %04d' % (month_name, year)
# begin calendar table and table head
with Html("table", class_ = "calendar", id = month_name) as table:
with Html("table", class_ ="calendar", id = month_name) as table:
thead = Html("thead")
table += thead

20
src/plugins/webstuff/css/Web_Basic-Ash.css
View File

@ -612,6 +612,26 @@ table.relationships tbody tr td.ColumnRowLabel a {
border-color:#CCC;
}
/* Thumbnail Preview Reference Section
------------------------------------------------- */
body#ThumbnailPreview div#references {
background-color: #FFF;
color: #00029D;
margin: 0 auto;
padding: 0;
width: 100%;
}
body#ThumbnailPreview div#references table.infolist tbody tr {
border-bottom: dashed 1px #000;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnRowLabel a {
background: none;
width: 2%;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
width: 90%;
}
/* Contact
----------------------------------------------------- */
#Contact #summaryarea {

29
src/plugins/webstuff/css/Web_Basic-Blue.css
View File

@ -54,7 +54,8 @@ body {
/* Menu Elements
================================================= */
div#navigation ul, div#subnavigation ul {
background-color: Navy;
font: normal .9em sans-serif;
background-color: #00029D;
}
div#navigation ul li,
div#subnavigation ul li {
@ -74,8 +75,8 @@ div#subnavigation ul li a:hover {
div#navigation ul li.CurrentSection a,
div#subnavigation ul li.CurrentSection a {
background-color: #BCEAF6;
font: bold 16px sans;
color: #FFF;
font: bold 14px sans;
color: #000;
}
div#navigation ul li.CurrentSection a:hover {
background-color: #BCEAF6;
@ -786,8 +787,28 @@ div#EventDetail table.eventlist tbody tr td.ColumnDate {
width: 40%;
}
/* Thumbnail Preview Reference Section
------------------------------------------------- */
body#ThumbnailPreview div#references {
background-color: #FFF;
color: #00029D;
margin: 0 auto;
padding: 0;
width: 100%;
}
body#ThumbnailPreview div#references table.infolist tbody tr {
border-bottom: dashed 1px #000;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnRowLabel a {
background: none;
width: 2%;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
width: 90%;
}
/* Contact
----------------------------------------------------- */
------------------------------------------------- */
#Contact #summaryarea {
width: 500px;
margin: 0 auto;

20
src/plugins/webstuff/css/Web_Basic-Cypress.css
View File

@ -596,6 +596,26 @@ table.relationships tbody tr td.columnPartner {
border-color:#9DBF9D;
}
/* Thumbnail Preview Reference Section
------------------------------------------------- */
body#ThumbnailPreview div#references {
background-color: #FFF;
color: #00029D;
margin: 0 auto;
padding: 0;
width: 100%;
}
body#ThumbnailPreview div#references table.infolist tbody tr {
border-bottom: dashed 1px #000;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnRowLabel a {
background: none;
width: 2%;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
width: 90%;
}
/* Contact
----------------------------------------------------- */
#Contact #summaryarea {

20
src/plugins/webstuff/css/Web_Basic-Lilac.css
View File

@ -597,6 +597,26 @@ table.relationships tbody tr td.ColumnPartner {
border-color:#B4B4CB;
}
/* Thumbnail Preview Reference Section
------------------------------------------------- */
body#ThumbnailPreview div#references {
background-color: #FFF;
color: #00029D;
margin: 0 auto;
padding: 0;
width: 100%;
}
body#ThumbnailPreview div#references table.infolist tbody tr {
border-bottom: dashed 1px #000;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnRowLabel a {
background: none;
width: 2%;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
width: 90%;
}
/* Contact
----------------------------------------------------- */
#Contact #summaryarea {

20
src/plugins/webstuff/css/Web_Basic-Peach.css
View File

@ -598,6 +598,26 @@ table.relationships tbody tr td.ColumnPartner {
border-color:#FFC35E;
}
/* Thumbnail Preview Reference Section
------------------------------------------------- */
body#ThumbnailPreview div#references {
background-color: #FFF;
color: #00029D;
margin: 0 auto;
padding: 0;
width: 100%;
}
body#ThumbnailPreview div#references table.infolist tbody tr {
border-bottom: dashed 1px #000;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnRowLabel a {
background: none;
width: 2%;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
width: 90%;
}
/* Contact
----------------------------------------------------- */
#Contact #summaryarea {

20
src/plugins/webstuff/css/Web_Basic-Spruce.css
View File

@ -598,6 +598,26 @@ table.relationships tbody tr td.ColumnPartner {
border-color:#BFD0EA;
}
/* Thumbnail Preview Reference Section
------------------------------------------------- */
body#ThumbnailPreview div#references {
background-color: #FFF;
color: #00029D;
margin: 0 auto;
padding: 0;
width: 100%;
}
body#ThumbnailPreview div#references table.infolist tbody tr {
border-bottom: dashed 1px #000;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnRowLabel a {
background: none;
width: 2%;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
width: 90%;
}
/* Contact
----------------------------------------------------- */
#Contact #summaryarea {

20
src/plugins/webstuff/css/Web_Mainz.css
View File

@ -618,6 +618,26 @@ table.relationships tbody tr td.ColumnPartner {
color:#767D25;
}
/* Thumbnail Preview Reference Section
------------------------------------------------- */
body#ThumbnailPreview div#references {
background-color: #FFF;
color: #00029D;
margin: 0 auto;
padding: 0;
width: 100%;
}
body#ThumbnailPreview div#references table.infolist tbody tr {
border-bottom: dashed 1px #000;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnRowLabel a {
background: none;
width: 2%;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
width: 90%;
}
/* Contact
----------------------------------------------------- */
#Contact #summaryarea {

20
src/plugins/webstuff/css/Web_Nebraska.css
View File

@ -598,6 +598,26 @@ table.relationships tbody tr td.ColumnPartner a:hover {
border-color:#C1B398;
}
/* Thumbnail Preview Reference Section
------------------------------------------------- */
body#ThumbnailPreview div#references {
background-color: #FFF;
color: #00029D;
margin: 0 auto;
padding: 0;
width: 100%;
}
body#ThumbnailPreview div#references table.infolist tbody tr {
border-bottom: dashed 1px #000;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnRowLabel a {
background: none;
width: 2%;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
width: 90%;
}
/* Contact
----------------------------------------------------- */
#Contact #summaryarea {

20
src/plugins/webstuff/css/Web_Print-Default.css
View File

@ -363,6 +363,26 @@ table.relationships tbody tr td.ColumnRowLabel a {
padding:0 0 9pt 9pt;
}
/* Thumbnail Preview Reference Section
------------------------------------------------- */
body#ThumbnailPreview div#references {
background-color: #FFF;
color: #00029D;
margin: 0 auto;
padding: 0;
width: 100%;
}
body#ThumbnailPreview div#references table.infolist tbody tr {
border-bottom: dashed 1px #000;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnRowLabel a {
background: none;
width: 2%;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
width: 90%;
}
/* Contact
----------------------------------------------------- */
#researcher {

20
src/plugins/webstuff/css/Web_Visually.css
View File

@ -778,6 +778,26 @@ div#EventDetail table.eventlist tbody tr td.ColumnPerson {
width: 40%;
}
/* Thumbnail Preview Reference Section
------------------------------------------------- */
body#ThumbnailPreview div#references {
background-color: #FFF;
color: #00029D;
margin: 0 auto;
padding: 0;
width: 100%;
}
body#ThumbnailPreview div#references table.infolist tbody tr {
border-bottom: dashed 1px #000;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnRowLabel a {
background: none;
width: 2%;
}
body#ThumbnailPreview div#references table.infolist tbody tr td.ColumnName {
width: 90%;
}
/* Contact
----------------------------------------------------- */
#Contact #summaryarea {