xforum 0.0.23

data/app/assets/javascripts/xforum/forum_basic.js.coffee

@@ -0,0 +1,321 @@
+jQuery ->
+  $('#gotoforum').click ->
+    startForum()
+  $('#gotoforumpage').click ->
+    startForum()
+  $('#close-forum').click ->
+    closeForum()
+  $('#forum-senate').delegate 'img[id = forum-photo]','click', (evt) ->
+    playPhoto(event.target)
+  $('#forum-senate').delegate 'img[id = forum-photo]','mouseenter', (evt) ->
+    makePhotoBig(event.target,true)
+  $('#forum-senate').delegate 'img[id = forum-photo]','mouseleave', (evt) ->
+    makePhotoBig(event.target,false)
+  $('#forum-senate').delegate 'img[id = forum-photo]','dblclick', (evt) ->
+    runPhotoGallery(event.target)
+  $('#forum-topic').change ->
+    getSenate()
+  $('#forum-language').change ->
+    getSenate()
+  $('#forum-category').change ->
+    changeTopic()
+  $('#forum-video-replay').click ->
+    img=document.getElementById('big-forum-photo')
+    img.src=img.src
+  $('#forum-video-back').click ->
+    goBackToSenate()
+
+goBackToSenate=->
+  hideMe({id:'forum-senate-video'})
+  showForumElements()
+  showMe({id:'forum-senate'})
+
+
+runPhotoGallery=(target)->
+  hideMe({id:'forum-senate'})
+  showMe({id:'forum-senate-video'})
+  img=document.getElementById('big-forum-photo')
+  img.src=target.src
+  hideForumElements()
+
+window.startForum = ->
+  hideMe({id: showPageName()})
+  showForumElements()
+  blockMe({id: 'forum-page'})
+  clearSenate()
+  showMe({id:'forum-category'})
+  $.post('xforum/forum_ajax', {function: 'get topics', category: 'select category', hold_test: true, restricted: true},loadList)
+  comment_span = document.getElementById('forum-comment-span')
+  comment_span.dataset.translating == 'false'
+  hideMe({obj: comment_span})
+  $.post('xforum/forum_ajax', {function:'categories', language: getLanguage(),list:'forum-category', hold_test: true, restricted: true},loadList)
+  $.post('xforum/forum_ajax', {function:'categories', language: getLanguage(),list:'forum-category-admin', hold_test: false, restricted: false},loadList)
+  $.post('xforum/forum_ajax', {function:'categories', language: getLanguage(),list:'forum-category-monitor', hold_test: false, restricted: false},loadList)
+  $.post('xforum/forum_ajax',{function:'get language set',list:'forum-language',active:true,by_name:false},loadList)
+  $.post('xforum/forum_ajax',{function:'get language set',list:'forum-translation-language',short:true,active:true},loadCustomList)
+  $.post('xforum/forum_ajax',{function:'get language set',list:'forum-translation-language',short:false,active:true},loadList)
+
+closeForum = ->
+  hideMe({id: 'forum-page'})
+  blockMe({id: showPageName()})
+  clearSenate()
+  setCategory(0)
+  setTopic(0)
+  changeTopic()
+  cancelComment()
+  $('#forum-comment').val('')
+  if $('#comment-maybe')?
+    $('#comment-maybe').remove()
+  hideMe({id: 'comment-span'})
+  hideMe({id: 'forum-senate-admin-lists'})
+  hideMe({id: "forum-senate-admin-users"})
+  blockMe({id: 'forum-senate'})
+
+window.showForumElements=->
+  showMe({id:'forum-topic'})
+  showMe({name:'review-forum'})
+  showMe({id:'forum-language'})
+  showMe({name:'forum-subscribe'})
+  showMe({id:'forum-category'})
+
+window.hideForumElements=->
+  hideMe({id:'forum-topic'})
+  hideMe({name:'review-forum'})
+  hideMe({id:'forum-language'})
+  hideMe({name:'forum-subscribe'})
+  hideMe({id:'forum-category'})
+
+
+
+loadCustomList=(params)->
+  if params? && params.list_data?  && params.list_data.length>0
+    list_data = params.list_data
+    selector = document.getElementById('forum-translation-choices')
+    $(selector).children().remove()
+    for i in [0...list_data.length]
+      option = document.createElement('LI')
+      option.dataset.choice = list_data[i].item
+      option.dataset.display= list_data[i].value
+      option.innerHTML=list_data[i].value
+      selector.appendChild(option)
+      option.id='forum-translation-choice'
+      option.classList.add('drop-menu')
+
+window.loadList = (params)->
+  if params? && params.list_data?
+    list_data = params.list_data
+    if params.name != undefined
+      selector= $("[name="+params.name+"]")
+    else if params.id !=undefined
+      selector = $(document.getElementById(params.id))
+    else if params.obj !=undefined
+      selector=$(params.obj)
+    selector.children().remove()
+    if list_data.length==0
+      hideMe({obj:selector})
+    else
+      for i in [0...list_data.length]
+        unless list_data[i].state == 'closed'
+          pushOption(selector,list_data[i], 0)
+
+window.pushOption = (q_selector,data,offset)->
+  selector=q_selector.get()[0]
+  if selector?
+    option = document.createElement("option")
+    option.text = data.value
+    option.value = data.item
+    option.id =  'forum-admin-option'
+    ref = selector.children[selector.children.length - offset]
+    if ref==undefined
+      selector.appendChild(option)
+    else
+      selector.insertBefore(option,ref)
+  else
+    alert "#{q_selector}  is not there"
+
+
+window.getLanguage = ->
+  getSelectValues({id:'forum-language', ref:true})
+
+window.getTopic = ->
+  document.getElementById('forum-topic').value
+
+window.getCategory = ->
+  document.getElementById('forum-category').value
+
+window.setTopic = (index)->
+  topic = $('select[id = forum-topic]').get()[0]
+  topic.selectedIndex= index
+
+window.setCategory = (index)->
+  category = $('select[id = forum-category]').get()[0]
+  category.selectedIndex= index
+
+window.clearSenate = ->
+  children = $('#just-a-comment')
+  if children?
+    $('span[id = just-a-comment]').remove()
+  deleteMyData(document.getElementById('forum-senate'))
+  hideMe({id: 'forum-voting-booth'})
+  hideMe({id: 'subscribe-forum'})
+  hideMe({id: 'unsubscribe-forum'})
+  hideMe({id: 'forum-add-new-thing-span'})
+  hideMe({id: 'forum-senate-admin'})
+  document.getElementById('forum-senate').dataset.admining = 'false'
+
+window.setSenate = (params)->
+  page = document.getElementById('forum-senate')
+  showMe({id: '#forum-senate'})
+  document.getElementById('forum-comment-span').dataset.next_id = params.index
+  kids = $(page).children()
+  unless !params.the_list?
+    for i in [0...kids.length]
+      unless kids[i].id == 'forum-comment-span'
+        removeMe({obj:kids[i]})
+    unless params.the_list.length == 0
+      for i in [0...params.the_list.length]
+        buildSpan(page, i, params.the_list[i])
+
+buildSpan = (page, index, params) ->
+  span = document.createElement('span')
+  if index == 0
+    span.classList.add('forum-topic' )
+    span.dataset.indent=0
+    page.dataset.moderator = params.moderator
+    if params.moderator then $.post('xforum/forum_ajax',{function:'get translations',topic:getTopic(),language:getTranslationLanguage()},saveTranslationSuggestions)
+    if params.subscribed? then setSubscriber(params.subscribed)
+    if params.vote then  setUpVoting({vote: params.vote, votes: params.votes})
+    if params.moderator then showMe({id: 'review-forum-span'})
+    if params.review then page.dataset.review = true
+    if params.admin then page.dataset.admin=true
+  else  span.className = "forum-comment"
+  span.id = "just-a-comment"
+  indexes=Object.keys(params)
+  for k in [0...indexes.length]
+    unless indexes[k]=='empty_list'
+      span.dataset[indexes[k]]=params[indexes[k]]
+  the_list=JSON.parse(params.empty_list)
+  span.dataset.needy_list= JSON.stringify(the_list)  #convert to javascript friendly JSON
+  if page.dataset.moderator == 'true' && params.comment_state == 'new'
+    da_class = 'forum-comment-new'
+  else if page.dataset.moderator == 'true' && params.comment_state == 'reject'
+    da_class = 'forum-comment-reject'
+  else  da_class = 'forum-comment'
+  span.innerHTML = '<p>' + params.content + '</p>'
+  page.appendChild(span)
+  paragraph=span.getElementsByTagName('p')[0]
+  paragraph.classList.add(da_class)
+  paragraph.style.marginLeft = "#{params.indent * 20}px"       #why doesn't this make it out
+  putOwnerIn(span,params)
+  if params.has_photo
+    putPhotosIn(span,params.photos)
+  if params.hyperlinks?
+    hyperlinks=params.hyperlinks
+    for i in [0...hyperlinks.length]
+      writeLink(hyperlinks[i],span)
+
+
+window.getSelectedId = ->
+  if  window.getSelection != undefined
+    sel = window.getSelection()
+    unless sel== null
+      span = sel.anchorNode.parentNode.parentElement
+      if sel.rangeCount
+        container = document.createElement("div")
+        for  i in [0...sel.rangeCount]
+          container.appendChild(sel.getRangeAt(i).cloneContents())
+        html = container.innerHTML
+  else if  document.selection != undefined
+    if (document.selection.type == "Text")
+      html = document.selection.createRange().htmlText
+  unless span?
+    spans = $('#forum-senate-span')
+    if spans.length > 0
+      span = spans[spans.length - 1]
+  {selection: html, id: span.dataset.id}
+
+putPhotosIn=(span,urls)->
+  span.dataset.already_has_photo=true
+  lineReturn=document.createElement('span')
+  lineReturn.innerHTML='<br>'
+  paragraph=span.getElementsByTagName('p')[0]
+  paragraph.appendChild(lineReturn)
+  for i in [0...urls.length]
+    img= new Image
+    img.src=urls[i]
+    img.className= 'forum-photo'
+    img.id='forum-photo'
+    paragraph.appendChild(img)
+
+window.putOwnerIn=(span,params)->
+  paragraph=span.getElementsByTagName('p')[0]
+  newspan= document.createElement('span')
+  newspan.innerHTML = params.owner_name
+  newspan.classList.add('right')
+  newspan.style.position='relative'
+  paragraph.appendChild(newspan)
+
+makePhotoBig=(photo,bigger)->
+  if bigger
+    photo.classList.add('forum-big-photo')
+    photo.classList.remove('forum-photo')
+  else
+    photo.classList.remove('forum-big-photo')
+    photo.classList.add('forum-photo')
+
+
+activatePhoto=->
+  photos=$('[data-hold_tight=true]')
+  for i in [0...photos.length]
+    photos[i].dataset.free_photo = true
+
+
+playPhoto=(photo)->
+  photo.src=photo.src
+  event.stopPropagation()
+
+askForPhotAgain=(params)->
+  $.post('xforum/forum_ajax',{function:'get forum photo',tag:params.tag,edit:params.edit,count:params.count,id:params.id,parent:params.parent},needAPhoto)
+
+window.needAPhoto=(params)->
+  if params.urls.length > 0
+    setMaybeId(params)
+    if params.edit=='true'
+      span=$('[data-id='+params.id+']').get()[0]
+    else
+      span=$("[data-tag=#{params.tag}]").get()[0]
+    putPhotosIn(span,params.urls)
+  else #if params.count < 20
+    setTimeout (-> askForPhotAgain(params)), 2000
+
+getSenate = ->
+  clearSenate()
+  select = document.getElementById('forum-topic').value
+  if select == 'request new topic'
+    addNewThing({'forum-topic'})
+  else
+    document.getElementById('forum-senate').dataset.topic = select
+    $.post('xforum/forum_ajax', {function: 'get senate',language:getLanguage(), topic: select}, setSenate)
+
+addNewThing = (select)->
+  $('#add-new-thing-input').val('')
+  showMe({id: 'forum-add-new-thing-span'})
+  hideMe({id: 'forum-senate'})
+  $('#forum-add-new-thing-span').data.thing = select
+
+window.changeTopic = ->
+  setTopic(0)
+  select = document.getElementById('forum-category').value
+  hideMe({id: 'forum-senate-admin-lists'})
+  hideMe({id:'forum-senate-admin-users'})
+  clearSenate()
+  if select == 'request new category'
+    addNewThing('forum-category')
+  else if select == 'admin'
+    doAdminStuff()
+  else if select != 'select category'
+    blockMe({id: 'forum-senate'})
+    hideMe({id: 'forum-senate-admin'})
+    document.getElementById('forum-senate').dataset.category = select
+    $.post('xforum/forum_ajax', {function: 'get topics',list:'forum-topic', category: select, hold_test: true, restricted: true}, loadList)
+

data/app/assets/javascripts/xforum/forum_translator.js.coffee

@@ -0,0 +1,116 @@
+jQuery ->
+  $('#forum-comment-span').delegate '[id = forum-translation-choice]','click', (evt) ->
+    setTranslationLanguage(event.target)
+  $('#forum-translation-language').click ->
+    showMe({id:'forum-translation-choices'})
+  $('#forum-translation-language').mouseleave ->
+    hideMe({id:'forum-translation-choices'})
+  $('#forum-translation-language').change ->
+    hideMe({id:'forum-translation-choices'})
+  $('#forum-comment-span').delegate 'textarea[id= forum-translation-suggestion]','dblclick', (evt) ->
+    makeThisTheTranslations(event.target)
+
+makeThisTheTranslations=(which)->
+  $('#forum-comment-translation').val(which.value)
+
+window.getTranslationLanguage=->
+  $('#forum-translation-language').val()
+
+window.setTranslationState = ->
+  comment_span = document.getElementById('forum-comment-span')
+  the_span=$("[data-id="+comment_span.dataset.target+']').get()[0]
+  if comment_span.dataset.translating == 'true'
+    comment_span.dataset.translating = false
+    hideMe({id: 'forum-translation-span'})
+    document.getElementById('forum-comment-translation').innerHTML=''
+    document.getElementById('forum-comment').innerHTML=''
+  else
+    comment_span.dataset.translating = true
+    blockMe({id: 'forum-translation-span'})
+    if the_span.dataset.needs_translation =='true'
+      my_list=JSON.parse(the_span.dataset.needy_list )
+      $('[name=add-forum-translation]').get()[0].classList.add('hot')
+      colorList('forum-translation-choices',my_list)
+    setLinkTranslations()
+    if document.getElementById('forum-comment').value== ''
+      setCommentSpan()
+
+setTranslationLanguage=(selected)->
+  document.getElementById('forum-translation-language').value= selected.dataset.display
+  hideMe(id:'forum-translation-choices')
+  if isModerator() then $.post('xforum/forum_ajax',{function:'get translations',topic:getTopic(),language:getTranslationLanguage()},saveTranslationSuggestions)
+
+colorList=(the_list,data_list)->
+  items=document.getElementById(the_list).children
+  for i in [0...items.length]
+    if items[i].dataset.choice in data_list
+      items[i].classList.add('needy')
+    else
+      items[i].classList.remove('needy')
+
+window.checkForSuggestedTranslations=(id)->
+  page=document.getElementById('forum-senate')
+  $('#forum-comment-translation').val(page.dataset["translation-"+id ] )
+  $('[id=forum-translation-suggestion]').remove()
+  suggestions =page.dataset['suggestedtranslation-'+id]
+  if  suggestions != undefined
+    suggestion_list = JSON.parse(suggestions)
+    list_parent=document.getElementById('forum-translation-scroll')
+    for i in [0...suggestion_list.length]
+      suggestion = document.createElement('textarea')
+      suggestion.value = suggestion_list[i]
+      suggestion.id='forum-translation-suggestion'
+      suggestion.className='senate-new'
+      list_parent.appendChild(suggestion)
+
+window.saveTranslationSuggestions=(params)->
+  if params? && params.length>0 && params[0].forum_id?
+    page = document.getElementById('forum-senate')
+    for i in [0...params.length]
+      if params[i].suggestion
+        if page.dataset['suggestedtranslation-' + params[i].forum_id] == undefined
+          temp=[params[i].translation]
+        else
+          temp=JSON.parse(page.dataset['suggestedtranslation-' + params[i].forum_id] )
+          temp.push(params[i].translation)
+        page.dataset['suggestedtranslation-' + params[i].forum_id]= JSON.stringify(temp)
+      else
+        page.dataset['translation-'+ params[i].forum_id]= params[i].translation
+
+window.setLinkTranslations=->
+  hideMe({id:'forum-add-hyperlink-span'})
+  showMe({id:'forum-translate-hyperlink-span'})
+  comment_span=document.getElementById('forum-comment-span')
+  link_ref=comment_span.dataset.link_ref
+  unless link_ref == undefined
+    link_ref=parseInt(link_ref)
+    hyper=document.getElementById('forum-translate-hyperlink-span')
+    for i in [0...link_ref]
+      span= document.createElement('span')
+      span.id='translation-span-id-'+i
+      space=  document.createElement('span')
+      space.innerHTML='  '
+      span.appendChild(space)
+      label_it=document.createElement('label')
+      label_it.innerHTML= comment_span.dataset['link_text-'+i]
+      span.appendChild(label_it)
+      text_in=document.createElement('input')
+      text_in.type='text'
+      text_in.id= 'hyperlink-translation-input'
+      text_in.name=i
+      text_in.className= "admin-edit-field"
+      span.appendChild(text_in)
+      hyper.appendChild(span)
+
+window.addLinkTranslations=(params)->
+  comment_span=document.getElementById('forum-comment-span')
+  link_ref=comment_span.dataset.link_ref
+  translations= $('[id=hyperlink-translation-input]')
+  unless link_ref == undefined || translations.length == 0
+    link_ref=parseInt(link_ref)
+    for i in [0...link_ref]
+      data= params['link-'+i]
+      alert data
+      data['translation']= translations[i].value
+      params['link-'+i]=data
+  params

data/app/assets/javascripts/xforum/forum_user.js.coffee

@@ -0,0 +1,403 @@
+jQuery ->
+  $('#my-forum-photo').ajaxForm()
+  $('input[id = forum-user-button]').click ->
+    manageUserAction(event.target)
+  $('#forum-comment-span').click ->
+    event.stopPropagation()
+  $('input[id=photo_file]').change ->
+    unless $('input[id=photo_file]').val() == ''
+      document.getElementById('forum-comment-span').dataset.needs_photo = true
+  $('#forum-add-photo').click ->
+    $('input[id=photo_file]').click()
+    event.stopPropagation()
+  $('#forum-create-hyperlink').click ->
+    addHotLlink()
+  $('#forum-add-hyperlink').click ->
+    showHyperlinkInput()
+#------------------------------------- this needs to be last binding ------------------------#
+  $('#forum-senate').click ->
+    checkPost()
+    event.stopPropagation()
+  $('button[id = forum-vote]').click ->
+    doForumVoting(event.target)
+
+doForumVoting = (which)->
+  switch(which.parentNode.name)
+    when 'up'
+      voteUp()
+    when 'down'
+      voteDown()
+    else
+
+manageUserAction = (which)->
+  switch(which.name)
+    when 'forum-edit-comment'
+      editComment()
+    when 'forum-accept-comment'
+      setCommentState('accept')
+    when 'forum-reject-rest'
+      setStateRest('reject')
+    when 'forum-accept-rest'
+      setStateRest('accept')
+    when 'forum-reject-comment'
+      setCommentState('reject')
+    when 'forum-cancel-comment'
+      cancelComment()
+    when 'forum-post-it'
+      setComment()
+    when 'forum-subscribe'
+      subscribe(true)
+    when 'forum-unsubscribe'
+      subscribe(false)
+    when 'add-forum-translation'
+      setTranslationState()
+    when 'add-forum-voting'
+      $.post('xforum/forum_ajax', {function: 'add voting', topic: getTopic()}, setUpVoting)
+    when 'forum-add-suggestion-submit'
+      sendNewThing()
+    when 'forum-restrict-comment'
+      checkRestriction(which)
+    when 'forum-invite-comment'
+      showMe({id: 'forum-invitation-span'})
+    when 'forum-invite-list-save'
+      saveInviteList()
+    else
+
+checkRestriction = (which)->
+  comment_span = document.getElementById('forum-comment-span')
+  if comment_span.dataset.restricted == 'false'
+    which.value = which.dataset.unrestrict
+    comment_span.dataset.restricted = true
+  else
+    which.value = which.dataset.restrict
+    comment_span.dataset.restricted = false
+
+setStateRest = (new_state)->
+  spans = $('span[data-state = new]')
+  for i in [0...spans.length]
+    setTheState([spans[i]], new_state)
+  $.post('xforum/forum_ajax', {function: 'set_the_rest', topic: getTopic(), state: new_state})
+  clearSenate()
+  setCategory(0)
+  setTopic(0)
+
+subscribe = (subscribed)->
+  setSubscriber(subscribed)
+  $.post('xforum/forum_ajax', {function: 'subscribe', topic: getTopic()})
+
+voteUp = ->
+  $.post('xforum/forum_ajax', {function: 'vote', vote: 1, topic: getTopic()}, refreshVote)
+  voteIt(1)
+
+window.setCommentSpan=->
+  if $('#comment-maybe')? && $('#comment-maybe').length == 1
+    id = parseInt($('#comment-maybe').get()[0].dataset.parent)
+    span = $("span[data-id = #{id}]").get()[0]
+    comment_span = document.getElementById('forum-comment-span')
+    if span.dataset.owner == 'true' || isAdmin()
+      comment_span.dataset.editing = true
+      comment_span.dataset.edit=true
+      comment_span.dataset.target = id
+      comment_span.dataset.restricted = span.dataset.restricted
+    if span.dataset.already_has_photo=='true'
+      comment_span.dataset.already_has_photo=true
+    if span.dataset.restricted == 'true'
+      $('[name = forum-restrict-comment]').val($('[name = forum-restrict-comment]').get()[0].dataset.unrestrict)
+    else
+      $('[name = forum-restrict-comment]').val($('[name = forum-restrict-comment]').get()[0].dataset.restrict)
+    comment_data = span.childNodes[0].innerHTML.split('<span')
+    $('#forum-comment').val(comment_data[0])
+    if isModerator()
+      checkForSuggestedTranslations(id)
+
+editComment = ->
+  setCommentSpan()
+
+voteDown = ->
+  $.post('xforum/forum_ajax', {function: 'vote', vote: -1, topic: getTopic()}, refreshVote)
+  voteIt(-1)
+
+voteIt = (vote)->
+  votes = parseInt(document.getElementById('forum-vote-count').innerHTML.split(' = ')[1])
+  document.getElementById('forum-vote-count').innerHTML = 'Vote = ' + (votes + vote)
+
+refreshVote = (params)->
+  document.getElementById('forum-vote-count').innerHTML = 'Vote = ' + (params.votes)
+
+window.setUpVoting = (params)->
+  if params.vote
+    showMe({id: 'forum-voting-booth'})
+    refreshVote({votes: params.votes})
+  else
+    hideMe({id: 'forum-voting-booth'})
+
+setCommentState = (new_state)->
+  span = $('#comment-maybe').get()[0]
+  unless span == undefined
+    id = parseInt($('#comment-maybe').get()[0].dataset.parent)
+    setTheState($("span[data-id = #{id}]"), new_state)
+    resolution = getMyValue('forum-comment')
+    setMyValue('forum-comment', '')
+    hideMe({id: 'comment-span'})
+    $('#comment-maybe').remove()
+    $.post('xforum/forum_ajax', {function: new_state, id: id, resolution: resolution})
+
+setTheState = (span, new_state)->
+  baby_span = span[0].children[0]
+  switch new_state
+    when 'accept'
+      baby_span.className = 'forum-comment'
+    when 'reject'
+      baby_span.className = 'comment-reject'
+    else
+  baby_span.parentNode.dataset.comment_state = new_state
+
+window.cancelComment = ->
+  $('#forum-comment').val('')
+  $('#comment-maybe').remove()
+  hideMe({id: 'forum-comment-span'})
+
+checkPost = ->
+  unless  getSelectedId().id == undefined
+    page = document.getElementById('forum-senate')
+    if $('#comment-maybe')?
+      $('#comment-maybe').remove()
+    id = parseInt(getSelectedId().id)
+    if id?
+      offset = setNewComment(id)
+      if page.dataset.language
+        showMe({id: 'add-forum-translation'})
+      else hideMe({id: 'add-forum-translation'})
+      if isModerator()
+        moderatorOnOff(true)
+      else  moderatorOnOff(false)
+      placeCommentSpan(offset, id)
+
+window.isModerator =->
+  document.getElementById('forum-senate').dataset.moderator == 'true'
+
+window.isAdmin =->
+  document.getElementById('forum-senate').dataset.admin == 'true'
+
+setNewComment = (id)->
+  $('#forum-comment').val('')
+  $('#forum-comment-translation').val('')
+  $('[name=translation-suggestion]').remove
+  page = document.getElementById('forum-senate')
+  span = document.createElement('span')
+  span.classList.add('forum-comment-new')
+  span.id = 'comment-maybe'
+  parent_span = $("span[data-id = #{id}]").get()[0]
+  span.dataset.parent = id
+  span.innerHTML = "<p>your post </p>"
+  if page.dataset.review == 'true'
+    $("span[data-id = #{id}]").after(span)
+  else
+    $(lastChild(id)).after(span)
+  paragraph=span.getElementsByTagName('p')[0]
+  paragraph.classList.add('forum-comment-new')
+  paragraph.style.marginLeft = 20 + parseInt(parent_span.style.marginLeft) + 'px'
+
+  if parent_span.dataset.owner == 'true' || isAdmin() then showMe({name: 'forum-edit-comment'})
+  else hideMe({name: 'forum-edit-comment'})
+  if document.getElementById('forum-comment-span').dataset.translating == 'true'
+    editComment()
+  parseInt(span.offsetTop)
+
+placeCommentSpan = (offset, id) ->
+  comment = document.getElementById('forum-comment-span')
+  comment.style.position = 'absolute'
+  comment.style.top = offset + 'px'
+  comment.style.left = '250px'
+  comment.dataset.restricted = false
+  comment.dataset.edit = false
+  comment.dataset.editing = false
+  hideMe({id:'forum-add-hyperlink-span'})
+  $('[name = forum-restrict-comment]').val($('[name = forum-restrict-comment]').get()[0].dataset.restrict)
+  comment.dataset.owner = $("span[data-id = #{id}]").get()[0].dataset.owner
+  comment.dataset.target=id
+  showMe({obj: comment})
+  $('#forum-comment').focus()
+  the_span=$("[data-id="+id+']').get()[0]
+  if the_span.dataset.needs_translation =='true'
+    $('[name=add-forum-translation]').get()[0].classList.add('hot')
+  else
+    $('[name=add-forum-translation]').get()[0].classList.remove('hot')
+
+moderatorOnOff = (on_off)->
+  if on_off
+    showMe({name: 'forum-accept-comment'})
+    showMe({name: 'forum-reject-comment'})
+    showMe({name: 'add-forum-voting'})
+  else
+    hideMe({name: 'forum-accept-comment'})
+    hideMe({name: 'forum-reject-comment'})
+    hideMe({name: 'add-forum-voting'})
+
+lastChild = (id)->
+  kids = $("span[data-parent = #{id}]")
+  if kids.length == 0
+    $("span[data-id = #{id}]")
+  else
+    lastChild(kids[kids.length - 1].dataset.id)
+
+setComment = ->
+  request = {function: 'post'}
+  request.comment = $('#forum-comment').val().trim()
+  if request.comment == "" && $('#comment-maybe')?
+    $('#comment-maybe').remove()
+  else if $('#comment-maybe')?
+    sendPost(request)
+  hideMe({id: 'forum-comment-span'})
+  $('#forum-comment').val('')
+
+window.sendPost = (request)->
+  comment_span = document.getElementById('forum-comment-span')
+  if comment_span.dataset.edit == 'true' || comment_span.dataset.translating == 'true'
+    id = parseInt($('#comment-maybe').get()[0].dataset.parent)
+    span = $("span[data-id = #{id}]").get()[0]
+    request.id = id    #id is nil if new comment
+    $('#comment-maybe').remove()
+  else
+    span = document.getElementById('comment-maybe')
+    next_id = parseInt(comment_span.dataset.next_id)
+    comment_span.dataset.next_id = next_id+1
+    request.tag = next_id
+    span.dataset.id = 'new' + next_id
+    span.dataset.tag=next_id
+    parent=$('[data-id='+span.dataset.parent+']').get()[0]
+    span.dataset.indent= parseInt(parent.dataset.indent ) + 1
+  request.edit = comment_span.dataset.edit == 'true'
+  request.translation = $('#forum-comment-translation').val().trim()
+  request.language = getTranslationLanguage()
+  request.translating = comment_span.dataset.translating == 'true'
+  request.restricted = span.dataset.restricted
+  request.invitees = $('#forum-invite-list').val()
+  request.parent = span.dataset.parent
+  request.topic = getTopic()
+  request.category = getCategory()
+  request.needs_photo= comment_span.dataset.needs_photo == 'true'
+  request.already_has_photo=comment_span.dataset.already_has_photo
+  request.count=0
+  link_ref=comment_span.dataset.link_ref
+  unless link_ref == undefined
+    request= addLinks(request,parseInt(link_ref))
+    request= addLinkTranslations(request)
+  writeParagraph(span,request)
+  if request.needs_photo
+    document.getElementById('photo_data').value= JSON.stringify(request)  #goes up in the submit
+    $('#my-forum-photo').submit()
+    document.getElementById('forum-comment-span').dataset.needs_photo =false
+    document.getElementById('photo_data').value=''
+    request.function='get forum photo'
+    $.post('xforum/forum_ajax', request, needAPhoto)
+    $('#photo_file').val('')
+  else
+    $.post('xforum/forum_ajax', request, setMaybeId)
+
+window.setMaybeId = (params)->
+  unless params.edit
+    span = $("[data-tag=#{params.tag}]").get()[0]
+    span.id = 'just-a-comment'
+    span.dataset.id = params.id
+    span.dataset.parent = params.parent
+
+writeParagraph=(span,params)->
+  comment_span = document.getElementById('forum-comment-span')
+  if comment_span.dataset.editing=='true'
+    the_html = span.innerHTML
+    comment_text =span.getElementsByTagName('p')[0].innerHTML.split('<span')[0]
+    span.innerHTML = the_html.replace(comment_text,params.comment)
+  else
+    span.innerHTML = "<p> " + params.comment + '</p>'
+  paragraph=span.getElementsByTagName('p')[0]
+  paragraph.classList.add('forum-comment-new')
+  paragraph.style={}
+  paragraph.style.marginLeft = 20 * parseInt(span.dataset.indent) + 'px'
+  span.dataset.restricted = comment_span.dataset.restricted
+  span.dataset.owner = true
+  link_refs=parseInt(comment_span.dataset.link_ref)
+  unless link_refs==undefined
+    for i in [0...link_refs]
+      writeLocalLink(span,i)
+    
+writeLocalLink=(span,link_ref)->
+  data= getLinkData(link_ref)
+  writeLink(data,span)
+
+window.getLinkData=(link_ref)->
+  comment_span = document.getElementById('forum-comment-span')
+  data={}
+  data.link_address = comment_span.dataset['link_address-'+link_ref]
+  data.link_text= comment_span.dataset['link_text-'+link_ref]
+  data.link_id = comment_span.dataset['link_id-'+link_ref]
+  data
+
+window.writeLink=(data,span)->
+  link=document.createElement('a')
+  link.href='http://'+data.link_address
+  link.innerHTML=data.link_text
+  link.id=data.link_id
+  link.className='external'
+  space1=document.createElement('span')
+  space1.innerHTML='  '
+  space2=document.createElement('span')
+  space2.innerHTML='  '
+  paragraph=span.children[0]
+  paragraph.appendChild((space1))
+  paragraph.appendChild(link)
+  paragraph.appendChild(space2)
+
+sendNewThing = ->
+  $.post('xforum/forum_ajax',
+    {function: 'suggestion', suggestion:$('#forum-suggestion').val(), topic:getTopic(),language:getLanguage(),category: getCategory()})
+  $('#forum-suggestion').val('')
+  setCategory(0)
+  setTopic(0)
+  hideMe({id: 'forum-add-new-thing-span'})
+  showMe({id: 'forum-senate'})
+
+window.setSubscriber = (subscribed)->
+  document.getElementById('forum-senate').dataset.subscribed = subscribed
+  if subscribed
+    hideMe({id: 'subscribe-forum'})
+    showMe({id: 'unsubscribe-forum'})
+  else
+    showMe({id: 'subscribe-forum'})
+    hideMe({id: 'unsubscribe-forum'})
+
+addHotLlink=->   #to span.dataset
+  data={function:'add hot link'}
+  data.link_address= $('[id=forum-hyperlink-address]').val()
+  data.link_text=$('[id=forum-hyperlink-text]').val()
+  link_ref=document.getElementById('forum-comment-span').dataset.link_ref
+  if link_ref == undefined
+    data.link_id = 0
+  else
+    data.link_id = parseInt(link_ref)
+  sethyperlink(data)
+  clearhyperlink()
+
+clearhyperlink=->
+  $('[id=forum-hyperlink-address]').val('')
+  $('[id=forum-hyperlink-text]').val('')
+  hideMe({id:'forum-hyperlink-span'})
+
+showHyperlinkInput=->
+  showMe({id:'forum-add-hyperlink-span'})
+
+sethyperlink=(params)->  #push data onto dataset
+  comment_span=document.getElementById('forum-comment-span')
+  link_ref=comment_span.dataset.link_ref
+  if link_ref == undefined then link_ref= 0
+  link_ref=parseInt(link_ref)
+  comment_span.dataset.link_ref = link_ref + 1
+  comment_span.dataset['link_address-'+link_ref]=params.link_address
+  comment_span.dataset['link_text-'+link_ref]=params.link_text
+  comment_span.dataset['link_id-'+link_ref]=params.link_id
+
+window.addLinks=(request,link_ref)->
+  request.link_ref=link_ref
+  for i in [0...link_ref]
+    request['link-'+i]=  getLinkData(i)
+  request