Skip to content

Instantly share code, notes, and snippets.

@hakunin

hakunin/gist:656272

Created October 31, 2010 07:52
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save hakunin/656272 to your computer and use it in GitHub Desktop.
Save hakunin/656272 to your computer and use it in GitHub Desktop.
Download ZIP
edit.html.erb
Raw
gistfile1.txt
<h1><%= String.valueOf(@offer.title) %></h1>
<!-- END COPY SELECTION HERE --><%=
'<form action="/admin/offers/save/'+String.valueOf(@offer.url_id)+'" method="POST" enctype="multipart/form-data" >
<fieldset><legend>Titulek slevové akce</legend>
<input id="offer_title" type="text" name="offer[title]" value="'+String.valueOf(@offer.title)+'">
</fieldset>
<label>Krátký popis:</label><br>
<textarea name="offer[short_desc]" rows="2" cols="55">'+String.valueOf(@offer.short_desc)+'</textarea>
<br>
<fieldset><legend>Cena</legend>
<label>před slevou</label>
<input type="text" value="'+String.valueOf(@offer.original_price)+'" name="offer[original_price]">kč<br>
<label>po slevě</label>
<input type="text" value="'+String.valueOf(@offer.price)+'" name="offer[price]">kč<br>
</fieldset>
<fieldset><legend>Nákup</legend>
<label>minimum pro aktivaci</label>
<input type="text" value="'+String.valueOf(@offer.min_buys)+'" name="offer[min_buys]">nákupů<br>
<label>maximum</label>
<input type="text" value="'+String.valueOf(@offer.max_buys)+'" name="offer[max_buys]">nákupů<br>
<label>maximum na hlavu</label>
<input type="text" value="'+String.valueOf(@offer.max_buys_per_person)+'" name="offer[max_buys_per_person]">nákupů<br>
</fieldset>
<fieldset><legend>Info</legend>
<label>Odkaz na prodejce / produkt</label>
<input type="text" value="'+String.valueOf(@offer.url)+'" name="offer[url]"><br>
'+(@offer.key ? '<img src="/f/'+@offer.id+'" width="150px">' : '') +'
<label>Hlavní obrázek</label>
<input type="file" name="offer[photo]"><br>
</fieldset>
<fieldset><legend>Délka akce</legend>
<label>začátek</label>
<input type="text" class="date-field" id="offering_from_human"><br>
<input type="hidden" value="'+String.valueOf(@offer.offering_from)+'" id="offering_from_ts" name="offer[offering_from]"><br>
<label>konec</label>
<input type="text" class="date-field" id="offering_to_human"><br>
<input type="hidden" value="'+String.valueOf(@offer.offering_to)+'" id="offering_to_ts" name="offer[offering_to]"><br>
</fieldset>
<fieldset><legend>Platnost kupónů</legend>
<label>Začátek</label>
<input type="text" class="date-field" id="starting_date_human"><br>
<input type="hidden" value="'+String.valueOf(@offer.starting_date)+'" id="starting_date_ts" name="offer[starting_date]"><br>
<label>Konec</label>
<input type="text" class="date-field" id="expiry_date_human"><br>
<input type="hidden" value="'+String.valueOf(@offer.expiry_date)+'" id="expiry_date_ts" name="offer[expiry_date]"><br>
</fieldset>
<label>Detaily a popis:</label><br>
<textarea name="offer[details]" rows="10" cols="55">'+String.valueOf(@offer.details)+'</textarea>
<br>
<button type="submit" name="action" value="save" >Uložit !!!</button>
<button type="submit" name="action" value="delete" onclick="return confirm(\'Opravdu opravdu?\')" >Smazat</button>
</form>
'
%><!-- START COPY SELECTION HERE -->
<script>
$(function()
{
console.log('yes');
$( ".date-field" ).each(function() {
var ts_field = $('#'+this.id.replace('human', 'ts'))[0];
ts_field.value = ts_field.value*1 + new Date().getTimezoneOffset()*60*1000;
var dp = $(this).datepicker({
altField: ts_field,
altFormat: "@",
dateFormat: 'dd. mm. yy',
firstDay: 1,
onSelect: function(dateText) {
console.log(ts_field.value);
ts_field.value = ts_field.value*1 - new Date().getTimezoneOffset()*60*1000;
console.log(ts_field.value);
}
});
var date = new Date();
date.setTime(ts_field.value);
//console.log(ts_field);
this.value = $.datepicker.formatDate('dd. mm. yy', date);
})
});
</script>
Hit CTRL + C, CTRL+V
See resulting care position:
<h1><%= String.valueOf(@offer.title) %></h1>
<%=
'<form action="/admin/offers/save/'+String.valueOf(@offer.url_id)+'" method="POST" enctype="multipart/form-data" >
<fieldset><legend>Titulek slevové akce</legend>
<input id="offer_title" type="text" name="offer[title]" value="'+String.valueOf(@offer.title)+'">
</fieldset>
<label>Krátký popis:</label><br>
<textarea name="offer[short_desc]" rows="2" cols="55">'+String.valueOf(@offer.short_desc)+'</textarea>
<br>
<fieldset><legend>Cena</legend>
<label>před slevou</label>
<input type="text" value="'+String.valueOf(@offer.original_price)+'" name="offer[original_price]">kč<br>
<label>po slevě</label>
<input type="text" value="'+String.valueOf(@offer.price)+'" name="offer[price]">kč<br>
</fieldset>
<fieldset><legend>Nákup</legend>
<label>minimum pro aktivaci</label>
<input type="text" value="'+String.valueOf(@offer.min_buys)+'" name="offer[min_buys]">nákupů<br>
<label>maximum</label>
<input type="text" value="'+String.valueOf(@offer.max_buys)+'" name="offer[max_buys]">nákupů<br>
<label>maximum na hlavu</label>
<input type="text" value="'+String.valueOf(@offer.max_buys_per_person)+'" name="offer[max_buys_per_person]">nákupů<br>
</fieldset>
<fieldset><legend>Info</legend>
<label>Odkaz na prodejce / produkt</label>
<input type="text" value="'+String.valueOf(@offer.url)+'" name="offer[url]"><br>
'+(@offer.key ? '<img src="/f/'+@offer.id+'" width="150px">' : '') +'
<label>Hlavní obrázek</label>
<input type="file" name="offer[photo]"><br>
</fieldset>
<fieldset><legend>Délka akce</legend>
<label>začátek</label>
<input type="text" class="date-field" id="offering_from_human"><br>
<input type="hidden" value="'+String.valueOf(@offer.offering_from)+'" id="offering_from_ts" name="offer[offering_from]"><br>
<label>konec</label>
<input type="text" class="date-field" id="offering_to_human"><br>
<input type="hidden" value="'+String.valueOf(@offer.offering_to)+'" id="offering_to_ts" name="offer[offering_to]"><br>
</fieldset>
<fieldset><legend>Platnost kupónů</legend>
<label>Začátek</label>
<input type="text" class="date-field" id="starting_date_human"><br>
<input type="hidden" value="'+String.valueOf(@offer.starting_date)+'" id="starting_date_ts" name="offer[starting_date]"><br>
<label>Konec</label>
<input type="text" class="date-field" id="expiry_date_human"><br>
<input type="hidden" value="'+String.valueOf(@offer.expiry_date)+'" id="expiry_date_ts" name="offer[expiry_date]"><br>
</fieldset>
<label>Detaily a popis:</label><br>
<textarea name="offer[details]" rows="10" cols="55">'+String.valueOf(@offer.details)+'</textarea>
<br>
<button type="submit" name="action" value="save" >Uložit !!!</button>
<button type="submit" name="action" value="delete" onclick="return confirm(\'Opravdu opravdu?\')" >Smazat</button>
</form>
'
%><!--- HERE IS WHERE THE CARET *SHOULD* END UP --- >
<script>
$(function() <!--- HERE IS WHERE THE CARET ENDS UP --- >
{
console.log('yes');
$( ".date-field" ).each(function() {
var ts_field = $('#'+this.id.replace('human', 'ts'))[0];
ts_field.value = ts_field.value*1 + new Date().getTimezoneOffset()*60*1000;
var dp = $(this).datepicker({
altField: ts_field,
altFormat: "@",
dateFormat: 'dd. mm. yy',
firstDay: 1,
onSelect: function(dateText) {
console.log(ts_field.value);
ts_field.value = ts_field.value*1 - new Date().getTimezoneOffset()*60*1000;
console.log(ts_field.value);
}
});
var date = new Date();
date.setTime(ts_field.value);
//console.log(ts_field);
this.value = $.datepicker.formatDate('dd. mm. yy', date);
})
});
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment