Beetroot v1.0
This commit is contained in:
parent
94393e42ad
commit
64d5a8b5c2
|
|
@ -0,0 +1,337 @@
|
|||
/**
|
||||
* Beetroot
|
||||
* By Disroot.org
|
||||
* Based on Redbasic
|
||||
*/
|
||||
|
||||
/* generals */
|
||||
|
||||
html {
|
||||
font-size: $font_size;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: $bgcolour;
|
||||
color: $font_colour;
|
||||
}
|
||||
|
||||
#left_aside_wrapper .nav-link.active {
|
||||
color: #fff;
|
||||
background-color: $link_bgcolour;
|
||||
}
|
||||
|
||||
#right_aside_wrapper .nav-link.active {
|
||||
color: #fff;
|
||||
background-color: #$link_bgcolour;
|
||||
}
|
||||
|
||||
/* navbar */
|
||||
|
||||
.navbuttons i {
|
||||
color: $nav_icon_colour;
|
||||
margin-right: 0.2rem;
|
||||
}
|
||||
|
||||
.mr-auto .navbar-app.nav-link {
|
||||
color: $nav_icon_colour;
|
||||
padding: 0.3rem;
|
||||
}
|
||||
|
||||
.navbar-toggler {
|
||||
padding: 0.3rem;
|
||||
}
|
||||
|
||||
.navbuttons .nvba:focus i,
|
||||
.navbuttons .nvba:hover i {
|
||||
color: $nav_active_icon_colour;
|
||||
}
|
||||
|
||||
.section-content-info-wrapper {
|
||||
padding: 21px 10px;
|
||||
color: #50162d;
|
||||
background-color: #ccbdc3;
|
||||
border-bottom: 3px solid rgb(255,255,255);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
/* network filters */
|
||||
|
||||
#main-slider ins {
|
||||
color: #fff;
|
||||
font-size: 0.8rem;
|
||||
font-weight: 900;
|
||||
text-shadow: 1px 0px 2px #444;
|
||||
}
|
||||
|
||||
.nav-tabs {
|
||||
border:none;
|
||||
}
|
||||
|
||||
#region_2 .nav-link {
|
||||
background-color: rgba(184,184,184,0.7);
|
||||
color: #fff;
|
||||
border: 1px solid #fff;
|
||||
border-radius: $radius $radius 0 0;
|
||||
}
|
||||
|
||||
#region_2 .nav-link:hover {
|
||||
color: $link_colour;
|
||||
}
|
||||
|
||||
#region_2 .nav-link.active {
|
||||
background-color: rgba(254,254,254,1);
|
||||
color: $link_colour;
|
||||
}
|
||||
|
||||
.wall-item-photo {
|
||||
width: 3.7rem;
|
||||
height: 3.7rem;
|
||||
border-radius: 50%;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
#avatar {
|
||||
border-radius: 50%;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.photo, .contact-block-img {
|
||||
border-radius: 50%;
|
||||
box-shadow: none;
|
||||
}
|
||||
|
||||
.vcard {
|
||||
margin-bottom: 10px;
|
||||
padding: 15px 10px 10px 10px;
|
||||
background-color: rgba(254,254,254,0.7);
|
||||
border: none;
|
||||
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.wall-item-head-new {
|
||||
border-top: 0.2rem solid #8EB726;
|
||||
}
|
||||
|
||||
.wall-item-title {
|
||||
background-color: #fff;
|
||||
}
|
||||
|
||||
.ivoted {
|
||||
color: #8EB726;
|
||||
/* color: $future_variable_2;*/
|
||||
}
|
||||
|
||||
.item-highlight {
|
||||
border-left: 0.2rem solid #8EB726;
|
||||
}
|
||||
|
||||
#jot-title,
|
||||
#jot-pagetitle,
|
||||
#profile-jot-wrapper
|
||||
#profile-jot-text, {
|
||||
border-radius: $radius $radius 0 0 ;
|
||||
border: 0px;
|
||||
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.section-title-wrapper, .section-content-wrapper, .section-content-tools-wrapper {
|
||||
border-radius: $radius;
|
||||
}
|
||||
|
||||
.generic-content-wrapper {
|
||||
border: none;
|
||||
border-radius: $radius;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.bg-primary {
|
||||
background-color: $link_bgcolour !important;
|
||||
}
|
||||
|
||||
/* widgets */
|
||||
|
||||
.widget {
|
||||
background-color: rgba(254,254,254,.8);
|
||||
border: none;
|
||||
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
|
||||
/* bootstrap overrides */
|
||||
|
||||
.btn,
|
||||
.form-control,
|
||||
.nav-pills .nav-link,
|
||||
.nav-tabs .nav-link {
|
||||
border-radius: 0.45rem;
|
||||
}
|
||||
|
||||
.btn-primary, .btn-success {
|
||||
color: #fff;
|
||||
background-color: #8eb726;
|
||||
border-color: #8eb726;
|
||||
}
|
||||
|
||||
.btn-primary:hover, .btn-success:hover {
|
||||
color: #fff;
|
||||
background-color: #6c9504;
|
||||
border-color: #6c9504;
|
||||
}
|
||||
|
||||
.btn-primary.disabled, .btn-primary:disabled {
|
||||
color: #fff;
|
||||
background-color: #8eb726;
|
||||
border-color: #8eb726;
|
||||
}
|
||||
|
||||
.btn-outline-primary {
|
||||
color: #8eb726;
|
||||
border-color: #8eb726;
|
||||
}
|
||||
|
||||
.btn-outline-primary:hover {
|
||||
color: #fff;
|
||||
background-color: #6c9504;
|
||||
border-color: #6c9504;
|
||||
}
|
||||
|
||||
.btn-outline-primary.disabled, .btn-outline-primary:disabled {
|
||||
color: #8eb726;
|
||||
}
|
||||
|
||||
.btn-outline-secondary:hover {
|
||||
color: #fff;
|
||||
background-color: #50162d;
|
||||
border-color: #6c757d;
|
||||
}
|
||||
|
||||
.btn-outline-success {
|
||||
color: #8eb726;
|
||||
border-color: #8eb726;
|
||||
}
|
||||
|
||||
.btn-outline-success:hover {
|
||||
background-color: #8eb726;
|
||||
border-color: #8eb726;
|
||||
}
|
||||
|
||||
.dropdown-item.active {
|
||||
color: #fff;
|
||||
background-color: #8eb726;
|
||||
}
|
||||
|
||||
/* images */
|
||||
|
||||
img {
|
||||
border-radius: 1%;
|
||||
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
img.smiley {
|
||||
box-shadow: none;
|
||||
border: none;
|
||||
}
|
||||
|
||||
/* Reshares */
|
||||
|
||||
.shared_container {
|
||||
background-color: #FFFFFF;
|
||||
margin-left: 3rem;
|
||||
margin-right: 1.5rem;
|
||||
padding-bottom: 2.0rem;
|
||||
padding-left: 0.5rem;
|
||||
padding-top: 0.5rem;
|
||||
border-radius: 0.2rem;
|
||||
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.shared_header {
|
||||
text-decoration: underline;
|
||||
}
|
||||
|
||||
.reshared-content {
|
||||
padding-left: 1.5rem;
|
||||
padding-right: 1rem;
|
||||
}
|
||||
|
||||
/* Suggested */
|
||||
|
||||
.profile-match-wrapper, .contact-entry-wrapper {
|
||||
float: left;
|
||||
width: 30%;
|
||||
height: auto;
|
||||
padding: 10px;
|
||||
margin: 8px 10px 0 0;
|
||||
background-color: #fff;
|
||||
border: none;
|
||||
border-radius: $radius;
|
||||
}
|
||||
|
||||
#region2 .profile-match-wrapper {
|
||||
-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
|
||||
}
|
||||
|
||||
.suggestions-widget .profile-match-wrapper {
|
||||
width: 45%;
|
||||
border: solid 2px #eee;
|
||||
}
|
||||
|
||||
.profile-match-name, .contact-entry-name {
|
||||
width: 100%;
|
||||
font-weight: 900;
|
||||
text-align: center;
|
||||
overflow: hidden !important;
|
||||
}
|
||||
|
||||
.profile-match-photo, .contact-photo-entry-wrapper {
|
||||
width: 100%;
|
||||
margin-bottom: 5%;
|
||||
}
|
||||
|
||||
.profile-match-photo img, .directory-photo-img, #region_2 .contact-entry-photo-wrapper img {
|
||||
border-radius: 50%;
|
||||
border: none;
|
||||
width: 80% !important;
|
||||
height: auto !important;
|
||||
margin: 0 10%;
|
||||
}
|
||||
|
||||
|
||||
.profile-match-connect, .profile-match-ignore { margin-top: 15px; }
|
||||
.widget .profile-match-connect, .widget .profile-match-ignore { margin-top: 15px; }
|
||||
|
||||
.connect-no-text { display:none; }
|
||||
.widget .connect-no-text { display: inline-block; }
|
||||
.widget .connect-text { display:none; }
|
||||
|
||||
/* Connections */
|
||||
.section-content-tools-wrapper {
|
||||
border-radius: 0 0 $radius $radius;
|
||||
}
|
||||
.section-subtitle-wrapper {
|
||||
border-radius: $radius $radius 0 0;
|
||||
}
|
||||
|
||||
/* Files and Photos */
|
||||
#cloud-drag-area {
|
||||
border-radius: $radius;
|
||||
}
|
||||
[id^="cloud-index-"]:hover td:first-child {,
|
||||
border-radius: 0 0 0 $radius;
|
||||
}
|
||||
|
||||
[id^="cloud-index-"]:hover td:last-child {
|
||||
border-radius: 0 0 $radius 0;
|
||||
}
|
||||
.section-content-wrapper-np {
|
||||
border-radius: $radius;
|
||||
padding: 2% 0;
|
||||
}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 165 KiB |
|
|
@ -0,0 +1,139 @@
|
|||
/**
|
||||
* redbasic theme specific JavaScript
|
||||
*/
|
||||
|
||||
$(document).ready(function() {
|
||||
|
||||
// CSS3 calc() fallback (for unsupported browsers)
|
||||
$('body').append('<div id="css3-calc" style="width: 10px; width: calc(10px + 10px); display: none;"></div>');
|
||||
if( $('#css3-calc').width() == 10) {
|
||||
$(window).resize(function() {
|
||||
if($(window).width() < 992) {
|
||||
$('main').css('width', $(window).width() + $('aside').outerWidth() );
|
||||
} else {
|
||||
$('main').css('width', '100%' );
|
||||
}
|
||||
});
|
||||
}
|
||||
$('#css3-calc').remove(); // Remove the test element
|
||||
|
||||
if($(window).width() >= 992) {
|
||||
$('#left_aside_wrapper').stick_in_parent({
|
||||
offset_top: parseInt($('aside').css('padding-top')),
|
||||
parent: 'main',
|
||||
spacer: '#left_aside_spacer'
|
||||
});
|
||||
}
|
||||
|
||||
if($(window).width() >= 992) {
|
||||
$('#right_aside_wrapper').stick_in_parent({
|
||||
offset_top: parseInt($('aside').css('padding-top')),
|
||||
parent: 'main',
|
||||
spacer: '#right_aside_spacer'
|
||||
});
|
||||
}
|
||||
|
||||
$('#notifications_wrapper.fs #notifications').stick_in_parent({
|
||||
parent: '#notifications_wrapper'
|
||||
});
|
||||
|
||||
$('#expand-aside').on('click', toggleAside);
|
||||
|
||||
$('section').on('click', function() {
|
||||
if($('main').hasClass('region_1-on')){
|
||||
toggleAside();
|
||||
}
|
||||
});
|
||||
|
||||
var left_aside_height = $('#left_aside_wrapper').height();
|
||||
|
||||
$('#left_aside_wrapper').on('click', function() {
|
||||
if(left_aside_height != $('#left_aside_wrapper').height()) {
|
||||
$(document.body).trigger("sticky_kit:recalc");
|
||||
left_aside_height = $('#left_aside_wrapper').height();
|
||||
}
|
||||
});
|
||||
|
||||
|
||||
var right_aside_height = $('#right_aside_wrapper').height();
|
||||
|
||||
$('#right_aside_wrapper').on('click', function() {
|
||||
if(right_aside_height != $('#right_aside_wrapper').height()) {
|
||||
$(document.body).trigger("sticky_kit:recalc");
|
||||
right_aside_height = $('#right_aside_wrapper').height();
|
||||
}
|
||||
});
|
||||
|
||||
$('.usermenu').click(function() {
|
||||
if($('#navbar-collapse-1, #navbar-collapse-2').hasClass('show')){
|
||||
$('#navbar-collapse-1, #navbar-collapse-2').removeClass('show');
|
||||
}
|
||||
});
|
||||
|
||||
$('#menu-btn').click(function() {
|
||||
if($('#navbar-collapse-1').hasClass('show')){
|
||||
$('#navbar-collapse-1').removeClass('show');
|
||||
}
|
||||
});
|
||||
|
||||
$('.notifications-btn').click(function(e) {
|
||||
e.preventDefault();
|
||||
e.stopPropagation();
|
||||
if($('#navbar-collapse-2').hasClass('show')){
|
||||
$('#navbar-collapse-2').removeClass('show');
|
||||
}
|
||||
});
|
||||
|
||||
$("input[data-role=cat-tagsinput]").tagsinput({
|
||||
tagClass: 'badge badge-pill badge-warning text-dark'
|
||||
});
|
||||
|
||||
var doctitle = document.title;
|
||||
function checkNotify() {
|
||||
var notifyUpdateElem = document.getElementById('notify-update');
|
||||
if(notifyUpdateElem !== null) {
|
||||
if(notifyUpdateElem.innerHTML !== "")
|
||||
document.title = "(" + notifyUpdateElem.innerHTML + ") " + doctitle;
|
||||
else
|
||||
document.title = doctitle;
|
||||
}
|
||||
}
|
||||
setInterval(function () {checkNotify();}, 10 * 1000);
|
||||
|
||||
$('.fa-th').removeClass('fa-th').addClass('fa-hubzilla');
|
||||
$('.fa-home').removeClass('fa-home').addClass('fa-user-circle-o');
|
||||
});
|
||||
|
||||
function makeFullScreen(full) {
|
||||
if(typeof full=='undefined' || full == true) {
|
||||
$('main').addClass('fullscreen');
|
||||
$('header, nav, aside, #fullscreen-btn').attr('style','display:none !important');
|
||||
$('#inline-btn').show();
|
||||
}
|
||||
else {
|
||||
$('main').removeClass('fullscreen');
|
||||
$('header, nav, aside, #fullscreen-btn').show();
|
||||
$('#inline-btn').hide();
|
||||
$(document.body).trigger("sticky_kit:recalc");
|
||||
}
|
||||
}
|
||||
|
||||
function toggleAside() {
|
||||
$('#expand-aside-icon').toggleClass('fa-arrow-circle-right').toggleClass('fa-arrow-circle-left');
|
||||
if($('main').hasClass('region_1-on')){
|
||||
$('html, body').css('overflow-x', '');
|
||||
$('main').removeClass('region_1-on')
|
||||
$('#overlay').remove();
|
||||
$('#left_aside_wrapper').trigger("sticky_kit:detach");
|
||||
}
|
||||
else {
|
||||
$('html, body').css('overflow-x', 'hidden');
|
||||
$('main').addClass('region_1-on')
|
||||
$('<div id="overlay"></div>').appendTo('section');
|
||||
$('#left_aside_wrapper').stick_in_parent({
|
||||
offset_top: $('nav').outerHeight(true) + 10,
|
||||
parent: '#region_1',
|
||||
spacer: '#left_aside_spacer'
|
||||
});
|
||||
}
|
||||
}
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
[region=banner]
|
||||
[widget=cover_photo][/widget]
|
||||
[/region]
|
||||
|
||||
[region=aside]
|
||||
[widget=fullprofile][/widget]
|
||||
[widget=common_friends][/widget]
|
||||
[widget=catcloud_wall][var=limit]24[/var][/widget]
|
||||
[widget=tagcloud_wall][var=limit]24[/var][/widget]
|
||||
[/region]
|
||||
|
||||
[region=right_aside]
|
||||
[widget=notifications][/widget]
|
||||
[widget=newmember][/widget]
|
||||
[widget=categories][/widget]
|
||||
[widget=archive][/widget]
|
||||
[widget=notes][/widget]
|
||||
[/region]
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
[region=aside]
|
||||
[widget=follow][/widget]
|
||||
[widget=collections][/widget]
|
||||
[widget=findpeople][/widget]
|
||||
[/region]
|
||||
|
||||
[region=right_aside]
|
||||
[widget=notifications][/widget]
|
||||
[widget=savedsearch][/widget]
|
||||
[widget=suggestions][/widget]
|
||||
[/region]
|
||||
|
||||
|
|
@ -0,0 +1,12 @@
|
|||
[region=aside]
|
||||
[widget=findpeople][/widget]
|
||||
[widget=dirsort][/widget]
|
||||
[widget=dirtags][/widget]
|
||||
[/region]
|
||||
|
||||
[region=right_aside]
|
||||
[widget=notifications][/widget]
|
||||
[widget=savedsearch][/widget]
|
||||
[widget=suggestions][/widget]
|
||||
[/region]
|
||||
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
[region=aside]
|
||||
[widget=savedsearch][/widget]
|
||||
[widget=collections][/widget]
|
||||
[widget=forums][/widget]
|
||||
[widget=xchan][/widget]
|
||||
[/region]
|
||||
|
||||
[region=content]
|
||||
[widget=affinity][/widget]
|
||||
$content
|
||||
[/region]
|
||||
|
||||
[region=right_aside]
|
||||
[widget=notifications][/widget]
|
||||
[widget=filer][/widget]
|
||||
[widget=suggestions][/widget]
|
||||
[/region]
|
||||
|
||||
|
|
@ -0,0 +1,18 @@
|
|||
[region=nav]$nav[/region]
|
||||
|
||||
[region=aside]
|
||||
[widget=collections][/widget]
|
||||
[widget=forums][/widget]
|
||||
[/region]
|
||||
|
||||
[region=content]
|
||||
[widget=affinity][/widget]
|
||||
$content
|
||||
[/region]
|
||||
|
||||
[region=right_aside]
|
||||
[widget=notifications][/widget]
|
||||
[widget=savedsearch][/widget]
|
||||
[widget=suggestions][/widget]
|
||||
[/region]
|
||||
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
[region=aside]
|
||||
[widget=savedsearch][/widget]
|
||||
[widget=pubtagcloud][var=trending]8[/var][var=limit]30[/var][/widget]
|
||||
[/region]
|
||||
|
||||
[region=right_aside]
|
||||
[widget=notifications][/widget]
|
||||
[/region]
|
||||
|
||||
|
|
@ -0,0 +1,13 @@
|
|||
[region=aside]
|
||||
[widget=pubtagcloud][/widget]
|
||||
[/region]
|
||||
|
||||
[region=content]
|
||||
$content
|
||||
[/region]
|
||||
|
||||
[region=right_aside]
|
||||
[widget=notifications][/widget]
|
||||
[widget=savedsearch][/widget]
|
||||
[/region]
|
||||
|
||||
|
|
@ -0,0 +1,123 @@
|
|||
<?php
|
||||
|
||||
namespace Zotlabs\Theme;
|
||||
|
||||
class DisrootConfig {
|
||||
|
||||
function get_schemas() {
|
||||
$files = glob('view/theme/disroot/schema/*.php');
|
||||
|
||||
$scheme_choices = [];
|
||||
|
||||
if($files) {
|
||||
|
||||
if(in_array('view/theme/disroot/schema/default.php', $files)) {
|
||||
$scheme_choices['---'] = t('Default');
|
||||
$scheme_choices['focus'] = t('Focus (Hubzilla default)');
|
||||
}
|
||||
else {
|
||||
$scheme_choices['---'] = t('Focus (Hubzilla default)');
|
||||
}
|
||||
|
||||
foreach($files as $file) {
|
||||
$f = basename($file, ".php");
|
||||
if($f != 'default') {
|
||||
$scheme_name = $f;
|
||||
$scheme_choices[$f] = $scheme_name;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
return $scheme_choices;
|
||||
}
|
||||
|
||||
function get() {
|
||||
if(! local_channel()) {
|
||||
return;
|
||||
}
|
||||
|
||||
$arr = array();
|
||||
$arr['narrow_navbar'] = get_pconfig(local_channel(),'redbasic', 'narrow_navbar' );
|
||||
$arr['nav_bg'] = get_pconfig(local_channel(),'redbasic', 'nav_bg' );
|
||||
$arr['nav_icon_colour'] = get_pconfig(local_channel(),'redbasic', 'nav_icon_colour' );
|
||||
$arr['nav_active_icon_colour'] = get_pconfig(local_channel(),'redbasic', 'nav_active_icon_colour' );
|
||||
$arr['link_colour'] = get_pconfig(local_channel(),'redbasic', 'link_colour' );
|
||||
$arr['link_bgcolour'] = get_pconfig(local_channel(),'redbasic', 'link_bgcolour' );
|
||||
$arr['banner_colour'] = get_pconfig(local_channel(),'redbasic', 'banner_colour' );
|
||||
$arr['bgcolour'] = get_pconfig(local_channel(),'redbasic', 'background_colour' );
|
||||
$arr['background_image'] = get_pconfig(local_channel(),'redbasic', 'background_image' );
|
||||
$arr['item_colour'] = get_pconfig(local_channel(),'redbasic', 'item_colour' );
|
||||
$arr['comment_item_colour'] = get_pconfig(local_channel(),'redbasic', 'comment_item_colour' );
|
||||
$arr['font_size'] = get_pconfig(local_channel(),'redbasic', 'font_size' );
|
||||
$arr['font_colour'] = get_pconfig(local_channel(),'redbasic', 'font_colour' );
|
||||
$arr['radius'] = get_pconfig(local_channel(),'redbasic', 'radius' );
|
||||
$arr['shadow'] = get_pconfig(local_channel(),'redbasic', 'photo_shadow' );
|
||||
$arr['converse_width']=get_pconfig(local_channel(),"redbasic","converse_width");
|
||||
$arr['top_photo']=get_pconfig(local_channel(),"redbasic","top_photo");
|
||||
$arr['reply_photo']=get_pconfig(local_channel(),"redbasic","reply_photo");
|
||||
return $this->form($arr);
|
||||
}
|
||||
|
||||
function post() {
|
||||
if(!local_channel()) {
|
||||
return;
|
||||
}
|
||||
|
||||
if (isset($_POST['redbasic-settings-submit'])) {
|
||||
set_pconfig(local_channel(), 'redbasic', 'narrow_navbar', $_POST['redbasic_narrow_navbar']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'nav_bg', $_POST['redbasic_nav_bg']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'nav_icon_colour', $_POST['redbasic_nav_icon_colour']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'nav_active_icon_colour', $_POST['redbasic_nav_active_icon_colour']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'link_colour', $_POST['redbasic_link_colour']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'link_bgcolour', $_POST['redbasic_link_bgcolour']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'background_colour', $_POST['redbasic_background_colour']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'banner_colour', $_POST['redbasic_banner_colour']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'background_image', $_POST['redbasic_background_image']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'item_colour', $_POST['redbasic_item_colour']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'comment_item_colour', $_POST['redbasic_comment_item_colour']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'font_size', $_POST['redbasic_font_size']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'font_colour', $_POST['redbasic_font_colour']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'radius', $_POST['redbasic_radius']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'photo_shadow', $_POST['redbasic_shadow']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'converse_width', $_POST['redbasic_converse_width']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'top_photo', $_POST['redbasic_top_photo']);
|
||||
set_pconfig(local_channel(), 'redbasic', 'reply_photo', $_POST['redbasic_reply_photo']);
|
||||
}
|
||||
}
|
||||
|
||||
function form($arr) {
|
||||
|
||||
if(feature_enabled(local_channel(),'advanced_theming'))
|
||||
$expert = 1;
|
||||
|
||||
|
||||
$o .= replace_macros(get_markup_template('theme_settings.tpl'), array(
|
||||
'$submit' => t('Submit'),
|
||||
'$baseurl' => z_root(),
|
||||
'$theme' => \App::$channel['channel_theme'],
|
||||
'$expert' => $expert,
|
||||
'$title' => t("Theme settings"),
|
||||
'$narrow_navbar' => array('redbasic_narrow_navbar',t('Narrow navbar'),$arr['narrow_navbar'], '', array(t('No'),t('Yes'))),
|
||||
'$nav_bg' => array('redbasic_nav_bg', t('Navigation bar background color'), $arr['nav_bg']),
|
||||
'$nav_icon_colour' => array('redbasic_nav_icon_colour', t('Navigation bar icon color '), $arr['nav_icon_colour']),
|
||||
'$nav_active_icon_colour' => array('redbasic_nav_active_icon_colour', t('Navigation bar active icon color '), $arr['nav_active_icon_colour']),
|
||||
'$link_colour' => array('redbasic_link_colour', t('Link color'), $arr['link_colour'], '', $link_colours),
|
||||
'$link_bgcolour' => array('redbasic_link_bgcolour', t('Link bgcolor'), $arr['link_bgcolour']),
|
||||
'$banner_colour' => array('redbasic_banner_colour', t('Set font-color for banner'), $arr['banner_colour']),
|
||||
'$bgcolour' => array('redbasic_background_colour', t('Set the background color'), $arr['bgcolour']),
|
||||
'$background_image' => array('redbasic_background_image', t('Set the background image'), $arr['background_image']),
|
||||
'$item_colour' => array('redbasic_item_colour', t('Set the background color of items'), $arr['item_colour']),
|
||||
'$comment_item_colour' => array('redbasic_comment_item_colour', t('Set the background color of comments'), $arr['comment_item_colour']),
|
||||
'$font_size' => array('redbasic_font_size', t('Set font-size for the entire application'), $arr['font_size'], t('Examples: 1rem, 100%, 16px')),
|
||||
'$font_colour' => array('redbasic_font_colour', t('Set font-color for posts and comments'), $arr['font_colour']),
|
||||
'$radius' => array('redbasic_radius', t('Set radius of corners'), $arr['radius'], t('Example: 4px')),
|
||||
'$shadow' => array('redbasic_shadow', t('Set shadow depth of photos'), $arr['shadow']),
|
||||
'$converse_width' => array('redbasic_converse_width',t('Set maximum width of content region in pixel'),$arr['converse_width'], t('Leave empty for default width')),
|
||||
'$top_photo' => array('redbasic_top_photo', t('Set size of conversation author photo'), $arr['top_photo']),
|
||||
'$reply_photo' => array('redbasic_reply_photo', t('Set size of followup author photos'), $arr['reply_photo']),
|
||||
));
|
||||
|
||||
return $o;
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,23 @@
|
|||
<!DOCTYPE html >
|
||||
<html prefix="og: http://ogp.me/ns#">
|
||||
<head>
|
||||
<title><?php if(x($page,'title')) echo $page['title'] ?></title>
|
||||
<script>var baseurl="<?php echo z_root() ?>";</script>
|
||||
<?php if(x($page,'htmlhead')) echo $page['htmlhead'] ?>
|
||||
<script src="//code.simplesvg.com/1/1.0.0-beta5/simple-svg.min.js"></script>
|
||||
</head>
|
||||
<body <?php if($page['direction']) echo 'dir="rtl"' ?> >
|
||||
<?php if(x($page,'banner')) echo $page['banner']; ?>
|
||||
<header><?php if(x($page,'header')) echo $page['header']; ?></header>
|
||||
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark"><?php if(x($page,'nav')) echo $page['nav']; ?></nav>
|
||||
<main>
|
||||
<aside id="region_1"><div id="left_aside_spacer"><div id="left_aside_wrapper"><?php if(x($page,'aside')) echo $page['aside']; ?></div></div></aside>
|
||||
<section id="region_2"><?php if(x($page,'content')) echo $page['content']; ?>
|
||||
<div id="page-footer"></div>
|
||||
<div id="pause"></div>
|
||||
</section>
|
||||
<aside id="region_3" class="d-none d-md-table-cell"><div id="right_aside_spacer"><div id="right_aside_wrapper"><?php if(x($page,'right_aside')) echo $page['right_aside']; ?></div></div></aside>
|
||||
</main>
|
||||
<footer><?php if(x($page,'footer')) echo $page['footer']; ?></footer>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,171 @@
|
|||
<?php
|
||||
|
||||
if(! App::$install) {
|
||||
|
||||
// Get the UID of the channel owner
|
||||
$uid = get_theme_uid();
|
||||
|
||||
if($uid) {
|
||||
load_pconfig($uid,'redbasic');
|
||||
}
|
||||
|
||||
// Load the owners pconfig
|
||||
$nav_bg = get_pconfig($uid, 'redbasic', 'nav_bg');
|
||||
$nav_icon_colour = get_pconfig($uid, 'redbasic', 'nav_icon_colour');
|
||||
$nav_active_icon_colour = get_pconfig($uid, 'redbasic', 'nav_active_icon_colour');
|
||||
$banner_colour = get_pconfig($uid,'redbasic','banner_colour');
|
||||
$narrow_navbar = get_pconfig($uid,'redbasic','narrow_navbar');
|
||||
$link_colour = get_pconfig($uid, 'redbasic', 'link_colour');
|
||||
$link_bgcolour = get_pconfig($uid, 'redbasic', 'link_bgcolour');
|
||||
$schema = get_pconfig($uid,'redbasic','schema');
|
||||
$bgcolour = get_pconfig($uid, 'redbasic', 'background_colour');
|
||||
$background_image = get_pconfig($uid, 'redbasic', 'background_image');
|
||||
$item_colour = get_pconfig($uid, 'redbasic', 'item_colour');
|
||||
$comment_item_colour = get_pconfig($uid, 'redbasic', 'comment_item_colour');
|
||||
$font_size = get_pconfig($uid, 'redbasic', 'font_size');
|
||||
$font_colour = get_pconfig($uid, 'redbasic', 'font_colour');
|
||||
$radius = get_pconfig($uid, 'redbasic', 'radius');
|
||||
$shadow = get_pconfig($uid,'redbasic','photo_shadow');
|
||||
$converse_width=get_pconfig($uid,'redbasic','converse_width');
|
||||
$top_photo=get_pconfig($uid,'redbasic','top_photo');
|
||||
$reply_photo=get_pconfig($uid,'redbasic','reply_photo');
|
||||
}
|
||||
|
||||
// Now load the scheme. If a value is changed above, we'll keep the settings
|
||||
// If not, we'll keep those defined by the schema
|
||||
// Setting $schema to '' wasn't working for some reason, so we'll check it's
|
||||
// not --- like the mobile theme does instead.
|
||||
|
||||
// Allow layouts to over-ride the schema
|
||||
|
||||
if($_REQUEST['schema']) {
|
||||
$schema = $_REQUEST['schema'];
|
||||
}
|
||||
|
||||
if (($schema) && ($schema != '---')) {
|
||||
|
||||
// Check it exists, because this setting gets distributed to clones
|
||||
if(file_exists('view/theme/disroot/schema/' . $schema . '.php')) {
|
||||
$schemefile = 'view/theme/disroot/schema/' . $schema . '.php';
|
||||
require_once ($schemefile);
|
||||
}
|
||||
|
||||
if(file_exists('view/theme/disroot/schema/' . $schema . '.css')) {
|
||||
$schemecss = file_get_contents('view/theme/disroot/schema/' . $schema . '.css');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
// Allow admins to set a default schema for the hub.
|
||||
// default.php and default.css MUST be symlinks to existing schema files in view/theme/redbasic/schema
|
||||
if ((!$schema) || ($schema == '---')) {
|
||||
|
||||
if(file_exists('view/theme/disroot/schema/default.php')) {
|
||||
$schemefile = 'view/theme/disroot/schema/default.php';
|
||||
require_once ($schemefile);
|
||||
}
|
||||
|
||||
if(file_exists('view/theme/disroot/schema/default.css')) {
|
||||
$schemecss = file_get_contents('view/theme/disroot/schema/default.css');
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
//Set some defaults - we have to do this after pulling owner settings, and we have to check for each setting
|
||||
//individually. If we don't, we'll have problems if a user has set one, but not all options.
|
||||
if (! $nav_bg)
|
||||
$nav_bg = '#50162D';
|
||||
if (! $nav_icon_colour)
|
||||
$nav_icon_colour = 'rgba(255, 255, 255, 0.4)';
|
||||
if (! $nav_active_icon_colour)
|
||||
$nav_active_icon_colour = 'rgba(255, 255, 255, 0.95)';
|
||||
if (! $link_colour)
|
||||
$link_colour = '#A0566D';
|
||||
if (! $link_bgcolour)
|
||||
$link_bgcolour = '#1F5C60';
|
||||
if (! $banner_colour)
|
||||
$banner_colour = '#fff';
|
||||
if (! $bgcolour)
|
||||
$bgcolour = 'rgb(215,215,215)';
|
||||
if (! $background_image)
|
||||
$background_image ='';
|
||||
if (! $item_colour)
|
||||
$item_colour = 'rgb(238,238,238)';
|
||||
if (! $comment_item_colour)
|
||||
$comment_item_colour = 'rgb(255,255,255)';
|
||||
if (! $item_opacity)
|
||||
$item_opacity = '0.8';
|
||||
if (! $font_size)
|
||||
$font_size = '0.875rem';
|
||||
if (! $font_colour)
|
||||
$font_colour = '#4d4d4d';
|
||||
if (! $radius)
|
||||
$radius = '0.95rem';
|
||||
if (! $shadow)
|
||||
$shadow = '0';
|
||||
if (! $converse_width)
|
||||
$converse_width = '790';
|
||||
if(! $top_photo)
|
||||
$top_photo = '2.3rem';
|
||||
if(! $reply_photo)
|
||||
$reply_photo = '2.3rem';
|
||||
|
||||
// Apply the settings
|
||||
if(file_exists('view/theme/redbasic/css/style.css')) {
|
||||
|
||||
$x = file_get_contents('view/theme/redbasic/css/style.css');
|
||||
|
||||
$x .= file_get_contents('view/theme/disroot/css/style.css');
|
||||
|
||||
if($narrow_navbar && file_exists('view/theme/redbasic/css/narrow_navbar.css')) {
|
||||
$x .= file_get_contents('view/theme/redbasic/css/narrow_navbar.css');
|
||||
}
|
||||
|
||||
if($schemecss) {
|
||||
$x .= $schemecss;
|
||||
}
|
||||
|
||||
$aside_width = 288;
|
||||
|
||||
// left aside and right aside are 285px + converse width
|
||||
$main_width = (($aside_width * 2) + intval($converse_width));
|
||||
|
||||
// prevent main_width smaller than 768px
|
||||
$main_width = (($main_width < 768) ? 768 : $main_width);
|
||||
|
||||
$options = array (
|
||||
'$nav_bg' => $nav_bg,
|
||||
'$nav_icon_colour' => $nav_icon_colour,
|
||||
'$nav_active_icon_colour' => $nav_active_icon_colour,
|
||||
'$link_colour' => $link_colour,
|
||||
'$link_bgcolour' => $link_bgcolour,
|
||||
'$banner_colour' => $banner_colour,
|
||||
'$bgcolour' => $bgcolour,
|
||||
'$background_image' => $background_image,
|
||||
'$item_colour' => $item_colour,
|
||||
'$comment_item_colour' => $comment_item_colour,
|
||||
'$font_size' => $font_size,
|
||||
'$font_colour' => $font_colour,
|
||||
'$radius' => $radius,
|
||||
'$shadow' => $shadow,
|
||||
'$converse_width' => $converse_width,
|
||||
'$nav_float_min_opacity' => $nav_float_min_opacity,
|
||||
'$nav_percent_min_opacity' => $nav_percent_min_opacity,
|
||||
'$top_photo' => $top_photo,
|
||||
'$reply_photo' => $reply_photo,
|
||||
'$pmenu_top' => $pmenu_top,
|
||||
'$pmenu_reply' => $pmenu_reply,
|
||||
'$main_width' => $main_width,
|
||||
'$aside_width' => $aside_width
|
||||
);
|
||||
|
||||
echo str_replace(array_keys($options), array_values($options), $x);
|
||||
|
||||
}
|
||||
|
||||
// Set the schema to the default schema in derived themes. See the documentation for creating derived themes how to override this.
|
||||
|
||||
//if(local_channel() && App::$channel && App::$channel['channel_theme'] != 'redbasic')
|
||||
// set_pconfig(local_channel(), 'redbasic', 'schema', '---');
|
||||
|
||||
echo @file_get_contents('view/theme/disroot/css/style.css');
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<?php
|
||||
|
||||
/**
|
||||
* * Name: Beetroot
|
||||
* * Description: Redbasic Derived theme
|
||||
* * Version: 1.0
|
||||
* * MinVersion: 2.3.1
|
||||
* * MaxVersion: 6.0
|
||||
* * Author: Antilopa
|
||||
* * Compat: Red [*]
|
||||
*
|
||||
*/
|
||||
|
||||
function disroot_init(&$a) {
|
||||
|
||||
App::$theme_info['extends'] = 'redbasic';
|
||||
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<?php
|
||||
|
||||
head_add_css('/library/fork-awesome/css/fork-awesome.min.css');
|
||||
head_add_css('/library/bootstrap/css/bootstrap.min.css');
|
||||
head_add_css('/library/bootstrap-tagsinput/bootstrap-tagsinput.css');
|
||||
head_add_css('/view/css/bootstrap-red.css');
|
||||
head_add_css('/library/datetimepicker/jquery.datetimepicker.css');
|
||||
head_add_css('/library/bootstrap-colorpicker/dist/css/bootstrap-colorpicker.min.css');
|
||||
require_once('view/php/theme_init.php');
|
||||
|
||||
head_add_js('/library/bootstrap/js/bootstrap.bundle.min.js');
|
||||
head_add_js('/library/bootbox/bootbox.min.js');
|
||||
head_add_js('/library/bootstrap-tagsinput/bootstrap-tagsinput.js');
|
||||
head_add_js('/library/datetimepicker/jquery.datetimepicker.js');
|
||||
head_add_js('/library/bootstrap-colorpicker/dist/js/bootstrap-colorpicker.js');
|
||||
|
||||
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
{{if $navbar_apps}}
|
||||
<div class="widget container">
|
||||
<h2>{{$header.0}}</h2>
|
||||
<div class="descriptive-text">{{$desc.0}}</div>
|
||||
<br><br>
|
||||
{{foreach $navbar_apps as $navbar_app}}
|
||||
{{$navbar_app}}
|
||||
{{/foreach}}
|
||||
<br><br>
|
||||
{{/if}}
|
||||
<h2>{{$header.1}}</h2>
|
||||
<div class="descriptive-text">{{$desc.1}}</div>
|
||||
<br><br>
|
||||
{{foreach $nav_apps as $nav_app}}
|
||||
{{$nav_app}}
|
||||
{{/foreach}}
|
||||
</div>
|
||||
|
|
@ -0,0 +1,29 @@
|
|||
<div class="generic-content-wrapper">
|
||||
<div class="section-title-wrapper">
|
||||
{{if $table == 'item'}}
|
||||
<div class="dropdown pull-right">
|
||||
<button type="button" class="btn btn-outline-secondary btn-sm dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" title="{{$options}}">
|
||||
<i class="fa fa-sort-desc"></i>
|
||||
</button>
|
||||
<ul class="dropdown-menu">
|
||||
<li><a href="dreport/push/{{$mid}}">{{$push}}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
{{/if}}
|
||||
<h2>{{$title}}</h2>
|
||||
</div>
|
||||
|
||||
<div class="section-content-wrapper">
|
||||
<table>
|
||||
{{if $entries}}
|
||||
{{foreach $entries as $e}}
|
||||
<tr>
|
||||
<td width="40%">{{$e.name}}</td>
|
||||
<td width="20%">{{$e.result}}</td>
|
||||
<td width="20%">{{$e.time}}</td>
|
||||
</tr>
|
||||
{{/foreach}}
|
||||
{{/if}}
|
||||
</table>
|
||||
</div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,218 @@
|
|||
{{if $nav.login && !$userinfo}}
|
||||
<div class="d-lg-none pt-1 pb-1">
|
||||
{{if $nav.loginmenu.1.4}}
|
||||
<a class="btn btn-primary btn-sm text-white" href="#" title="{{$nav.loginmenu.1.3}}" id="{{$nav.loginmenu.1.4}}_collapse" data-toggle="modal" data-target="#nav-login">
|
||||
{{$nav.loginmenu.1.1}}
|
||||
</a>
|
||||
{{else}}
|
||||
<a class="btn btn-primary btn-sm text-white" href="login" title="{{$nav.loginmenu.1.3}}">
|
||||
{{$nav.loginmenu.1.1}}
|
||||
</a>
|
||||
{{/if}}
|
||||
{{if $nav.register}}
|
||||
<a class="btn btn-warning btn-sm text-dark" href="{{$nav.register.0}}" title="{{$nav.register.3}}" id="{{$nav.register.4}}" >
|
||||
{{$nav.register.1}}
|
||||
</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{if $userinfo}}
|
||||
<div class="dropdown">
|
||||
<div class="fakelink usermenu" data-toggle="dropdown">
|
||||
<img id="avatar" src="{{$userinfo.icon}}" alt="{{$userinfo.name}}">
|
||||
<i class="fa fa-caret-down"></i>
|
||||
</div>
|
||||
{{if $is_owner}}
|
||||
<div class="dropdown-menu">
|
||||
{{foreach $nav.usermenu as $usermenu}}
|
||||
<a class="dropdown-item{{if $usermenu.2}} active{{/if}}" href="{{$usermenu.0}}" title="{{$usermenu.3}}" role="menuitem" id="{{$usermenu.4}}">{{$usermenu.1}}</a>
|
||||
{{/foreach}}
|
||||
{{if $nav.manage}}
|
||||
<a class="dropdown-item{{if $sel.name == Manage}} active{{/if}}" href="{{$nav.manage.0}}" title="{{$nav.manage.3}}" role="menuitem" id="{{$nav.manage.4}}">{{$nav.manage.1}}</a>
|
||||
{{/if}}
|
||||
{{if $nav.channels}}
|
||||
{{foreach $nav.channels as $chan}}
|
||||
<a class="dropdown-item" href="manage/{{$chan.channel_id}}" title="{{$chan.channel_name}}" role="menuitem"><i class="fa fa-circle{{if $localuser == $chan.channel_id}} text-success{{else}} invisible{{/if}}"></i> {{$chan.channel_name}}</a>
|
||||
{{/foreach}}
|
||||
{{/if}}
|
||||
{{if $nav.profiles}}
|
||||
<a class="dropdown-item" href="{{$nav.profiles.0}}" title="{{$nav.profiles.3}}" role="menuitem" id="{{$nav.profiles.4}}">{{$nav.profiles.1}}</a>
|
||||
{{/if}}
|
||||
{{if $nav.settings}}
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item{{if $sel.name == Settings}} active{{/if}}" href="{{$nav.settings.0}}" title="{{$nav.settings.3}}" role="menuitem" id="{{$nav.settings.4}}">{{$nav.settings.1}}</a>
|
||||
{{/if}}
|
||||
{{if $nav.admin}}
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item{{if $sel.name == Admin}} active{{/if}}" href="{{$nav.admin.0}}" title="{{$nav.admin.3}}" role="menuitem" id="{{$nav.admin.4}}">{{$nav.admin.1}}</a>
|
||||
{{/if}}
|
||||
{{if $nav.logout}}
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="{{$nav.logout.0}}" title="{{$nav.logout.3}}" role="menuitem" id="{{$nav.logout.4}}">{{$nav.logout.1}}</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{if ! $is_owner}}
|
||||
<div class="dropdown-menu" role="menu" aria-labelledby="avatar">
|
||||
<a class="dropdown-item" href="{{$nav.rusermenu.0}}" role="menuitem">{{$nav.rusermenu.1}}</a>
|
||||
<a class="dropdown-item" href="{{$nav.rusermenu.2}}" role="menuitem">{{$nav.rusermenu.3}}</a>
|
||||
</div>
|
||||
{{/if}}
|
||||
</div>
|
||||
{{/if}}
|
||||
<div class="navbar-toggler-right">
|
||||
{{if $nav.help.6}}
|
||||
<button id="context-help-btn" class="navbar-toggler border-0" type="button" onclick="contextualHelp(); return false;">
|
||||
<i class="fa fa-question-circle"></i>
|
||||
</button>
|
||||
{{/if}}
|
||||
<button id="expand-aside" type="button" class="d-lg-none navbar-toggler border-0" data-toggle="offcanvas" data-target="#region_1,#region_2">
|
||||
<i class="fa fa-arrow-circle-right" id="expand-aside-icon"></i>
|
||||
</button>
|
||||
{{if $localuser || $nav.pubs}}
|
||||
<button id="notifications-btn-1" type="button" class="navbar-toggler border-0 notifications-btn">
|
||||
<i id="notifications-btn-icon-1" class="fa fa-exclamation-circle notifications-btn-icon"></i>
|
||||
</button>
|
||||
{{/if}}
|
||||
<button id="menu-btn" class="navbar-toggler border-0" type="button" data-toggle="collapse" data-target="#navbar-collapse-2">
|
||||
<i class="fa fa-bars"></i>
|
||||
</button>
|
||||
</div>
|
||||
<div class="collapse navbar-collapse" id="navbar-collapse-1">
|
||||
<ul class="navbar-nav mr-auto">
|
||||
{{if $nav.login && !$userinfo}}
|
||||
<li class="nav-item d-lg-flex">
|
||||
{{if $nav.loginmenu.1.4}}
|
||||
<a class="nav-link" href="#" title="{{$nav.loginmenu.1.3}}" id="{{$nav.loginmenu.1.4}}" data-toggle="modal" data-target="#nav-login">
|
||||
{{$nav.loginmenu.1.1}}
|
||||
</a>
|
||||
{{else}}
|
||||
<a class="nav-link" href="login" title="{{$nav.loginmenu.1.3}}">
|
||||
{{$nav.loginmenu.1.1}}
|
||||
</a>
|
||||
{{/if}}
|
||||
</li>
|
||||
{{/if}}
|
||||
{{if $nav.register}}
|
||||
<li class="nav-item {{$nav.register.2}} d-lg-flex">
|
||||
<a class="nav-link" href="{{$nav.register.0}}" title="{{$nav.register.3}}" id="{{$nav.register.4}}">{{$nav.register.1}}</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{if $nav.alogout}}
|
||||
<li class="nav-item {{$nav.alogout.2}} d-lg-flex">
|
||||
<a class="nav-link" href="{{$nav.alogout.0}}" title="{{$nav.alogout.3}}" id="{{$nav.alogout.4}}">{{$nav.alogout.1}}</a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{if $navbar_apps}}
|
||||
{{foreach $navbar_apps as $navbar_app}}
|
||||
<li>
|
||||
{{$navbar_app}}
|
||||
</li>
|
||||
{{/foreach}}
|
||||
{{/if}}
|
||||
</ul>
|
||||
|
||||
<div class="navbar-text mx-auto" style="color:#fff;font-weight:bold;">
|
||||
{{$banner}}
|
||||
{{if $userinfo}}
|
||||
{{if $sel.name}} <b>{{$sel.name}}</b>{{/if}}
|
||||
{{if $sitelocation}} ({{$sitelocation}}){{/if}}
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
<ul id="nav-right" class="navbar-nav ml-auto">
|
||||
<li class="nav-item collapse clearfix" id="nav-search">
|
||||
<form class="form-inline" method="get" action="search" role="search">
|
||||
<input class="form-control form-control-sm mt-1 mr-2" id="nav-search-text" type="text" value="" placeholder="{{$help}}" name="search" title="{{$nav.search.3}}" onclick="this.submit();" onblur="closeMenu('nav-search'); openMenu('nav-search-btn');"/>
|
||||
</form>
|
||||
<div id="nav-search-spinner" class="spinner-wrapper">
|
||||
<div class="spinner s"></div>
|
||||
</div>
|
||||
</li>
|
||||
<li class="nav-item" id="nav-search-btn">
|
||||
<a class="nav-link" href="#nav-search" title="{{$nav.search.3}}" onclick="openMenu('nav-search'); closeMenu('nav-search-btn'); $('#nav-search-text').focus(); return false;"><i class="fa fa-fw fa-search"></i></a>
|
||||
</li>
|
||||
{{if $nav.help.6}}
|
||||
<li class="nav-item dropdown {{$sel.help}}">
|
||||
<a class="nav-link {{$nav.help.2}}" target="hubzilla-help" href="{{$nav.help.0}}" title="{{$nav.help.3}}" id="{{$nav.help.4}}" onclick="contextualHelp(); return false;"><i class="fa fa-fw fa-question-circle"></i></a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{if $localuser || $nav.pubs}}
|
||||
<li id="notifications-btn" class="nav-item d-xl-none">
|
||||
<a class="nav-link text-white notifications-btn" href="#"><i id="notifications-btn-icon" class="fa fa-exclamation-circle notifications-btn-icon"></i></a>
|
||||
</li>
|
||||
{{/if}}
|
||||
{{if $channel_menu && $channel_apps.0}}
|
||||
<li class="nav-item dropdown" id="channel-menu">
|
||||
<a class="nav-link" href="#" data-toggle="dropdown"><img src="{{$channel_thumb}}" style="height:14px; width:14px;position:relative; top:-2px;" /></a>
|
||||
<div id="dropdown-menu" class="dropdown-menu dropdown-menu-right">
|
||||
{{foreach $channel_apps as $channel_app}}
|
||||
{{$channel_app}}
|
||||
{{/foreach}}
|
||||
</div>
|
||||
</li>
|
||||
{{/if}}
|
||||
<li class="nav-item dropdown" id="app-menu">
|
||||
<a class="nav-link" href="#" data-toggle="dropdown"><i class="fa fa-fw fa-bars"></i></a>
|
||||
<div id="dropdown-menu" class="dropdown-menu dropdown-menu-right">
|
||||
{{if $channel_apps.0 && ! $channel_menu}}
|
||||
{{foreach $channel_apps as $channel_app}}
|
||||
{{$channel_app}}
|
||||
{{/foreach}}
|
||||
<div class="dropdown-divider"></div>
|
||||
<div class="dropdown-header sys-apps-toggle" onclick="$('#dropdown-menu').click(function(e) { e.stopPropagation(); }); openClose('sys_apps');">
|
||||
{{$sysapps_toggle}}
|
||||
</div>
|
||||
<div id="sys_apps" style="display:none;">
|
||||
{{/if}}
|
||||
{{foreach $nav_apps as $nav_app}}
|
||||
{{$nav_app}}
|
||||
{{/foreach}}
|
||||
{{if $channel_apps.0 && ! $channel_menu}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{if $is_owner}}
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="dropdown-item" href="/apps"><i class="generic-icons-nav fa fa-fw fa-plus-circle"></i>{{$addapps}}</a>
|
||||
<a class="dropdown-item" href="/apporder"><i class="generic-icons-nav fa fa-fw fa-sort"></i>{{$orderapps}}</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="collapse d-lg-none" id="navbar-collapse-2">
|
||||
<div class="navbar-nav mr-auto">
|
||||
{{if $channel_apps.0}}
|
||||
{{foreach $channel_apps as $channel_app}}
|
||||
{{$channel_app|replace:'dropdown-item':'nav-link'}}
|
||||
{{/foreach}}
|
||||
<div class="dropdown-header sys-apps-toggle" onclick="openClose('sys-apps-collapsed');">
|
||||
{{$sysapps_toggle}}
|
||||
</div>
|
||||
<div id="sys-apps-collapsed" style="display:none;">
|
||||
{{/if}}
|
||||
{{foreach $navbar_apps as $navbar_app}}
|
||||
{{$navbar_app}}
|
||||
{{/foreach}}
|
||||
{{foreach $nav_apps as $nav_app}}
|
||||
{{$nav_app|replace:'dropdown-item':'nav-link'}}
|
||||
{{/foreach}}
|
||||
{{if $channel_apps.0}}
|
||||
</div>
|
||||
{{/if}}
|
||||
{{if $is_owner}}
|
||||
<div class="dropdown-divider"></div>
|
||||
<a class="nav-link" href="/apps"><i class="generic-icons-nav fa fa-fw fa-plus-circle"></i>{{$addapps}}</a>
|
||||
<a class="nav-link" href="/apporder"><i class="generic-icons-nav fa fa-fw fa-sort"></i>{{$orderapps}}</a>
|
||||
{{/if}}
|
||||
</div>
|
||||
</div>
|
||||
{{if $nav.help.6}}
|
||||
<div id="contextual-help-content" class="contextual-help-content">
|
||||
{{$nav.help.5}}
|
||||
<div class="float-right">
|
||||
<a class="btn btn-primary btn-sm" target="hubzilla-help" href="{{$nav.help.0}}" title="{{$nav.help.3}}"><i class="fa fa-question"></i> {{$fulldocs}}</a>
|
||||
<a class="contextual-help-tool" href="#" onclick="contextualHelp(); return false;"><i class="fa fa-times"></i></a>
|
||||
</div>
|
||||
</div>
|
||||
{{/if}}
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<div class="profile-match-wrapper">
|
||||
<div class="profile-match-photo">
|
||||
<a href="{{$entry.url}}">
|
||||
<img src="{{$entry.photo}}" alt="{{$entry.name}}" width="280" height="280" title="{{$entry.name}} [{{$entry.profile}}]" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="profile-match-break"></div>
|
||||
<div class="profile-match-name">
|
||||
<a href="{{$entry.url}}" title="{{$entry.name}}">{{$entry.name}}</a>
|
||||
<br><br>
|
||||
{{$entry.description}}
|
||||
</div>
|
||||
<div class="profile-match-end"></div>
|
||||
{{if $entry.connlnk}}
|
||||
<div class="profile-match-connect btn btn-outline-secondary connect-no-text"><a href="{{$entry.connlnk}}" title="{{$entry.conntxt}}"><i class="fa fa-plus connect-icon"></i></a></div>
|
||||
<div class="profile-match-connect btn btn-outline-secondary connect-text"><a href="{{$entry.connlnk}}" title="{{$entry.conntxt}}"><i class="fa fa-plus connect-icon"></i> {{$entry.conntxt}}</a></div>
|
||||
<a href="{{$entry.ignlnk}}" title="{{$entry.ignore}}" class="profile-match-ignore" onclick="return confirmDelete();" ><i class="fa fa-times drop-icons btn btn-outline-secondary"></i></a>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
|
@ -0,0 +1,10 @@
|
|||
<div class="widget suggestions-widget">
|
||||
<h3>{{$title}}</h3>
|
||||
{{if $entries}}
|
||||
{{foreach $entries as $child}}
|
||||
{{include file="suggest_friends.tpl" entry=$child}}
|
||||
{{/foreach}}
|
||||
{{/if}}
|
||||
<div class="clear"></div>
|
||||
<div class="suggest-widget-more"><a href="suggest">{{$more}}</a></div>
|
||||
</div>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
{{include file="field_checkbox.tpl" field=$narrow_navbar}}
|
||||
{{include file="field_input.tpl" field=$converse_width}}
|
||||
{{include file="field_input.tpl" field=$font_size}}
|
||||
{{if $expert}}
|
||||
{{include file="field_colorinput.tpl" field=$nav_bg}}
|
||||
{{include file="field_colorinput.tpl" field=$nav_icon_colour}}
|
||||
{{include file="field_colorinput.tpl" field=$nav_active_icon_colour}}
|
||||
{{include file="field_colorinput.tpl" field=$banner_colour}}
|
||||
{{include file="field_colorinput.tpl" field=$bgcolour}}
|
||||
{{include file="field_colorinput.tpl" field=$background_image}}
|
||||
{{include file="field_colorinput.tpl" field=$item_colour}}
|
||||
{{include file="field_colorinput.tpl" field=$comment_item_colour}}
|
||||
{{*include file="field_colorinput.tpl" field=$comment_border_colour*}}
|
||||
{{*include file="field_input.tpl" field=$comment_indent*}}
|
||||
{{include file="field_colorinput.tpl" field=$font_colour}}
|
||||
{{include file="field_colorinput.tpl" field=$link_colour}}
|
||||
{{include file="field_colorinput.tpl" field=$link_bgcolour}}
|
||||
{{include file="field_input.tpl" field=$radius}}
|
||||
{{include file="field_input.tpl" field=$shadow}}
|
||||
{{include file="field_input.tpl" field=$top_photo}}
|
||||
{{include file="field_input.tpl" field=$reply_photo}}
|
||||
|
||||
<script>
|
||||
$(function(){
|
||||
$('#id_redbasic_nav_bg, #id_redbasic_nav_icon_colour, #id_redbasic_nav_active_icon_colour, #id_redbasic_banner_colour').colorpicker({format: 'rgba'});
|
||||
$('#id_redbasic_link_colour,#id_redbasic_link_bgcolour,#id_redbasic_background_colour').colorpicker();
|
||||
$('#id_redbasic_toolicon_colour,#id_redbasic_toolicon_activecolour,#id_redbasic_font_colour').colorpicker();
|
||||
$('#id_redbasic_item_colour,#id_redbasic_comment_item_colour,#id_redbasic_comment_border_colour').colorpicker({format: 'rgba'});
|
||||
});
|
||||
</script>
|
||||
{{/if}}
|
||||
<div class="settings-submit-wrapper" >
|
||||
<button type="submit" name="redbasic-settings-submit" class="btn btn-primary">{{$submit}}</button>
|
||||
</div>
|
||||
Reference in New Issue