diff options
Diffstat (limited to 'view')
-rw-r--r-- | view/css/mod_directory.css | 73 | ||||
-rw-r--r-- | view/js/main.js | 2 | ||||
-rw-r--r-- | view/js/mod_directory.js | 2 | ||||
-rwxr-xr-x | view/tpl/directory_header.tpl | 22 | ||||
-rwxr-xr-x | view/tpl/direntry.tpl | 109 |
5 files changed, 92 insertions, 116 deletions
diff --git a/view/css/mod_directory.css b/view/css/mod_directory.css index 7b149d744..d3831e589 100644 --- a/view/css/mod_directory.css +++ b/view/css/mod_directory.css @@ -1,76 +1,29 @@ - -.directory-end { - clear: both; -} -.directory-name { - float: left; - width: 250px; -} - -.directory-photo { - margin-left: 25px; -} .directory-photo-img { - margin-left: auto; - margin-right: auto; - display:block; width: 80px; height: 80px; -} -.directory-details { - text-align: center; - margin-left: 5px; - margin-right: 5px; -} -.directory-item { - overflow: hidden; - margin: 2px; - border-bottom: 2px solid #f1f1f1; - padding-bottom: 3px; -} - -#directory-search-wrapper { - margin-top: 20px; - margin-right: 20px; - margin-bottom: 50px; -} - -#directory-search-end { -} - -.directory-photo-img { border: none; } -div.dirtagblock.widget { - overflow: hidden; +.directory-item { + margin-bottom: 20px; } -.dirpopup { - float: left; - width: 225px; +.contact-photo-wrapper { + display: table-cell; + vertical-align: top; } -.contact-photo { - float: left; - margin-right: 16px; +.contact-info { + display: table-cell; + vertical-align: top; + padding-left: 10px; } -.contact-name { - font-size: larger; +.contact-info-label { + font-weight: bold; } -.contact-info { - display: block; - overflow: hidden; +.section-subtitle-wrapper .btn-xs { + margin-top: -2px; } -.directory-item { - margin: 16px; -} -.directory-connect { - margin-top: 3px; - display:block; - margin-left:auto; - margin-right: auto; -} diff --git a/view/js/main.js b/view/js/main.js index 625ac5b01..698e2d79c 100644 --- a/view/js/main.js +++ b/view/js/main.js @@ -615,7 +615,7 @@ function updateConvItems(mode,data) { function collapseHeight() { - $(".wall-item-body, .contact-info").each(function() { + $(".wall-item-body, .directory-collapse").each(function() { var orgHeight = $(this).height(); if(orgHeight > divmore_height + 10) { if(! $(this).hasClass('divmore')) { diff --git a/view/js/mod_directory.js b/view/js/mod_directory.js index 90942f9ac..e850963c1 100644 --- a/view/js/mod_directory.js +++ b/view/js/mod_directory.js @@ -38,4 +38,4 @@ function postRatings() { $(document).ready(function() { collapseHeight(); -});
\ No newline at end of file +}); diff --git a/view/tpl/directory_header.tpl b/view/tpl/directory_header.tpl index 477df8a63..26739efc3 100755 --- a/view/tpl/directory_header.tpl +++ b/view/tpl/directory_header.tpl @@ -1,16 +1,12 @@ -<div class="generic-content-wrapper-styled"> -<h1>{{$dirlbl}}</h1> - -{{if $search}} -<h4>{{$finddsc}} {{$safetxt}}</h4> -{{/if}} - -{{foreach $entries as $entry}} -{{include file="direntry.tpl"}} -{{/foreach}} - -<div id="page-end"></div> -<div class="directory-end"></div> +<div class="generic-content-wrapper"> + <div class="section-title-wrapper"> + <h2>{{$dirlbl}}{{if $search}}: {{$safetxt}}{{/if}}</h2> + </div> + {{foreach $entries as $entry}} + {{include file="direntry.tpl"}} + {{/foreach}} + <div id="page-end"></div> + <div class="clear"></div> </div> <script>$(document).ready(function() { loadingPage = false;});</script> <div id="page-spinner"></div> diff --git a/view/tpl/direntry.tpl b/view/tpl/direntry.tpl index 0608bca0a..3450ad36d 100755 --- a/view/tpl/direntry.tpl +++ b/view/tpl/direntry.tpl @@ -1,46 +1,73 @@ -<div class="directory-item lframe{{if $entry.safe}} safe{{/if}}" id="directory-item-{{$entry.hash}}" > +<div class="directory-item{{if $entry.safe}} safe{{/if}}" id="directory-item-{{$entry.hash}}" > + <div class="section-subtitle-wrapper"> + <div class="pull-right"> + {{if $entry.viewrate}} + {{if $entry.canrate}}<button class="btn btn-default btn-xs" onclick="doRatings('{{$entry.hash}}'); return false;" ><i class="icon-pencil"></i><span id="edited-{{$entry.hash}}" class="required" id="edited-{{$entry.hash}}" style="display: none;" > *</span></button>{{/if}} + {{if $entry.total_ratings}}<a href="ratings/{{$entry.hash}}" id="dir-rating-{{$entry.hash}}" class="btn btn-default btn-xs">{{$entry.total_ratings}}</a>{{/if}} + {{/if}} + {{if $entry.ignlink}} + <a class="directory-ignore btn btn-warning btn-xs" href="{{$entry.ignlink}}"> {{$entry.ignore_label}}</a> + {{/if}} + <a class="btn btn-success btn-xs" href="{{$entry.connect}}"><i class="icon-plus connect-icon"></i> {{$entry.conn_label}}</a> + </div> + <h3>{{if $entry.public_forum}}<i class="icon-comments-alt" title="{{$entry.forum_label}} @{{$entry.nickname}}+"></i> {{/if}}<a href='{{$entry.profile_link}}' >{{$entry.name}}</a>{{if $entry.online}} <i class="icon-asterisk online-now" title="{{$entry.online}}"></i>{{/if}}</h3> + </div> + <div class="section-content-wrapper directory-collapse"> + <div class="contact-photo-wrapper" id="directory-photo-wrapper-{{$entry.hash}}" > + <div class="contact-photo" id="directory-photo-{{$entry.hash}}" > + <a href="{{$entry.profile_link}}" class="directory-profile-link" id="directory-profile-link-{{$entry.hash}}" > + <img class="directory-photo-img" src="{{$entry.photo}}" alt="{{$entry.alttext}}" title="{{$entry.alttext}}" /> + </a> + </div> + </div> + <div class="contact-info"> + {{if $entry.common_friends}} + <div id="dir-common" class="contact-info-element"> + <span class="contact-info-label">{{$entry.common_label}}</span> {{$entry.common_count}} + </div> + {{/if}} -<div class="contact-photo-wrapper" id="directory-photo-wrapper-{{$entry.hash}}" > -<div class="contact-photo" id="directory-photo-{{$entry.hash}}" > -<a href="{{$entry.profile_link}}" class="directory-profile-link" id="directory-profile-link-{{$entry.hash}}" ><img class="directory-photo-img" src="{{$entry.photo}}" alt="{{$entry.alttext}}" title="{{$entry.alttext}}" /></a> -{{if $entry.connect}} -<div class="directory-connect btn btn-default"><a href="{{$entry.connect}}"><i class="icon-plus connect-icon"></i> {{$entry.conn_label}}</a></div> -{{/if}} -{{if $entry.ignlink}} -<div class="directory-ignore btn btn-default"><a href="{{$entry.ignlink}}"> {{$entry.ignore_label}}</a></div> -{{/if}} -</div> -</div> + {{if $entry.pdesc}} + <div class="contact-info-element"> + <span class="contact-info-label">{{$entry.pdesc_label}}</span> {{$entry.pdesc}} + </div> + {{/if}} -<div class='contact-info'> -<div class="contact-name" id="directory-name-{{$entry.hash}}" ><a href='{{$entry.profile_link}}' >{{$entry.name}}</a>{{if $entry.online}} <i class="icon-asterisk online-now" title="{{$entry.online}}"></i>{{/if}}</div> + {{if $entry.age}} + <div class="contact-info-element"> + <span class="contact-info-label">{{$entry.age_label}}</span> {{$entry.age}} + </div> + {{/if}} -{{if $entry.viewrate}} -<div id="dir-rating-wrapper-{{$entry.hash}}" class="directory-rating" >{{if $entry.total_ratings}}<a href="ratings/{{$entry.hash}}"><button class="btn btn-default">{{$entry.total_ratings}}</button></a>{{/if}} -{{if $entry.canrate}}<button class="btn btn-default" onclick="doRatings('{{$entry.hash}}'); return false;" ><i class="icon-pencil"></i></button><span class="required" id="edited-{{$entry.hash}}" style="display: none;" >*</span>{{/if}} -</div> -{{/if}} -{{if $entry.common_friends}} -<div id="dir-common">{{$entry.common_txt}}</div> -{{/if}} -{{if $entry.public_forum}} -<div class="contact-forum"> -{{$entry.forum_label}} @{{$entry.nickname}}+ -</div> -{{/if}} + {{if $entry.details}} + <div class="contact-info-element"> + <span class="contact-info-label">{{$entry.location}}</span> {{$entry.details}} + </div> + {{/if}} -<div class="contact-details">{{$entry.details}}</div> -{{if $entry.hometown}} -<div class="directory-hometown">{{$entry.hometown}} </div> -{{/if}} -{{if $entry.about}} -<div class="directory-about">{{$entry.about}} </div> -{{/if}} -{{if $entry.homepage}} -<div class="directory-homepage">{{$entry.homepage}}{{$entry.homepageurl}} </div> -{{/if}} -{{if $entry.kw}} -<div class="directory-keywords">{{$entry.kw}} {{$entry.keywords}}</div> -{{/if}} -</div> + {{if $entry.hometown}} + <div class="contact-info-element"> + <span class="contact-info-label">{{$entry.hometown_label}}</span> {{$entry.hometown}} + </div> + {{/if}} + + {{if $entry.homepage}} + <div class="contact-info-element"> + <span class="contact-info-label">{{$entry.homepage}}</span> {{$entry.homepageurl}} + </div> + {{/if}} + + {{if $entry.kw}} + <div class="contact-info-element"> + <span class="contact-info-label">{{$entry.kw}}</span> {{$entry.keywords}} + </div> + {{/if}} + + {{if $entry.about}} + <div class="contact-info-element"> + <span class="contact-info-label">{{$entry.about_label}}</span> {{$entry.about}} + </div> + {{/if}} + </div> + </div> </div> |