232 lines
9.0 KiB
Smarty
232 lines
9.0 KiB
Smarty
|
|
<br />
|
|
|
|
{if $data.state == 2}
|
|
<div class="error_box">
|
|
Bitte füllen Sie alle Felder aus und machen die Bewertung.
|
|
</div>
|
|
{/if}
|
|
{if $data.state == 3}
|
|
<div class="error_box">
|
|
Es ist ein Fehler aufgetreten, bitte wenden Sie sich an den Administrator!
|
|
</div>
|
|
{/if}
|
|
|
|
{if $data.state != 1}
|
|
|
|
<form class="cashier" id="opinion_form" method="post" enctype="multipart/form-data">
|
|
|
|
<div class="form_sub_wrapper_bg content_customer_registration_part_wrapper">
|
|
|
|
<div style="position:relative;height:431px;width:284px;float:left;background: transparent url({$THEME_DIR}/media/images/bewertung_bg.png) no-repeat;">
|
|
<div style="position:absolute;top:20px;left:33px;">
|
|
<div class="fe_sub_title" style="color:#003c54;">Persönliche Daten</div>
|
|
|
|
<br />
|
|
|
|
<div class="content_customer_registration_input_wrapper">
|
|
<label for="customer_field[user_salutation]" class="required_always">Anrede *</label><br />
|
|
<select name="customer_field[user_salutation]" style="width:70px;" size="1" id="honorific">
|
|
<option value="0" {if $data.form_data.user_salutation == '0'}selected="selected"{/if}>Herr</option>
|
|
<option value="1" {if $data.form_data.user_salutation == 1}selected="selected"{/if}>Frau</option>
|
|
</select>
|
|
</div>
|
|
<div class="clear"></div>
|
|
<!-- Firstname -->
|
|
<div class="content_customer_registration_input_wrapper">
|
|
<label class="required_always">Vorname *</label><br />
|
|
<div class="v_input_wrapper">
|
|
<div class="v_input_left"> </div>
|
|
<div class="v_input_middle">
|
|
<input type="text" name="customer_field[user_firstname]" value="{$data.form_data.user_firstname}" style="color:#000000" />
|
|
</div>
|
|
<div class="v_input_right"> </div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
<!-- Surname -->
|
|
<div class="content_customer_registration_input_wrapper">
|
|
<label class="required_always">Nachname *</label><br />
|
|
<div class="v_input_wrapper">
|
|
<div class="v_input_left"> </div>
|
|
<div class="v_input_middle">
|
|
<input type="text" name="customer_field[user_surename]" value="{$data.form_data.user_surename}" style="color:#000000" />
|
|
</div>
|
|
<div class="v_input_right"> </div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
<!-- Address -->
|
|
<div class="content_customer_registration_input_wrapper">
|
|
<label class="required_always">Ort *</label><br />
|
|
<div class="v_input_wrapper">
|
|
<div class="v_input_left"> </div>
|
|
<div class="v_input_middle">
|
|
<input type="text" name="customer_field[user_address]" value="{$data.form_data.user_address}" style="color:#000000" />
|
|
</div>
|
|
<div class="v_input_right"> </div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
<!-- Phone -->
|
|
<div class="content_customer_registration_input_wrapper">
|
|
<label>Telefon</label><br />
|
|
<div class="v_input_wrapper">
|
|
<div class="v_input_left"> </div>
|
|
<div class="v_input_middle">
|
|
<input type="text" name="customer_field[user_phone]" value="{$data.form_data.user_phone}" style="color:#000000" />
|
|
</div>
|
|
<div class="v_input_right"> </div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
|
|
<!-- Email -->
|
|
<div class="content_customer_registration_input_wrapper">
|
|
<label class="required_always">E-Mail *</label><br />
|
|
<div class="v_input_wrapper">
|
|
<div class="v_input_left"> </div>
|
|
<div class="v_input_middle">
|
|
<input type="text" name="customer_field[user_email]" value="{$data.form_data.user_email}" style="color:#000000" />
|
|
</div>
|
|
<div class="v_input_right"> </div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div style="position:relative;float:left;">
|
|
|
|
<div class="content_customer_registration_part_wrapper" style="left:20px;top:20px;height:170px;">
|
|
|
|
<div class="fe_sub_title" style="color:#003c54;">Jetzt bewerten</div>
|
|
|
|
<table border="0" cellpadding="2" cellspacing="2">
|
|
<tr style="height:40px;text-valign:top;">
|
|
<td><span class="opinion_rating_title">Lieferung</span></td>
|
|
<td>
|
|
<div class="opinion_rating">
|
|
<input class="hover-star1 required" type="radio" name="customer_field[opinion_rang1]" title="Ausreichend" value="1"/>
|
|
<input class="hover-star1" type="radio" name="customer_field[opinion_rang1]" title="Durchschnittlich" value="2"/>
|
|
<input class="hover-star1" type="radio" name="customer_field[opinion_rang1]" title="Gut" value="3"/>
|
|
<input class="hover-star1" type="radio" name="customer_field[opinion_rang1]" title="Sehr Gut" value="4"/>
|
|
<input class="hover-star1" type="radio" name="customer_field[opinion_rang1]" title="Perfekt" value="5"/>
|
|
</div>
|
|
</td>
|
|
<td><div id="hover-text1"></div></td>
|
|
</tr>
|
|
<tr style="height:40px;text-valign:top;">
|
|
<td><span class="opinion_rating_title">Ware</span></td>
|
|
<td>
|
|
<div class="opinion_rating">
|
|
<input class="hover-star2 required" type="radio" name="customer_field[opinion_rang2]" title="Ausreichend" value="1"/>
|
|
<input class="hover-star2" type="radio" name="customer_field[opinion_rang2]" title="Durchschnittlich" value="2"/>
|
|
<input class="hover-star2" type="radio" name="customer_field[opinion_rang2]" title="Gut" value="3"/>
|
|
<input class="hover-star2" type="radio" name="customer_field[opinion_rang2]" title="Sehr Gut" value="4"/>
|
|
<input class="hover-star2" type="radio" name="customer_field[opinion_rang2]" title="Perfekt" value="5"/>
|
|
</div>
|
|
</td>
|
|
<td><div id="hover-text2"></div></td>
|
|
</tr>
|
|
<tr style="height:40px;text-valign:top;">
|
|
<td><span class="opinion_rating_title">Kundenservice</span></td>
|
|
<td>
|
|
<div class="opinion_rating">
|
|
<input class="hover-star3 required" type="radio" name="customer_field[opinion_rang3]" title="Ausreichend" value="1"/>
|
|
<input class="hover-star3" type="radio" name="customer_field[opinion_rang3]" title="Durchschnittlich" value="2"/>
|
|
<input class="hover-star3" type="radio" name="customer_field[opinion_rang3]" title="Gut" value="3"/>
|
|
<input class="hover-star3" type="radio" name="customer_field[opinion_rang3]" title="Sehr Gut" value="4"/>
|
|
<input class="hover-star3" type="radio" name="customer_field[opinion_rang3]" title="Perfekt" value="5"/>
|
|
</div>
|
|
</td>
|
|
<td><div id="hover-text3"></div></td>
|
|
</tr>
|
|
</table>
|
|
|
|
</div>
|
|
|
|
<div class="content_customer_registration_part_wrapper" style="left:20px;top:20px;height:170px;">
|
|
<br />
|
|
<div class="fe_sub_title" style="color:#003c54;">Ihre Mitteilung</div>
|
|
<br />
|
|
|
|
<!-- Notiz -->
|
|
<div class="content_customer_registration_input_wrapper">
|
|
<label class="required_always">wird mit Vornamen veröffentlicht</label><br />
|
|
<div class="v_input_wrapper">
|
|
<textarea type="text" name="customer_field[opinion_text]" style="color:#000000; width:632px;height:170px;border:1px solid #cccccc;">{$data.form_data.opinion_text}</textarea>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
|
|
<div id="send_container" style="width:172px;height:44px;overflow:hidden;position:relative;cursor:pointer;color:#999999;">
|
|
<div style="position:absolute;width:172px;height:44px;left:0px;background:#cccccc;text-align:center;font-weight:bold;font-size:16px;line-height:44px;">Senden</div>
|
|
</div>
|
|
<div class="clear"></div>
|
|
</form>
|
|
<br /><br />
|
|
{/if}
|
|
|
|
<script type="text/javascript" src="/libs/star-rating/jquery.MetaData.js"></script>
|
|
<script type="text/javascript" src="/libs/star-rating/jquery.rating.js"></script>
|
|
<script language="JavaScript">
|
|
$(document).ready(function() {
|
|
|
|
$('#send_container').click(function() {
|
|
$('#opinion_form').submit();
|
|
});
|
|
|
|
$('.hover-star1').rating({
|
|
focus: function(value, link){
|
|
var tip = $('#hover-text1');
|
|
tip[0].data = tip[0].data || tip.html();
|
|
tip.html(link.title || 'value: '+value);
|
|
},
|
|
blur: function(value, link){
|
|
var tip = $('#hover-text1');
|
|
$('#hover-text1').html(tip[0].data || '');
|
|
}
|
|
});
|
|
|
|
$('.hover-star2').rating({
|
|
focus: function(value, link){
|
|
var tip = $('#hover-text2');
|
|
tip[0].data = tip[0].data || tip.html();
|
|
tip.html(link.title || 'value: '+value);
|
|
},
|
|
blur: function(value, link){
|
|
var tip = $('#hover-text2');
|
|
$('#hover-text2').html(tip[0].data || '');
|
|
}
|
|
});
|
|
|
|
$('.hover-star3').rating({
|
|
focus: function(value, link){
|
|
var tip = $('#hover-text3');
|
|
tip[0].data = tip[0].data || tip.html();
|
|
tip.html(link.title || 'value: '+value);
|
|
},
|
|
blur: function(value, link){
|
|
var tip = $('#hover-text3');
|
|
$('#hover-text3').html(tip[0].data || '');
|
|
}
|
|
});
|
|
|
|
});
|
|
</script>
|
|
|
|
|
|
|