[Sommaire] [Imprimer]

   1  <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
   2  <!--
   3   * FCKeditor - The text editor for Internet - http://www.fckeditor.net
   4   * Copyright (C) 2003-2007 Frederico Caldeira Knabben
   5   * 
   6   * == BEGIN LICENSE ==
   7   * 
   8   * Licensed under the terms of any of the following licenses at your
   9   * choice:
  10   * 
  11   *  - GNU General Public License Version 2 or later (the "GPL")
  12   *    http://www.gnu.org/licenses/gpl.html
  13   * 
  14   *  - GNU Lesser General Public License Version 2.1 or later (the "LGPL")
  15   *    http://www.gnu.org/licenses/lgpl.html
  16   * 
  17   *  - Mozilla Public License Version 1.1 or later (the "MPL")
  18   *    http://www.mozilla.org/MPL/MPL-1.1.html
  19   * 
  20   * == END LICENSE ==
  21   * 
  22   * File Name: fck_template.html
  23   *     Template selection dialog window.
  24   * 
  25   * File Authors:
  26   *         Frederico Caldeira Knabben (www.fckeditor.net)
  27  -->
  28  <html xmlns="http://www.w3.org/1999/xhtml">
  29  <head>
  30      <title></title>
  31      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  32      <meta name="robots" content="noindex, nofollow" />
  33      <style type="text/css">
  34              .TplList
  35              {
  36                  border: #dcdcdc 2px solid;
  37                  background-color: #ffffff;
  38                  overflow: auto;
  39                  width: 90%;
  40              }
  41  
  42              .TplItem
  43              {
  44                  margin: 5px;
  45                  padding: 7px;
  46                  border: #eeeeee 1px solid;
  47              }
  48  
  49              .TplItem TABLE
  50              {
  51                  display: inline;
  52              }
  53  
  54              .TplTitle
  55              {
  56                  font-weight: bold;
  57              }
  58          </style>
  59      <script src="common/fck_dialog_common.js" type="text/javascript"></script>
  60      <script type="text/javascript">
  61  
  62  var oEditor        = window.parent.InnerDialogLoaded() ;
  63  var FCK            = oEditor.FCK ;
  64  var FCKLang        = oEditor.FCKLang ;
  65  var FCKConfig    = oEditor.FCKConfig ;
  66  
  67  window.onload = function()
  68  {
  69      // Set the right box height (browser dependent).
  70      GetE('eList').style.height = document.all ? '100%' : '295px' ;
  71  
  72      // Translate the dialog box texts.
  73      oEditor.FCKLanguageManager.TranslatePage(document) ;
  74      
  75      GetE('xChkReplaceAll').checked = ( FCKConfig.TemplateReplaceAll !== false ) ;
  76      
  77      if ( FCKConfig.TemplateReplaceCheckbox !== false )
  78          GetE('xReplaceBlock').style.display = '' ;
  79  
  80      window.parent.SetAutoSize( true ) ;
  81  
  82      LoadTemplatesXml() ;
  83  }
  84  
  85  function LoadTemplatesXml()
  86  {
  87      var oTemplate ;
  88  
  89      if ( !FCK._Templates )
  90      {
  91          GetE('eLoading').style.display = '' ;
  92  
  93          // Create the Templates array.
  94          FCK._Templates = new Array() ;
  95  
  96          // Load the XML file.
  97          var oXml = new oEditor.FCKXml() ;
  98          oXml.LoadUrl( FCKConfig.TemplatesXmlPath ) ;
  99  
 100          // Get the Images Base Path.
 101          var oAtt = oXml.SelectSingleNode( 'Templates/@imagesBasePath' ) ;
 102          var sImagesBasePath = oAtt ? oAtt.value : '' ;
 103  
 104          // Get the "Template" nodes defined in the XML file.
 105          var aTplNodes = oXml.SelectNodes( 'Templates/Template' ) ;
 106  
 107          for ( var i = 0 ; i < aTplNodes.length ; i++ )
 108          {
 109              var oNode = aTplNodes[i] ;
 110  
 111              oTemplate = new Object() ;
 112  
 113              var oPart ;
 114  
 115              // Get the Template Title.
 116              if ( (oPart = oNode.attributes.getNamedItem('title')) )
 117                  oTemplate.Title = oPart.value ;
 118              else
 119                  oTemplate.Title = 'Template ' + ( i + 1 ) ;
 120  
 121              // Get the Template Description.
 122              if ( (oPart = oXml.SelectSingleNode( 'Description', oNode )) )
 123                  oTemplate.Description = oPart.text ? oPart.text : oPart.textContent ;
 124  
 125              // Get the Template Image.
 126              if ( (oPart = oNode.attributes.getNamedItem('image')) )
 127                  oTemplate.Image = sImagesBasePath + oPart.value ;
 128  
 129              // Get the Template HTML.
 130              if ( (oPart = oXml.SelectSingleNode( 'Html', oNode )) )
 131                  oTemplate.Html = oPart.text ? oPart.text : oPart.textContent ;
 132              else
 133              {
 134                  alert( 'No HTML defined for template index ' + i + '. Please review the "' + FCKConfig.TemplatesXmlPath + '" file.' ) ;
 135                  continue ;
 136              }
 137  
 138              FCK._Templates[ FCK._Templates.length ] = oTemplate ;
 139          }
 140  
 141          GetE('eLoading').style.display = 'none' ;
 142      }
 143  
 144      if ( FCK._Templates.length == 0 )
 145          GetE('eEmpty').style.display = '' ;
 146      else
 147      {
 148          for ( var j = 0 ; j < FCK._Templates.length ; j++ )
 149          {
 150              oTemplate = FCK._Templates[j] ;
 151  
 152              var oItemDiv = GetE('eList').appendChild( document.createElement( 'DIV' ) ) ;
 153              oItemDiv.TplIndex = j ;
 154              oItemDiv.className = 'TplItem' ;
 155  
 156              // Build the inner HTML of our new item DIV.
 157              var sInner = '<table><tr>' ;
 158  
 159              if ( oTemplate.Image )
 160                  sInner += '<td valign="top"><img src="' + oTemplate.Image + '"><\/td>' ;
 161  
 162              sInner += '<td valign="top"><div class="TplTitle">' + oTemplate.Title + '<\/div>' ;
 163  
 164              if ( oTemplate.Description )
 165                  sInner += '<div>' + oTemplate.Description + '<\/div>' ;
 166  
 167              sInner += '<\/td><\/tr><\/table>' ;
 168  
 169              oItemDiv.innerHTML = sInner ;
 170              
 171              oItemDiv.onmouseover = ItemDiv_OnMouseOver ;
 172              oItemDiv.onmouseout = ItemDiv_OnMouseOut ;
 173              oItemDiv.onclick = ItemDiv_OnClick ;
 174          }
 175      }
 176  }
 177  
 178  function ItemDiv_OnMouseOver()
 179  {
 180      this.className += ' PopupSelectionBox' ;
 181  }
 182  
 183  function ItemDiv_OnMouseOut()
 184  {
 185      this.className = this.className.replace( /\s*PopupSelectionBox\s*/, '' ) ;
 186  }
 187  
 188  function ItemDiv_OnClick()
 189  {
 190      SelectTemplate( this.TplIndex ) ;
 191  }
 192  
 193  function SelectTemplate( index )
 194  {
 195      oEditor.FCKUndo.SaveUndoStep() ;
 196  
 197      if ( GetE('xChkReplaceAll').checked )
 198          FCK.SetHTML( FCK._Templates[index].Html ) ;
 199      else
 200          FCK.InsertHtml( FCK._Templates[index].Html ) ;
 201  
 202      window.parent.Cancel( true ) ;
 203  }
 204  
 205      </script>
 206  </head>
 207  <body style="overflow: hidden">
 208      <table width="100%" style="height: 100%">
 209          <tr>
 210              <td align="center">
 211                  <span fcklang="DlgTemplatesSelMsg">Please select the template to open in the editor<br />
 212                      (the actual contents will be lost):</span>
 213              </td>
 214          </tr>
 215          <tr>
 216              <td height="100%" align="center">
 217                  <div id="eList" align="left" class="TplList">
 218                      <div id="eLoading" align="center" style="display: none">
 219                          <br />
 220                          <span fcklang="DlgTemplatesLoading">Loading templates list. Please wait...</span>
 221                      </div>
 222                      <div id="eEmpty" align="center" style="display: none">
 223                          <br />
 224                          <span fcklang="DlgTemplatesNoTpl">(No templates defined)</span>
 225                      </div>
 226                  </div>
 227              </td>
 228          </tr>
 229          <tr id="xReplaceBlock" style="display: none">
 230              <td>
 231                  <table cellpadding="0" cellspacing="0">
 232                      <tr>
 233                          <td>
 234                              <input id="xChkReplaceAll" type="checkbox" /></td>
 235                          <td>
 236                              &nbsp;</td>
 237                          <td>
 238                              <label for="xChkReplaceAll" fcklang="DlgTemplatesReplace">
 239                                  Replace actual contents</label></td>
 240                      </tr>
 241                  </table>
 242              </td>
 243          </tr>
 244      </table>
 245  </body>
 246  </html>