<webscript>
  <shortname>Create topic</shortname>
  <description>Create or edit topic form</description>
  <url>/components/discussions/createtopic</url>
</webscript>

<#-- General discussion components assets - added in the page template
   <script type="text/javascript" src="${page.url.context}/components/blog/blogdiscussions-common.js"></script>
   <script type="text/javascript" src="${page.url.context}/components/discussions/discussions-common.js"></script>
-->

<!-- TagLibrary Assets -->
<link rel="stylesheet" type="text/css" href="${page.url.context}/modules/taglibrary/taglibrary.css" />
<script type="text/javascript" src="${page.url.context}/modules/taglibrary/taglibrary.js"></script>

<!-- CreateTopic Assets -->
<link rel="stylesheet" type="text/css" href="${page.url.context}/components/discussions/createtopic.css" />
<script type="text/javascript" src="${page.url.context}/components/discussions/createtopic.js"></script>

<script type="text/javascript">//<![CDATA[
   new Alfresco.CreateTopic("${args.htmlid}").setOptions(
   {
      topicId: "${page.url.args.topicId!''}",
      siteId: "${page.url.templateArgs.site!''}",
      containerId: "${page.url.args.containerId!'discussions'}",
      <#if (page.url.args.topicId! == "")>
      editMode: false
      <#else>
      editMode: true
      </#if>

   }).setMessages(
      ${messages}
   );
//]]></script>
<div class="createTopicForm">
   <h1><#if (page.url.args.topicId! == "")>${msg("header.create")}<#else>${msg("header.edit")}</#if></h1>
   <hr/>
</div>
<div class="createTopicForm hidden" id ="${args.htmlid}-topic-create-div">
   <form id="${args.htmlid}-form" method="post" action="">
      <div>
         <input type="hidden" id="${args.htmlid}-topicId" name="topic" value="" />
         <input type="hidden" id="${args.htmlid}-site" name="site" value="" />
         <input type="hidden" id="${args.htmlid}-container" name="container" value="" />
         <input type="hidden" id="${args.htmlid}-page" name="page" value="discussions-topicview" />
         
         <label for="${args.htmlid}-title">${msg("topicTitle")}:</label>
         <input type="text" id="${args.htmlid}-title" name="title" size="80" value=""/>
                
         <label for="${args.htmlid}-content">${msg("topicText")}:</label>
         <textarea rows="8" cols="80" id="${args.htmlid}-content" name="content" class="yuieditor"></textarea>
         
         <label for="${htmlid}-tag-input-field">${msg("tags")}:</label>
         <#import "/org/alfresco/modules/taglibrary/taglibrary.lib.ftl" as taglibraryLib/>
         <@taglibraryLib.renderTagLibraryHTML htmlid=args.htmlid />

      </div>
      <div class="nodeFormAction">
         <input type="submit" id="${args.htmlid}-submit" value="${msg('action.save')}" />
         <input type="reset" id="${args.htmlid}-cancel" value="${msg('action.cancel')}" />
      </div>
   </form>
</div>

## template
header.create=Create New Topic
header.edit=Edit Topic
topicTitle=Title
topicText=Text
tags=Tags
action.save=Save
action.cancel=Cancel

## js messages
message.savetopic.success=Topic saved
message.savetopic.failure=Unable to save topic
message.submitting=Submitting...

## YUI Editor keys
yuieditor.toolbar.group.font=Font Style
yuieditor.toolbar.group.lists=Lists
yuieditor.toolbar.group.link=Link
yuieditor.toolbar.item.createorderedlist=Create ordered list
yuieditor.toolbar.item.createunorderedlist=Create unordered list
yuieditor.toolbar.item.fontcolor=Font color
yuieditor.toolbar.item.backgroundcolor=Background color
yuieditor.toolbar.item.bold=Bold CTRL + SHIFT + B
yuieditor.toolbar.item.italic=Italic CTRL + SHIFT + I
yuieditor.toolbar.item.underline=Underline CTRL + SHIFT + U
yuieditor.toolbar.item.link=HTML Link CTRL + SHIFT + L

## taglibrary
taglibrary.tags=Tags
taglibrary.typetag=Type Tag(s)
taglibrary.populartagslink=Choose from popular tags in this site
taglibrary.msg.failedLoadTags=Cannot load tags from the server (connection down?)
taglibrary.msg.unableLoadTags=Unable to load tags: {0}