1122 lines
55 KiB
HTML
1122 lines
55 KiB
HTML
<div class="heading">
|
||
<h2>ClipBucket V2.7 Dashboard</h2>
|
||
</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="#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>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
|
||
</div>
|
||
<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>
|
||
|
||
|
||
</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>
|
||
</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>
|
||
</div>
|
||
<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}
|
||
</div>
|
||
</div>
|
||
<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
|
||
</a>
|
||
</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>
|
||
</div>
|
||
<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>
|
||
<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>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<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>
|
||
</div>
|
||
</div>
|
||
<div class="widget-body">
|
||
<div class="widget-main">
|
||
<div class="alert alert-info">
|
||
<p class="alert-info"><b>Words from ClipBucket!</b></p>
|
||
<hr>
|
||
<small><b>Head's Up its Clipbucket</b></small>
|
||
<li>What lies head?</li>
|
||
<p>
|
||
* Easy ClipBucket integeration with other applications<br>
|
||
* Make more secured, fast and optimized<br>
|
||
* HTML5 ready with mobile support<br>
|
||
* Full documentation of our source code
|
||
</p>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<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>
|
||
</div>
|
||
|
||
</div>
|
||
{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>
|
||
</div>
|
||
</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>
|
||
</div>
|
||
{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>
|
||
|
||
</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>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
|
||
</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>
|
||
</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="#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>
|
||
</div>
|
||
|
||
<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>
|
||
</div>
|
||
</div>
|
||
<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>
|
||
|
||
|
||
</div>
|
||
</div>
|
||
|
||
<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>
|
||
</div>
|
||
{/foreach}
|
||
{/if}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
<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>
|
||
</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="#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>
|
||
</div>
|
||
<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>
|
||
</div>
|
||
</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>
|
||
|
||
<a href="#" data-action="close">
|
||
<i class="icon-remove"></i>
|
||
</a>
|
||
</div>
|
||
|
||
<div class="widget-toolbar no-border">
|
||
</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="#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>
|
||
|
||
</div>
|
||
</div>
|
||
{/foreach}
|
||
</div>
|
||
</div>
|
||
</div>
|
||
/widget-main
|
||
</div>/widget-body
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
</div>
|
||
-->
|
||
|
||
|
||
<div class="well" style="margin-top: 14px">
|
||
<h3>Who We Are</h3>
|
||
<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>
|
||
|
||
|
||
|
||
<style type="text/css">
|
||
.flot_chart1{
|
||
height: 200px;
|
||
width: 400px;
|
||
}
|
||
.vids{
|
||
height: 250px;
|
||
overflow-y: scroll;
|
||
overflow-x: hidden;
|
||
padding: 5px;
|
||
}
|
||
</style>
|
||
|
||
|
||
<script type="text/javascript">
|
||
|
||
$(function() {
|
||
|
||
|
||
var options = {
|
||
|
||
series: {
|
||
bars: {
|
||
show: true,
|
||
steps: true,
|
||
barWidth: 0.5,
|
||
align: "center",
|
||
},
|
||
points: { show: true },
|
||
lines: { show: true }
|
||
},
|
||
xaxis: {
|
||
mode: "categories",
|
||
tickLength: 0
|
||
},
|
||
yaxis: {
|
||
alignTicksWithAxis: false
|
||
},
|
||
grid: {
|
||
hoverable: true,
|
||
clickable: true,
|
||
labelMargin: 30,
|
||
borderWidth: 0
|
||
}
|
||
};
|
||
|
||
|
||
var ChartsWorker = function(options){
|
||
this.options = options;
|
||
|
||
|
||
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() {
|
||
//alert('error');
|
||
},
|
||
});
|
||
};
|
||
|
||
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() {
|
||
//alert('error');
|
||
},
|
||
});
|
||
};
|
||
|
||
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() {
|
||
//alert('error');
|
||
},
|
||
});
|
||
};
|
||
|
||
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() {
|
||
//alert('error');
|
||
},
|
||
});
|
||
};
|
||
|
||
};
|
||
|
||
|
||
var chartsWorker = new ChartsWorker(options);
|
||
|
||
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);
|
||
});
|
||
|
||
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);
|
||
});
|
||
|
||
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);
|
||
});
|
||
|
||
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);
|
||
});
|
||
|
||
// $.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);
|
||
}
|
||
|
||
var previousPoint = null;
|
||
function tooltip(chart_id,tooltip_id){
|
||
|
||
$(chart_id).bind("plothover", function (event, pos, item) {
|
||
$("#x").text(pos.x.toFixed(2));
|
||
$("#y").text(pos.y.toFixed(2));
|
||
|
||
if ($(tooltip_id).is(':checked')) {
|
||
if (item) {
|
||
if (previousPoint != item.dataIndex) {
|
||
previousPoint = item.dataIndex;
|
||
|
||
$("#tooltip").remove();
|
||
var x = item.datapoint[0].toFixed(2),
|
||
y = item.datapoint[1].toFixed(2);
|
||
|
||
showTooltip(item.pageX, item.pageY,
|
||
item.series.label + " = " + y);
|
||
}
|
||
}
|
||
else {
|
||
$("#tooltip").remove();
|
||
previousPoint = null;
|
||
}
|
||
}
|
||
});
|
||
}
|
||
|
||
var page = '{$baseurl}/admin_area/index.php';
|
||
|
||
$(".oneNote .delete").on({
|
||
click: function(e){
|
||
e.preventDefault();
|
||
var noteId = $(this).parent().attr("id");
|
||
delete_note(noteId);
|
||
$(this).parents("li").remove();
|
||
}
|
||
});
|
||
|
||
$("#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");
|
||
}
|
||
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');
|
||
}
|
||
}
|
||
});
|
||
|
||
$("#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);
|
||
var li = document.createElement("li");
|
||
li.className = "col-md-12";
|
||
var p = document.createElement("p");
|
||
p.className = "oneTodo paddingLeftSmall col-md-10";
|
||
p.id = data.id;
|
||
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();
|
||
});
|
||
|
||
});
|
||
var div = document.createElement("div");
|
||
div.className = "col-md-12";
|
||
|
||
$(li).append(div).find("div").append(p).append(a);
|
||
$(self).parents(".widgetBox").find("ul").prepend(li);
|
||
});
|
||
}else{
|
||
alert("Please enter a valid value");
|
||
}
|
||
}
|
||
});
|
||
|
||
$("#todolist .delete").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();
|
||
});
|
||
|
||
});
|
||
});
|
||
|
||
</script>
|
||
|
||
|
||
|