Initial Commit
This commit is contained in:
@@ -0,0 +1,153 @@
|
||||
;(function($) {
|
||||
$(document).ready(function(){
|
||||
|
||||
$('#comment-save').on('click', function(){
|
||||
|
||||
var $link, $form, $list;
|
||||
|
||||
$link = $(this);
|
||||
$form = $link.parents('form').first();
|
||||
$list = $form.find('#comment-status').first();
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
dataType: 'json',
|
||||
data: {status: $list.val()},
|
||||
url: $form.attr('action')
|
||||
}).done(function(data, textStatus, jqXHR){
|
||||
if (data.success) {
|
||||
$list.val(data.status);
|
||||
} else {
|
||||
$list.val(data.status);
|
||||
}
|
||||
}).fail(function(jqXHR, textStatus, errorThrown){
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
var $statusMenu = $('#dropdown-status');
|
||||
|
||||
$('.dropdown-toggle').on('click.bs.dropdown', function (e) {
|
||||
|
||||
var $btn = $(e.currentTarget),
|
||||
$parent = $btn.parent(),
|
||||
$menu = $parent.children('.dropdown-menu'),
|
||||
$clonedMenu = null;
|
||||
|
||||
console.log($btn.data('id'));
|
||||
|
||||
if ($menu.length == 0) {
|
||||
// creating the menu
|
||||
$clonedMenu = $statusMenu.children().first().clone();
|
||||
$clonedMenu.appendTo($parent);
|
||||
}
|
||||
});
|
||||
|
||||
$('.dropdown-status').on('click', '.change-status', function (e) {
|
||||
var $trigger;
|
||||
|
||||
e.preventDefault();
|
||||
|
||||
$trigger = $(e.currentTarget);
|
||||
|
||||
console.log("trigger status change", e.currentTarget, $trigger);
|
||||
console.log("trigger status change", $trigger.parents('.actions').first().data('id'), $trigger.data('status'));
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
dataType: 'json',
|
||||
data: {'id': $trigger.parents('.actions').first().data('id'), 'status': $trigger.data('status')},
|
||||
url: commentConfig['status']
|
||||
}).done(function (data, textStatus, jqXHR) {
|
||||
var status;
|
||||
if (data.success) {
|
||||
status = commentStatus[data.data.status];
|
||||
$('#status-' + data.data.id)
|
||||
.removeClass('btn-default btn-success btn-info btn-warning btn-danger')
|
||||
.addClass('btn-' + status.css)
|
||||
.html(status.label + ' <span class="caret"></span>')
|
||||
;
|
||||
} else {
|
||||
$('#status-failed').modal('show');
|
||||
}
|
||||
}).fail(function (jqXHR, textStatus, errorThrown) {
|
||||
$('#status-failed').modal('show');
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
$(".comment-delete").click(function () {
|
||||
$("#comment_delete_id").val($(this).data("id"));
|
||||
});
|
||||
|
||||
var getQueryParams = function getQueryParams() {
|
||||
var pl = /\+/g, // Regex for replacing addition symbol with a space
|
||||
search = /([^&=]+)=?([^&]*)/g,
|
||||
decode = function (s) {
|
||||
return decodeURIComponent(s.replace(pl, " "));
|
||||
},
|
||||
query = window.location.search.substring(1),
|
||||
urlParams = {},
|
||||
matches;
|
||||
|
||||
while (matches = search.exec(query)) {
|
||||
urlParams[decode(matches[1])] = decode(matches[2]);
|
||||
}
|
||||
|
||||
return urlParams;
|
||||
};
|
||||
|
||||
var getFilterLoop = function getFilterLoop() {
|
||||
var $filterForm = $('.table-filters');
|
||||
var filters = {};
|
||||
|
||||
$filterForm.find('.filter-element').each(function () {
|
||||
var $this = $(this);
|
||||
filters[$this.data('name')] = $this.val();
|
||||
});
|
||||
|
||||
return filters;
|
||||
};
|
||||
|
||||
var setFilterLoop = function setFilterLoop() {
|
||||
var $filterForm = $('.table-filters');
|
||||
var filters = getQueryParams();
|
||||
|
||||
$filterForm.find('.filter-element').each(function () {
|
||||
var $this = $(this);
|
||||
if ($this.data('name') in filters) {
|
||||
$this.val(filters[$this.data('name')]);
|
||||
}
|
||||
});
|
||||
|
||||
return filters;
|
||||
};
|
||||
|
||||
$(".trigger-filter").on('click', function () {
|
||||
var queries = [],
|
||||
param,
|
||||
params,
|
||||
newParams;
|
||||
|
||||
params = getQueryParams();
|
||||
newParams = getFilterLoop();
|
||||
|
||||
for (param in newParams) {
|
||||
if (newParams.hasOwnProperty(param)) {
|
||||
params[param] = newParams[param];
|
||||
}
|
||||
}
|
||||
|
||||
for (param in params) {
|
||||
if (params.hasOwnProperty(param)) {
|
||||
queries.push(encodeURIComponent(param) + '=' + encodeURIComponent(params[param]));
|
||||
}
|
||||
}
|
||||
|
||||
window.location.search = '?' + queries.join('&');
|
||||
});
|
||||
|
||||
setFilterLoop();
|
||||
});
|
||||
})(jQuery);
|
||||
@@ -0,0 +1,178 @@
|
||||
{extends file="admin-layout.tpl"}
|
||||
|
||||
{block name="no-return-functions"}
|
||||
{$admin_current_location = 'configuration'}
|
||||
{/block}
|
||||
|
||||
{block name="page-title"}{intl d='comment.bo.default' l='Edit comment'}{/block}
|
||||
|
||||
{block name="check-module"}comment{/block}
|
||||
{block name="check-access"}update{/block}
|
||||
|
||||
{block name="main-content"}
|
||||
|
||||
{include file="commons.html" scope="parent"}
|
||||
<div class="comments edit-comment">
|
||||
|
||||
<div id="wrapper" class="container">
|
||||
|
||||
{loop name="comment_edit" type="comment" hidden="*" id="$comment_id" backend_context="1" limit="1"}
|
||||
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="{url path='/admin/home'}">{intl d='comment.bo.default' l="Home"}</a></li>
|
||||
<li><a href="{url path='/admin/module/comments'}">{intl d='comment.bo.default' l="Comments"}</a></li>
|
||||
<li>{intl d='comment.bo.default' l='Editing comment "%name"' name={$ID}}</li>
|
||||
</ul>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12 general-block-decorator">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-12 title title-without-tabs">
|
||||
{intl d='comment.bo.default' l="Edit comment %name" name={$ID}}
|
||||
</div>
|
||||
|
||||
<div class="form-container">
|
||||
<div class="col-md-12">
|
||||
{form name="admin.comment.modification.form" blo=1}
|
||||
<form method="POST" action='{url path="/admin/module/comment/save/{$comment_id}"}' {form_enctype form=$form}>
|
||||
<fieldset>
|
||||
{* Be sure to get the comment ID, even if the form could not be validated *}
|
||||
<input type="hidden" name="comment_id" value="{$comment_id}" />
|
||||
|
||||
{include file="includes/inner-form-toolbar.html" close_url="{url path='/admin/module/comments'}"}
|
||||
|
||||
{form_hidden_fields form=$form}
|
||||
|
||||
{form_field form=$form field='success_url'}
|
||||
<input type="hidden" name="{$name}" value="{url path='/admin/module/comments'}" />
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field='id'}
|
||||
<input type="hidden" name="{$name}" value="{$value}" />
|
||||
{/form_field}
|
||||
|
||||
{if $form_error}<div class="alert alert-danger">{$form_error_message}</div>{/if}
|
||||
|
||||
{form_field form=$form field="ref"}
|
||||
<input type="hidden" name="{$name}" value="{$value}" />
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field="ref_id"}
|
||||
<input type="hidden" name="{$name}" value="{$value}" />
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field="status"}
|
||||
<div class="form-group">
|
||||
<label for="{$label_attr.for}">{$label}</label>
|
||||
<select name="{$name}" id="{$label_attr.for}" class="form-control" >
|
||||
{foreach $comment_status as $status}
|
||||
<option value="{$status@index}" {if $status@index == $value}selected="selected"{/if}>{$status.label}</li>
|
||||
{/foreach}
|
||||
</select>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{if $CUSTOMER_ID }
|
||||
{form_field form=$form field="customer_id"}
|
||||
<div class="form-group">
|
||||
<label for="{$label_attr.for}">{$label}</label>
|
||||
<input type="hidden" name="{$name}" value="{$value}" />
|
||||
{loop type="customer" name="customer" id="{$CUSTOMER_ID}" current="no" backend_context="1"}
|
||||
<a href="{url path='/admin/customer/update' customer_id=$CUSTOMER_ID}">
|
||||
{$FIRSTNAME} {$LASTNAME}
|
||||
</a>
|
||||
{/loop}
|
||||
{elseloop rel="customer"}
|
||||
<em>{intl d='comment.bo.default' l="Unknow customer %id" id="{$CUSTOMER_ID}" }</em>
|
||||
{/elseloop}
|
||||
</div>
|
||||
{/form_field}
|
||||
{else}
|
||||
{form_field form=$form field="username"}
|
||||
<div class="form-group">
|
||||
<label for="{$label_attr.for}">{$label}</label>
|
||||
<input type="text" name="{$name}" id="{$label_attr.for}" class="form-control" value="{$value}" {if $required} required{/if}>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field="email"}
|
||||
<div class="form-group">
|
||||
<label for="{$label_attr.for}">{$label}</label>
|
||||
<input type="email" name="{$name}" id="{$label_attr.for}" class="form-control" value="{$value}" {if $required} required{/if}>
|
||||
</div>
|
||||
{/form_field}
|
||||
{/if}
|
||||
|
||||
{form_field form=$form field="locale"}
|
||||
<div class="form-group">
|
||||
<label for="{$label_attr.for}">{$label}</label>
|
||||
<input type="text" name="{$name}" id="{$label_attr.for}" class="form-control" value="{$value}" {if $required} required{/if}>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field="title"}
|
||||
<div class="form-group">
|
||||
<label for="{$label_attr.for}">{$label}</label>
|
||||
<input type="text" name="{$name}" id="{$label_attr.for}" class="form-control" value="{$value}" {if $required} required{/if}>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field="content"}
|
||||
<div class="form-group">
|
||||
<label for="{$label_attr.for}">{$label}</label>
|
||||
<textarea name="{$name}" id="{$label_attr.for}" class="form-control" {if $required} required{/if}>{$value}</textarea>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field='verified'}
|
||||
<div class="checkbox {if $error}has-error{/if}">
|
||||
<label>
|
||||
<input type="checkbox" name="{$name}" value="1" {if $value == 1}checked="checked"{/if}>
|
||||
{$label}
|
||||
</label>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field="rating"}
|
||||
<div class="form-group">
|
||||
<label for="{$label_attr.for}">{$label}</label>
|
||||
<input type="text" name="{$name}" id="{$label_attr.for}" class="form-control" value="{$value}" {if $required} required{/if}>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
<div class="control-group">
|
||||
<div class="controls">
|
||||
<p>{intl d='comment.bo.default' l='Comment created on %date_create. Last modification: %date_change' date_create="{format_date date=$CREATE_DATE}" date_change="{format_date date=$UPDATE_DATE}"}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</fieldset>
|
||||
</form>
|
||||
{/form}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
{/loop}
|
||||
|
||||
{elseloop rel="comment_edit"}
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="alert alert-error">
|
||||
{intl d='comment.bo.default' l="Sorry, comment ID=%id was not found." id={$comment_id}}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/elseloop}
|
||||
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
{block name="javascript-last-call"}
|
||||
{hook name="comment.edit-js" location="comment-edit-js" }
|
||||
{/block}
|
||||
@@ -0,0 +1,41 @@
|
||||
{extends file="admin-layout.tpl"}
|
||||
|
||||
{block name="no-return-functions"}
|
||||
{$admin_current_location = 'configuration'}
|
||||
{/block}
|
||||
|
||||
{block name="page-title"}{intl d='comment.bo.default' l='Comments'}{/block}
|
||||
|
||||
{block name="check-module"}comment{/block}
|
||||
{block name="check-access"}view{/block}
|
||||
|
||||
{block name="main-content"}
|
||||
{include file="commons.html" scope="parent"}
|
||||
|
||||
<div class="comments">
|
||||
<div id="wrapper" class="container">
|
||||
<ul class="breadcrumb">
|
||||
<li><a href="{url path='/admin/home'}">{intl d='comment.bo.default' l="Home"}</a></li>
|
||||
<li><a href="{url path='/admin/module/comments'}">{intl d='comment.bo.default' l="Comments"}</a></li>
|
||||
</ul>
|
||||
|
||||
<div class="general-block-decorator">
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
{include file="include/comments-list.html"}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/block}
|
||||
|
||||
{block name="javascript-initialization"}
|
||||
{javascripts file='assets/js/main.js'}
|
||||
<script src="{$asset_url}"></script>
|
||||
{/javascripts}
|
||||
|
||||
{javascripts file='assets/js/comment.js' source='Comment'}
|
||||
<script src="{$asset_url}"></script>
|
||||
{/javascripts}
|
||||
{/block}
|
||||
@@ -0,0 +1,9 @@
|
||||
{* Status *}
|
||||
|
||||
{$comment_status=[]}
|
||||
{$comment_status['0']=['label' => {intl d='comment.bo.default' l="Pending"}, 'css' => 'default']}
|
||||
{$comment_status['1']=['label' => {intl d='comment.bo.default' l="Accepted"}, 'css' => 'success']}
|
||||
{$comment_status['2']=['label' => {intl d='comment.bo.default' l="Refused"}, 'css' => 'danger']}
|
||||
{$comment_status['3']=['label' => {intl d='comment.bo.default' l="Abused"}, 'css' => 'warning']}
|
||||
|
||||
|
||||
@@ -0,0 +1,89 @@
|
||||
<div class="general-block-decorator">
|
||||
<div class="row">
|
||||
|
||||
<div class="col-md-12 title title-without-tabs">
|
||||
{intl d='comment.bo.default' l='Comment configuration.'}
|
||||
</div>
|
||||
|
||||
<div class="form-container">
|
||||
<div class="col-md-12">
|
||||
|
||||
{form name="comment.configuration.form"}
|
||||
<form method="POST" id="comment-form" action="{url path="/admin/module/comment/configuration"}" {form_enctype form=$form} class="clearfix">
|
||||
|
||||
{if $form_error_message}<div class="alert alert-danger">{$form_error_message}</div>{/if}
|
||||
|
||||
{form_hidden_fields form=$form}
|
||||
|
||||
{form_field form=$form field='activated'}
|
||||
<div class="checkbox">
|
||||
<label for="{$label_attr.for}">
|
||||
<input type="checkbox" name="{$name}" id="{$label_attr.for}" value="yes" {$attr} {if $checked}checked="checked"{/if}/> {$label}
|
||||
</label>
|
||||
<span class="label-help-block">{$label_attr.help}</span>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field='moderate'}
|
||||
<div class="checkbox">
|
||||
<label for="{$label_attr.for}">
|
||||
<input type="checkbox" name="{$name}" id="{$label_attr.for}" value="yes" {$attr} {if $checked}checked="checked"{/if}/> {$label}
|
||||
</label>
|
||||
<span class="label-help-block">{$label_attr.help}</span>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field='ref_allowed'}
|
||||
<div class="form-group {if $error}has-error{/if}">
|
||||
<label for="{$label_attr.for}" class="control-label">{$label} : </label>
|
||||
<input type="text" id="{$label_attr.for}" name="{$name}" class="form-control" value="{$value}" title="{$label}">
|
||||
<span class="label-help-block">{$label_attr.help}</span>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field='only_customer'}
|
||||
<div class="checkbox">
|
||||
<label for="{$label_attr.for}">
|
||||
<input type="checkbox" name="{$name}" id="{$label_attr.for}" value="yes" {$attr} {if $checked}checked="checked"{/if}/> {$label}
|
||||
</label>
|
||||
<span class="label-help-block">{$label_attr.help}</span>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field='only_verified'}
|
||||
<div class="checkbox">
|
||||
<label for="{$label_attr.for}">
|
||||
<input type="checkbox" name="{$name}" id="{$label_attr.for}" value="yes" {$attr} {if $checked}checked="checked"{/if}/> {$label}
|
||||
</label>
|
||||
<span class="label-help-block">{$label_attr.help}</span>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field='request_customer_ttl'}
|
||||
<div class="form-group {if $error}has-error{/if}">
|
||||
<label for="{$label_attr.for}" class="control-label">{$label} : </label>
|
||||
<input type="text" name="{$name}" id="{$label_attr.for}" value="{$value}" class="form-control" {$attr} />
|
||||
<span class="label-help-block">{$label_attr.help}</span>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field='notify_admin_new_comment'}
|
||||
<div class="checkbox">
|
||||
<label for="{$label_attr.for}">
|
||||
<input type="checkbox" name="{$name}" id="{$label_attr.for}" value="{$value}" {$attr} {if $checked}checked="checked"{/if}/> {$label}
|
||||
</label>
|
||||
<span class="label-help-block">{$label_attr.help}</span>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
<button type="submit" id="comment-save" name="comment_save" value="save" class="form-submit-button btn btn-sm btn-default" title="{intl d='comment.bo.default' d='comment.ai' l='Save'}">{intl d='comment.bo.default' d='comment.ai' l='Save'}</button>
|
||||
|
||||
</form>
|
||||
{/form}
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,301 @@
|
||||
{hook name="comments.top" location="comments_top" }
|
||||
|
||||
{if $error_message}
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="alert alert-danger">
|
||||
{$error_message}
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
{/if}
|
||||
|
||||
{* Loop Filter *}
|
||||
{$loop_limit={$smarty.get.loop_limit|default:20}}
|
||||
{$loop_page={$smarty.get.page|default:1}}
|
||||
{$loop_order={$smarty.get.loop_order|default:'created_reverse'}}
|
||||
{$loop_status={$smarty.get.loop_status|default:''}}
|
||||
|
||||
{assign var="amount" value={count type="comment" status=$loop_status order=$loop_order backend_context="1"}}
|
||||
{if $amount < $loop_limit * $loop_page}
|
||||
{$loop_page=1}
|
||||
{/if}
|
||||
|
||||
<form action="" method="">
|
||||
<table class="table table-striped table-condensed table-left-aligned">
|
||||
<caption>
|
||||
{intl d='comment.bo.default' l="Comments management"}
|
||||
|
||||
{* No create action for now
|
||||
{loop type="auth" name="can_create" role="ADMIN" module="comment" access="CREATE"}
|
||||
<a class="btn btn-primary action-btn" title="{intl d='comment.bo.default' l='Add a new comment'}" href="#creation_dialog" data-toggle="modal">
|
||||
<span class="glyphicon glyphicon-plus-sign"></span>
|
||||
</a>
|
||||
{/loop}
|
||||
*}
|
||||
<a href="{url path='/admin/module/comment/request-customer'}"
|
||||
class="btn btn-primary action-btn">
|
||||
<span class="glyphicon glyphicon-envelope"></span> {intl d='comment.bo.default' l='Send email to customer'}
|
||||
</a>
|
||||
|
||||
<div class="table-filters">
|
||||
<form class="form-inline" role="form">
|
||||
<div class="form-group">
|
||||
<div class="input-group">
|
||||
<label for="loop_status"
|
||||
class="sr-only">{intl d='comment.bo.default' l="Status"}</label>
|
||||
<select id="loop_status" name="loop_status" class="filter-element form-control"
|
||||
data-name="loop_status">
|
||||
<option value="">{intl d='comment.bo.default' l="All"}</option>
|
||||
{foreach $comment_status as $status}
|
||||
<option value="{$status@index}"
|
||||
{if $status@index == $filter_status}selected="selected"{/if}>{$status.label}</option>
|
||||
{/foreach}
|
||||
</select>
|
||||
</div>
|
||||
</div>
|
||||
<div class="form-group">
|
||||
<button class="trigger-filter btn btn-default"
|
||||
type="button">{intl d='comment.bo.default' l="Filter"}</button>
|
||||
</div>
|
||||
</form>
|
||||
</div>
|
||||
|
||||
</caption>
|
||||
<thead>
|
||||
<tr>
|
||||
<th>{intl d='comment.bo.default' l="ID"}</th>
|
||||
<th>{intl d='comment.bo.default' l="Author"}</th>
|
||||
<th>{intl d='comment.bo.default' l="Comment"}</th>
|
||||
<th>{intl d='comment.bo.default' l="Reference"}</th>
|
||||
<th>{intl d='comment.bo.default' l="Actions"}</th>
|
||||
</tr>
|
||||
</thead>
|
||||
<tbody>
|
||||
{loop type="comment"
|
||||
name="comment.list"
|
||||
ref=$loop_ref
|
||||
ref_id=$loop_ref_id
|
||||
status=$loop_status
|
||||
order=$loop_order
|
||||
page=$loop_page
|
||||
limit=$loop_limit
|
||||
load_ref="1"
|
||||
backend_context="1"}
|
||||
<tr>
|
||||
<td>{$ID}</td>
|
||||
|
||||
{* Author *}
|
||||
<td>
|
||||
{if $CUSTOMER_ID}
|
||||
{loop type="customer" name="customer" id=$CUSTOMER_ID current="no" backend_context="1"}
|
||||
<a href="{url path='/admin/customer/update' customer_id=$CUSTOMER_ID}">
|
||||
<img src="http://www.gravatar.com/avatar/{$EMAIL|trim|strtolower|md5}?s=48"
|
||||
alt=""/><br>
|
||||
{$FIRSTNAME} {$LASTNAME}
|
||||
</a>
|
||||
{/loop}
|
||||
{elseloop rel="customer"}
|
||||
<em>{intl d='comment.bo.default' l="Unknow customer %id" id=$CUSTOMER_ID }</em>
|
||||
{/elseloop}
|
||||
{else}
|
||||
<span class="label label-default">{intl d='comment.bo.default' l="not a customer"}</span>
|
||||
<br>
|
||||
<a href="mailto:{$EMAIL}">
|
||||
<img src="http://www.gravatar.com/avatar/{$EMAIL|trim|strtolower|md5}?s=48"
|
||||
alt=""/><br>
|
||||
{$USERNAME}
|
||||
</a>
|
||||
{/if}
|
||||
</td>
|
||||
|
||||
{* Comment *}
|
||||
<td>
|
||||
<h4>{$TITLE}</h4>
|
||||
|
||||
<p>{$CONTENT}</p>
|
||||
<ul class="list-inline">
|
||||
<li>{intl d='comment.bo.default' l="Posted: "}
|
||||
<strong>{format_date date={$CREATED} output="datetime"}</strong></li>
|
||||
<li>{intl d='comment.bo.default' l="rating: "} <strong>{$RATING}</strong></li>
|
||||
<li>{intl d='comment.bo.default' l="verified: "}
|
||||
<strong>{if $VERIFIED}{intl d='comment.bo.default' l='yes'}{else}{intl d='comment.bo.default' l='no'}{/if}</strong>
|
||||
</li>
|
||||
</ul>
|
||||
</td>
|
||||
|
||||
{* Reference *}
|
||||
<td>
|
||||
{if $REF_VIEW_URL}
|
||||
<a href="{$REF_VIEW_URL}" title="{intl d='comment.bo.default' l='View'}">
|
||||
{/if}
|
||||
{if $REF_TITLE}{$REF_TITLE} {/if}
|
||||
({$REF}: {$REF_ID})
|
||||
{if $REF_VIEW_URL}
|
||||
</a>
|
||||
{/if}
|
||||
</td>
|
||||
|
||||
<td class="actions" data-id="{$ID}">
|
||||
<div class="btn-group dropdown dropdown-status">
|
||||
{loop type="auth" name="can_change" role="ADMIN" module="comment" access="UPDATE"}
|
||||
<a id="status-{$ID}" data-id="{$ID}"
|
||||
class="btn btn-xs btn-{$comment_status[{$STATUS}].css} dropdown-toggle"
|
||||
data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
|
||||
{$comment_status[{$STATUS}].label} <span class="caret"></span>
|
||||
</a>
|
||||
{/loop}
|
||||
</div>
|
||||
<hr class="invisible"/>
|
||||
<div class="btn-group dropdown dropdown-status">
|
||||
{loop type="auth" name="can_change" role="ADMIN" module="comment" access="UPDATE"}
|
||||
<a class="btn btn-default btn-xs comment-change" data-id="{$ID}"
|
||||
title="{intl d='comment.bo.default' l='Change this comment'}"
|
||||
href="{url path="/admin/module/comment/update/$ID"}">
|
||||
<span class="glyphicon glyphicon-edit"></span>
|
||||
</a>
|
||||
{/loop}
|
||||
{loop type="auth" name="can_change" role="ADMIN" module="comment" access="DELETE"}
|
||||
<a href="#delete_dialog" data-toggle="modal" data-id="{$ID}"
|
||||
class="btn btn-default btn-xs comment-delete"
|
||||
title="{intl d='comment.bo.default' l="Delete this comment"}">
|
||||
<span class="glyphicon glyphicon-trash"></span>
|
||||
</a>
|
||||
{/loop}
|
||||
</div>
|
||||
</td>
|
||||
</tr>
|
||||
{/loop}
|
||||
</tbody>
|
||||
<tfoot>
|
||||
<tr>
|
||||
<td colspan="100">
|
||||
{include
|
||||
file = "includes/pagination.html"
|
||||
|
||||
loop_ref = "comment.list"
|
||||
max_page_count = $loop_limit
|
||||
page_url = {url path={navigate to="current"} product_order=$loop_page}
|
||||
}
|
||||
|
||||
</td>
|
||||
</tr>
|
||||
</tfoot>
|
||||
</table>
|
||||
{*
|
||||
{if $amount > $limit}
|
||||
<div class="pagination-container" role="pagination" aria-labelledby="pagination-label-{$toolbar}}">
|
||||
<strong id="pagination-label-{$toolbar}}" class="pagination-label">{intl d='comment.bo.default' l="Pagination"}</strong>
|
||||
<ul class="pagination">
|
||||
<li{if $loop_page le 1} class="disabled"{/if}><a href="{url path={navigate to="current"} page={$loop_page-1} }" title="{intl d='comment.bo.default' l="Previous"}" class="prev"><i class="icon-prev"></i></a></li>
|
||||
|
||||
{pageloop rel="comment.list" limit=$loop_limit}
|
||||
<li{if $PAGE eq $CURRENT} class="active"{/if}><a href="{url path={navigate to="current"} page=$PAGE }"> {$PAGE} </a></li>
|
||||
{if $PAGE eq $LAST}
|
||||
<li{if $CURRENT eq $LAST} class="disabled"{/if}><a href="{url path={navigate to="current"} page={$NEXT} }" title="{intl d='comment.bo.default' l="Next"}" class="next"><i class="icon-next"></i></a></li>
|
||||
{/if}
|
||||
{/pageloop}
|
||||
</ul>
|
||||
</div>
|
||||
{/if}
|
||||
*}
|
||||
</form>
|
||||
|
||||
{hook name="comments.bottom" location="comments_bottom" }
|
||||
|
||||
<div id="dropdown-status">
|
||||
<ul class="dropdown-menu" role="menu" data-id="">
|
||||
<li><a href="#" class="change-status" data-status="0">{$comment_status[0].label}</a></li>
|
||||
<li><a href="#" class="change-status" data-status="1">{$comment_status[1].label}</a></li>
|
||||
<li><a href="#" class="change-status" data-status="2">{$comment_status[2].label}</a></li>
|
||||
<li><a href="#" class="change-status" data-status="3">{$comment_status[3].label}</a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
{*
|
||||
{form name="thelia.lang.create"}
|
||||
|
||||
|
||||
{* Capture the dialog body, to pass it to the generic dialog *}
|
||||
{* todo create comment
|
||||
{capture "creation_dialog"}
|
||||
|
||||
{/capture}
|
||||
|
||||
{include
|
||||
file = "includes/generic-create-dialog.html"
|
||||
|
||||
dialog_id = "creation_dialog"
|
||||
dialog_title = {intl d='comment.bo.default' l="Create a new comment"}
|
||||
dialog_body = {$smarty.capture.creation_dialog nofilter}
|
||||
|
||||
dialog_ok_label = {intl d='comment.bo.default' l="Create this comment"}
|
||||
|
||||
form_action = {url path='/admin/configuration/comments/add'}
|
||||
form_enctype = {form_enctype form=$form}
|
||||
form_error_message = $form_error_message
|
||||
}
|
||||
{/form}
|
||||
*}
|
||||
|
||||
{* Delete confirmation dialog *}
|
||||
|
||||
{capture "delete_dialog"}
|
||||
<input type="hidden" name="comment_id" id="comment_delete_id" value=""/>
|
||||
{hook name="comments.delete-form" location="comments_delete_form" }
|
||||
{/capture}
|
||||
|
||||
{include
|
||||
file = "includes/generic-confirm-dialog.html"
|
||||
|
||||
dialog_id = "delete_dialog"
|
||||
dialog_title = {intl d='comment.bo.default' l="Delete comment"}
|
||||
dialog_message = {intl d='comment.bo.default' l="Do you really want to delete this comment ?"}
|
||||
|
||||
form_action = {token_url path='/admin/module/comment/delete'}
|
||||
form_content = {$smarty.capture.delete_dialog nofilter}
|
||||
form_error_message = $error_delete_message
|
||||
}
|
||||
|
||||
<div id="comment-update-modal"></div>
|
||||
|
||||
<div class="modal fade" id="delete-failed" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content alert alert-block alert-danger ">
|
||||
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h2>{intl d='comment.bo.default' l="Error"}</h2>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<strong>{intl d='comment.bo.default' l="Impossible to delete comment."} {intl d='comment.bo.default' l="Please contact your administrator or try later"}</strong>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="modal fade" id="status-failed" tabindex="-1" role="dialog" aria-hidden="true">
|
||||
<div class="modal-dialog">
|
||||
<div class="modal-content alert alert-block alert-danger ">
|
||||
|
||||
<div class="modal-header">
|
||||
<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
|
||||
<h2>{intl d='comment.bo.default' l="Error"}</h2>
|
||||
</div>
|
||||
<div class="modal-body">
|
||||
<strong>{intl d='comment.bo.default' l="Impossible to change status."} {intl d='comment.bo.default' l="Please contact your administrator or try later"}</strong>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<script type="text/javascript">
|
||||
var commentStatus = {$comment_status|json_encode nofilter};
|
||||
var commentConfig = {
|
||||
'status': '{url path="/admin/module/comment/status"}'
|
||||
};
|
||||
|
||||
{hook name="comments.js" location="comments-js" }
|
||||
</script>
|
||||
@@ -0,0 +1,45 @@
|
||||
{$activated={meta meta="COMMENT_ACTIVATED" key=$ref id=$id}}
|
||||
{if $activated === null}
|
||||
{$activated = "-1"}
|
||||
{/if}
|
||||
|
||||
<div class="title title-without-tabs">
|
||||
{intl d='comment.bo.default' l='Comments activation.'}
|
||||
</div>
|
||||
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
<div class="form-container clearfix">
|
||||
<form method="POST" id="comment-form" action="{url path="/admin/module/comment/activation/$ref/$id"}">
|
||||
<div class="form-group {if $error}has-error{/if}">
|
||||
<label for="comment-status" class="control-label">
|
||||
{intl d='comment.bo.default' l="Status :"}
|
||||
</label>
|
||||
|
||||
<select name="status" class="form-control" id="comment-status">
|
||||
<option {if $activated == "-1"}selected="selected"{/if}
|
||||
value="-1">{intl d='comment.bo.default' l="Use global configuration"}</option>
|
||||
<option {if $activated == "0"}selected="selected"{/if}
|
||||
value="0">{intl d='comment.bo.default' l="Deactivated for this element"}</option>
|
||||
<option {if $activated == "1"}selected="selected"{/if}
|
||||
value="1">{intl d='comment.bo.default' l="Activated for this element"}</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<button type="button" id="comment-save" name="comment_save" value="save"
|
||||
class="form-submit-button btn btn-sm btn-default"
|
||||
title="{intl l='Save'}">
|
||||
{intl l='Save'}
|
||||
</button>
|
||||
</form>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div class="row">
|
||||
<div class="col-md-12">
|
||||
{include file="commons.html" scope="parent"}
|
||||
{include file="include/comments-list.html" loop_ref=$ref loop_ref_id=$id}
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,23 @@
|
||||
{default_translation_domain domain="comment.email.default"}
|
||||
{default_locale locale={$locale}}
|
||||
|
||||
{loop type="comment" name="comment" id=$comment_id load_ref="1" ref_locale=$locale backend_context="1"}
|
||||
<p>
|
||||
{intl l='We inform you that a new customer comment has been posted for the %ref_type_title "%ref_title"'
|
||||
ref_type_title={$REF_TYPE_TITLE|lower}
|
||||
ref_title=$REF_TITLE
|
||||
}
|
||||
</p>
|
||||
|
||||
<p><strong>{intl l="Rating: "}</strong>{$RATING}</p>
|
||||
|
||||
<p><strong>{intl l="Title: "}</strong>{$TITLE}</p>
|
||||
|
||||
<p><strong>{intl l="Content: "}</strong><br>{$CONTENT}</p>
|
||||
|
||||
<p>
|
||||
<a href="{url path="/admin/module/comment/update/$ID"}">
|
||||
{intl l="You can now activate this comment by going to the comment management interface."}
|
||||
</a>
|
||||
</p>
|
||||
{/loop}
|
||||
@@ -0,0 +1,19 @@
|
||||
{default_translation_domain domain="comment.email.default"}
|
||||
{default_locale locale={$locale}}
|
||||
|
||||
{loop type="comment" name="comment" id=$comment_id load_ref="1" ref_locale=$locale backend_context="1"}
|
||||
{intl l='We inform you that a new customer comment has been posted for the %ref_type_title "%ref_title"'
|
||||
ref_type_title={$REF_TYPE_TITLE|lower}
|
||||
ref_title=$REF_TITLE
|
||||
}
|
||||
|
||||
{intl l="Rating: "}{$RATING}
|
||||
|
||||
{intl l="Title: "}{$TITLE}
|
||||
|
||||
{intl l="Content: "}{$CONTENT}
|
||||
|
||||
{intl l="You can now activate this comment by going to the comment management interface: %comment_management_link"
|
||||
comment_management_link={url path="/admin/module/comment/update/$ID"}
|
||||
}
|
||||
{/loop}
|
||||
@@ -0,0 +1,17 @@
|
||||
{default_translation_domain domain="comment.email.default"}
|
||||
|
||||
{loop type="customer" name="customer.order" current="false" id=$customer_id backend_context="1"}
|
||||
<p>{intl l="Dear" } {$LASTNAME} {$FIRSTNAME},</p>
|
||||
{/loop}
|
||||
|
||||
<p>{intl l="Thank you for your order on our online store %store_name" store_name={config key="store_name"}}</p>
|
||||
<p>{intl l="It would be great to share your thoughts on products with other customers."}</p>
|
||||
<p>{intl l="You can post comments on this products: "}</p>
|
||||
<ul>
|
||||
{loop name="products" type="product" id={','|implode:$product_ids} lang=$lang_id}
|
||||
<li><a href="{$URL}">{$TITLE}</a></li>
|
||||
{/loop}
|
||||
</ul>
|
||||
<p>{intl l="Feel free to contact us for any further information"}</p>
|
||||
|
||||
<p>{intl l="Best Regards."}</p>
|
||||
@@ -0,0 +1,16 @@
|
||||
{default_translation_domain domain="comment.email.default"}
|
||||
|
||||
{loop type="customer" name="customer.order" current="false" id=$customer_id backend_context="1"}
|
||||
{intl l="Dear" } {$LASTNAME} {$FIRSTNAME},
|
||||
{/loop}
|
||||
|
||||
{intl l="Thank you for your order on our online store %store_name" store_name={config key="store_name"}}
|
||||
{intl l="It would be great to share your thoughts on products with other customers."}
|
||||
{intl l="You can post comments on this products: "}
|
||||
{loop name="products" type="product" id={','|implode:$product_ids} lang={$lang}}
|
||||
- {$TITLE} : {$URL}
|
||||
{/loop}
|
||||
|
||||
{intl l="Feel free to contact us for any further information"}
|
||||
|
||||
{intl l="Best Regards."}
|
||||
@@ -0,0 +1,90 @@
|
||||
{$locale={lang attr="locale"}}
|
||||
{$customer_id={customer attr="id"}}
|
||||
|
||||
{ifloop rel="comments"}
|
||||
|
||||
{function name=comment_stars empty=1}
|
||||
{$star='<span class="glyphicon glyphicon-star"></span>'}
|
||||
{$star_empty='<span class="glyphicon glyphicon-star-empty"></span>'}
|
||||
|
||||
{for $foo=0 to 4}
|
||||
{if $value > $foo}
|
||||
{$star nofilter}
|
||||
{elseif $empty == 1}
|
||||
{$star_empty nofilter}
|
||||
{/if}
|
||||
{/for}
|
||||
{/function}
|
||||
|
||||
|
||||
{loop name="comments" type="comment" ref="{$ref}" ref_id="{$ref_id}" status="1" order="created_reverse"
|
||||
offset="{$start}" limit="{$count}" }
|
||||
|
||||
{if $CUSTOMER_ID}
|
||||
{loop name="customer" type="customer" id="{$CUSTOMER_ID}" current="false" limit="1"}
|
||||
{$username="{$FIRSTNAME} {$LASTNAME|truncate:2:"...":false}"}
|
||||
{$image="http://www.gravatar.com/avatar/{$EMAIL|trim|strtolower|md5}?d=mm&s=64"}
|
||||
{/loop}
|
||||
{elseloop rel="customer"}
|
||||
{$username={intl d="comment.fo.default" l="Anonymous"} }
|
||||
{$image={image file='assets/img/avatar.png'}}
|
||||
{/elseloop}
|
||||
{else}
|
||||
{$username=$USERNAME}
|
||||
{$image="http://www.gravatar.com/avatar/{$EMAIL|trim|strtolower|md5}?d=mm&s=64"}
|
||||
{/if}
|
||||
|
||||
<div id="comment-customer-{counter}" class="comment-item media">
|
||||
<img src="{$image}" alt="" class="pull-left" />
|
||||
<div class="media-body">
|
||||
<p>
|
||||
{intl d="comment.fo.default" l="By <strong>%username</strong>" username={$username}}
|
||||
{if $RATING}<span class="text-primary">{comment_stars value=$RATING}</span>{/if}
|
||||
</p>
|
||||
<h3 class="comment-title media-heading">{$TITLE}</h3>
|
||||
|
||||
<p class="comment-message">{$CONTENT}</p>
|
||||
<div class="comment-alert alert hidden"></div>
|
||||
<ul class="comment-extra list-inline">
|
||||
<li class="comment-date">{format_date date="{$CREATED}" output="date"}</li>
|
||||
{if $VERIFIED}
|
||||
<li class="comment-verified comment--is-verified">{intl d="comment.fo.default" l="Verified"}</li>
|
||||
{else}
|
||||
<li class="comment-verified">{intl d="comment.fo.default" l="Verified"}</li>
|
||||
{/if}
|
||||
{if $customer_id && $customer_id == $CUSTOMER_ID}
|
||||
<li><a href="{url path="/comment/delete/{$ID}"}" class="delete-trigger" data-id="{$ID}" data-message="{intl d="comment.fo.default" l="Are you sure ?"}">{intl d="comment.fo.default" l="Delete"}</a></li>
|
||||
{else}
|
||||
<li class="comment-abuse">
|
||||
{form name="comment.abuse.form"}
|
||||
<form id="form-add-comment-{$ID}" action="{url path="/comment/abuse"}" method="post" novalidate>
|
||||
{form_hidden_fields form=$form}
|
||||
{form_field form=$form field="id"}
|
||||
<input type="hidden" name="{$name}" value="{$ID}" />
|
||||
<a href="#" class="abuse-trigger">{intl d="comment.fo.default" l="Mark as inappropriate"}</a>
|
||||
{/form_field}
|
||||
</form>
|
||||
{/form}
|
||||
</li>
|
||||
{/if}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/loop}
|
||||
|
||||
{if {count type="comment" ref="{$ref}" ref_id="{$ref_id}" status="1" } > $start + $count }
|
||||
<div class="comments-more">
|
||||
<a href="#" class="comments-more-link">{intl d="comment.fo.default" l="Load more comments..."}</a>
|
||||
</div>
|
||||
{/if}
|
||||
{/ifloop}
|
||||
{elseloop rel="comments"}
|
||||
<div class="alert alert-info">
|
||||
{if $start == 0 }
|
||||
{intl d="comment.fo.default" l="There are no comments yet"}
|
||||
{else}
|
||||
{intl d="comment.fo.default" l="No more comments"}
|
||||
{/if}
|
||||
</div>
|
||||
{/elseloop}
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 1.1 KiB |
@@ -0,0 +1,159 @@
|
||||
;(function($) {
|
||||
|
||||
$(document).ready(function () {
|
||||
|
||||
var $commentTop = $('#comment-top'),
|
||||
$commentMessage = $('#comment-top-message'),
|
||||
$commentList = $('#comment-list'),
|
||||
$commentCustomer = $('#comment-customer'),
|
||||
$commentForm = $('#form-add-comment');
|
||||
|
||||
var displayMessage = function displayMessage($element, cssClass, messages, timeout){
|
||||
$element.slideUp('fast', function(){
|
||||
var i = 0,
|
||||
domP;
|
||||
if (messages.length > 0) {
|
||||
$element.html("");
|
||||
$element
|
||||
.removeClass('alert-success alert-info alert-warning alert-danger hidden')
|
||||
.addClass('alert-' + cssClass)
|
||||
;
|
||||
for ( ; i < messages.length ; i++ ) {
|
||||
domP = document.createElement( "p" );
|
||||
$element.append( $(domP).html(messages[i]) );
|
||||
}
|
||||
$element.slideDown('slow');
|
||||
|
||||
if (timeout) {
|
||||
setTimeout(function(){$element.slideUp();}, timeout);
|
||||
}
|
||||
}
|
||||
});
|
||||
};
|
||||
|
||||
var loadComments = function loadComments(start, count) {
|
||||
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
data: {
|
||||
'ref': commentConfig['ref'],
|
||||
'ref_id': commentConfig['id'],
|
||||
'start': start,
|
||||
'count': count
|
||||
},
|
||||
url: commentConfig['get']
|
||||
}).done(function(data){
|
||||
$commentList.append(data);
|
||||
}).fail(function(jqXHR, textStatus, errorThrown){
|
||||
displayMessage($commentMessage, 'danger', [textStatus]);
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
var abuseComment = function abuseComment(ev) {
|
||||
|
||||
var $link, $form, $alert;
|
||||
|
||||
$link = $(ev.currentTarget);
|
||||
$form = $link.parents('form').first();
|
||||
$alert = $form.parents('.comment-item').first().find('.comment-alert');
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
dataType: 'json',
|
||||
data: $form.serialize(),
|
||||
url: $form.attr('action')
|
||||
}).done(function(data, textStatus, jqXHR){
|
||||
if (data.success) {
|
||||
displayMessage($alert, 'success', [data.message], 5000);
|
||||
$form.parents('.comment-abuse').first().remove();
|
||||
} else {
|
||||
displayMessage($alert, 'danger', [data.message]);
|
||||
}
|
||||
}).fail(function(jqXHR, textStatus, errorThrown){
|
||||
displayMessage($alert, 'danger', [textStatus]);
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
var deleteComment = function deleteComment($btn) {
|
||||
|
||||
var $form, $alert;
|
||||
|
||||
$form = $btn.parents('form').first();
|
||||
$alert = $form.parents('.comment-item').first().find('.comment-alert');
|
||||
|
||||
$.ajax({
|
||||
type: "GET",
|
||||
url: $btn.attr('href')
|
||||
}).done(function(data){
|
||||
if (data.success) {
|
||||
displayMessage($alert, 'success', [data.message], 5000);
|
||||
$('#comment-customer').remove();
|
||||
} else {
|
||||
displayMessage($alert, 'danger', [data.message]);
|
||||
}
|
||||
}).fail(function(jqXHR, textStatus, errorThrown){
|
||||
displayMessage($commentMessage, 'danger', [textStatus]);
|
||||
});
|
||||
|
||||
};
|
||||
|
||||
$commentForm.on('submit', function (ev) {
|
||||
|
||||
ev.preventDefault();
|
||||
|
||||
$.ajax({
|
||||
type: "POST",
|
||||
dataType: 'json',
|
||||
data: $(this).serialize(),
|
||||
url: commentConfig['post']
|
||||
}).done(function(data, textStatus, jqXHR){
|
||||
if (data.success) {
|
||||
displayMessage($commentMessage, 'success', data.messages);
|
||||
$commentForm.slideUp(function(){
|
||||
$commentForm.remove();
|
||||
});
|
||||
} else {
|
||||
displayMessage($commentMessage, 'warning', data.messages);
|
||||
}
|
||||
}).fail(function(jqXHR, textStatus, errorThrown){
|
||||
displayMessage($commentMessage, 'danger', [textStatus]);
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
loadComments(commentConfig['start'], commentConfig['count']);
|
||||
|
||||
$commentList.on( "click", ".comments-more-link", function(ev) {
|
||||
ev.preventDefault();
|
||||
|
||||
commentConfig['start'] += commentConfig['count'];
|
||||
loadComments(commentConfig['start'], commentConfig['count']);
|
||||
|
||||
$(ev.currentTarget).parents('.comments-more').first().remove();
|
||||
});
|
||||
|
||||
$commentList.on( "click", ".abuse-trigger", function(ev) {
|
||||
ev.preventDefault();
|
||||
|
||||
abuseComment(ev);
|
||||
});
|
||||
|
||||
$commentList.on( "click", ".delete-trigger", function(ev) {
|
||||
ev.preventDefault();
|
||||
|
||||
$trigger = $(ev.currentTarget);
|
||||
|
||||
if ($trigger.data("confirmed") == "1") {
|
||||
deleteComment($trigger);
|
||||
} else {
|
||||
$trigger.data("confirmed", "1");
|
||||
$trigger.html($trigger.data("message"));
|
||||
}
|
||||
|
||||
});
|
||||
|
||||
});
|
||||
|
||||
})(jQuery);
|
||||
Binary file not shown.
|
After Width: | Height: | Size: 699 B |
Binary file not shown.
|
After Width: | Height: | Size: 715 B |
Binary file not shown.
|
After Width: | Height: | Size: 667 B |
Binary file not shown.
|
After Width: | Height: | Size: 685 B |
Binary file not shown.
|
After Width: | Height: | Size: 631 B |
@@ -0,0 +1,46 @@
|
||||
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
@font-face {
|
||||
font-family: "raty";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
src: url("fonts/raty.eot");
|
||||
src: url("fonts/raty.eot?#iefix") format("embedded-opentype");
|
||||
src: url("fonts/raty.svg#raty") format("svg");
|
||||
src: url("fonts/raty.ttf") format("truetype");
|
||||
src: url("fonts/raty.woff") format("woff");
|
||||
}
|
||||
|
||||
.cancel-on-png, .cancel-off-png, .star-on-png, .star-off-png, .star-half-png {
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
font-family: "raty";
|
||||
font-style: normal;
|
||||
font-variant: normal;
|
||||
font-weight: normal;
|
||||
line-height: 1;
|
||||
speak: none;
|
||||
text-transform: none;
|
||||
}
|
||||
|
||||
.cancel-on-png:before {
|
||||
content: "\e600";
|
||||
}
|
||||
|
||||
.cancel-off-png:before {
|
||||
content: "\e601";
|
||||
}
|
||||
|
||||
.star-on-png:before {
|
||||
content: "\f005";
|
||||
}
|
||||
|
||||
.star-off-png:before {
|
||||
content: "\f006";
|
||||
}
|
||||
|
||||
.star-half-png:before {
|
||||
content: "\f123";
|
||||
}
|
||||
@@ -0,0 +1,760 @@
|
||||
/*!
|
||||
* jQuery Raty - A Star Rating Plugin
|
||||
*
|
||||
* The MIT License
|
||||
*
|
||||
* @author : Washington Botelho
|
||||
* @doc : http://wbotelhos.com/raty
|
||||
* @version : 2.7.0
|
||||
*
|
||||
*/
|
||||
|
||||
;
|
||||
(function($) {
|
||||
'use strict';
|
||||
|
||||
var methods = {
|
||||
init: function(options) {
|
||||
return this.each(function() {
|
||||
this.self = $(this);
|
||||
|
||||
methods.destroy.call(this.self);
|
||||
|
||||
this.opt = $.extend(true, {}, $.fn.raty.defaults, options);
|
||||
|
||||
methods._adjustCallback.call(this);
|
||||
methods._adjustNumber.call(this);
|
||||
methods._adjustHints.call(this);
|
||||
|
||||
this.opt.score = methods._adjustedScore.call(this, this.opt.score);
|
||||
|
||||
if (this.opt.starType !== 'img') {
|
||||
methods._adjustStarType.call(this);
|
||||
}
|
||||
|
||||
methods._adjustPath.call(this);
|
||||
methods._createStars.call(this);
|
||||
|
||||
if (this.opt.cancel) {
|
||||
methods._createCancel.call(this);
|
||||
}
|
||||
|
||||
if (this.opt.precision) {
|
||||
methods._adjustPrecision.call(this);
|
||||
}
|
||||
|
||||
methods._createScore.call(this);
|
||||
methods._apply.call(this, this.opt.score);
|
||||
methods._setTitle.call(this, this.opt.score);
|
||||
methods._target.call(this, this.opt.score);
|
||||
|
||||
if (this.opt.readOnly) {
|
||||
methods._lock.call(this);
|
||||
} else {
|
||||
this.style.cursor = 'pointer';
|
||||
|
||||
methods._binds.call(this);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
_adjustCallback: function() {
|
||||
var options = ['number', 'readOnly', 'score', 'scoreName', 'target'];
|
||||
|
||||
for (var i = 0; i < options.length; i++) {
|
||||
if (typeof this.opt[options[i]] === 'function') {
|
||||
this.opt[options[i]] = this.opt[options[i]].call(this);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_adjustedScore: function(score) {
|
||||
if (!score) {
|
||||
return score;
|
||||
}
|
||||
|
||||
return methods._between(score, 0, this.opt.number);
|
||||
},
|
||||
|
||||
_adjustHints: function() {
|
||||
if (!this.opt.hints) {
|
||||
this.opt.hints = [];
|
||||
}
|
||||
|
||||
if (!this.opt.halfShow && !this.opt.half) {
|
||||
return;
|
||||
}
|
||||
|
||||
var steps = this.opt.precision ? 10 : 2;
|
||||
|
||||
for (var i = 0; i < this.opt.number; i++) {
|
||||
var group = this.opt.hints[i];
|
||||
|
||||
if (Object.prototype.toString.call(group) !== '[object Array]') {
|
||||
group = [group];
|
||||
}
|
||||
|
||||
this.opt.hints[i] = [];
|
||||
|
||||
for (var j = 0; j < steps; j++) {
|
||||
var
|
||||
hint = group[j],
|
||||
last = group[group.length - 1];
|
||||
|
||||
if (last === undefined) {
|
||||
last = null;
|
||||
}
|
||||
|
||||
this.opt.hints[i][j] = hint === undefined ? last : hint;
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_adjustNumber: function() {
|
||||
this.opt.number = methods._between(this.opt.number, 1, this.opt.numberMax);
|
||||
},
|
||||
|
||||
_adjustPath: function() {
|
||||
this.opt.path = this.opt.path || '';
|
||||
|
||||
if (this.opt.path && this.opt.path.charAt(this.opt.path.length - 1) !== '/') {
|
||||
this.opt.path += '/';
|
||||
}
|
||||
},
|
||||
|
||||
_adjustPrecision: function() {
|
||||
this.opt.half = true;
|
||||
},
|
||||
|
||||
_adjustStarType: function() {
|
||||
var replaces = ['cancelOff', 'cancelOn', 'starHalf', 'starOff', 'starOn'];
|
||||
|
||||
this.opt.path = '';
|
||||
|
||||
for (var i = 0; i < replaces.length; i++) {
|
||||
this.opt[replaces[i]] = this.opt[replaces[i]].replace('.', '-');
|
||||
}
|
||||
},
|
||||
|
||||
_apply: function(score) {
|
||||
methods._fill.call(this, score);
|
||||
|
||||
if (score) {
|
||||
if (score > 0) {
|
||||
this.score.val(score);
|
||||
}
|
||||
|
||||
methods._roundStars.call(this, score);
|
||||
}
|
||||
},
|
||||
|
||||
_between: function(value, min, max) {
|
||||
return Math.min(Math.max(parseFloat(value), min), max);
|
||||
},
|
||||
|
||||
_binds: function() {
|
||||
if (this.cancel) {
|
||||
methods._bindOverCancel.call(this);
|
||||
methods._bindClickCancel.call(this);
|
||||
methods._bindOutCancel.call(this);
|
||||
}
|
||||
|
||||
methods._bindOver.call(this);
|
||||
methods._bindClick.call(this);
|
||||
methods._bindOut.call(this);
|
||||
},
|
||||
|
||||
_bindClick: function() {
|
||||
var that = this;
|
||||
|
||||
that.stars.on('click.raty', function(evt) {
|
||||
var
|
||||
execute = true,
|
||||
score = (that.opt.half || that.opt.precision) ? that.self.data('score') : (this.alt || $(this).data('alt'));
|
||||
|
||||
if (that.opt.click) {
|
||||
execute = that.opt.click.call(that, +score, evt);
|
||||
}
|
||||
|
||||
if (execute || execute === undefined) {
|
||||
if (that.opt.half && !that.opt.precision) {
|
||||
score = methods._roundHalfScore.call(that, score);
|
||||
}
|
||||
|
||||
methods._apply.call(that, score);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
_bindClickCancel: function() {
|
||||
var that = this;
|
||||
|
||||
that.cancel.on('click.raty', function(evt) {
|
||||
that.score.removeAttr('value');
|
||||
|
||||
if (that.opt.click) {
|
||||
that.opt.click.call(that, null, evt);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
_bindOut: function() {
|
||||
var that = this;
|
||||
|
||||
that.self.on('mouseleave.raty', function(evt) {
|
||||
var score = +that.score.val() || undefined;
|
||||
|
||||
methods._apply.call(that, score);
|
||||
methods._target.call(that, score, evt);
|
||||
methods._resetTitle.call(that);
|
||||
|
||||
if (that.opt.mouseout) {
|
||||
that.opt.mouseout.call(that, score, evt);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
_bindOutCancel: function() {
|
||||
var that = this;
|
||||
|
||||
that.cancel.on('mouseleave.raty', function(evt) {
|
||||
var icon = that.opt.cancelOff;
|
||||
|
||||
if (that.opt.starType !== 'img') {
|
||||
icon = that.opt.cancelClass + ' ' + icon;
|
||||
}
|
||||
|
||||
methods._setIcon.call(that, this, icon);
|
||||
|
||||
if (that.opt.mouseout) {
|
||||
var score = +that.score.val() || undefined;
|
||||
|
||||
that.opt.mouseout.call(that, score, evt);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
_bindOver: function() {
|
||||
var that = this,
|
||||
action = that.opt.half ? 'mousemove.raty' : 'mouseover.raty';
|
||||
|
||||
that.stars.on(action, function(evt) {
|
||||
var score = methods._getScoreByPosition.call(that, evt, this);
|
||||
|
||||
methods._fill.call(that, score);
|
||||
|
||||
if (that.opt.half) {
|
||||
methods._roundStars.call(that, score, evt);
|
||||
methods._setTitle.call(that, score, evt);
|
||||
|
||||
that.self.data('score', score);
|
||||
}
|
||||
|
||||
methods._target.call(that, score, evt);
|
||||
|
||||
if (that.opt.mouseover) {
|
||||
that.opt.mouseover.call(that, score, evt);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
_bindOverCancel: function() {
|
||||
var that = this;
|
||||
|
||||
that.cancel.on('mouseover.raty', function(evt) {
|
||||
var
|
||||
starOff = that.opt.path + that.opt.starOff,
|
||||
icon = that.opt.cancelOn;
|
||||
|
||||
if (that.opt.starType === 'img') {
|
||||
that.stars.attr('src', starOff);
|
||||
} else {
|
||||
icon = that.opt.cancelClass + ' ' + icon;
|
||||
|
||||
that.stars.attr('class', starOff);
|
||||
}
|
||||
|
||||
methods._setIcon.call(that, this, icon);
|
||||
methods._target.call(that, null, evt);
|
||||
|
||||
if (that.opt.mouseover) {
|
||||
that.opt.mouseover.call(that, null);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
_buildScoreField: function() {
|
||||
return $('<input />', { name: this.opt.scoreName, type: 'hidden' }).appendTo(this);
|
||||
},
|
||||
|
||||
_createCancel: function() {
|
||||
var icon = this.opt.path + this.opt.cancelOff,
|
||||
cancel = $('<' + this.opt.starType + ' />', { title: this.opt.cancelHint, 'class': this.opt.cancelClass });
|
||||
|
||||
if (this.opt.starType === 'img') {
|
||||
cancel.attr({ src: icon, alt: 'x' });
|
||||
} else {
|
||||
// TODO: use $.data
|
||||
cancel.attr('data-alt', 'x').addClass(icon);
|
||||
}
|
||||
|
||||
if (this.opt.cancelPlace === 'left') {
|
||||
this.self.prepend(' ').prepend(cancel);
|
||||
} else {
|
||||
this.self.append(' ').append(cancel);
|
||||
}
|
||||
|
||||
this.cancel = cancel;
|
||||
},
|
||||
|
||||
_createScore: function() {
|
||||
var score = $(this.opt.targetScore);
|
||||
|
||||
this.score = score.length ? score : methods._buildScoreField.call(this);
|
||||
},
|
||||
|
||||
_createStars: function() {
|
||||
for (var i = 1; i <= this.opt.number; i++) {
|
||||
var
|
||||
name = methods._nameForIndex.call(this, i),
|
||||
attrs = { alt: i, src: this.opt.path + this.opt[name] };
|
||||
|
||||
if (this.opt.starType !== 'img') {
|
||||
attrs = { 'data-alt': i, 'class': attrs.src }; // TODO: use $.data.
|
||||
}
|
||||
|
||||
attrs.title = methods._getHint.call(this, i);
|
||||
|
||||
$('<' + this.opt.starType + ' />', attrs).appendTo(this);
|
||||
|
||||
if (this.opt.space) {
|
||||
this.self.append(i < this.opt.number ? ' ' : '');
|
||||
}
|
||||
}
|
||||
|
||||
this.stars = this.self.children(this.opt.starType);
|
||||
},
|
||||
|
||||
_error: function(message) {
|
||||
$(this).text(message);
|
||||
|
||||
$.error(message);
|
||||
},
|
||||
|
||||
_fill: function(score) {
|
||||
var hash = 0;
|
||||
|
||||
for (var i = 1; i <= this.stars.length; i++) {
|
||||
var
|
||||
icon,
|
||||
star = this.stars[i - 1],
|
||||
turnOn = methods._turnOn.call(this, i, score);
|
||||
|
||||
if (this.opt.iconRange && this.opt.iconRange.length > hash) {
|
||||
var irange = this.opt.iconRange[hash];
|
||||
|
||||
icon = methods._getRangeIcon.call(this, irange, turnOn);
|
||||
|
||||
if (i <= irange.range) {
|
||||
methods._setIcon.call(this, star, icon);
|
||||
}
|
||||
|
||||
if (i === irange.range) {
|
||||
hash++;
|
||||
}
|
||||
} else {
|
||||
icon = this.opt[turnOn ? 'starOn' : 'starOff'];
|
||||
|
||||
methods._setIcon.call(this, star, icon);
|
||||
}
|
||||
}
|
||||
},
|
||||
|
||||
_getFirstDecimal: function(number) {
|
||||
var
|
||||
decimal = number.toString().split('.')[1],
|
||||
result = 0;
|
||||
|
||||
if (decimal) {
|
||||
result = parseInt(decimal.charAt(0), 10);
|
||||
|
||||
if (decimal.slice(1, 5) === '9999') {
|
||||
result++;
|
||||
}
|
||||
}
|
||||
|
||||
return result;
|
||||
},
|
||||
|
||||
_getRangeIcon: function(irange, turnOn) {
|
||||
return turnOn ? irange.on || this.opt.starOn : irange.off || this.opt.starOff;
|
||||
},
|
||||
|
||||
_getScoreByPosition: function(evt, icon) {
|
||||
var score = parseInt(icon.alt || icon.getAttribute('data-alt'), 10);
|
||||
|
||||
if (this.opt.half) {
|
||||
var
|
||||
size = methods._getWidth.call(this),
|
||||
percent = parseFloat((evt.pageX - $(icon).offset().left) / size);
|
||||
|
||||
score = score - 1 + percent;
|
||||
}
|
||||
|
||||
return score;
|
||||
},
|
||||
|
||||
_getHint: function(score, evt) {
|
||||
if (score !== 0 && !score) {
|
||||
return this.opt.noRatedMsg;
|
||||
}
|
||||
|
||||
var
|
||||
decimal = methods._getFirstDecimal.call(this, score),
|
||||
integer = Math.ceil(score),
|
||||
group = this.opt.hints[(integer || 1) - 1],
|
||||
hint = group,
|
||||
set = !evt || this.move;
|
||||
|
||||
if (this.opt.precision) {
|
||||
if (set) {
|
||||
decimal = decimal === 0 ? 9 : decimal - 1;
|
||||
}
|
||||
|
||||
hint = group[decimal];
|
||||
} else if (this.opt.halfShow || this.opt.half) {
|
||||
decimal = set && decimal === 0 ? 1 : decimal > 5 ? 1 : 0;
|
||||
|
||||
hint = group[decimal];
|
||||
}
|
||||
|
||||
return hint === '' ? '' : hint || score;
|
||||
},
|
||||
|
||||
_getWidth: function() {
|
||||
var width = this.stars[0].width || parseFloat(this.stars.eq(0).css('font-size'));
|
||||
|
||||
if (!width) {
|
||||
methods._error.call(this, 'Could not get the icon width!');
|
||||
}
|
||||
|
||||
return width;
|
||||
},
|
||||
|
||||
_lock: function() {
|
||||
var hint = methods._getHint.call(this, this.score.val());
|
||||
|
||||
this.style.cursor = '';
|
||||
this.title = hint;
|
||||
|
||||
this.score.prop('readonly', true);
|
||||
this.stars.prop('title', hint);
|
||||
|
||||
if (this.cancel) {
|
||||
this.cancel.hide();
|
||||
}
|
||||
|
||||
this.self.data('readonly', true);
|
||||
},
|
||||
|
||||
_nameForIndex: function(i) {
|
||||
return this.opt.score && this.opt.score >= i ? 'starOn' : 'starOff';
|
||||
},
|
||||
|
||||
_resetTitle: function(star) {
|
||||
for (var i = 0; i < this.opt.number; i++) {
|
||||
this.stars[i].title = methods._getHint.call(this, i + 1);
|
||||
}
|
||||
},
|
||||
|
||||
_roundHalfScore: function(score) {
|
||||
var integer = parseInt(score, 10),
|
||||
decimal = methods._getFirstDecimal.call(this, score);
|
||||
|
||||
if (decimal !== 0) {
|
||||
decimal = decimal > 5 ? 1 : 0.5;
|
||||
}
|
||||
|
||||
return integer + decimal;
|
||||
},
|
||||
|
||||
_roundStars: function(score, evt) {
|
||||
var
|
||||
decimal = (score % 1).toFixed(2),
|
||||
name ;
|
||||
|
||||
if (evt || this.move) {
|
||||
name = decimal > 0.5 ? 'starOn' : 'starHalf';
|
||||
} else if (decimal > this.opt.round.down) { // Up: [x.76 .. x.99]
|
||||
name = 'starOn';
|
||||
|
||||
if (this.opt.halfShow && decimal < this.opt.round.up) { // Half: [x.26 .. x.75]
|
||||
name = 'starHalf';
|
||||
} else if (decimal < this.opt.round.full) { // Down: [x.00 .. x.5]
|
||||
name = 'starOff';
|
||||
}
|
||||
}
|
||||
|
||||
if (name) {
|
||||
var
|
||||
icon = this.opt[name],
|
||||
star = this.stars[Math.ceil(score) - 1];
|
||||
|
||||
methods._setIcon.call(this, star, icon);
|
||||
} // Full down: [x.00 .. x.25]
|
||||
},
|
||||
|
||||
_setIcon: function(star, icon) {
|
||||
star[this.opt.starType === 'img' ? 'src' : 'className'] = this.opt.path + icon;
|
||||
},
|
||||
|
||||
_setTarget: function(target, score) {
|
||||
if (score) {
|
||||
score = this.opt.targetFormat.toString().replace('{score}', score);
|
||||
}
|
||||
|
||||
if (target.is(':input')) {
|
||||
target.val(score);
|
||||
} else {
|
||||
target.html(score);
|
||||
}
|
||||
},
|
||||
|
||||
_setTitle: function(score, evt) {
|
||||
if (score) {
|
||||
var
|
||||
integer = parseInt(Math.ceil(score), 10),
|
||||
star = this.stars[integer - 1];
|
||||
|
||||
star.title = methods._getHint.call(this, score, evt);
|
||||
}
|
||||
},
|
||||
|
||||
_target: function(score, evt) {
|
||||
if (this.opt.target) {
|
||||
var target = $(this.opt.target);
|
||||
|
||||
if (!target.length) {
|
||||
methods._error.call(this, 'Target selector invalid or missing!');
|
||||
}
|
||||
|
||||
var mouseover = evt && evt.type === 'mouseover';
|
||||
|
||||
if (score === undefined) {
|
||||
score = this.opt.targetText;
|
||||
} else if (score === null) {
|
||||
score = mouseover ? this.opt.cancelHint : this.opt.targetText;
|
||||
} else {
|
||||
if (this.opt.targetType === 'hint') {
|
||||
score = methods._getHint.call(this, score, evt);
|
||||
} else if (this.opt.precision) {
|
||||
score = parseFloat(score).toFixed(1);
|
||||
}
|
||||
|
||||
var mousemove = evt && evt.type === 'mousemove';
|
||||
|
||||
if (!mouseover && !mousemove && !this.opt.targetKeep) {
|
||||
score = this.opt.targetText;
|
||||
}
|
||||
}
|
||||
|
||||
methods._setTarget.call(this, target, score);
|
||||
}
|
||||
},
|
||||
|
||||
_turnOn: function(i, score) {
|
||||
return this.opt.single ? (i === score) : (i <= score);
|
||||
},
|
||||
|
||||
_unlock: function() {
|
||||
this.style.cursor = 'pointer';
|
||||
this.removeAttribute('title');
|
||||
|
||||
this.score.removeAttr('readonly');
|
||||
|
||||
this.self.data('readonly', false);
|
||||
|
||||
for (var i = 0; i < this.opt.number; i++) {
|
||||
this.stars[i].title = methods._getHint.call(this, i + 1);
|
||||
}
|
||||
|
||||
if (this.cancel) {
|
||||
this.cancel.css('display', '');
|
||||
}
|
||||
},
|
||||
|
||||
cancel: function(click) {
|
||||
return this.each(function() {
|
||||
var self = $(this);
|
||||
|
||||
if (self.data('readonly') !== true) {
|
||||
methods[click ? 'click' : 'score'].call(self, null);
|
||||
|
||||
this.score.removeAttr('value');
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
click: function(score) {
|
||||
return this.each(function() {
|
||||
if ($(this).data('readonly') !== true) {
|
||||
score = methods._adjustedScore.call(this, score);
|
||||
|
||||
methods._apply.call(this, score);
|
||||
|
||||
if (this.opt.click) {
|
||||
this.opt.click.call(this, score, $.Event('click'));
|
||||
}
|
||||
|
||||
methods._target.call(this, score);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
destroy: function() {
|
||||
return this.each(function() {
|
||||
var self = $(this),
|
||||
raw = self.data('raw');
|
||||
|
||||
if (raw) {
|
||||
self.off('.raty').empty().css({ cursor: raw.style.cursor }).removeData('readonly');
|
||||
} else {
|
||||
self.data('raw', self.clone()[0]);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
getScore: function() {
|
||||
var score = [],
|
||||
value ;
|
||||
|
||||
this.each(function() {
|
||||
value = this.score.val();
|
||||
|
||||
score.push(value ? +value : undefined);
|
||||
});
|
||||
|
||||
return (score.length > 1) ? score : score[0];
|
||||
},
|
||||
|
||||
move: function(score) {
|
||||
return this.each(function() {
|
||||
var
|
||||
integer = parseInt(score, 10),
|
||||
decimal = methods._getFirstDecimal.call(this, score);
|
||||
|
||||
if (integer >= this.opt.number) {
|
||||
integer = this.opt.number - 1;
|
||||
decimal = 10;
|
||||
}
|
||||
|
||||
var
|
||||
width = methods._getWidth.call(this),
|
||||
steps = width / 10,
|
||||
star = $(this.stars[integer]),
|
||||
percent = star.offset().left + steps * decimal,
|
||||
evt = $.Event('mousemove', { pageX: percent });
|
||||
|
||||
this.move = true;
|
||||
|
||||
star.trigger(evt);
|
||||
|
||||
this.move = false;
|
||||
});
|
||||
},
|
||||
|
||||
readOnly: function(readonly) {
|
||||
return this.each(function() {
|
||||
var self = $(this);
|
||||
|
||||
if (self.data('readonly') !== readonly) {
|
||||
if (readonly) {
|
||||
self.off('.raty').children('img').off('.raty');
|
||||
|
||||
methods._lock.call(this);
|
||||
} else {
|
||||
methods._binds.call(this);
|
||||
methods._unlock.call(this);
|
||||
}
|
||||
|
||||
self.data('readonly', readonly);
|
||||
}
|
||||
});
|
||||
},
|
||||
|
||||
reload: function() {
|
||||
return methods.set.call(this, {});
|
||||
},
|
||||
|
||||
score: function() {
|
||||
var self = $(this);
|
||||
|
||||
return arguments.length ? methods.setScore.apply(self, arguments) : methods.getScore.call(self);
|
||||
},
|
||||
|
||||
set: function(options) {
|
||||
return this.each(function() {
|
||||
$(this).raty($.extend({}, this.opt, options));
|
||||
});
|
||||
},
|
||||
|
||||
setScore: function(score) {
|
||||
return this.each(function() {
|
||||
if ($(this).data('readonly') !== true) {
|
||||
score = methods._adjustedScore.call(this, score);
|
||||
|
||||
methods._apply.call(this, score);
|
||||
methods._target.call(this, score);
|
||||
}
|
||||
});
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.raty = function(method) {
|
||||
if (methods[method]) {
|
||||
return methods[method].apply(this, Array.prototype.slice.call(arguments, 1));
|
||||
} else if (typeof method === 'object' || !method) {
|
||||
return methods.init.apply(this, arguments);
|
||||
} else {
|
||||
$.error('Method ' + method + ' does not exist!');
|
||||
}
|
||||
};
|
||||
|
||||
$.fn.raty.defaults = {
|
||||
cancel : false,
|
||||
cancelClass : 'raty-cancel',
|
||||
cancelHint : 'Cancel this rating!',
|
||||
cancelOff : 'cancel-off.png',
|
||||
cancelOn : 'cancel-on.png',
|
||||
cancelPlace : 'left',
|
||||
click : undefined,
|
||||
half : false,
|
||||
halfShow : true,
|
||||
hints : ['bad', 'poor', 'regular', 'good', 'gorgeous'],
|
||||
iconRange : undefined,
|
||||
mouseout : undefined,
|
||||
mouseover : undefined,
|
||||
noRatedMsg : 'Not rated yet!',
|
||||
number : 5,
|
||||
numberMax : 20,
|
||||
path : undefined,
|
||||
precision : false,
|
||||
readOnly : false,
|
||||
round : { down: 0.25, full: 0.6, up: 0.76 },
|
||||
score : undefined,
|
||||
scoreName : 'score',
|
||||
single : false,
|
||||
space : true,
|
||||
starHalf : 'star-half.png',
|
||||
starOff : 'star-off.png',
|
||||
starOn : 'star-on.png',
|
||||
starType : 'img',
|
||||
target : undefined,
|
||||
targetFormat : '{score}',
|
||||
targetKeep : false,
|
||||
targetScore : undefined,
|
||||
targetText : '',
|
||||
targetType : 'hint'
|
||||
};
|
||||
|
||||
})(jQuery);
|
||||
128
local/modules/Comment/templates/frontOffice/default/comment.html
Normal file
128
local/modules/Comment/templates/frontOffice/default/comment.html
Normal file
@@ -0,0 +1,128 @@
|
||||
{function name=comment_stars empty=1}
|
||||
{$star='<span class="glyphicon glyphicon-star"></span>'}
|
||||
{$star_empty='<span class="glyphicon glyphicon-star-empty"></span>'}
|
||||
|
||||
{for $foo=0 to 4}
|
||||
{if $value > $foo}
|
||||
{$star nofilter}
|
||||
{elseif $empty == 1}
|
||||
{$star_empty nofilter}
|
||||
{/if}
|
||||
{/for}
|
||||
{/function}
|
||||
|
||||
<div class="comments-main">
|
||||
|
||||
<div id="comment-top">
|
||||
|
||||
<div class="well well-sm">
|
||||
{intl d="comment.fo.default" l="Add your comment"}
|
||||
</div>
|
||||
|
||||
<div id="comment-top-message" class="alert hidden"></div>
|
||||
|
||||
{if $definition->isValid()}
|
||||
{form name="comment.add.form"}
|
||||
<form id="form-add-comment" action="{url path="/comment/add"}" method="post" novalidate>
|
||||
|
||||
{form_hidden_fields form=$form}
|
||||
|
||||
{form_field form=$form field="ref"}
|
||||
<input type="hidden" name="{$name}" value="{$definition->getRef()}" />
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field="ref_id"}
|
||||
<input type="hidden" name="{$name}" value="{$definition->getRefId()}" />
|
||||
{/form_field}
|
||||
|
||||
{if ! $definition->getCustomer()}
|
||||
{form_field form=$form field="username"}
|
||||
<div class="form-group">
|
||||
<label for="{$label_attr.for}">{$label}</label>
|
||||
<input type="text" name="{$name}" id="{$label_attr.for}" class="form-control" {if $required} required{/if}>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field="email"}
|
||||
<div class="form-group">
|
||||
<label for="{$label_attr.for}">{$label}</label>
|
||||
<input type="email" name="{$name}" id="{$label_attr.for}" class="form-control" {if $required} required{/if}>
|
||||
</div>
|
||||
{/form_field}
|
||||
{/if}
|
||||
|
||||
{form_field form=$form field="title"}
|
||||
<div class="form-group">
|
||||
<label for="{$label_attr.for}">{$label}</label>
|
||||
<input type="text" name="{$name}" id="{$label_attr.for}" class="form-control" {if $required} required{/if}>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{form_field form=$form field="content"}
|
||||
<div class="form-group">
|
||||
<label for="{$label_attr.for}">{$label}</label>
|
||||
<textarea name="{$name}" id="{$label_attr.for}" class="form-control" {if $required} required{/if}></textarea>
|
||||
</div>
|
||||
{/form_field}
|
||||
|
||||
{if $definition->hasRating()}
|
||||
|
||||
{form_field form=$form field="rating"}
|
||||
<div class="form-group">
|
||||
{$label}
|
||||
<div class="text-primary">
|
||||
<label class="radio-inline">
|
||||
<input type="radio" name="{$name}" value="0">
|
||||
{comment_stars value=0}
|
||||
</label>
|
||||
<label class="radio-inline">
|
||||
<input type="radio" name="{$name}" value="1">
|
||||
{comment_stars value=1}
|
||||
</label>
|
||||
<label class="radio-inline">
|
||||
<input type="radio" name="{$name}" value="2">
|
||||
{comment_stars value=2}
|
||||
</label>
|
||||
<label class="radio-inline">
|
||||
<input type="radio" name="{$name}" value="3">
|
||||
{comment_stars value=3}
|
||||
</label>
|
||||
<label class="radio-inline">
|
||||
<input type="radio" name="{$name}" value="4">
|
||||
{comment_stars value=4}
|
||||
</label>
|
||||
<label class="radio-inline">
|
||||
<input type="radio" name="{$name}" value="5">
|
||||
{comment_stars value=5}
|
||||
</label>
|
||||
</div>
|
||||
</div>
|
||||
{/form_field}
|
||||
{/if}
|
||||
|
||||
<div class="form-group">
|
||||
<button type="submit" class="btn btn-primary">{intl d="comment.fo.default" l="Send"}</button>
|
||||
</div>
|
||||
</form>
|
||||
{/form}
|
||||
{else}
|
||||
<div class="alert alert-info">{$message}</div>
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div id="comment-body" class="comment-body">
|
||||
<div class="well well-sm">
|
||||
{intl d="comment.fo.default" l="Comments"}
|
||||
{if $definition->hasRating()}
|
||||
{$rating={meta meta="COMMENT_RATING" key="{$definition->getRef()}" id="{$definition->getRefId()}"}}
|
||||
{if $rating}
|
||||
<span class="pull-right">
|
||||
{intl d="comment.fo.default" l="rating:"} {comment_stars value=$rating}
|
||||
</span>
|
||||
{/if}
|
||||
{/if}
|
||||
</div>
|
||||
|
||||
<div id="comment-list" class="comment-list"></div>
|
||||
</div>
|
||||
</div>
|
||||
@@ -0,0 +1,17 @@
|
||||
|
||||
{*
|
||||
A function inside an included file seems not working in smarty
|
||||
*}
|
||||
|
||||
{function name=comment_stars empty=1}
|
||||
{$star='<span class="glyphicon glyphicon-star"></span>'}
|
||||
{$star_empty='<span class="glyphicon glyphicon-star-empty"></span>'}
|
||||
|
||||
{for $foo=0 to 4}
|
||||
{if $value > $foo}
|
||||
{$star nofilter}
|
||||
{elseif $empty == 1}
|
||||
{$star_empty nofilter}
|
||||
{/if}
|
||||
{/for}
|
||||
{/function}
|
||||
15
local/modules/Comment/templates/frontOffice/default/js.html
Normal file
15
local/modules/Comment/templates/frontOffice/default/js.html
Normal file
@@ -0,0 +1,15 @@
|
||||
<script type="text/javascript">
|
||||
|
||||
var commentConfig = {
|
||||
ref: '{$ref}',
|
||||
id: '{$ref_id}',
|
||||
start: 0,
|
||||
count: 10,
|
||||
|
||||
get: '{url path="/comment/get"}',
|
||||
post: '{url path="/comment/add"}',
|
||||
delete: '{url path="/comment/delete"}',
|
||||
abuse: '{url path="/comment/abuse"}'
|
||||
};
|
||||
|
||||
</script>
|
||||
Reference in New Issue
Block a user