hubzilla 8

This commit is contained in:
root
2024-02-17 17:00:05 +01:00
parent 945d6161b5
commit 35b5787038
275 changed files with 1548 additions and 19618 deletions

View File

@@ -1,32 +1,14 @@
<nav class="navbar fixed-top navbar-expand-lg navbar-dark bg-dark">
<nav id="navbar-top" class="navbar navbar-expand-lg sticky-top bg-body-tertiary mb-4" {{$navbar_color_mode}}>
<div class="container-fluid flex-nowrap">
{{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-bs-toggle="modal" data-bs-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="d-flex" style="max-width: 50%">
<div class="dropdown">
<div class="fakelink usermenu" data-bs-toggle="dropdown">
<img id="avatar" src="{{$userinfo.icon}}" alt="{{$userinfo.name}}">
<i class="fa fa-caret-down"></i>
<div class="cursor-pointer usermenu" data-bs-toggle="dropdown">
<img id="avatar" src="{{$userinfo.icon}}" alt="{{$userinfo.name}}" class="rounded">
<i class="navbar-text fa fa-caret-down"></i>
</div>
{{if $is_owner}}
<div class="dropdown-menu">
<div class="dropdown-menu" {{$color_mode}}>
{{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}}
@@ -59,7 +41,7 @@
</div>
{{/if}}
{{if ! $is_owner}}
<div class="dropdown-menu" role="menu" aria-labelledby="avatar">
<div class="dropdown-menu" role="menu" aria-labelledby="avatar" {{$color_mode}}>
<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>
@@ -83,8 +65,9 @@
{{/if}}
{{/if}}
</div>
{{else}}
<div class="navbar-text d-lg-none navbar-banner">{{$banner}}</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;">
@@ -106,7 +89,7 @@
<div class="collapse navbar-collapse justify-content-between" id="navbar-collapse-1">
<ul class="navbar-nav">
{{if $nav.login && !$userinfo}}
<li class="nav-item">
<li class="nav-item">
<a href="help" class="nav-link {{if (substr($url,17,4)=="help")}} active{{/if}}" title="{{$nav.help.3}}"><i class="fa fa-fw fa-question-circle"></i></a>
</li>
<li class="nav-item">
@@ -114,7 +97,7 @@
</li>
<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-bs-toggle="modal" data-bs-target="#nav-login">
<a class="nav-link" href="#" title="{{$nav.loginmenu.1.3}}" data-bs-toggle="modal" data-bs-target="#nav-login">
{{$nav.loginmenu.1.1}}
</a>
{{else}}
@@ -126,7 +109,7 @@
{{/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>
<a class="nav-link" href="{{$nav.register.0}}" title="{{$nav.register.3}}">{{$nav.register.1}}</a>
</li>
{{/if}}
{{if $nav.alogout}}
@@ -136,10 +119,10 @@
{{/if}}
</ul>
<div id="banner" class="navbar-text">{{$banner}}</div>
<div class="navbar-text navbar-banner">{{$banner}}</div>
<ul id="nav-right" class="navbar-nav">
<li class="nav-item collapse clearfix" id="nav-search">
<li class="nav-item collapse clearfix" id="nav-search" {{$color_mode}}>
<form class="form-inline" method="get" action="{{$nav.search.4}}" role="search">
<input class="form-control form-control-sm mt-1 me-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>
@@ -150,10 +133,10 @@
<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>
<li class="nav-item">
<li class="nav-item">
<a href="directory" class="navbar-app nav-link {{if (substr($url,17,9)=="directory")}} active{{/if}}" title="{{t('Directory')}}"><i class="fa fa-fw fa-sitemap"></i></a>
</li>
<li class="nav-item">
<li class="nav-item">
<a href="pubstream" class="navbar-app nav-link {{if (substr($url,17,9)=="pubstream")}} active{{/if}}" title="{{t('Public Stream')}}"><i class="fa fa-fw fa-globe"></i></a>
</li>
<li class="nav-item">
@@ -169,7 +152,7 @@
{{/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>
<a class="nav-link notifications-btn" href="#"><i id="notifications-btn-icon" class="fa fa-exclamation-circle notifications-btn-icon"></i></a>
</li>
{{/if}}
{{if $navbar_apps}}
@@ -197,55 +180,89 @@
</nav>
<div class="offcanvas offcanvas-end" tabindex="-1" id="app-bin" aria-labelledby="app-bin-label">
<div class="offcanvas-header">
<div class="lh-1" id="app-bin-label">
{{if $nav.login && !$userinfo}}
<div class="hstack gap-1 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}}" data-bs-toggle="modal" data-bs-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}}">
{{$nav.register.1}}
</a>
{{/if}}
</div>
<div class="nav d-lg-flex w-100"></div>
{{else}}
<div class="lh-sm w-75" id="app-bin-label">
{{if $name}}
<img src="{{$thumb}}" class="menu-img-2">
<div class="float-start pe-2">
<div class="fw-bold">{{$name}}</div>
<div class="text-muted">{{$sitelocation}}</div>
<img src="{{$thumb}}" class="menu-img-3">
<div class="p-1">
<div class="fw-bold text-truncate">{{$name}}</div>
<div class="text-muted text-truncate">{{$sitelocation}}</div>
</div>
{{/if}}
</div>
<i id="app-bin-trash" class="fa fa-2x fa-fw fa-trash-o d-none"></i>
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
{{/if}}
<div class="hstack gap-1">
{{if $theme_switch_icon}}
<button id="theme-switch" type="button" class="btn btn-outline-secondary border-0"><i id="theme-switch-icon" class="fa fa-{{$theme_switch_icon}}-o"></i></button>
{{/if}}
<button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
</div>
</div>
<div class="offcanvas-body pt-0">
<div class="offcanvas-body">
{{if $channel_apps.0}}
<div class="dropdown-header text-uppercase">
<div class="text-uppercase text-muted">
{{$channelapps}}
</div>
{{foreach $channel_apps as $channel_app}}
{{$channel_app}}
{{/foreach}}
<div class="nav nav-pills flex-column">
{{foreach $channel_apps as $channel_app}}
{{$channel_app}}
{{/foreach}}
</div>
{{/if}}
{{if $navbar_apps.0}}
<div class="d-lg-none dropdown-header text-uppercase">
<div class="d-lg-none dropdown-header text-uppercase text-muted">
{{$pinned_apps}}
</div>
<div id="nav-app-bin-container" class="d-lg-none">
<div id="nav-app-bin-container" class="d-lg-none nav nav-pills flex-column">
{{foreach $navbar_apps as $navbar_app}}
{{$navbar_app|replace:'navbar-app nav-link':'dropdown-item nav-app-sortable'|replace:'fa':'generic-icons-nav fa'}}
{{$navbar_app|replace:'fa':'generic-icons-nav fa'}}
{{/foreach}}
</div>
{{/if}}
{{if $is_owner}}
<div class="dropdown-header text-uppercase">
<div class="text-uppercase text-muted nav-link">
{{$featured_apps}}
</div>
<div id="app-bin-container" data-token="{{$form_security_token}}">
<div id="app-bin-container" data-token="{{$form_security_token}}" class="nav nav-pills flex-column">
{{foreach $nav_apps as $nav_app}}
{{$nav_app}}
{{/foreach}}
</div>
<div class="dropdown-divider"></div>
<a class="dropdown-item" href="/apps"><i class="generic-icons-nav fa fa-fw fa-plus"></i>{{$addapps}}</a>
<hr>
<div class="nav nav-pills flex-column">
<a class="nav-link" href="/apps"><i class="generic-icons-nav fa fa-fw fa-plus"></i>{{$addapps}}</a>
</div>
{{else}}
<div class="dropdown-header text-uppercase">
<div class="text-uppercase text-muted nav-link">
{{$sysapps}}
</div>
{{foreach $nav_apps as $nav_app}}
{{$nav_app}}
{{/foreach}}
<div class="nav nav-pills flex-column">
{{foreach $nav_apps as $nav_app}}
{{$nav_app}}
{{/foreach}}
</div>
{{/if}}
</div>
</div>

View File

@@ -1,31 +1,33 @@
{{include file="field_checkbox.tpl" field=$dark_mode}}
{{include file="field_checkbox.tpl" field=$narrow_navbar}}
{{include file="field_input.tpl" field=$converse_width}}
{{include file="field_input.tpl" field=$font_size}}
{{include file="field_checkbox.tpl" field=$advanced_theming}}
{{if $expert}}
<h3>{{$light}}</h3>
{{include file="field_checkbox.tpl" field=$navbar_dark_mode}}
{{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=$bgcolor}}
{{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_color}}
{{include file="field_colorinput.tpl" field=$link_hover_color}}
<h3>{{$dark}}</h3>
{{include file="field_colorinput.tpl" field=$nav_bg_dark}}
{{include file="field_colorinput.tpl" field=$bgcolor_dark}}
{{include file="field_colorinput.tpl" field=$background_image_dark}}
{{include file="field_colorinput.tpl" field=$link_color_dark}}
{{include file="field_colorinput.tpl" field=$link_hover_color_dark}}
<h3>{{$common}}</h3>
{{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_ussrbasicpub_nav_bg, #id_ussrbasicpub_nav_icon_colour, #id_ussrbasicpub_nav_active_icon_colour, #id_ussrbasicpub_banner_colour').colorpicker({format: 'rgba'});
$('#id_ussrbasicpub_link_colour,#id_ussrbasicpub_background_colour').colorpicker();
$('#id_ussrbasicpub_toolicon_colour,#id_ussrbasicpub_toolicon_activecolour,#id_ussrbasicpub_font_colour').colorpicker();
$('#id_ussrbasicpub_item_colour,#id_ussrbasicpub_comment_item_colour,#id_ussrbasicpub_comment_border_colour').colorpicker({format: 'rgba'});
$('#id_ussrbasicpub_link_color, #id_ussrbasicpub_link_color_dark, #id_ussrbasicpub_link_hover_color, #id_ussrbasicpub_link_hover_color_dark, #id_ussrbasicpub_background_color, #id_ussrbasicpub_background_color_dark, #id_ussrbasicpub_nav_bg, #id_ussrbasicpub_nav_bg_dark').colorpicker({format: 'rgba'});
});
</script>
{{/if}}