1
0
Fork 0

Refactor widgets

- Move widget templates to subfolder
- Add new generic filter widget templates to replace category, network and filer filters
- Update styles
This commit is contained in:
Hypolite Petovan 2019-05-18 11:33:35 -04:00
commit 71ae8d07a6
37 changed files with 260 additions and 308 deletions

View file

@ -153,7 +153,7 @@ input#acl-search {
background:#2e2f2e;
}
.group-selected, .nets-selected, .fileas-selected, .categories-selected{
.widget .selected, .group-selected {
background:#2e2f2e;
}

View file

@ -126,7 +126,7 @@ nav #site-location {
}
.contact-entry-photo img, .profile-match-photo img, #photo-photo img, .directory-photo-img, .photo-album-photo, .photo-top-photo, .profile-jot-text, .group-selected, .nets-selected, .fileas-selected, #profile-jot-submit, .categories-selected {
.contact-entry-photo img, .profile-match-photo img, #photo-photo img, .directory-photo-img, .photo-album-photo, .photo-top-photo, .profile-jot-text, .group-selected, .widget .selected, #profile-jot-submit {
border-radius: 3px;
-moz-border-radius: 3px;
box-shadow: 4px 4px 3px 0 #444444;

View file

@ -386,7 +386,7 @@ div.wall-item-content-wrapper.shiny {
margin-bottom: 10px;
}
.group-selected, .nets-selected, .fileas-selected, .categories-selected, .forum-selected {
.widget .selected, .group-selected, .forum-selected {
padding: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
@ -2124,11 +2124,11 @@ a.mail-list-link {
list-style: none;
}
.nets-ul, .fileas-ul, .categories-ul, .datebrowse-ul {
.nets-ul, .fileas-ul, .category-ul, .datebrowse-ul {
list-style-type: none;
}
.nets-ul li, .fileas-ul li, .categories-ul li, .datebrowse-ul li {
.nets-ul li, .fileas-ul li, .category-ul li, .datebrowse-ul li {
margin-top: 10px;
}
@ -2139,11 +2139,11 @@ a.mail-list-link {
margin-left: 42px;
}
.fileas-link, .categories-link {
.fileas-link, .category-link {
margin-left: 24px;
}
.fileas-all, .categories-all {
.fileas-all, .category-all {
margin-left: 0px;
}

View file

@ -1,13 +0,0 @@
<div id="fileas-sidebar" class="widget">
<h3>{{$title}}</h3>
<div id="nets-desc">{{$desc nofilter}}</div>
<ul class="fileas-ul">
<li class="tool{{if $sel_all}} selected{{/if}}"><a href="{{$base}}" class="fileas-link fileas-all{{if $sel_all}} fileas-selected{{/if}}">{{$all}}</a></li>
{{foreach $terms as $term}}
<li class="tool{{if $term.selected}} selected{{/if}}"><a href="{{$base}}?f=&file={{$term.name}}" class="fileas-link{{if $term.selected}} fileas-selected{{/if}}">{{$term.name}}</a></li>
{{/foreach}}
</ul>
</div>

View file

@ -1,11 +0,0 @@
<div id="nets-sidebar" class="widget">
<h3>{{$title}}</h3>
<div id="nets-desc">{{$desc nofilter}}</div>
<ul role="menu" class="nets-ul">
<li role="menuitem" {{if $sel_all}}class="selected"{{/if}}><a href="{{$base}}" class="nets-link{{if $sel_all}} nets-selected{{/if}} nets-all">{{$all}}</a></li>
{{foreach $nets as $net}}
<li role="menuitem" {{if $net.selected}}class="selected"{{/if}}><a href="{{$base}}?nets={{$net.ref}}" class="nets-link{{if $net.selected}} nets-selected{{/if}}">{{$net.name}}</a></li>
{{/foreach}}
</ul>
</div>

View file

@ -2,17 +2,17 @@
<div id="contact-block">
<h3 class="contact-block-h4 pull-left">{{$contacts}}</h3>
{{if $micropro}}
<a class="pull-right widget-action faded-icon" id="contact-block-view-contacts" href="viewcontacts/{{$nickname}}">
{{if $micropro}}
<a class="pull-right widget-action faded-icon" id="contact-block-view-contacts" href="profile/{{$nickname}}/contacts">
<i class="fa fa-eye" aria-hidden="true"></i>
<span class="sr-only">{{$viewcontacts}}</span>
</a>
<div class='contact-block-content'>
{{foreach $micropro as $m}}
{{$m nofilter}}
{{/foreach}}
{{foreach $micropro as $m}}
{{$m nofilter}}
{{/foreach}}
</div>
{{/if}}
{{/if}}
</div>
<div class="clear"></div>

View file

@ -1,12 +0,0 @@
<div id="fileas-sidebar" class="widget">
<h3>{{$title}}</h3>
<div id="nets-desc">{{$desc nofilter}}</div>
<ul class="fileas-ul">
<li class="tool {{if $sel_all}}selected{{/if}}"><a href="{{$base}}" class="fileas-link fileas-all">{{$all}}</a></li>
{{foreach $terms as $term}}
<li class="tool {{if $term.selected}}selected{{/if}}"><a href="{{$base}}?f=&file={{$term.name}}" class="fileas-link">{{$term.name}}</a></li>
{{/foreach}}
</ul>
</div>

View file

@ -1,12 +0,0 @@
<div id="nets-sidebar" class="widget">
<h3>{{$title}}</h3>
<div id="nets-desc">{{$desc nofilter}}</div>
<ul class="nets-ul">
<li class="tool {{if $sel_all}}selected{{/if}}"><a href="{{$base}}" class="nets-link nets-all">{{$all}}</a>
{{foreach $nets as $net}}
<li class="tool {{if $net.selected}}selected{{/if}}"><a href="{{$base}}?f=&nets={{$net.ref}}" class="nets-link">{{$net.name}}</a></li>
{{/foreach}}
</ul>
</div>

View file

@ -0,0 +1,14 @@
<div id="{{$type}}-sidebar" class="widget">
<h3>{{$title}}</h3>
{{if $desc}}
<div id="{{$type}}-desc">{{$desc nofilter}}</div>
{{/if}}
<ul class="{{$type}}-ul">
<li class="tool {{if !$selected}}selected{{/if}}"><a href="{{$base}}" class="{{$type}}-link {{$type}}-all">{{$all_label}}</a>
{{foreach $options as $option}}
<li class="tool {{if $selected == $option.ref}}selected{{/if}}"><a href="{{$base}}{{$type}}={{$option.ref}}" class="{{$type}}-link">{{$option.name}}</a></li>
{{/foreach}}
</ul>
</div>

View file

@ -962,10 +962,9 @@ li.widget-list {
top: 1px;
}
.group-selected,
.nets-selected,
.fileas-selected,
.categories-selected {
.widget .selected,
.group-selected {
padding-bottom: 0px;
padding-left: 2px;
padding-right: 2px;
@ -1006,13 +1005,13 @@ ul .sidebar-group-li .icon {
width: 12px;
}
.nets-ul, .fileas-ul, .categories-ul, .datebrowse-ul {
.nets-ul, .fileas-ul, .category-ul, .datebrowse-ul {
list-style-type: none;
}
.nets-ul li,
.fileas-ul li,
.categories-ul li,
.category-ul li,
.datebrowse-link {
}
@ -1029,12 +1028,12 @@ ul .sidebar-group-li .icon {
}
.fileas-link,
.categories-link {
.category-link {
margin-left: 0px;
}
.fileas-all,
.categories-all {
.category-all {
margin-left: 0px;
}
@ -4627,7 +4626,7 @@ hr.line-dots {
#birthday-notice {}
#nav-notifications-template {}
#categories-sidebar {}
#category-sidebar {}
#nets-desc {}
#status-tab {}
#page-footer {}

View file

@ -448,7 +448,7 @@ pre code {
/* color: #000; */
}
.group-selected, .nets-selected, .fileas-selected, .forum-selected {
.widget .selected, .forum-selected {
font-weight: bold;
}

View file

@ -39,7 +39,7 @@
{{/if}}
{{if $nv}}
{{include file='peoplefind.tpl' nv=$nv}}
{{include file='widget/peoplefind.tpl' nv=$nv}}
{{/if}}
{{if $lastusers_title}}