Commit ecff21a9 authored by Pat Kira's avatar Pat Kira Committed by Aaron Wells
Browse files

Style my friends and find friends (bootstrap)

Bug 1465107: Use Bootstrap CSS Framework

Change-Id: I6c0088a8ce6cb27e4c1093246320a1de734eda1d
parent c19c19d0
<ul class="groupuserstatus pull-right list-unstyled">
<ul class="groupuserstatus actionlist pull-right list-unstyled">
{if $group->membershiptype == 'member'}
<li class="member">
{if $group->role == 'member' || $group->role == 'admin'}
......
<ul>
<li>{$group->settingsdescription}</li>
<li><strong class="groupinfolabel">{str tag=groupadmins section=group}:</strong> {foreach name=admins from=$group->admins item=user}
<img src="{profile_icon_url user=$user maxwidth=20 maxheight=20}" alt="{str tag=profileimagetext arg1=$user|display_default_name}">
<a href="{profile_url($user)}">{$user|display_name}</a>{if !$.foreach.admins.last}, {/if}
{/foreach}</li>
{if $group->categorytitle}<li><strong>{str tag=groupcategory section=group}:</strong> {$group->categorytitle}</li>{/if}
<li><strong class="groupinfolabel">{str tag=Created section=group}:</strong> {$group->ctime}</li>
{if $editwindow}<li><strong class="groupinfolabel">{str tag=editable section=group}:</strong> {$editwindow}</li>{/if}
<li class="last">
{if $group->membercount}<span><strong>{str tag=Members section=group}:</strong>&nbsp;{$group->membercount}</span>{/if}
<span><strong>{str tag=Views section=view}:</strong>&nbsp;{$group->viewcount}</span>
<span><strong>{str tag=Files section=artefact.file}:</strong>&nbsp;{$group->filecounts->files}</span>
<span><strong>{str tag=Folders section=artefact.file}:</strong>&nbsp;{$group->filecounts->folders}</span>
<span><strong>{str tag=nameplural section=interaction.forum}:</strong>&nbsp;{$group->forumcounts}</span>
<span><strong>{str tag=Topics section=interaction.forum}:</strong>&nbsp;{$group->topiccounts}</span>
<span><strong>{str tag=Posts section=interaction.forum}:</strong>&nbsp;{$group->postcounts}</span>
</li>
</ul>
<h3 class="panel-heading">
{str tag=Group section=group}
</h3>
<div class="panel-body">
<div>
{$group->settingsdescription}
</div>
<div>
<strong class="groupinfolabel">{str tag=Created section=group}:</strong>{$group->ctime}
</div>
<div>
<strong class="groupinfolabel">
{str tag=groupadmins section=group}:
</strong>
{foreach name=admins from=$group->admins item=user}
<img src="{profile_icon_url user=$user maxwidth=20 maxheight=20}" alt="{str tag=profileimagetext arg1=$user|display_default_name}">
<a href="{profile_url($user)}">
{$user|display_name}
</a>
{if !$.foreach.admins.last},
{/if}
{/foreach}
</div>
{if $group->categorytitle}
<div>
<strong>{str tag=groupcategory section=group}:</strong>
{$group->categorytitle}
</div>
{/if}
{if $editwindow}
<div>
<strong class="groupinfolabel">{str tag=editable section=group}:</strong>
{$editwindow}
</div>
{/if}
</div>
<div class="last panel-footer">
{if $group->membercount}
<span class="mrm">
<strong>{str tag=Members section=group}:</strong>
{$group->membercount}
</span>
{/if}
<span class="mrm">
<strong>{str tag=Views section=view}:</strong>
{$group->viewcount}
</span>
<span class="mrm">
<strong>{str tag=Files section=artefact.file}:</strong>
{$group->filecounts->files}
</span>
<span class="mrm">
<strong>{str tag=Folders section=artefact.file}:</strong>
{$group->filecounts->folders}
</span>
<span class="mrm">
<strong>{str tag=nameplural section=interaction.forum}:</strong>
{$group->forumcounts}
</span>
<span class="mrm">
<strong>{str tag=Topics section=interaction.forum}:</strong>
{$group->topiccounts}
</span>
<span class="mrm">
<strong>{str tag=Posts section=interaction.forum}:</strong>
{$group->postcounts}
</span>
</div>
......@@ -4,13 +4,15 @@
<a href="{$WWWROOT}group/edit.php" class="btn btn-success creategroup">{str tag="creategroup" section="group"}</a>
</div>
{/if}
<div class="ptl pbl">{$form|safe}</div>
<div class="ptl pbl">
{$form|safe}
</div>
{if $groups}
<div class="panel panel-default mtl">
<h2 class="panel-heading">{str tag=Results}</h2>
<div id="mygroups" class="fullwidth listing">
<div id="mygroups" class="listing panel-body">
{foreach from=$groups item=group}
<div class="listrow {cycle values='r0,r1'}">
<div class="listrow">
{include file="group/group.tpl" group=$group returnto='mygroups'}
</div>
{/foreach}
......@@ -18,6 +20,6 @@
</div>
{$pagination|safe}
{else}
<div class="message">{str tag="trysearchingforgroups" section="group" args=$searchingforgroups}</div>
<div class="no-result">{str tag="trysearchingforgroups" section="group" args=$searchingforgroups}</div>
{/if}
{include file="footer.tpl"}
{include file="header.tpl"}
<p class="lead">{str tag=activetopicsdescription section=interaction.forum}</p>
<table id="topiclist" class="fullwidth">
<table id="topiclist" class="table fullwidth">
<thead>
<tr>
<th>{str tag=Topic section=interaction.forum}</th>
......
{include file="header.tpl"}
{if $GROUP->description}
<div class="groupdescription">{$GROUP->description|clean_html|safe}</div>
<div class="groupdescription lead">
{$GROUP->description|clean_html|safe}
</div>
{/if}
<div class="grouphomepage">
{$viewcontent|safe}
{$viewcontent|safe}
</div>
<div class="cb"></div>
{include file="footer.tpl"}
......@@ -2,13 +2,13 @@
<div class="ptl pbl">
{$form|safe}
</div>
{if $results}
<div class="panel panel-default mtl">
<h2 id="searchresultsheading" class="panel-heading">{str tag=Results}</h2>
<div class="panel-body">
<div id="friendslist" class="fullwidth listing">
{$results.tablerows|safe}
</div>
<div id="friendslist" class="panel-body listing">
{$results.tablerows|safe}
</div>
</div>
{$results.pagination|safe}
{/if}
{include file="footer.tpl"}
{include file="header.tpl"}
{$form|safe}
<div class="ptl pbl">
{$form|safe}
</div>
{if $message}
<div class="message">{$message|safe}</div>
<div class="no-result">{$message|safe}</div>
{/if}
{if $results}
<div class="panel panel-default">
<div id="friendslist" class="fullwidth listing">
{$results.tablerows|safe}
</div>
<div class="">
<div id="friendslist" class="panel-items js-masonry" data-masonry-options='{ "itemSelector": ".panel" }'>
{$results.tablerows|safe}
</div>
</div>
{$results.pagination|safe}
{/if}
......
{include file="header.tpl"}
<div id="onlinelistcontainer">
<p>({str tag="lastminutes" args=$lastminutes})</p>
<div id="onlinelist" class="fullwidth listing">
{$data.tablerows|safe}
<div id="onlinelist" class="listing">
{$data.tablerows|safe}
</div>
</div>
{$data.pagination|safe}
......
<div>
<div class="profile-icon-left">
<img src="{profile_icon_url user=$user maxwidth=50 maxheight=50}" alt="{str tag=profileimagetext arg1=$user|display_default_name}">
</div>
<h3><a href="{profile_url($user)}">{$user|display_name}</a></h3>
<h3 class="user-icon-name">
<span class="usericon">
<img src="{profile_icon_url user=$user maxwidth=50 maxheight=50}" alt="{str tag=profileimagetext arg1=$user|display_default_name}">
</span>
<a href="{profile_url($user)}">
{$user|display_name}
</a>
</h3>
{if $user->introduction}
<p>{$user->introduction|clean_html|safe}</p>
{else}
<br><br>
<p class="ptl">
{$user->introduction|clean_html|safe}
</p>
{/if}
</div>
<div class="listrow {if $user->pending} pending{/if}">
<div class="peoplelistinfo">
<div class="pull-left" id="friendinfo_{$user->id}">
<img src="{profile_icon_url user=$user maxwidth=40 maxheight=40}" alt="{str tag=profileimagetext arg1=$user|display_default_name}">
<div class="{if $user->pending} pending panel-primary{else}panel-default {/if} panel panel-half">
<h3 class="panel-heading has-link">
<a href="{profile_url($user)}" class="pull-left">
{$user->display_name}
{if $user->pending}
<span class="pendingfriend">
<i>- {str tag='pending' section='group'}</i>
</span>
{elseif $user->friend && $page == 'find'}
<span class="existingfriend">
<i>- {str tag='existingfriend' section='group'}</i>
</span>
{/if}
</a>
{if $user->messages}
<a href="{$WWWROOT}user/sendmessage.php?id={$user->id}&amp;returnto={$page}&amp;offset={$offset}" class="text-right" title="{str tag='sendmessage' section='group'}">
<span class="fa fa-envelope"></span>
<span class="sr-only">{str tag='sendmessage' section='group'}</span>
</a>
{/if}
</h3>
<div class="panel-body">
<div class="user-icon" id="friendinfo_{$user->id}">
<img src="{profile_icon_url user=$user maxwidth=40 maxheight=40}" alt="{str tag=profileimagetext arg1=$user|display_default_name}" class="prm">
</div>
<div class="content ptm pbm">
{if $user->introduction}
<p class="intro">
{$user->introduction|str_shorten_html:100:true|safe}
</p>
{/if}
{if $user->friend && $page == 'myfriends' && $user->views}
<p class="viewlist">
<span>
<strong>{str tag='Views' section='group'}:</strong>
</span>
{foreach from=$user->views item=view}
<span>
<a href="{$view->fullurl}">{$view->title}</a>
</span>
{/foreach}
</p>
{/if}
{if $user->pending}
<div class="whymakemeyourfriend">
<strong>
{str tag='whymakemeyourfriend' section='group'}
</strong>
<p>{$user->message|format_whitespace|safe}</p>
</div>
{/if}
</div>
{if $user->institutions}
<span class="memberof ptm">
<span class="fa fa-university"></span>
{$user->institutions|safe}
</span>
{/if}
</div>
<div class="">
<h3 class="title pull-left"><a href="{profile_url($user)}">{$user->display_name}</a>
<div class="panel-footer has-form small-text">
<div class="pull-left">
{if $user->pending}
<i><span class="pendingfriend"> - {str tag='pending' section='group'}</span></i>
{elseif $user->friend && $page == 'find'}
<i><span class="existingfriend"> - {str tag='existingfriend' section='group'}</span></i>
<span class="approvefriend">
{$user->accept|safe}
</span>
<span class="denyrequest">
<span class="fa fa-ban"></span>
<a href="{$WWWROOT}user/denyrequest.php?id={$user->id}&amp;returnto={$page}&amp;offset={$offset}" class="btn-deny">
{str tag='denyrequest' section='group'}
</a>
</span>
{/if}
</h3>
<ul class="actionlist pull-right list-unstyled">
{if $user->institutions}<li class="notbtn">{$user->institutions|safe}</li>{/if}
{if $user->pending}
<li class="approvefriend">{$user->accept|safe}</li>
<li class="denyrequest">
<span class="fa fa-ban-circle"></span>
<a href="{$WWWROOT}user/denyrequest.php?id={$user->id}&amp;returnto={$page}&amp;offset={$offset}" class="btn-deny">
{str tag='denyrequest' section='group'}
</a>
</li>
{/if}
{if $user->friend}
<li class="removefriend">
<span class="fa fa-remove"></span>
<a href="{$WWWROOT}user/removefriend.php?id={$user->id}&amp;returnto={$page}&amp;offset={$offset}" class="btn-del">
{str tag='removefromfriendslist' section='group'}
</a>
</li>
{elseif $user->requestedfriendship}
<li class="notbtn">
<span class="btn">{str tag='friendshiprequested' section='group'}</span>
</li>
{elseif !$user->pending} {* Not an existing, pending, or requested friend *}
{if $user->friendscontrol == 'auth'}
<li class="friend">
<span class="fa fa-user-plus"></span>
<a href="{$WWWROOT}user/requestfriendship.php?id={$user->id}&amp;returnto={$page}&amp;offset={$offset}" class="btn-request">
{str tag='sendfriendrequest' section='group'}
</a>
</li>
{elseif $user->friendscontrol == 'auto'}
<li class="friend">
{$user->makefriend|safe}
</li>
{else}
<li class="nofriend">
{str tag='userdoesntwantfriends' section='group'}
</li>
{if $user->friend}
<span class="removefriend">
<span class="fa fa-remove"></span>
<a href="{$WWWROOT}user/removefriend.php?id={$user->id}&amp;returnto={$page}&amp;offset={$offset}" class="btn-del">
{str tag='removefromfriendslist' section='group'}
</a>
</span>
{/if}
{/if}
{if $user->messages}
<li class="messages">
<span class="fa fa-envelope"></span>
<a href="{$WWWROOT}user/sendmessage.php?id={$user->id}&amp;returnto={$page}&amp;offset={$offset}" class="btn-message">
{str tag='sendmessage' section='group'}
</a>
</li>
{/if}
{if $admingroups}
<li class="editgroup">
<span class="fa fa-pencil"></span>
<a href="" onclick="showGroupBox(event, {$user->id})" class="btn-edit">{str tag='editgroupmembership' section='group'}</a>
</li>
{/if}
</ul>
</div>
<div class="pull-left">
{if $user->requestedfriendship}
<span class="notbtn">
{str tag='friendshiprequested' section='group'}
</span>
{elseif !$user->pending && !$user->friend} {* Not an existing, pending, or requested friend *}
{if $user->friendscontrol == 'auth'}
<span class="friend">
<span class="fa fa-user-plus"></span>
<a href="{$WWWROOT}user/requestfriendship.php?id={$user->id}&amp;returnto={$page}&amp;offset={$offset}" class="btn-request">
{str tag='sendfriendrequest' section='group'}
</a>
</span>
{elseif $user->friendscontrol == 'auto'}
<span class="friend">
{$user->makefriend|safe}
</span>
{else}
<span class="nofriend">
{str tag='userdoesntwantfriends' section='group'}
</span>
{/if}
{/if}
</div>
{if $user->introduction}<div class="detail">{$user->introduction|str_shorten_html:100:true|safe}</div>{/if}
{if $user->friend && $page == 'myfriends' && $user->views}
<ul class="viewlist">
<li>
<strong>{str tag='Views' section='group'}:</strong>
</li>
{foreach from=$user->views item=view}
<li>
<a href="{$view->fullurl}">{$view->title}</a>
</li>
{/foreach}
</ul>
{/if}
{if $user->pending}
<div class="whymakemeyourfriend">
<strong>
{str tag='whymakemeyourfriend' section='group'}
</strong>
<span>{$user->message|format_whitespace|safe}</span>
<div class="pull-right">
{if $admingroups}
<span class="editgroup">
<span class="fa fa-pencil"></span>
<a href="" onclick="showGroupBox(event, {$user->id})" class="btn-edit">{str tag='editgroupmembership' section='group'}</a>
</span>
{/if}
</div>
{/if}
</div>
</div>
<div class="cb"></div>
</div>
</div>
\ No newline at end of file
<div class="listrow {if $user->pending} pending{/if}">
<div class="pull-left" id="friendinfo_{$user->id}">
<img src="{profile_icon_url user=$user maxwidth=40 maxheight=40}" alt="{str tag=profileimagetext arg1=$user|display_default_name}" class="prs">
<h3 class="title">
<a href="{profile_url($user)}">
{$user->display_name}
</a>
{if $user->pending}
<span class="pendingfriend"> - {str tag='pending' section='group'}</span>
{elseif $user->friend && $page == 'find'}
<span class="existingfriend"> - {str tag='existingfriend' section='group'}</span>
{/if}
</h3>
</div>
<ul class="actionlist list-unstyled">
{if $user->institutions}
<li class="memberof mbm">
{$user->institutions|safe}
</li>
{/if}
{if $user->pending}
<li class="approvefriend">{$user->accept|safe}</li>
<li class="denyrequest">
<span class="fa fa-ban"></span>
<a href="{$WWWROOT}user/denyrequest.php?id={$user->id}&amp;returnto={$page}&amp;offset={$offset}" class="btn-deny">
{str tag='denyrequest' section='group'}
</a>
</li>
{/if}
{if $user->friend}
<li class="removefriend">
<span class="fa fa-remove"></span>
<a href="{$WWWROOT}user/removefriend.php?id={$user->id}&amp;returnto={$page}&amp;offset={$offset}" class="btn-del">
{str tag='removefromfriendslist' section='group'}
</a>
</li>
{elseif $user->requestedfriendship}
<li class="notbtn">
<span class="">
{str tag='friendshiprequested' section='group'}
</span>
</li>
{elseif !$user->pending} {* Not an existing, pending, or requested friend *}
{if $user->friendscontrol == 'auth'}
<li class="friend">
<span class="fa fa-user-plus"></span>
<a href="{$WWWROOT}user/requestfriendship.php?id={$user->id}&amp;returnto={$page}&amp;offset={$offset}" class="btn-request">
{str tag='sendfriendrequest' section='group'}
</a>
</li>
{elseif $user->friendscontrol == 'auto'}
<li class="friend">
{$user->makefriend|safe}
</li>
{else}
<li class="nofriend">
{str tag='userdoesntwantfriends' section='group'}
</li>
{/if}
{/if}
{if $user->messages}
<li class="messages">
<span class="fa fa-envelope"></span>
<a href="{$WWWROOT}user/sendmessage.php?id={$user->id}&amp;returnto={$page}&amp;offset={$offset}" class="btn-message">
{str tag='sendmessage' section='group'}
</a>
</li>
{/if}
{if $admingroups}
<li class="editgroup">
<span class="fa fa-pencil"></span>
<a href="" onclick="showGroupBox(event, {$user->id})" class="btn-edit">{str tag='editgroupmembership' section='group'}</a>
</li>
{/if}
</ul>
</div>
\ No newline at end of file
{if $data}
{foreach from=$data item=user}
<div class="{cycle values='r0,r1'}">
{include file="user/user.tpl" user=$user page=$page admingroups=$admingroups}
</div>
{if $page == 'myfriends'}
{include file="user/user.tpl" user=$user page=$page admingroups=$admingroups}
{elseif $page == 'find'}
{include file="user/userfind.tpl" user=$user page=$page admingroups=$admingroups}
{/if}
{/foreach}
{elseif $query}
<div class="message">{str tag=nosearchresultsfound section=group}</div>
<div class="no-result">{str tag=nosearchresultsfound section=group}</div>
{/if}
{if $microheaders}
{include file="viewmicroheader.tpl"}
{include file="viewmicroheader.tpl"}
{else}
{include file="header.tpl"}
<h1 class="user-icon-name">
<span class="usericon"><img src="{profile_icon_url user=$user maxwidth=60 maxheight=60}" alt="{str tag=profileimagetext arg1=$user|display_default_name}" /></span>
{if $pageheadinghtml}
{include file="header.tpl"}
<h1 class="user-icon-name">
<span class="usericon"><img src="{profile_icon_url user=$user maxwidth=60 maxheight=60}" alt="{str tag=profileimagetext arg1=$user|display_default_name}" /></span>
{if $pageheadinghtml}
{$pageheadinghtml|safe}
{/if}
</h1>
{if $ownprofile}
<div class="text-right btn-top-right">
{/if}
</h1>
{if $ownprofile}
<div class="text-right btn-top-right">
<a title="{str tag=editthisview section=view}" href="{$WWWROOT}view/blocks.php?profile=1" class="btn btn-success">{str tag=editthisview section=view}</a>
</div>
{/if}
</div>
{/if}
{/if}
{if $relationship == 'pending'}
<div class="message attentionmessage">
<strong>{str tag='whymakemeyourfriend' section='group'}</strong> {$message}
<div class="attentionform">
{$acceptform|safe}
<a class="btn" id="approve_deny_friendrequest_deny" href="{$WWWROOT}user/denyrequest.php?id={$USERID}&returnto=view">{str tag=denyrequest section=group}</a>
</div>
</div>
{/if}
<div id="userview">
<div class="user-icon">