clipbucket/upload/admin_area/styles/cb_2014/layout/index.html

1249 lines
61 KiB
HTML
Raw Normal View History

2014-05-09 10:34:00 +00:00
<div class="heading">
<h2>ClipBucket V2.7 Dashboard</h2>
</div>
2014-04-14 12:32:03 +00:00
<div class="row">
2014-05-09 10:34:00 +00:00
<div class="col-md-6">
<div class="tabbable">
<ul class="nav nav-tabs" id="myTab">
<li class="active">
<a data-toggle="tab" href="#statistics">
<h5>Statistics</h5>
</a>
</li>
<li class="">
<a data-toggle="tab" href="#nusers">
<h5>New Users</h5>
</a>
</li>
<li class="">
<a data-toggle="tab" href="#mvideos">
<h5>Most Viewed Videos</h5>
</a>
</li>
<li class="">
<a data-toggle="tab" href="#fobjects">
<h5>Flagged Objects</h5>
</a>
</li>
</ul>
<div class="tab-content">
<div id="statistics" class="tab-pane active">
<div class="tabbable tabs-left">
<ul class="nav nav-tabs" id="myTab1">
<li class="active">
<a data-toggle="tab" href="#sweek">
This Week
</a>
</li>
<li class="">
<a data-toggle="tab" href="#smonth">
This Month
</a>
</li>
<li class="">
<a data-toggle="tab" href="#soday">
Today
</a>
</li>
</ul>
<div class="tab-content">
<div id="sweek" class="tab-pane active">
<div id="weekly_stats" class="flot_chart1"><img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
<div id="smonth" class="tab-pane">
<div id="monthly_stats" class="flot_chart1"><img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
<div id="soday" class="tab-pane">
<div id="daily_stats" class="flot_chart1">
<img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
2014-05-09 10:34:00 +00:00
</div>
</div>
2014-04-14 12:32:03 +00:00
</div>
2014-05-09 10:34:00 +00:00
<div id="nusers" class="tab-pane">
<div class="tabbable tabs-left">
<ul class="nav nav-tabs" id="myTab1">
<li class="active">
<a data-toggle="tab" href="#uweek">
This Week
</a>
</li>
<li class="">
<a data-toggle="tab" href="#umonth">
This Month
</a>
</li>
<li class="">
<a data-toggle="tab" href="#utoday">
Today
</a>
</li>
</ul>
<div class="tab-content">
<div id="uweek" class="tab-pane active">
<div id="weekly_users" class="flot_chart1"><img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
<div id="umonth" class="tab-pane">
<div id="monthly_users" class="flot_chart1"><img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
<div id="utoday" class="tab-pane">
<div id="daily_users" class="flot_chart1">
<img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
2014-03-07 11:49:04 +00:00
2014-05-09 10:34:00 +00:00
</div>
<div class="users marginTopLarge">
{if $users}
{foreach from=$users item=u}
<div class="row">
<div class="col-md-12">
<div class="row marginBottom">
<div class="col-md-2">
<a href="view_user.php?uid={$u.userid}"> <img src="{$userquery->getUserThumb($u,'small')}" class="img-thumbnail oneUserImage" />
</a>
</div>
<div class="col-md-10">
<a href="view_user.php?uid={$u.userid}" target="_blank">{$u.username} </a>({$u.email})
<button id="dropdownMenu1" class="btn btn-primary btn-xs dropdown-toggle pull-right" data-toggle="dropdown">
<i class="glyphicon glyphicon-cog"></i><i class="icon-angle-down icon-on-right"></i>
</button>
<ul class="dropdown-menu pull-right" aria-labelledby="dropdownMenu1" role="menu">
{if $u.ban_status == yes}
<li><a role="menuitem" tabindex="-1" href="?unban={$u.userid}">Unban Member</a></li>
{/if}
{if $u.ban_status == no}
<li><a role="menuitem" tabindex="-1" href="?ban={$u.userid}">Ban Member</a></li>
{/if}
<li><a role="menuitem" tabindex="-1" href="view_user.php?uid={$u.userid}">Edit</a></li>
<li><a role="menuitem" tabindex="-1" href="members.php?deleteuser={$u.userid}">Delete</a></li>
</ul>
</div>
</div>
</div>
</div>
{/foreach}
{/if}
</div>
</div>
2014-05-09 10:34:00 +00:00
</div>
<div id="mvideos" class="tab-pane">
<div class="tabbable tabs-left">
<ul class="nav nav-tabs" id="myTab1">
<li class="active">
<a data-toggle="tab" href="#vweek">
This Week
</a>
</li>
<li class="">
<a data-toggle="tab" href="#vmonth">
This Month
</a>
</li>
<li class="">
<a data-toggle="tab" href="#vtoday">
Today
</a>
</li>
</ul>
<div class="tab-content">
<div id="vweek" class="tab-pane active">
<div id="weekly_users" class="flot_chart1"><img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
<div id="vmonth" class="tab-pane">
<div id="monthly_users" class="flot_chart1"><img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
<div id="vtoday" class="tab-pane">
<div id="daily_users" class="flot_chart1">
<img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
</div>
2014-04-14 12:32:03 +00:00
</div>
2014-05-09 10:34:00 +00:00
<div class="vids marginTopLarge">
{if $videos}
{foreach from=$videos item=video}
<div class="row">
<div class="col-md-3">
<img src="{getThumb vdetails=$video}" height="80" class="img-thumbnail" id="thumbs_{$video.videoid}" title="{$video.title}"/>
</div>
<div class="col-md-9">
<a href="{$baseurl}/watch_video.php?v={$video.videokey}"target="_blank">
{$video.title|truncate:45} </a>
<strong class="btn btn-primary btn-xs pull-right"> {lang code='views'} : {$video.views|format_number}</strong>
</div>
</div>
<hr>
{/foreach}
{/if}
2014-03-07 11:49:04 +00:00
</div>
2014-04-14 12:32:03 +00:00
</div>
2014-05-09 10:34:00 +00:00
<div id="fobjects" class="tab-pane">
<div class="tabbable tabs-left">
<ul class="nav nav-tabs" id="myTab1">
<li class="active">
<a data-toggle="tab" href="#fweek">
This Week
</a>
</li>
<li class="">
<a data-toggle="tab" href="#fmonth">
This Month
</a>
</li>
<li class="">
<a data-toggle="tab" href="#ftoday">
Today
2014-04-14 12:32:03 +00:00
</a>
2014-05-09 10:34:00 +00:00
</li>
</ul>
<div class="tab-content">
<div id="fweek" class="tab-pane active">
<div id="weekly_users" class="flot_chart1"><img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
2014-03-07 11:49:04 +00:00
</div>
2014-05-09 10:34:00 +00:00
<div id="fmonth" class="tab-pane">
<div id="monthly_users" class="flot_chart1"><img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
<div id="ftoday" class="tab-pane">
<div id="daily_users" class="flot_chart1">
<img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
</div>
</div>
2014-05-09 10:34:00 +00:00
<div class="flaggedUser marginTopLarge">
{if $flaggedUsers}
{foreach from=$flaggedUsers item=u}
<div class="row">
<div class="col-md-3">
<a href="view_user.php?uid={$u.userid}"> <img src="{$userquery->getUserThumb($u,'small')}" class="oneUserImage" width="85" />
</a>
</div>
<div class="col-md-6">
({$u.email}) {$u.username}
</div>
<div class="col-md-7">
<label class="label label-danger">Last Active {$u.last_active|niceTime}</label>
<label class="label label-primary"> {lang code='Flags'} : {$u.flag_type}</label>
</div>
</div>
{/foreach}
{/if}
</div>
2014-04-14 12:32:03 +00:00
</div>
2014-06-02 05:45:20 +00:00
<div class="widget-main">
<hr>
<table class="table table-stripped table-bordered">
<tr>
<td>
<div class="stats_subitem_d">Total Videos : <strong>{get_videos|number_format count_only=yes}</strong> </div>
</td>
<td>
<div class="stats_subitem_d">Total Groups : <strong>{get_groups count_only=yes}</strong> </div>
</td>
<td>
<div class="stats_subitem_d">Total Collection : <strong>{get_collections count_only=yes}</strong> </div>
</td>
<td>
<div class="stats_subitem_d">Total Users : <strong>{get_users count_only=yes}</strong> </div>
</td>
<td>
<div class="stats_subitem_d">Total Photos: <strong>{get_photos count_only=yes}</strong> </div>
</td>
</table>
</div>
</div>
2014-04-14 12:32:03 +00:00
</div>
2014-06-02 05:45:20 +00:00
2014-04-14 12:32:03 +00:00
</div>
2014-05-09 10:34:00 +00:00
<div class="col-md-6">
<div class="widget-box">
<div class="widget-header header-color-red">
<h5><i class="glyphicon glyphicon-book"></i>ClipBucket News</h5>
<div class="widget-toolbar">
<a href="#" data-action="collapse">
<i class="icon-chevron-down"></i>
</a>
<a href="#" data-action="close">
<i class="icon-remove"></i>
</a>
2014-04-14 12:32:03 +00:00
</div>
</div>
2014-05-09 10:34:00 +00:00
<div class="widget-body">
2014-06-05 16:46:21 +00:00
<div id="clipbucket_news" class="widget-main" style="height:419px;overflow:auto">
2014-05-26 06:30:39 +00:00
2014-04-14 12:32:03 +00:00
</div>
</div>
</div>
2014-05-09 10:34:00 +00:00
<hr>
<div class="tabbable tabs-left">
<ul class="nav nav-tabs" id="myTab">
<li class="active">
<a data-toggle="tab" href="#todolist">
<h5><i class="glyphicon glyphicon-list-alt"></i> ToDo List</h5>
</a>
</li>
<li class="">
<a data-toggle="tab" href="#pnotes">
<h5><i class="glyphicon glyphicon-pencil"></i> Personal Notes</h5>
</a>
</li>
<li class="">
<a data-toggle="tab" href="#rcomments">
<h5><i class="glyphicon glyphicon-comment"></i> Recent Comments</h5>
</a>
</li>
</ul>
<div class="tab-content">
<div id="todolist" class="tab-pane active">
<div class="widgetBox">
<div class="addTodo paddingRightSmall paddingLeftLarge marginBottomLarge">
<div class="row">
<div class="from-group col-md-10">
<input type="text" name="addTodo" class="form-control">
</div>
<div class="from-group col-md-2 relative">
<div class="addTodoButton">
<button id="addTodo" class="btn btn-primary btn-sm">Add</button>
</div>
</div>
2014-04-14 12:32:03 +00:00
</div>
2014-05-09 10:34:00 +00:00
</div>
2014-05-09 10:34:00 +00:00
{assign var=todos value=$myquery->get_todos()}
<ul class="row todosList" id="note-{$the_note.note_id}" >
{foreach from=$todos item=note}
<li class="col-md-12">
<div class="col-md-12">
<p class="oneTodo paddingLeftSmall col-md-10" id="{$note.todo_id}">
{$note.todo}
</p>
<a href="#" class="col-md-2 btn btn-danger btn-xs delete">Delete</a>
</div>
</li>
{/foreach}
</ul>
2014-04-14 12:32:03 +00:00
</div>
2014-05-09 10:34:00 +00:00
</div>
<div id="pnotes" class="tab-pane">
<div class="widgetBox">
<div class="addNote form-group paddingRightSmall">
<textarea class="form-control" name="ntoe" id="note"></textarea>
<div class="alignRight marginTopSmall">
<a href="#" id="add_new_note" class="btn btn-primary btn-xs">Add a note</a>
</div>
2014-03-07 11:49:04 +00:00
</div>
2014-05-09 10:34:00 +00:00
{assign var=notes value=$myquery->get_notes()}
<ul class="notesList row paddingRightSmall" id="note-{$the_note.note_id}" >
{foreach from=$notes item=note}
<li class="col-md-4">
<div class="">
<p class="oneNote" id="{$note.note_id}">
{$note.note}
<a href="#" class="delete">×</a>
</p>
</div>
</li>
{/foreach}
</ul>
</div>
2014-03-07 11:49:04 +00:00
2014-05-09 10:34:00 +00:00
</div>
<div id="rcomments" class="tab-pane">
<div class="widget-box">
<div class="widget-header header-color-blue">
<h5>Recent Comments</h5>
<div class="widget-toolbar">
<a href="#" data-action="collapse">
<i class="icon-chevron-down"></i>
</a>
<a href="#" data-action="close">
<i class="icon-remove"></i>
</a>
</div>
</div>
<div class="widget-body">
<div class="widget-main">
<div class="widget-box transparent">
<div class="widget-header widget-header-small">
</div>
<div class="widget-body">
<div class="widget-body">
<div class="widget-main no-padding">
<div class="slimScrollDiv">
{if $comments}
{foreach from=$comments item=comment}
<div class="itemdiv dialogdiv">
{foreach from=$users item=u}
<div class="user">
<img alt="Alexa's Avatar" src="{$userquery->getUserThumb($u,'small')}">
</div>
{/foreach}
<div class="body">
<div class="time">
<i class="icon-time"></i>
<span class="green">{$comment.date_added|date_format}</span>
</div>
<div class="name">
<a href="#">{$comment.anonym_name}</a>
</div>
<div class="text">{$comment.comment}</div>
<div class="tools">
<a href="#" class="btn btn-minier btn-info">
<i class="icon-only icon-share-alt"></i>
</a>
</div>
</div>
</div>
{/foreach}
{/if}
</div>
</div>/widget-main
</div>
</div>
</div>
2014-04-14 12:32:03 +00:00
</div>
</div>
</div>
2014-05-09 10:34:00 +00:00
</div>
2014-03-07 11:49:04 +00:00
2014-05-09 10:34:00 +00:00
</div>
</div>
</div>
</div>
<!-- <div class="row">
<div class="col-md-6">
<div class="tabbable">
<ul class="nav nav-tabs" id="myTab">
<li class="active">
<a data-toggle="tab" href="#wactivity">
<h5>Statistics</h5>
</a>
</li>
<li class="">
<a data-toggle="tab" href="#nusers">
<h5>New Users</h5>
</a>
</li>
<li class="">
<a data-toggle="tab" href="#mvideos">
<h5>Most Viewed Videos</h5>
</a>
</li>
<li class="">
<a data-toggle="tab" href="#fobjects">
<h5>Flagged Objects</h5>
</a>
</li>
</ul>
<div class="tab-content">
<div id="wactivity" class="tab-pane active">
<div class="widget-box">
<div class="widget-header">
<h5><i class="glyphicon glyphicon-stats"></i>Site Stats</h5>
<div class="widget-toolbar">
<a href="#" data-action="collapse">
<i class="icon-chevron-down"></i>
</a>
<a href="#" data-action="close">
<i class="icon-remove"></i>
2014-04-14 12:32:03 +00:00
</a>
</div>
2014-05-09 10:34:00 +00:00
</div>
<div class="widget-body">
<div class="tabbable tabs-left">
<ul class="nav nav-tabs" id="myTab">
<li class="active">
<a data-toggle="tab" href="#tweek">
This Week
</a>
</li>
<li class="">
<a data-toggle="tab" href="#tmonth">
This Month
</a>
</li>
<li class="">
<a data-toggle="tab" href="#today">
Today
</a>
</li>
</ul>
<div class="tab-content">
<div id="tweek" class="tab-pane active">
<div id="weekly_chart_id" class="flot_chart1"><img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
<div id="tmonth" class="tab-pane">
<div id="monthly_chart_id" class="flot_chart1"><img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
<div id="today" class="tab-pane">
<div id="daily_chart_id" class="flot_chart1">
<img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
</div>
2014-03-07 11:49:04 +00:00
</div>
2014-04-14 12:32:03 +00:00
2014-05-09 10:34:00 +00:00
<div class="widget-main">
<hr>
<table class="table table-stripped table-bordered">
<tr>
<td>
<div class="stats_subitem_d">Total Videos : <strong>{get_videos|number_format count_only=yes}</strong> </div>
</td>
<td>
<div class="stats_subitem_d">Total Groups : <strong>{get_groups count_only=yes}</strong> </div>
</td>
<td>
<div class="stats_subitem_d">Total Collection : <strong>{get_collections count_only=yes}</strong> </div>
</td>
<td>
<div class="stats_subitem_d">Total Users : <strong>{get_users count_only=yes}</strong> </div>
</td>
<td>
<div class="stats_subitem_d">Total Photos: <strong>{get_photos count_only=yes}</strong> </div>
</td>
</table>
2014-04-14 12:32:03 +00:00
2014-03-07 11:49:04 +00:00
</div>
2014-06-02 05:45:20 +00:00
</div>
</div>
</div>
2014-05-09 10:34:00 +00:00
<div id="nusers" class="tab-pane">
<div class="widget-box">
<div class="widget-header">
<h5><i class="glyphicon glyphicon-user"></i>New Users</h5>
<div class="widget-toolbar">
<a href="#" data-action="collapse">
<i class="icon-chevron-down"></i>
</a>
<a href="#" data-action="close">
<i class="icon-remove"></i>
</a>
</div>
</div>
<div class="widget-body">
<div class="tabbable tabs-left">
<ul class="nav nav-tabs" id="myTab">
<li class="active">
<a data-toggle="tab" href="#tuweek">
This Week
</a>
</li>
<li class="">
<a data-toggle="tab" href="#tumonth">
This Month
</a>
</li>
<li class="">
<a data-toggle="tab" href="#utoday">
Today
</a>
</li>
</ul>
<div class="tab-content">
<div id="tuweek" class="tab-pane active">
<div id="users_weekly_chart_id" class="flot_chart1"><img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
<div id="tumonth" class="tab-pane">
<div id="users_monthly_chart_id" class="flot_chart1"><img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
<div id="utoday" class="tab-pane">
<div id="daily_users_chart_id" class="flot_chart1"><img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
2014-04-14 12:32:03 +00:00
2014-05-09 10:34:00 +00:00
</div>
2014-05-08 11:20:23 +00:00
</div>
2014-05-09 10:34:00 +00:00
<div class="widget-main">
{if $users}
{foreach from=$users item=u}
<div class="row">
<div class="col-md-12">
<div class="row marginBottom">
<div class="col-md-2">
<a href="view_user.php?uid={$u.userid}"> <img src="{$userquery->getUserThumb($u,'small')}" class="img-thumbnail oneUserImage" />
</a>
</div>
<div class="col-md-10">
<a href="view_user.php?uid={$u.userid}" target="_blank">{$u.username} </a>({$u.email})
<button id="dropdownMenu1" class="btn btn-primary btn-xs dropdown-toggle pull-right" data-toggle="dropdown">
<i class="glyphicon glyphicon-cog"></i><i class="icon-angle-down icon-on-right"></i>
</button>
<ul class="dropdown-menu pull-right" aria-labelledby="dropdownMenu1" role="menu">
{if $u.ban_status == yes}
<li><a role="menuitem" tabindex="-1" href="?unban={$u.userid}">Unban Member</a></li>
{/if}
{if $u.ban_status == no}
<li><a role="menuitem" tabindex="-1" href="?ban={$u.userid}">Ban Member</a></li>
{/if}
<li><a role="menuitem" tabindex="-1" href="view_user.php?uid={$u.userid}">Edit</a></li>
<li><a role="menuitem" tabindex="-1" href="members.php?deleteuser={$u.userid}">Delete</a></li>
</ul>
</div>
</div>
</div>
2014-05-05 14:19:11 +00:00
</div>
2014-05-09 10:34:00 +00:00
{/foreach}
{/if}
2014-05-08 11:20:23 +00:00
</div>
2014-03-07 11:49:04 +00:00
</div>
</div>
</div>
2014-05-09 10:34:00 +00:00
<div id="mvideos" class="tab-pane">
<div class="widget-box">
<div class="widget-header">
<h5><i class="glyphicon glyphicon-eye-open"></i>Most Viewed Videos & Stats</h5>
<div class="widget-toolbar">
<a href="#" data-action="collapse">
<i class="icon-chevron-down"></i>
</a>
<a href="#" data-action="close">
<i class="icon-remove"></i>
</a>
2014-03-07 11:49:04 +00:00
</div>
2014-04-14 12:32:03 +00:00
</div>
2014-05-09 10:34:00 +00:00
<div class="widget-body">
<div class="tabbable tabs-left">
<ul class="nav nav-tabs" id="myTab">
<li class="active">
<a data-toggle="tab" href="#tvweek">
This Week
</a>
</li>
<li class="">
<a data-toggle="tab" href="#tvmonth">
This Month
</a>
</li>
<li class="">
<a data-toggle="tab" href="#vtoday">
Today
</a>
</li>
</li>
</ul>
<div class="tab-content">
<div id="tvweek" class="tab-pane active">
<div id="videos_weekly_chart_id" class="flot_chart1"><img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
2014-05-08 11:20:23 +00:00
</div>
2014-05-09 10:34:00 +00:00
<div id="tvmonth" class="tab-pane">
<div id="videos_monthly_chart_id" class="flot_chart1"><img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
<div id="vtoday" class="tab-pane">
<div id="videos_daily_chart_id" class="flot_chart1"><img class="loading-image" src="./styles/cb_2014/images/ajax-loader.gif"/></div>
</div>
</div>
</div>
<div class="widget-main">
{if $videos}
{foreach from=$videos item=video}
<div class="row">
<div class="col-md-3">
<img src="{getThumb vdetails=$video}" height="80" class="img-thumbnail" id="thumbs_{$video.videoid}" title="{$video.title}"/>
</div>
<div class="col-md-9">
<a href="{$baseurl}/watch_video.php?v={$video.videokey}"target="_blank">
{$video.title|truncate:45} </a>
<strong class="btn btn-primary btn-xs pull-right"> {lang code='views'} : {$video.views|format_number}</strong>
</div>
</div>
<hr>
{/foreach}
{/if}
</div>
</div>
2014-04-14 12:32:03 +00:00
</div>
2014-05-09 10:34:00 +00:00
</div>
<div id="fobjects" class="tab-pane">
<div class="widget-box">
<div class="widget-header">
<h5><i class="glyphicon glyphicon-flag"></i>Flagged Objects</h5>
<div class="widget-toolbar">
<a href="#" data-action="collapse">
<i class="icon-chevron-down"></i>
</a>
2014-03-07 11:49:04 +00:00
2014-05-09 10:34:00 +00:00
<a href="#" data-action="close">
<i class="icon-remove"></i>
</a>
</div>
<div class="widget-toolbar no-border">
</div>
2014-03-07 11:49:04 +00:00
</div>
2014-05-09 10:34:00 +00:00
<div class="widget-body">
<div class="tabbable tabs-left">
<ul class="nav nav-tabs" id="myTab">
<li class="active">
<a data-toggle="tab" href="#fvideos">Videos</a>
</li>
<li class="photos">
<a data-toggle="tab" href="#fphotos">Photos</a>
</li>
<li class="users">
<a data-toggle="tab" href="#fusers">Users</a>
</li>
</ul>
<div class="tab-content">
<div id="fvideos" class="tab-pane active" style=" margin-top: -31px;">
{section name=list loop=$flaggedVideos}
<div class="row">
<br>
<div class="col-md-3">
<img src="{getThumb vdetails=$flaggedVideos[list]}" width="85" height="70" id="thumbs_{$flaggedVideos[list].videoid}" title=""/>
</div>
<div class="col-md-6">
{$flaggedVideos[list].title|truncate:50}
</div>
<div class="col-md-2">
<strong class="btn btn-primary btn-xs pull-right"> Flags:{$flaggedVideos[list].total_flags}</strong>
</div>
<div class="col-md-7">
<label class="label label-danger">Uploaded {$flaggedVideos[list].date_added|niceTime}</label>
<label class="label label-default"> {lang code='views'} : {$flaggedVideos[list].views|number_format}</label>
</div>
</div>
{/section}
</div>
<div id="fphotos" class="tab-pane" style=" margin-top: -31px;">
{section name=list loop=$flaggedPhotos}
<br>
<div class="row">
<div class="col-md-3">
<img src="{get_photo details=$flaggedPhotos[list]}" width="85" height="70" id="thumbs_{$flaggedPhotos[list].photoid}" title=""/>
</div>
<div class="col-md-6">
{$flaggedPhotos[list].photo_title}
</div>
<div class="col-md-2">
<strong class="btn btn-primary btn-xs pull-right"> Flags:{$flaggedPhotos[list].total_flags}</strong>
</div>
<div class="col-md-7">
<label class="label label-danger">Uploaded {$flaggedPhotos[list].date_added|niceTime}</label>
<label class="label label-default"> {lang code='views'} : {$flaggedPhotos[list].views|number_format}</label>
</div>
</div>
{/section}
</div>
<div id="fusers" class="tab-pane">
{foreach from=$flaggedUsers item=u}
<div class="row">
<div class="col-md-3">
<a href="view_user.php?uid={$u.userid}"> <img src="{$userquery->getUserThumb($u,'small')}" class="oneUserImage" width="85" />
</a>
</div>
<div class="col-md-6">
({$u.email}) {$u.username}
</div>
<div class="col-md-7">
<label class="label label-danger">Last Active {$u.last_active|niceTime}</label>
<label class="label label-primary"> {lang code='Flags'} : {$u.flag_type}</label>
2014-03-07 11:49:04 +00:00
</div>
2014-05-09 10:34:00 +00:00
</div>
{/foreach}
2014-03-07 11:49:04 +00:00
</div>
</div>
</div>
2014-05-09 10:34:00 +00:00
/widget-main
</div>/widget-body
</div>
</div>
</div>
2014-04-14 12:32:03 +00:00
</div>
2014-03-07 11:49:04 +00:00
</div>
2014-04-14 12:32:03 +00:00
</div>
2014-05-09 10:34:00 +00:00
-->
2014-04-14 12:32:03 +00:00
2014-05-26 06:30:39 +00:00
<!--
2014-04-15 07:42:52 +00:00
<div class="well" style="margin-top: 14px">
2014-05-26 06:30:39 +00:00
<h3>WE ARE GOING TO SHOW THEM WHO WE ARE</h3>
2014-04-14 12:32:03 +00:00
<p>ClipBucket is developed by <strong><a href="http://arslanhassan.com">Arslan Hassan</a></strong> and <strong><a href="http://clip-bucket.com/fawaz-tahir">Fawaz Tahir</a></strong>, we started with a small website application with only functionality of serving videos to the community later on we decided to add every possible social networking feature to make social communities more interactive. We didn't have any milestones, no road map, no charts, no nothing. Only thing we had was a vision as of our captain <strong><a href="http://clip-bucket.com/jahanzeb-hassan">Jahanzeb Hassan</a></strong> and plenty of hard work. </p>
<p>We also have two more members named <a href="http://clip-bucket.com/ruman-malik">Ruman Malik</a> and <a href="http://clip-bucket.com/zomail-tahir">Zomail Tahir</a> who manage sales and support department.</p>
<p><strong>ClipBucket team gives special thanks to</strong><br />
<br />
* Frank White for helping us knowing the basics of professional application development<br />
* Christian Russemen for keep our community active<br />
* BigStack for his great forum support
<br />
* You for using ClipBucket.</p>
<h3>Where in the world we belong to?</h3>
<p>We belong to <a href="http://clip-bucket.com/pakistan">Islamic Republic of Pakistan</a> :) you may have seen many negative news about Pakistan on television but there are still <a href="http://clip-bucket.com/pakistan#the_truth">some facts</a> you should know about. Its a great country for us and we will always love it.<br />
<strong>Pakistan Zindabad </strong></p>
</div>
2014-05-26 06:30:39 +00:00
-->
<div class="well" style="margin-top: 14px;background:;border:1px solid rgba(128, 213, 255, 1);" >
<h3>WHO WE ARE</h3>
<p style="text-align:left;"><strong><a href="http://clip-bucket.com/" target="self">ClipBucket</a></strong> would not been possible without its team hardwork and determination for the betterment of the products quality and its services. We are proud that over _____ users are using worlds most popular open source video,audio and photo sharing script named
<strong>ClipBucket</strong>. We are team who is determined to deliver the best features to the open source community.
</p>
<p style="text-align:left;margin-top:20px; "><strong>Clipbucket</strong> was made in the year 2006 with the idea to bring a better platform for organizations and companies interested in launching their own video,audio or photo sharing website. In every version our mission and goal is to simplify the technology by adopting new technological methods and techniques to cut down several frontend and backend issues faced. The idea is to give the user a chance to explore more with the flexibility of our product.
We never compromise on our product interactivity. We always try to create a simple yet interactive and elegant design so that the user can have the best experience of the functions. With the improved social networking options like channels and groups. With ClipBuckets unmatched quantifiability, users will stretch their applications from family videos to photo-albums. We started off as a paid product and later realized there is more power in going open-source and here we stand today <strong>#1</strong> video sharing and media management script in the industry.</p>
<h3>OUR TEAM</h3>
<p style="text-align:left;padding-bottom:20px;">However the team behind ClipBucket always kept their heads and nerves, though they faced many difficulties and problems in meeting the requirements. But teams coordination and their creative techniques of solving issues and overcoming them with the best possible solution helped us in presenting Pakistan on international platform in the field of technology by bringing “Clip Bucket” A complete open source multimedia management script.
</p>
2014-07-05 07:21:18 +00:00
<div class="to_display">
2014-06-05 16:46:21 +00:00
<p>Founders <strong><a href="http://www.linkedin.com/profile/view?id=273050157" target="blank">Jahanzeb Hassan</a></strong> and <strong><a href="http://www.linkedin.com/profile/view?id=37419812" target="blank">Arslan Hassan</a></strong></p>
<strong><a href="http://www.linkedin.com/profile/view?id=324544384" target="self">Fawaz Tahir</a></strong> - Web Application Team Lead<br>
<strong><a href="http://www.linkedin.com/profile/view?id=78646794" target="self">Ruman Malik</a></strong> - Project Manager<br>
<strong><a href="http://www.linkedin.com/profile/view?id=325944697" target="self">Muneeb</a></strong> - Mobile Application Team Lead<br>
<strong><a href="http://www.linkedin.com/profile/view?id=324542682" target="self">Zomail</a></strong> - Sales and Support<br>
<strong><a href="http://www.linkedin.com/profile/view?id=324542554" target="self">Shahzaib</a></strong> - Network Engineer<br>
<strong><a href="http://www.linkedin.com/profile/view?id=324542025" target="self">Zunair</a></strong> - SEO and Publishing Manager<br>
2014-05-26 06:30:39 +00:00
<br>
<h5><strong>We are from Pakistan with high heads and soft hearts</strong></h5>
<p style="padding-bottom:20px;">Pakistan is always been in the news for the bad reasons and has been criticized by the rest of the world,even then the people of Pakistan are patriotic and stand united for the goodwill of their country.no matter how worst the situation gets the youth is eager enough to bring out the best in all the fields like media,communication, IT and science. IT industry is fast growing with a large potential and is regarded as a successful sector even in countrys worst financial crisis. as the IT industry in Pakistan is growing like wise the demand for the softwares and programmes has taken up a rapid growth. ClipBucket is one of the fastest and the most used media sharing script with all the latest features and enhancements in the social media. We as Pakistani feel proud on creating this product which will lead our country to the highest levels in the international market.</p>
</div>
<p><button id="addTodo" class="btn btn-primary btn-sm clip_read clip_hide" style="float:right;margin-right:10px;margin-top:-30px;">Read More</button></p>
</div>
2014-03-07 11:49:04 +00:00
<style type="text/css">
2014-05-26 06:30:39 +00:00
2014-07-05 07:21:18 +00:00
.to_display{
2014-05-26 06:30:39 +00:00
display: none;
}
2014-03-07 11:49:04 +00:00
.flot_chart1{
2014-03-07 12:31:24 +00:00
height: 200px;
width: 400px;
2014-03-07 11:49:04 +00:00
}
2014-05-09 10:40:23 +00:00
.vids{
height: 250px;
overflow-y: scroll;
overflow-x: hidden;
padding: 5px;
}
2014-03-07 11:49:04 +00:00
</style>
2014-03-07 12:14:52 +00:00
2014-05-26 06:30:39 +00:00
2014-03-07 12:14:52 +00:00
<script type="text/javascript">
2014-05-26 06:30:39 +00:00
$( document ).ready(function() {
$(".clip_read").click(function() {
$(this).toggleClass('clip_hide');
2014-03-07 12:14:52 +00:00
2014-05-26 06:30:39 +00:00
if(!$(this).hasClass('clip_hide'))
{
2014-07-05 07:21:18 +00:00
$('.to_display').show();
2014-05-26 06:30:39 +00:00
$(".clip_read").text("Hide");
}
else
{
2014-07-05 07:21:18 +00:00
$('.to_display').hide();
2014-05-26 06:30:39 +00:00
$(".clip_read").text("Read More");
}
});
var baseurl="{$baseurl}";
$.ajax({
// url: baseurl+'/ajax.php',
url:baseurl+'/ajax.php',
type: "POST",
dataType : 'text',
data: { mode: "get_news"},
success : function(news){ $('#clipbucket_news').html(news) },
timeout : 5000,
error : function(err) { $('#clipbucket_news').html(' <div align="center"><em><strong>Unable to fetch news</strong></em></div>')},
});
});
$(function() {
2014-03-07 12:14:52 +00:00
2014-05-09 10:34:00 +00:00
var options = {
2014-03-07 12:14:52 +00:00
2014-05-09 10:34:00 +00:00
series: {
bars: {
show: true,
steps: true,
barWidth: 0.5,
align: "center",
},
points: { show: true },
lines: { show: true }
2014-03-07 12:14:52 +00:00
},
2014-05-09 10:34:00 +00:00
xaxis: {
mode: "categories",
tickLength: 0
2014-03-07 12:14:52 +00:00
},
2014-05-09 10:34:00 +00:00
yaxis: {
alignTicksWithAxis: false
2014-03-07 12:14:52 +00:00
},
2014-05-09 10:34:00 +00:00
grid: {
hoverable: true,
clickable: true,
labelMargin: 30,
borderWidth: 0
2014-03-07 12:14:52 +00:00
}
2014-05-09 10:34:00 +00:00
};
var ChartsWorker = function(options){
this.options = options;
2014-05-26 06:30:39 +00:00
2014-05-09 10:34:00 +00:00
this.getUsersStatistics = function(callback){
var self = this;
var ajaxCall = $.ajax({
url: "charts/reports/dashboard/get_users_data.php",
type: "POST",
data:"videos=videos",
dataType: "json",
success: function(data){
callback.call(self, data);
},
error: function() {
2014-05-13 10:45:21 +00:00
//alert('error');
2014-05-09 10:34:00 +00:00
},
});
};
this.getVideosStatistics = function(callback){
var self = this;
var ajaxCall = $.ajax({
url: "charts/reports/dashboard/get_videos_data.php",
type: "POST",
data:"videos=videos",
dataType: "json",
success: function(data){
callback.call(self, data);
},
error: function() {
2014-05-13 10:45:21 +00:00
//alert('error');
2014-05-09 10:34:00 +00:00
},
});
};
this.getFlaggedStatistics = function(callback){
var self = this;
var ajaxCall = $.ajax({
url: "charts/reports/dashboard/get_flagged_objects_data.php",
type: "POST",
data:"videos=videos",
dataType: "json",
success: function(data){
callback.call(self, data);
},
error: function() {
2014-05-13 10:45:21 +00:00
//alert('error');
2014-05-09 10:34:00 +00:00
},
});
};
this.getOverallStatistics = function(callback){
var self = this;
var ajaxCall = $.ajax({
url: "charts/reports/dashboard/get_total_status_data.php",
type: "POST",
data:"videos=videos",
dataType: "json",
success: function(data){
callback.call(self, data);
},
error: function() {
2014-05-13 10:45:21 +00:00
//alert('error');
2014-05-09 10:34:00 +00:00
},
});
};
2014-03-07 12:14:52 +00:00
2014-05-09 10:34:00 +00:00
};
2014-03-07 12:14:52 +00:00
2014-05-09 10:34:00 +00:00
var chartsWorker = new ChartsWorker(options);
2014-03-07 12:14:52 +00:00
2014-05-09 10:34:00 +00:00
chartsWorker.getUsersStatistics(function(data){
var today = data.today;
var week = data.this_week;
var month = data.this_month;
$.plot("#nusers #weekly_users", [week] , this.options);
$.plot("#nusers #monthly_users", [month] , this.options);
$.plot("#nusers #daily_users", [today], this.options);
2014-03-07 12:14:52 +00:00
});
2014-05-09 10:34:00 +00:00
chartsWorker.getVideosStatistics(function(data){
var today = data.today;
var week = data.this_week;
var month = data.this_month;
$.plot("#mvideos #weekly_users", [week] , this.options);
$.plot("#mvideos #monthly_users", [month] , this.options);
$.plot("#mvideos #daily_users", [today], this.options);
2014-03-07 12:14:52 +00:00
});
2014-05-09 10:34:00 +00:00
chartsWorker.getFlaggedStatistics(function(data){
var today = data.today;
var week = data.this_week;
var month = data.this_month;
$.plot("#fobjects #weekly_users", [week] , this.options);
$.plot("#fobjects #monthly_users", [month] , this.options);
$.plot("#fobjects #daily_users", [today], this.options);
2014-03-07 12:14:52 +00:00
});
2014-05-09 10:34:00 +00:00
chartsWorker.getOverallStatistics(function(data){
var today = data.today;
var week = data.this_week;
var month = data.this_month;
$.plot("#statistics #weekly_stats", [week] , this.options);
$.plot("#statistics #monthly_stats", [month] , this.options);
$.plot("#statistics #daily_stats", [today], this.options);
2014-03-07 12:14:52 +00:00
});
2014-05-09 10:34:00 +00:00
// $.plot("#placeholder", data, options);
var iteration = 0;
function showTooltip(x, y, contents) {
$('<div id="tooltip">' + contents + '</div>').css( {
position: 'absolute',
display: 'none',
top: y + 5,
left: x + 5,
border: '1px solid #fdd',
padding: '2px',
'background-color': '#fee',
opacity: 0.80
}).appendTo("body").fadeIn(200);
2014-03-07 12:14:52 +00:00
}
2014-05-09 10:34:00 +00:00
var previousPoint = null;
function tooltip(chart_id,tooltip_id){
2014-03-07 12:14:52 +00:00
2014-05-09 10:34:00 +00:00
$(chart_id).bind("plothover", function (event, pos, item) {
$("#x").text(pos.x.toFixed(2));
$("#y").text(pos.y.toFixed(2));
2014-03-07 12:14:52 +00:00
2014-05-09 10:34:00 +00:00
if ($(tooltip_id).is(':checked')) {
if (item) {
if (previousPoint != item.dataIndex) {
previousPoint = item.dataIndex;
2014-03-07 12:14:52 +00:00
2014-05-09 10:34:00 +00:00
$("#tooltip").remove();
var x = item.datapoint[0].toFixed(2),
y = item.datapoint[1].toFixed(2);
2014-03-07 12:14:52 +00:00
2014-05-09 10:34:00 +00:00
showTooltip(item.pageX, item.pageY,
item.series.label + " = " + y);
}
}
else {
$("#tooltip").remove();
previousPoint = null;
}
}
});
2014-03-07 12:14:52 +00:00
}
2014-05-09 10:34:00 +00:00
var page = '{$baseurl}/admin_area/index.php';
2014-03-11 13:57:35 +00:00
2014-05-09 10:34:00 +00:00
$(".oneNote .delete").on({
click: function(e){
e.preventDefault();
var noteId = $(this).parent().attr("id");
delete_note(noteId);
$(this).parents("li").remove();
2014-03-11 13:57:35 +00:00
}
});
2014-05-09 10:34:00 +00:00
$("#add_new_note").on({
click: function(e){
e.preventDefault();
var self = this;
var note = $(this).parents(".widgetBox").find("textarea").val();
if(!note){
alert("Please enter something");
2014-03-07 12:14:52 +00:00
}
2014-05-09 10:34:00 +00:00
else{
$(this).parents(".widgetBox").find("textarea").val("");
$.post(page, {
mode : 'add_note',
note : note,
},function(data) {
console.log(data);
var li = document.createElement("li");
li.className = "col-md-4";
var a = document.createElement("a");
a.className = "delete";
a.href = "#";
a.innerHTML = "x";
var p = document.createElement("p");
p.id = data.id;
p.innerHTML = note;
p.className = "oneNote";
$(p).append(a);
$(li).append(p);
$(a).on({
click: function(e){
e.preventDefault();
var noteId = $(this).parent().attr("id");
delete_note(noteId);
$(this).parents("li").remove();
}
});
$(self).parents(".widgetBox").find("ul").prepend(li);
},'json');
2014-03-07 12:14:52 +00:00
}
}
});
2014-05-06 13:36:47 +00:00
2014-05-09 10:34:00 +00:00
$("#addTodo").on({
click: function(e){
e.preventDefault();
var self = this;
var newVal = $(this).parents(".addTodo").find("input").val();
if(newVal.length){
$(this).parents(".addTodo").find("input").val("");
var ajaxCall = $.ajax({
url: page,
type: "post",
data: {
val: newVal,
mode: "add_todo",
},
});
ajaxCall.success(function(data){
data = $.parseJSON(data);
2014-05-08 11:20:23 +00:00
var li = document.createElement("li");
2014-05-09 10:34:00 +00:00
li.className = "col-md-12";
2014-05-08 11:20:23 +00:00
var p = document.createElement("p");
2014-05-09 10:34:00 +00:00
p.className = "oneTodo paddingLeftSmall col-md-10";
2014-05-08 11:20:23 +00:00
p.id = data.id;
2014-05-09 10:34:00 +00:00
p.innerHTML = data.todo;
var a = document.createElement("a");
a.href = "#";
a.className = "col-md-2 btn btn-danger btn-xs delete";
a.innerHTML = "Delete";
$(a).on("click", function(e){
e.preventDefault();
var self = this;
var id = $(this).prev().attr("id");
var ajaxCall = $.ajax({
url: page,
type: "post",
data: {
id: id,
mode: "delete_todo",
},
});
ajaxCall.success(function(data){
$(self).parents("li").remove();
});
2014-05-08 11:20:23 +00:00
});
2014-05-09 10:34:00 +00:00
var div = document.createElement("div");
div.className = "col-md-12";
$(li).append(div).find("div").append(p).append(a);
2014-05-08 11:20:23 +00:00
$(self).parents(".widgetBox").find("ul").prepend(li);
2014-05-09 10:34:00 +00:00
});
}else{
alert("Please enter a valid value");
}
2014-05-08 11:20:23 +00:00
}
2014-05-09 10:34:00 +00:00
});
$("#todolist .delete").on("click", function(e){
2014-05-08 11:20:23 +00:00
e.preventDefault();
var self = this;
2014-05-09 10:34:00 +00:00
var id = $(this).prev().attr("id");
2014-05-08 11:20:23 +00:00
var ajaxCall = $.ajax({
url: page,
type: "post",
data: {
2014-05-09 10:34:00 +00:00
id: id,
mode: "delete_todo",
2014-05-08 11:20:23 +00:00
},
});
ajaxCall.success(function(data){
2014-05-09 10:34:00 +00:00
$(self).parents("li").remove();
2014-05-08 11:20:23 +00:00
});
2014-05-09 10:34:00 +00:00
});
2014-05-08 11:20:23 +00:00
});
2014-05-06 13:36:47 +00:00
2014-03-07 12:14:52 +00:00
</script>
2014-03-11 13:57:35 +00:00