File Manager

<script type="text/javascript">
var action_id = '{$actionid}';
var article_id = '{$articleid|default:""}';
var ajax_url = '{$ajax_get_url}';
var manually_changed = 0;
var finished_setup = 0;
var ajax_xhr = 0;
var ajax_timeout;
ajax_url = ajax_url.replace(/amp;/g,'') + '&suppressoutput=1';

{literal}
function ajax_geturl()
{
  var form = $('#cgblog_editarticle form');
  var vtitle = $('#article_title').val();
  var vpostdate = form.form_get_datetime(action_id+'postdate_',1);
  ajax_xhr = $.post(ajax_url, { title: vtitle, postdate: vpostdate, articleid: article_id }, function(retdata){
    $('#article_url').val(retdata);
    ajax_xhr = 0;
  });
}

function on_change()
{
  if( manually_changed == 0 && finished_setup == 1)
  {
    // ajax function to get a unique url given a title.
    if( ajax_timeout != undefined ) clearTimeout(ajax_timeout);
    if( ajax_xhr = 0 ) xhr.abort();
    ajax_timeout = setTimeout(ajax_geturl,500);
  }
}

$(document).ready(function(){
  if( article_id != '' && jQuery().fancybox && $('a.fancybox').length > 0 )
  {
    $('a.fancybox').fancybox();
  }

  $('#article_url').keyup(function(){
    val = $(this).val();
    if( val == '' )
      {
        manually_changed = 0
      }
    else
      {
        manually_changed = 1;
      }
  });

  $('form').ajaxStart(function(){
    $('*').css('cursor','progress');
  });

  $('form').ajaxStop(function(){
    $('*').css('cursor','auto');
  });

  $('#sel_postdate').change(function(){
    on_change();
  });

  $('#article_title').keyup(function(){
    on_change();
  });

  finished_setup = 1;
});
</script>
{/literal}

<div id="cgblog_editarticle">
{$startform}
<div class="pageoverflow">
  <p class="pagetext">&nbsp;</p>
  <p class="pageinput">{$hidden}{$submit}{$cancel}{if isset($apply)}{$apply}{/if}</p>
</div>

{if isset($start_tab_headers)}
{$start_tab_headers}
{$tabheader_article}
{$tabheader_preview}
{$end_tab_headers}

{$start_tab_content}
{$start_tab_article}
{/if}

<div class="pageoverflow">
  <p class="pagetext">{$mod->Lang('url')}:</p>
  <p class="pageinput">
    <input id="article_url" type="text" name="{$actionid}url" value="{$url}" size="80" maxlength="255"/>
  </p>
</div>

{if isset($authortext)}
<div class="pageoverflow">
  <p class="pagetext">*{$authortext}:</p>
  <p class="pageinput">{$inputauthor}</p>
</div>
{/if}

<div class="pageoverflow">
  <p class="pagetext">*{$titletext}:</p>
  <p class="pageinput">
    <input type="text" id="article_title" name="{$actionid}title" value="{$title|cms_escape}" size="30" maxlength="255"/>
  </p>
</div>

<div class="pageoverflow" id="sel_postdate">
  <p class="pagetext">{$postdatetext}:</p>
  <p class="pageinput">{html_select_date prefix=$postdateprefix time=$postdate start_year="-10" end_year="+15"} {html_select_time prefix=$postdateprefix time=$postdate display_seconds=false}</p>
</div>

<div class="pageoverflow">
  <p class="pagetext">*{$categorytext}:</p>
  <p class="pageinput">
    {capture assign='tmp'}{$actionid}categories{/capture}
    {html_checkboxes name=$tmp options=$categorylist selected=$sel_categories separator="<br/>"}
  </p>
</div>

{if !isset($hide_summary_field) or $hide_summary_field == '0'}
<div class="pageoverflow">
  <p class="pagetext">{$summarytext}:</p>
  <p class="pageinput">{$inputsummary}</p>
</div>
{/if}

<div class="pageoverflow">
  <p class="pagetext">*{$contenttext}:</p>
  <p class="pageinput">{$inputcontent}</p>
</div>

<div class="pageoverflow">
  <p class="pagetext">{$extratext}:</p>
  <p class="pageinput">{$inputextra}</p>
</div>

{if isset($statustext)}
<div class="pageoverflow">
  <p class="pagetext">*{$statustext}:</p>
  <p class="pageinput">{$status}</p>
</div>
{else}
{$status}
{/if}

<div class="pageoverflow">
  <p class="pagetext">{$useexpirationtext}:</p>
  <p class="pageinput">{$inputexp}</p>
</div>

<div class="pageoverflow">
  <p class="pagetext">{$startdatetext}:</p>
  <p class="pageinput">{html_select_date prefix=$startdateprefix time=$startdate start_year="-10" end_year="+15"} {html_select_time prefix=$startdateprefix time=$startdate display_seconds=false}</p>
</div>

<div class="pageoverflow">
  <p class="pagetext">{$enddatetext}:</p>
  <p class="pageinput">{html_select_date prefix=$enddateprefix time=$enddate start_year="-10" end_year="+15"} {html_select_time prefix=$enddateprefix time=$enddate display_seconds=false}</p>
</div>

{if isset($custom_fields)}
{foreach from=$custom_fields item='field'}
  <div class="pageoverflow">
    <p class="pagetext">{$field->prompt}</p>
    {if isset($field->thumb_name)}
      <p class="pagetext">
      {if isset($field->preview_name)}
        <a class="fancybox" rel="images" href="{$field->fileurl_base}/{$field->preview_name}">
          <img src="{$field->fileurl_base}/{$field->thumb_name}">
        </a>
      {elseif $field->value != ''}
        <a class="fancybox" rel="images" href="{$field->fileurl_base}/{$field->value}">
         <img src="{$field->fileurl_base}/{$field->thumb_name}">
        </a>
      {/if}
      </p>
    {/if}
    <p class="pageinput">{$field->field}</p>
  </div>
{/foreach}
{/if}
{if isset($end_tab_article)}{$end_tab_article}{/if}

{if isset($start_tab_preview)}
{$start_tab_preview}
<script type="text/javascript">{literal}
jQuery(document).ready(function(){
  jQuery('[name=m1_apply]').live('click',function(){
    if( typeof tinyMCE != 'undefined') tinyMCE.triggerSave();
    var data = jQuery('form').find('input:not([type=submit]), select, textarea').serializeArray();
    data.push({'name': 'm1_ajax', 'value': 1});
    data.push({'name': 'm1_apply', 'value': 1});
    data.push({'name': 'showtemplate', 'value': 'false'});
    var url = jQuery('form').attr('action');
    jQuery.post(url,data,function(resultdata,text){
      var resp = jQuery(resultdata).find('Response').text();
      var details = jQuery(resultdata).find('Details').text();
      var htmlShow = '';
      if( resp == 'Success' && details != '' )
      {
	 htmlShow = '<div class="pagemcontainer"><p class="pagemessage">'+details+'<\/p><\/div>';
      }
      else
      {
	 htmlShow = '<div class="pageerrorcontainer"><ul class="pageerror">';
	 htmlShow += details;
	 htmlShow += '<\/ul><\/div>';
      }
      jQuery('#editarticle_result').html(htmlShow);
    },'xml');
    return false;
  });

  function cgblog_dopreview()
  {
    if( typeof tinyMCE != 'undefined') tinyMCE.triggerSave();
    var data = jQuery('form').find('input:not([type=submit]), select, textarea').serializeArray();
    data.push({'name': 'm1_ajax', 'value': 1});
    data.push({'name': 'm1_preview', 'value': 1});
    data.push({'name': 'showtemplate', 'value': 'false'});
    data.push({'name': 'm1_previewpage', 'value': jQuery('#preview_returnid').val()});
    data.push({'name': 'm1_detailtemplate', 'value': jQuery('#preview_template').val()});
    var url = jQuery('form').attr('action');
    jQuery.post(url,data,function(resultdata,text){
      var resp = jQuery(resultdata).find('Response').text();
      var details = jQuery(resultdata).find('Details').text();
      var htmlShow = '';
      if( resp == 'Success' && details != '' )
      {
	 // preview worked... now the details should contain the url
         details = details.replace(/amp;/g,'');
         jQuery('#previewframe').attr('src',details);
      }
      else
      {
	 if( details == '' ) details = 'An unknown error occurred';

	 // preview save did not work.
	 htmlShow = '<div class="pageerrorcontainer"><ul class="pageerror">';
	 htmlShow += details;
	 htmlShow += '<\/ul><\/div>';
         jQuery('#editarticle_result').html(htmlShow);
      }
    },'xml');
  }

  jQuery('#preview').click(function(){
    cgblog_dopreview();
    return false;
  });

  jQuery('#preview_returnid,#preview_template').change(function(){
    cgblog_dopreview();
    return false;
  });
});
{/literal}</script>

{* display a warning *}
<div class="pagewarning">{$warning_preview}</div>
<fieldset>
  <label for="preview_template">{$prompt_detail_template}:</label>&nbsp;
  <select id="preview_template" name="preview_template">
  {html_options options=$detail_templates selected=$cur_detail_template}
  </select>&nbsp;

  <label for="preview_returnid">{$prompt_detail_page}:</label>&nbsp;
  {$preview_returnid}
</fieldset>
<br/>
<iframe id="previewframe" style="height: 800px; width: 100%; border: 1px solid black; overflow: auto;" src=""></iframe>
{$end_tab_preview}
{$end_tab_content}
{/if}

<div class="pageoverflow">
  <p class="pagetext">&nbsp;</p>
  <p class="pageinput">{$hidden}{$submit}{$cancel}{if isset($apply)}{$apply}{/if}</p>
</div>
{$endform}
</div>{* #cgblog_editarticle *}

<div id="busy" style="display: none;"></div>