typo3/sysext/rtehtmlarea/htmlarea/plugins/AboutEditor/popups/about.html

   1 <html class="popupwin">
   2 <!--
   3 /***************************************************************
   4 *  Copyright notice
   5 *
   6 *  (c) 2002-2004, interactivetools.com, inc.
   7 *  (c) 2003-2004 dynarch.com
   8 *  (c) 2004-2008 Stanislas Rolland <stanislas.rolland(arobas)fructifor.ca>
   9 *  All rights reserved
  10 *
  11 *  This script is part of the TYPO3 project. The TYPO3 project is
  12 *  free software; you can redistribute it and/or modify
  13 *  it under the terms of the GNU General Public License as published by
  14 *  the Free Software Foundation; either version 2 of the License, or
  15 *  (at your option) any later version.
  16 *
  17 *  The GNU General Public License can be found at
  18 *  http://www.gnu.org/copyleft/gpl.html.
  19 *  A copy is found in the textfile GPL.txt and important notices to the license
  20 *  from the author is found in LICENSE.txt distributed with these scripts.
  21 *
  22 *
  23 *  This script is distributed in the hope that it will be useful,
  24 *  but WITHOUT ANY WARRANTY; without even the implied warranty of
  25 *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
  26 *  GNU General Public License for more details.
  27 *
  28 *  This script is a modified version of a script published under the htmlArea License.
  29 *  A copy of the htmlArea License may be found in the textfile HTMLAREA_LICENSE.txt.
  30 *
  31 *  This copyright notice MUST APPEAR in all copies of the script!
  32 ***************************************************************/
  33 /*
  34  * About window for TYPO3 htmlArea RTE
  35  *
  36  * TYPO3 SVN ID: $Id$
  37  */
  38  -->
  39 <head>
  40         <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  41         <meta http-equiv="Content-Style-Type" content="text/css" />
  42         <title>About HTMLArea</title>
  43         <script type="text/javascript">
  44                 /*<![CDATA[*/
  45                 <!--
  46                 var HTMLArea = window.opener.HTMLArea;
  47                 var dialog = HTMLArea.Dialog.AboutEditor;
  48
  49                 function Init() {
  50                         initDocument();
  51                         dialog.initialize();
  52                 }
  53
  54                 var TABS = [];
  55                 var CURRENT_TAB = 0;
  56                 var CONTENT_HEIGHT_DIFF = 0;
  57                 var CONTENT_WIDTH_DIFF = 0;
  58
  59                 function selectTab(idx) {
  60                         var ct = TABS[CURRENT_TAB];
  61                         HTMLArea._removeClass(ct, "tab-current");
  62                         ct = TABS[CURRENT_TAB = idx];
  63                         HTMLArea._addClass(ct, "tab-current");
  64                         for (var i = TABS.length; --i >= 0;) {
  65                                 var area = document.getElementById("tab-area-" + i);
  66                                 if (CURRENT_TAB == i) area.style.display = "block";
  67                                         else area.style.display = "none";
  68                         }
  69                         document.body.style.visibility = "hidden";
  70                         document.body.style.visibility = "visible";
  71                         document.cookie = "HTMLAREA-ABOUT-TAB=" + idx;
  72                 }
  73
  74                 function initDocument() {
  75                         var editor = dialog.plugin.editor;
  76                         var version = document.getElementById("version");
  77                         version.innerHTML = "htmlArea RTE v " +  window.opener.RTEarea[0]["version"];
  78                         var plugins = document.getElementById("plugins");
  79                         var j = 0, i, info;
  80                         var html = "<table width='99%' cellpadding='0' style='border-collapse: collapse; border: 1px solid #8b8;'>" +
  81                                 "<thead><tr>" +
  82                                 "<td>Name</td>" +
  83                                 "<td>Developer</td>" +
  84                                 "<td>Sponsored by</td>" +
  85                                 "</tr></thead><tbody>";
  86                         for (i in editor.plugins) {
  87                                 info = editor.plugins[i];
  88                                 html += "<tr><td>" + info.name + " v" + info.version + "</td>" +
  89                                         "<td><a href='" + info.developer_url + "' target='_blank' >" +
  90                                         info.developer + "</a></td>" +
  91                                         "<td><a href='" + info.sponsor_url + "' target='_blank' >" +
  92                                         info.sponsor + "</a></td>" +
  93                                         "</tr>";
  94                                 ++j;
  95                         }
  96
  97                         if (j) {
  98                                 html += "</tbody></table>";
  99                                 plugins.innerHTML = "<p><span>The following plugins have been loaded.</span></p>" + html;
 100                         } else {
 101                                 plugins.innerHTML = "<p><span>No plugins have been loaded.</span></p>";
 102                         }
 103
 104                         plugins.innerHTML += "<p><span>User agent reports:</span><br/>" + navigator.userAgent + "</p>";
 105
 106                         var content = document.getElementById("tab-areas-content");
 107                         if (window.innerHeight) {
 108                                 CONTENT_HEIGHT_DIFF = window.innerHeight - 250;
 109                                 CONTENT_WIDTH_DIFF = window.innerWidth - content.offsetWidth;
 110                         } else {
 111                                 CONTENT_HEIGHT_DIFF = document.body.offsetHeight - 250;
 112                                 CONTENT_WIDTH_DIFF = document.body.offsetWidth - 400;
 113                         }
 114                         window.onresize();
 115
 116                         var bar = document.getElementById("tabbar");
 117                         j = 0;
 118                         for (i = bar.firstChild; i; i = i.nextSibling) {
 119                                 if(i.nodeType == 1) {
 120                                         TABS.push(i);
 121                                         i.__msh_tab = j;
 122                                         i.onmousedown = function(ev) { selectTab(this.__msh_tab); HTMLArea._stopEvent(ev || window.event); };
 123                                         var area = document.getElementById("tab-area-" + j);
 124                                         if (/tab-current/.test(i.className)) {
 125                                                 CURRENT_TAB = j;
 126                                                 area.style.display = "block";
 127                                         } else {
 128                                                 area.style.display = "none";
 129                                         }
 130                                         ++j;
 131                                 }
 132                         }
 133                         if (document.cookie.match(/HTMLAREA-ABOUT-TAB=([0-1]+)/)) selectTab(RegExp.$1);
 134                 }
 135                 function onCancel() {
 136                         dialog.close();
 137                         return false;
 138                 }
 139
 140                 window.onresize = function() {
 141                         var content = document.getElementById("tab-areas-content");
 142                         if (window.innerHeight) {
 143                                 content.style.height = (window.innerHeight - CONTENT_HEIGHT_DIFF) + "px";
 144                                 content.style.width = (window.innerWidth - CONTENT_WIDTH_DIFF) + "px";
 145                         } else {
 146                                 content.style.height = (document.body.offsetHeight - CONTENT_HEIGHT_DIFF) + "px";
 147                                 //content.style.width = (document.body.offsetWidth - CONTENT_WIDTH_DIFF) + "px";
 148                         }
 149                 };
 150                 // -->
 151                 /*]]>*/
 152         </script>
 153 </head>
 154 <body class="popupwin" onload="Init();">
 155 <div id="content">
 156         <div class="title" style="cursor: pointer;" onclick="window.open('http://typo3.org/extensions/repository/search/rtehtmlarea/');">About HTMLArea</div>
 157         <div style="overflow: auto; height: 250px;" id="tab-areas-content">
 158                 <div id="tab-areas">
 159                         <div id="tab-area-0">
 160                                 <h1 id="version">htmlArea RTE v 1.1.3</h1>
 161                                 <p><span>free_editor</span></p>
 162                                 <p><span>Mozilla_or_IE</span></p>
 163                                 <p><span>product_documentation</span>&nbsp;<a href="http://typo3.org/extensions/repository/search/rtehtmlarea/" target="_blank">typo3.org</a></p>
 164                                 <p style="text-align: center;">
 165                                         <br />
 166                                         &copy; 2002-2004 <a href="http://interactivetools.com" target="_blank">interactivetools.com, inc.</a><br />
 167                                         &copy; 2003-2004 <a href="http://dynarch.com" target="_blank">dynarch.com LLC.</a><br />
 168                                         &copy; 2004-2008 <a href="http://www.fructifor.ca" target="_blank">Stanislas Rolland</a><br />
 169                                         <span>All rights reserved.</span>
 170                                 </p>
 171                         </div>
 172                         <div id="tab-area-1">
 173                                 <h1>Plugins</h1>
 174                                 <div id="plugins"></div>
 175                         </div>
 176                 </div>
 177         </div>
 178         <div class="buttons">
 179                 <div id="tabbar">
 180                         <div class="tab tab-current">About</div>
 181                         <div class="tab">Plugins</div>
 182                 </div>
 183                 <button type="button" onclick="onCancel();">Close</button>
 184         </div>
 185 </div>
 186 </body></html>