Mise à jour de la vue globale

* Nombre de non lus mis à jour automatiquement
* Mise à jour structure HTML
* Mise à jour design
Fusion manuelle depuis la 0.6-beta
0c96d3489b
This commit is contained in:
Alexandre Alapetite
2013-11-12 23:21:13 +01:00
parent a5240e0855
commit 5bd52cdcb6
5 changed files with 76 additions and 41 deletions

View File

@@ -1,30 +1,24 @@
<?php $this->partial ('nav_menu'); ?>
<div id="stream" class="global">
<div id="stream" class="global categories">
<?php
foreach ($this->cat_aside as $cat) {
$feeds = $cat->feeds ();
$catNotRead = $cat->nbNotRead ();
if (!empty ($feeds)) {
?>
<div class="category">
<div class="cat_header">
<a href="<?php echo _url ('index', 'index', 'get', 'c_' . $cat->id (), 'output', 'normal'); ?>">
<?php echo $cat->name(); ?><?php echo $catNotRead > 0 ? ' (' . $catNotRead . ')' : ''; ?>
<div class="box-category">
<div class="category">
<a data-unread="<?php echo $cat->nbNotRead (); ?>" class="btn" href="<?php echo _url ('index', 'index', 'get', 'c_' . $cat->id (), 'output', 'normal'); ?>">
<?php echo $cat->name(); ?>
</a>
</div>
<ul class="feeds">
<?php foreach ($feeds as $feed) { ?>
<?php $not_read = $feed->nbNotRead (); ?>
<li class="item">
<li id="f_<?php echo $feed->id (); ?>" class="item<?php echo $feed->inError () ? ' error' : ''; ?><?php echo $feed->nbEntries () == 0 ? ' empty' : ''; ?>">
<img class="favicon" src="<?php echo $feed->favicon (); ?>" alt="✇" />
<a href="<?php echo _url ('index', 'index', 'get', 'f_' . $feed->id (), 'output', 'normal'); ?>">
<?php echo $not_read > 0 ? '<b>' : ''; ?>
<a class="feed" data-unread="<?php echo $feed->nbNotRead (); ?>" data-priority="<?php echo $feed->priority (); ?>" href="<?php echo _url ('index', 'index', 'get', 'f_' . $feed->id (), 'output', 'normal'); ?>">
<?php echo $feed->name(); ?>
<?php echo $not_read > 0 ? ' (' . $not_read . ')' : ''; ?>
<?php echo $not_read > 0 ? '</b>' : ''; ?>
</a>
</li>
<?php } ?>

View File

@@ -35,11 +35,13 @@ function init_close_panel() {
init_close_panel();
$("#panel").slideToggle();
$("#overlay").fadeOut();
return false;
});
}
function init_global_view() {
$("#stream .category a").click(function () {
$("#stream .box-category a").click(function () {
var link = $(this).attr("href");
load_panel(link);

View File

@@ -68,15 +68,19 @@ function mark_read(active, only_not_read) {
//Update unread: all
if (feed_priority > 0) {
elem = $('#aside_flux .all').children(':first').get(0);
feed_unread = elem ? (parseInt(elem.getAttribute('data-unread'), 10) || 0) : 0;
elem.setAttribute('data-unread', Math.max(0, feed_unread + inc));
if (elem) {
feed_unread = elem ? (parseInt(elem.getAttribute('data-unread'), 10) || 0) : 0;
elem.setAttribute('data-unread', Math.max(0, feed_unread + inc));
}
}
//Update unread: favourites
if (active.closest('div').hasClass('favorite')) {
elem = $('#aside_flux .favorites').children(':first').get(0);
feed_unread = elem ? (parseInt(elem.getAttribute('data-unread'), 10) || 0) : 0;
elem.setAttribute('data-unread', Math.max(0, feed_unread + inc));
if (elem) {
feed_unread = elem ? (parseInt(elem.getAttribute('data-unread'), 10) || 0) : 0;
elem.setAttribute('data-unread', Math.max(0, feed_unread + inc));
}
}
//Update unread: title

View File

@@ -100,9 +100,8 @@
}
.category {
display: block;
padding: 5px 0;
width: 220px;
margin: 5px auto;
margin: 10px auto;
text-align: left;
overflow: hidden;
white-space: nowrap;
@@ -362,7 +361,7 @@
#stream.global {
text-align: center;
}
#stream.global .category {
#stream.global .box-category {
display: inline-block;
width: 280px;
margin: 20px 10px;
@@ -373,29 +372,48 @@
text-align: left;
box-shadow: 0 0 5px #bbb;
}
#stream.global .cat_header {
#stream.global .category {
width: 100%;
margin: 0;
}
#stream.global .btn {
display: block;
width: auto;
height: 35px;
margin: 0;
padding: 0 10px;
background: #eee;
border: none;
border-bottom: 1px solid #aaa;
border-radius: 5px 5px 0 0;
line-height: 35px;
font-size: 120%;
}
#stream.global .cat_header a {
color: #333;
text-shadow: 0 -1px 0px #aaa;
#stream.global .btn:not([data-unread="0"]) {
font-weight:bold;
}
#stream.global .category .feeds {
#stream.global .btn:first-child:not([data-unread="0"]):after {
top: 0; right: 5px;
border: 0;
background: none;
color: #666;
font-weight: bold;
box-shadow: none;
}
#stream.global .box-category .feeds {
display: block;
max-height: 250px;
margin: 0;
list-style: none;
overflow: auto;
}
#stream.global .category .feeds .item {
#stream.global .box-category .feeds .item {
padding: 2px 10px;
font-size: 90%;
}
#stream.global .box-category .feed {
width: 220px;
}
.content {
min-height: 300px;

View File

@@ -94,9 +94,8 @@ body {
}
.category {
display: block;
padding: 5px 0;
width: 220px;
margin: 5px auto;
margin: 10px auto;
text-align: left;
overflow: hidden;
white-space: nowrap;
@@ -123,7 +122,7 @@ body {
display:none;
}
.categories .feeds {
width: 220px;
width: 100%;
margin: 0 auto;
list-style: none;
}
@@ -347,39 +346,57 @@ body {
#stream.global {
text-align: center;
}
#stream.global .category {
#stream.global .box-category {
display: inline-block;
width: 280px;
margin: 20px 10px;
vertical-align: top;
border: 1px solid #aaa;
border: 1px solid #ddd;
border-radius: 5px;
text-align: left;
box-shadow: 0 0 5px #bbb;
}
#stream.global .cat_header {
#stream.global .category {
width: 100%;
margin: 0;
}
#stream.global .btn {
display: block;
width: auto;
height: 35px;
margin: 0;
padding: 0 10px;
background: #eee;
border-bottom: 1px solid #aaa;
background: #ecf0f1;
color: #333;
border-bottom: 1px solid #ddd;
border-radius: 5px 5px 0 0;
line-height: 35px;
font-size: 120%;
}
#stream.global .cat_header a {
color: #333;
text-shadow: 0 -1px 0px #aaa;
#stream.global .btn:not([data-unread="0"]) {
font-weight:bold;
}
#stream.global .category .feeds {
#stream.global .btn:first-child:not([data-unread="0"]):after {
top: 0; right: 5px;
border: 0;
background: none;
color: #333;
font-weight: bold;
box-shadow: none;
}
#stream.global .box-category .feeds {
display: block;
max-height: 250px;
margin: 0;
list-style: none;
overflow: auto;
}
#stream.global .category .feeds .item {
#stream.global .box-category .feeds .item {
padding: 2px 10px;
font-size: 90%;
}
#stream.global .box-category .feed {
width: 220px;
}
.content {
min-height: 300px;