Changeset 3036


Ignore:
Timestamp:
Dec 15, 2006, 4:38:35 PM (15 years ago)
Author:
Martin Svensson
Message:

Reference #146 Beginning of tools to make it more easy editing the helptexts.
Not working yet, only a backup over the weekend.

Location:
trunk/www
Files:
12 added
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/www/admin/clients/help/edit_help.jsp

    r2978 r3036  
    5252<%@ taglib prefix="base" uri="/WEB-INF/base.tld" %>
    5353<%@ taglib prefix="t" uri="/WEB-INF/tab.tld" %>
     54<%@ taglib prefix="tbl" uri="/WEB-INF/table.tld" %>
     55<%@ taglib prefix="m" uri="/WEB-INF/menu.tld" %>
    5456<%
    5557final Item itemType = Item.HELP;
     
    8991
    9092  <base:page type="popup" title="<%=title%>">
    91   <base:head scripts="tabcontrol.js" styles="tabcontrol.css">
     93  <base:head scripts="menu.js,tabcontrol.js" styles="tabcontrol.css,menu.css">
    9294    <script language="JavaScript">
    9395    // Validate the "Help" tab
     
    133135      %>
    134136    }
     137   
     138    /*
     139      Enclose the selected text with prefix and suffix. Code taken
     140      from Trac: http://projects.edgewall.com/trac/
     141    */
     142    function encloseSelection(prefix, suffix)
     143    {
     144      var frm = document.forms['help'];
     145      var textarea = frm.description;
     146      textarea.focus();
     147        var start, end, sel, scrollPos, subst;
     148        if (typeof(document["selection"]) != "undefined")
     149        {
     150          sel = document.selection.createRange().text;
     151        }
     152        else if (typeof(textarea["setSelectionRange"]) != "undefined")
     153        {
     154          start = textarea.selectionStart;
     155          end = textarea.selectionEnd;
     156          scrollPos = textarea.scrollTop;
     157          sel = textarea.value.substring(start, end);
     158        }
     159        if (sel.match(/ $/))
     160        {
     161          // exclude ending space char, if any
     162            sel = sel.substring(0, sel.length - 1);
     163            suffix = suffix + " ";
     164        }
     165        subst = prefix + sel + suffix;
     166        if (typeof(document["selection"]) != "undefined")
     167        {
     168          var range = document.selection.createRange().text = subst;
     169          textarea.caretPos -= suffix.length;
     170        }
     171        else if (typeof(textarea["setSelectionRange"]) != "undefined")
     172        {
     173          textarea.value = textarea.value.substring(0, start) + subst +
     174                           textarea.value.substring(end);
     175          if (sel)
     176          {
     177            textarea.setSelectionRange(start + subst.length, start + subst.length);
     178          }
     179          else
     180          {
     181            textarea.setSelectionRange(start + prefix.length, start + prefix.length);
     182          }
     183          textarea.scrollTop = scrollPos;
     184        }
     185    }
    135186    </script>
    136187  </base:head>
    137188  <base:body onload="init()">
     189    <m:menu
     190      id="listtype"
     191      style="display: none;">
     192     
     193    <m:menuitem
     194      title="Organized&nbsp;list"
     195      onclick="encloseSelection('&lt;ol&gt;', '&lt;/ol&gt;')"
     196      tooltip="Insert a numeric list"
     197    />
     198    </m:menu>
    138199    <p>
    139200    <form action="index.jsp?ID=<%=ID%>" method="post" name="help" onsubmit="return false;">
     
    157218          value="<%=HTML.encodeTags(externalId)%>"
    158219          size="40" maxlength="<%=Help.MAX_EXTERNAL_ID_LENGTH%>"></td>
    159       </tr>
     220      </tr>   
     221      <tr>
     222        <td></td>
     223        <td>
     224         
     225        </td>
     226      </tr>       
    160227      <tr valign=top>
    161228        <td class="prompt">Help text</td>
    162229        <td nowrap>
     230          <div>
     231          <tbl:toolbar>                       
     232            <tbl:button
     233              tooltip="Bold"
     234              clazz="buttonclass"
     235              image="text_bold.png"
     236              onclick="encloseSelection('&lt;b&gt;', '&lt;/b&gt;')"
     237            />
     238            <tbl:button
     239              tooltip="Italic"             
     240              clazz="buttonclass"
     241              image="text_italic.png"
     242              onclick="encloseSelection('&lt;i&gt;', '&lt;/i&gt;')"
     243            />
     244            <tbl:button
     245              tooltip="Underline"
     246              clazz="buttonclass"
     247              image="text_underline.png"
     248              onclick="encloseSelection('&lt;u&gt;', '&lt;/u&gt;')"
     249            />                     
     250            <tbl:button
     251              tooltip="Header 3"
     252              clazz="buttonclass"
     253              style="padding: 1px;"
     254              image="text_h3.png"
     255              onclick="encloseSelection('&lt;h3&gt;', '&lt;/h3&gt;')"
     256            />
     257            <tbl:button
     258              tooltip="Header 4"
     259              clazz="buttonclass"
     260              style="padding: 1px;"
     261              image="text_h4.png"
     262              onclick="encloseSelection('&lt;h4&gt;', '&lt;/h4&gt;')"
     263            />
     264            <tbl:button
     265              tooltip="Textstyle"
     266              clazz="buttonclass"
     267              style="border-right: 0px;"
     268              image="text_style_edit.gif"
     269              onclick="Menu.toggleTopMenu(document.getElementById('textstyles'), event.clientX, event.clientY); event.cancelBubble = true;"
     270            />           
     271            <tbl:button
     272              tooltip="Table"
     273              clazz="buttonclass"
     274              style="border-right: 0px;"
     275              image="text_table.png"
     276              onclick="Menu.toggleTopMenu(document.getElementById('tableitem'), event.clientX, event.clientY); event.cancelBubble = true;"
     277            />
     278            <tbl:button
     279              clazz="buttonclass"
     280              style="border-right: 0px;"
     281              image="text_list.gif"
     282              onclick="Menu.toggleTopMenu(document.getElementById('listtype'), event.clientX, event.clientY); event.cancelBubble = true;"
     283            />
     284            <tbl:button
     285              tooltip="New line"
     286              style="padding: 1px;"
     287              image="text_newline.gif"
     288              clazz="buttonclass"
     289              onclick="encloseSelection('&lt;br&gt;', '')"
     290            />
     291            <tbl:button
     292              tooltip="New paragraph"
     293              clazz="buttonclass"
     294              image="text_paragraph.gif"
     295              onclick="encloseSelection('&lt;p&gt;', '&lt;/p&gt;')"
     296            />           
     297          </tbl:toolbar>
     298          </div>
    163299          <textarea <%=clazz%> rows="12" cols="60" name="description" wrap="virtual"
    164300            ><%=HTML.encodeTags(help == null ? cc.getPropertyValue("description") : help.getDescription())%></textarea>
  • trunk/www/common/help/view_help.jsp

    r2978 r3036  
    119119
    120120  <base:page type="popup" title="Help">
    121   <base:head>
     121  <base:head styles="help.css">
    122122  <script language="JavaScript">
    123123  function editHelpText()
Note: See TracChangeset for help on using the changeset viewer.