var notifications_empty = unescape($("#nav-notifications-menu").html());
/* nav update event */
- $('nav').bind('nav-update', function(e,data){;
+ $('nav').bind('nav-update', function(e,data){
var invalid = $(data).find('invalid').text();
if(invalid == 1) { window.location.href=window.location.href }
text-decoration: underline;
}
blockquote {
- background: #ffffff;
+ background: #FFFFFF;
padding: 1em;
margin-left: 1em;
border-left: 1em solid #e6e6e6;
.widget .tool.selected {
background: url('../../../images/selected.png') no-repeat left center;
}
+.widget .notify {
+ display: none;
+ background-color: #19AEFF;
+ border-radius: 5px;
+ font-size: 10px;
+ padding: 1px 3px;
+ min-width: 15px;
+ text-align: right;
+ float: right;
+ color: #ffffff;
+ margin-right: 10px;
+}
+.widget .notify.on {
+ display: block;
+}
/* widget: search */
#add-search-popup {
width: 200px;
text-decoration: underline;
}
blockquote {
- background: #ffffff;
+ background: #FFFFFF;
padding: 1em;
margin-left: 1em;
border-left: 1em solid #e6e6e6;
.widget .tool.selected {
background: url('../../../images/selected.png') no-repeat left center;
}
+.widget .notify {
+ display: none;
+ background-color: #19AEFF;
+ border-radius: 5px;
+ font-size: 10px;
+ padding: 1px 3px;
+ min-width: 15px;
+ text-align: right;
+ float: right;
+ color: #ffffff;
+ margin-right: 10px;
+}
+.widget .notify.on {
+ display: block;
+}
/* widget: search */
#add-search-popup {
width: 200px;
--- /dev/null
+$(document).ready(function(){
+ $('nav').bind('nav-update', function(e,data){
+ var notifCount = $(data).find('notif').attr('count');
+ var intro = $(data).find('intro').text();
+ var mail = $(data).find('mail').text();
+
+ $("tool notify").removeClass("on");
+ $(data).find("group").each(function() {
+ var gid = this.id;
+ var gcount = this.innerHTML;
+ $(".group-"+gid+" .notify").addClass("on").text(gcount);
+ });
+
+ console.log(intro,mail);
+
+ if (notifCount > 0 ) {
+ Tinycon.setBubble(notifCount);
+ } else {
+ Tinycon.setBubble('');
+ }
+
+ if (intro>0){
+ $("#nav-introductions-link").addClass("on");
+ } else {
+ $("#nav-introductions-link").removeClass("on");
+ }
+
+ if (mail>0){
+ $("#nav-messages-link").addClass("on");
+ } else {
+ $("#nav-messages-link").removeClass("on");
+ }
+
+ });
+
+ /*
+ * show and hide contact action buttons in
+ * contacts page on contacts' checkbox selection
+ */
+ $('.contact-select').bind('click', function(e) {
+ var y = e.clientY;
+ var elm = $("#contacts-actions");
+ y=y-40;
+ if (y<0) y=0;
+ if (y+elm.height() > $("html").height()) y=$("html").height()-elm.height();
+ elm.css('top', y+"px");
+ if ($(".contact-select:checked").length > 0) {
+ elm.show();
+ } else {
+ elm.hide();
+ }
+ });
+});
+
+function insertFormatting(comment,BBcode,id) {
+
+ var tmpStr = $("#comment-edit-text-" + id).val();
+ if(tmpStr == comment) {
+ tmpStr = "";
+ $("#comment-edit-text-" + id).addClass("comment-edit-text-full");
+ $("#comment-edit-text-" + id).removeClass("comment-edit-text-empty");
+ openMenu("comment-edit-submit-wrapper-" + id);
+ $("#comment-edit-text-" + id).val(tmpStr);
+ }
+
+ textarea = document.getElementById("comment-edit-text-" +id);
+ if (document.selection) {
+ textarea.focus();
+ selected = document.selection.createRange();
+ if (BBcode == "url"){
+ selected.text = "["+BBcode+"]" + "http://" + selected.text + "[/"+BBcode+"]";
+ } else
+ selected.text = "["+BBcode+"]" + selected.text + "[/"+BBcode+"]";
+ } else if (textarea.selectionStart || textarea.selectionStart == "0") {
+ var start = textarea.selectionStart;
+ var end = textarea.selectionEnd;
+ if (BBcode == "url"){
+ textarea.value = textarea.value.substring(0, start) + "["+BBcode+"]" + "http://" + textarea.value.substring(start, end) + "[/"+BBcode+"]" + textarea.value.substring(end, textarea.value.length);
+ } else
+ textarea.value = textarea.value.substring(0, start) + "["+BBcode+"]" + textarea.value.substring(start, end) + "[/"+BBcode+"]" + textarea.value.substring(end, textarea.value.length);
+ }
+ return true;
+}
+
+function showThread(id) {
+ $("#collapsed-comments-" + id).show()
+ $("#collapsed-comments-" + id + " .collapsed-comments").show()
+}
+function hideThread(id) {
+ $("#collapsed-comments-" + id).hide()
+ $("#collapsed-comments-" + id + " .collapsed-comments").hide()
+}
+
+
+function cmtBbOpen(id) {
+ $("#comment-edit-bb-" + id).show();
+}
+function cmtBbClose(id) {
+ $("#comment-edit-bb-" + id).hide();
+}
+
+$(document).ready(function() {
+
+ $('html').click(function() { $("#nav-notifications-menu" ).hide(); });
+
+ $('.group-edit-icon').hover(
+ function() {
+ $(this).addClass('icon'); $(this).removeClass('iconspacer');},
+ function() {
+ $(this).removeClass('icon'); $(this).addClass('iconspacer');}
+ );
+
+ $('.sidebar-group-element').hover(
+ function() {
+ id = $(this).attr('id');
+ $('#edit-' + id).addClass('icon'); $('#edit-' + id).removeClass('iconspacer');},
+
+ function() {
+ id = $(this).attr('id');
+ $('#edit-' + id).removeClass('icon');$('#edit-' + id).addClass('iconspacer');}
+ );
+
+
+ $('.savedsearchdrop').hover(
+ function() {
+ $(this).addClass('drop'); $(this).addClass('icon'); $(this).removeClass('iconspacer');},
+ function() {
+ $(this).removeClass('drop'); $(this).removeClass('icon'); $(this).addClass('iconspacer');}
+ );
+
+ $('.savedsearchterm').hover(
+ function() {
+ id = $(this).attr('id');
+ $('#drop-' + id).addClass('icon'); $('#drop-' + id).addClass('drophide'); $('#drop-' + id).removeClass('iconspacer');},
+
+ function() {
+ id = $(this).attr('id');
+ $('#drop-' + id).removeClass('icon');$('#drop-' + id).removeClass('drophide'); $('#drop-' + id).addClass('iconspacer');}
+ );
+
+});
+
+
body {
font-family: Liberation Sans, helvetica, arial, clean, sans-serif;
font-size: 11px;
- background-color: #f6ecf9;
+ background-color: #F6ECF9;
color: #2d2d2d;
margin: 50px 0px 0px 0px;
display: table;
text-decoration: underline;
}
blockquote {
- background: #ffffff;
+ background: #FFFFFF;
padding: 1em;
margin-left: 1em;
border-left: 1em solid #e6e6e6;
.widget .tool.selected {
background: url('../../../images/selected.png') no-repeat left center;
}
+.widget .notify {
+ display: none;
+ background-color: #19AEFF;
+ border-radius: 5px;
+ font-size: 10px;
+ padding: 1px 3px;
+ min-width: 15px;
+ text-align: right;
+ float: right;
+ color: #ffffff;
+ margin-right: 10px;
+}
+.widget .notify.on {
+ display: block;
+}
/* widget: search */
#add-search-popup {
width: 200px;
height: 20px;
width: 500px;
font-weight: bold;
- border: 1px solid #f6ecf9;
+ border: 1px solid #F6ECF9;
}
#jot #jot-title:-webkit-input-placeholder {
font-weight: normal;
margin: 0px;
height: 20px;
width: 200px;
- border: 1px solid #f6ecf9;
+ border: 1px solid #F6ECF9;
}
#jot #jot-category:hover {
border: 1px solid #999999;
/*.action .s10 { width: 10px; overflow: hidden; padding: 0px;}
.action .s16 { width: 16px; overflow: hidden; padding: 0px;}*/
+ .notify {
+ display: none;
+ background-color: #19AEFF;
+ border-radius: 5px;
+ font-size: 10px;
+ padding: 1px 3px;
+ min-width: 15px;
+ text-align: right;
+ float: right;
+ color: rgb(255, 255, 255);
+ margin-right: 10px;
+
+ &.on { display: block; }
+ }
}
/* widget: search */
<div class="widget">
{{if $title}}<h3>{{$title}}</h3>{{/if}}
{{if $desc}}<div class="desc">{{$desc}}</div>{{/if}}
-
+
<ul role="menu">
{{foreach $items as $item}}
+ {{$item|var_dump}}
<li role="menuitem" class="tool {{if $item.selected}}selected{{/if}}"><a href="{{$item.url}}" {{if $item.accesskey}}accesskey="{{$item.accesskey}}"{{/if}} class="link">{{$item.label}}</a></li>
{{/foreach}}
</ul>
-
+
</div>
<div id="sidebar-group-list">
<ul>
{{foreach $groups as $group}}
- <li class="tool {{if $group.selected}}selected{{/if}}">
+ <li class="tool {{if $group.selected}}selected{{/if}} group-{{$group.id}}">
<a href="{{$group.href}}" class="label">
{{$group.text}}
</a>
<a href="{{$group.edit.href}}" class="action"><span class="icon text s10 edit">{{$group.edit.title}}</span></a>
{{/if}}
{{if $group.cid}}
- <input type="checkbox"
- class="{{if $group.selected}}ticked{{else}}unticked {{/if}} action"
+ <input type="checkbox"
+ class="{{if $group.selected}}ticked{{else}}unticked {{/if}} action"
onclick="contactgroupChangeMember('{{$group.id}}','{{$group.cid}}');return true;"
{{if $group.ismember}}checked="checked"{{/if}}
/>
{{/if}}
+ <span class="notify"></span>
</li>
{{/foreach}}
</ul>
</div>
-</div>
+</div>
* Maintainer: Fabio <http://kirgroup.com/profile/fabrixxm>
* Maintainer: Tobias <https://diekershoff.homeunix.net/friendica/profile/tobias>
*/
-
-function quattro_init(&$a) {
-$a->theme_info = array();
-set_template_engine($a, 'smarty3');
-
-
-$a->page['htmlhead'] .= '<script src="'.$a->get_baseurl().'/view/theme/quattro/tinycon.min.js"></script>';
-$a->page['htmlhead'] .= <<< EOT
-<script>
-$(document).ready(function(){
- $('nav').bind('nav-update', function(e,data){
- var notifCount = $(data).find('notif').attr('count');
- var intro = $(data).find('intro').text();
- var mail = $(data).find('mail').text();
-
- console.log(intro,mail);
-
- if (notifCount > 0 ) {
- Tinycon.setBubble(notifCount);
- } else {
- Tinycon.setBubble('');
- }
-
- if (intro>0){
- $("#nav-introductions-link").addClass("on");
- } else {
- $("#nav-introductions-link").removeClass("on");
- }
-
- if (mail>0){
- $("#nav-messages-link").addClass("on");
- } else {
- $("#nav-messages-link").removeClass("on");
- }
-
- });
-
- /*
- * show and hide contact action buttons in
- * contacts page on contacts' checkbox selection
- */
- $('.contact-select').bind('click', function(e) {
- var y = e.clientY;
- var elm = $("#contacts-actions");
- y=y-40;
- if (y<0) y=0;
- if (y+elm.height() > $("html").height()) y=$("html").height()-elm.height();
- elm.css('top', y+"px");
- if ($(".contact-select:checked").length > 0) {
- elm.show();
- } else {
- elm.hide();
- }
- });
-});
-
-function insertFormatting(comment,BBcode,id) {
-
- var tmpStr = $("#comment-edit-text-" + id).val();
- if(tmpStr == comment) {
- tmpStr = "";
- $("#comment-edit-text-" + id).addClass("comment-edit-text-full");
- $("#comment-edit-text-" + id).removeClass("comment-edit-text-empty");
- openMenu("comment-edit-submit-wrapper-" + id);
- $("#comment-edit-text-" + id).val(tmpStr);
- }
-
- textarea = document.getElementById("comment-edit-text-" +id);
- if (document.selection) {
- textarea.focus();
- selected = document.selection.createRange();
- if (BBcode == "url"){
- selected.text = "["+BBcode+"]" + "http://" + selected.text + "[/"+BBcode+"]";
- } else
- selected.text = "["+BBcode+"]" + selected.text + "[/"+BBcode+"]";
- } else if (textarea.selectionStart || textarea.selectionStart == "0") {
- var start = textarea.selectionStart;
- var end = textarea.selectionEnd;
- if (BBcode == "url"){
- textarea.value = textarea.value.substring(0, start) + "["+BBcode+"]" + "http://" + textarea.value.substring(start, end) + "[/"+BBcode+"]" + textarea.value.substring(end, textarea.value.length);
- } else
- textarea.value = textarea.value.substring(0, start) + "["+BBcode+"]" + textarea.value.substring(start, end) + "[/"+BBcode+"]" + textarea.value.substring(end, textarea.value.length);
- }
- return true;
-}
-
-function showThread(id) {
- $("#collapsed-comments-" + id).show()
- $("#collapsed-comments-" + id + " .collapsed-comments").show()
-}
-function hideThread(id) {
- $("#collapsed-comments-" + id).hide()
- $("#collapsed-comments-" + id + " .collapsed-comments").hide()
-}
-
-
-function cmtBbOpen(id) {
- $("#comment-edit-bb-" + id).show();
-}
-function cmtBbClose(id) {
- $("#comment-edit-bb-" + id).hide();
-}
-
-$(document).ready(function() {
-
- $('html').click(function() { $("#nav-notifications-menu" ).hide(); });
-
- $('.group-edit-icon').hover(
- function() {
- $(this).addClass('icon'); $(this).removeClass('iconspacer');},
- function() {
- $(this).removeClass('icon'); $(this).addClass('iconspacer');}
- );
-
- $('.sidebar-group-element').hover(
- function() {
- id = $(this).attr('id');
- $('#edit-' + id).addClass('icon'); $('#edit-' + id).removeClass('iconspacer');},
-
- function() {
- id = $(this).attr('id');
- $('#edit-' + id).removeClass('icon');$('#edit-' + id).addClass('iconspacer');}
- );
-
-
- $('.savedsearchdrop').hover(
- function() {
- $(this).addClass('drop'); $(this).addClass('icon'); $(this).removeClass('iconspacer');},
- function() {
- $(this).removeClass('drop'); $(this).removeClass('icon'); $(this).addClass('iconspacer');}
- );
-
- $('.savedsearchterm').hover(
- function() {
- id = $(this).attr('id');
- $('#drop-' + id).addClass('icon'); $('#drop-' + id).addClass('drophide'); $('#drop-' + id).removeClass('iconspacer');},
-
- function() {
- id = $(this).attr('id');
- $('#drop-' + id).removeClass('icon');$('#drop-' + id).removeClass('drophide'); $('#drop-' + id).addClass('iconspacer');}
- );
-
-});
+function quattro_init(&$a) {
+ $a->theme_info = array();
-</script>
-EOT;
+ $a->page['htmlhead'] .= '<script src="'.$a->get_baseurl().'/view/theme/quattro/tinycon.min.js"></script>';
+ $a->page['htmlhead'] .= '<script src="'.$a->get_baseurl().'/view/theme/quattro/js/quattro.js"></script>';;
}
projects / friendica.git / commitdiff