hubzilla 8
This commit is contained in:
@@ -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>
|
||||
|
||||
@@ -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}}
|
||||
|
||||
Reference in New Issue
Block a user