comparison templates/recordedTable.html @ 27:a34f2ff49097

add: editable title & description

26:82c1375ddb4a

				}
				else {
					$('#resid_' + id ).hide();
				}
			});
		}
	}
-->
</script>
<style type="text/css">
<!--
body {padding:4px;margin:0;font-size:10pt;}

  <th>ch</th>
  <th>モード</th>
  {if $use_thumbs}<th>サムネール</th>{/if}
  <th>タイトル</th>
  <th>内容</th>
  <th>情報削除</th>
 </tr>

{foreach from=$records item=rec }
 <tr id="resid_{$rec.id}" class="ctg_{$rec.cat}">
  <td>{$rec.starttime}</td>
  <td>{$rec.station_name}</td>
  <td>{$rec.mode}</td>
  {if $use_thumbs}<td><a href="{$rec.asf}">{$rec.thumb}</a></td>{/if}
  <td><a href="{$rec.asf}">{$rec.title}</a></td>
  <td><a href="{$rec.asf}">{$rec.description}</a></td>
  <td><input type="button" value="削除" onClick="javascript:PRG.dialog('{$rec.id}','{$rec.title}')" /></td>
 </tr>
{/foreach}
</table>

27:a34f2ff49097

				}
				else {
					$('#resid_' + id ).hide();
				}
			});
		},
		editdialog:function(id) {
			$('#floatBox4Dialog').dialog({title:'変更',width:500});
			var str;
			str  = '<div class="prg_title">録画ID:' + id + '</div>';
			str += '<input type="hidden" name="reserve_id" id="id_reserve_id" value="' + id +  '" />';
			str += '<div><span class="labelLeft">タイトル</span><input name="title" id="id_title" size="30"  value="'+ $('#tid_' + id ).html() + '" /></div>';
			str += '<div><span class="labelLeft">概要</span><textarea name="description" id="id_description" cols="30" rows="5" >' + $('#did_' + id ).html() + '</textarea></div>';
			str += '<div style="margin:2em 0 1em 0;text-align:center;"><a href="javascript:PRG.edit()" class="ui-state-default ui-corner-all ui-dialog-buttonpane button">変更する</a></div>';
			
			$('#floatBox4Dialog').html(str);
			$('#floatBox4Dialog').dialog('open','center');
		},
		edit:function() {
			var id_reserve_id = $('#id_reserve_id').val();
			var id_title = $('#id_title').val();
			var id_description = $('#id_description').val();

			$.post('changeReservation.php', { reserve_id: id_reserve_id,
							  title: id_title,
							  description: id_description }, function( data ) {
				if(data.match(/^error/i)){
					alert(data);
					$('#floatBox4Dialog').dialog('close');

				}
				else {
					$('#tid_' + id_reserve_id ).html( id_title );
					$('#did_' + id_reserve_id ).html( id_description );
					$('#floatBox4Dialog').dialog('close');
				}
			});
		}
	}
	$(document).ready(function () {
		var DG = $('#floatBox4Dialog');
		DG.dialog({title:'あれ？',width:500});
		DG.dialog('close');
	});
-->
</script>
<style type="text/css">
<!--
body {padding:4px;margin:0;font-size:10pt;}

  <th>ch</th>
  <th>モード</th>
  {if $use_thumbs}<th>サムネール</th>{/if}
  <th>タイトル</th>
  <th>内容</th>
  <th>変更</th>
  <th>削除</th>
 </tr>

{foreach from=$records item=rec }
 <tr id="resid_{$rec.id}" class="ctg_{$rec.cat}">
  <td>{$rec.starttime}</td>
  <td>{$rec.station_name}</td>
  <td>{$rec.mode}</td>
  {if $use_thumbs}<td><a href="{$rec.asf}">{$rec.thumb}</a></td>{/if}
  <td><a href="{$rec.asf}" id="tid_{$rec.id}">{$rec.title}</a></td>
  <td><a href="{$rec.asf}" id="did_{$rec.id}">{$rec.description}</a></td>
  <td><input type="button" value="変更" onClick="javascript:PRG.editdialog('{$rec.id}')" /></td>
  <td><input type="button" value="削除" onClick="javascript:PRG.dialog('{$rec.id}','{$rec.title}')" /></td>
 </tr>
{/foreach}
</table>