Redmine

/**

 * Redmine - project management software

 * Copyright (C) 2006-  Jean-Philippe Lang

 * This code is released under the GNU General Public License.

 */

import { Controller } from "@hotwired/stimulus"

import Tablesort from 'tablesort';

import numberPlugin from 'tablesort.number';

// Extensions must be loaded explicitly

Tablesort.extend(numberPlugin.name, numberPlugin.pattern, numberPlugin.sort);

// Connects to data-controller="tablesort"

export default class extends Controller {

  connect() {

    new Tablesort(this.element);

  }

}

pin "tablesort", to: "tablesort.min.js"

pin "tablesort.number", to: "tablesort.number.min.js"

        Redmine::WikiFormatting::TablesortScrubber.new,

# frozen_string_literal: true

# Redmine - project management software

# Copyright (C) 2006-  Jean-Philippe Lang

# This code is released under the GNU General Public License.

module Redmine

  module WikiFormatting

    class TablesortScrubber < Loofah::Scrubber

      def scrub(node)

        return if !Setting.wiki_tablesort_enabled? || node.name != 'table'

        rows = node.search('tr')

        return if rows.size < 3

        tr = rows.first

        if tr.search('th').present?

          node['data-controller'] = 'tablesort'

          tr['data-sort-method']  = 'none'

          tr.search('td').each do |td|

            td['data-sort-method'] = 'none'

          end

        end

      end

    end

  end

end

      SCRUBBERS = [

        Redmine::WikiFormatting::TablesortScrubber.new

      ]

      class Formatter

        extend Forwardable

        def_delegators :@filter, :extract_sections, :rip_offtags

        def initialize(args)

          @filter = Filter.new(args)

        end

        def to_html(*rules)

          html = @filter.to_html(rules)

          fragment = Loofah.html5_fragment(html)

          SCRUBBERS.each do |scrubber|

            fragment.scrub!(scrubber)

          end

          fragment.to_s

        end

      end

      class Filter < RedCloth3

        include Redmine::WikiFormatting::LinksHelper

          super(*RULES)

        '<a class="external" href="http://foo.bar/page?p=1&amp;t=z&amp;s=">http://foo.bar/page?p=1&amp;t=z&amp;s=</a>',

      'http://foo"bar' => '<a class="external" href="http://foo&quot;bar">http://foo"bar</a>',

      '!http://foo.bar/image.jpg!' => '<img src="http://foo.bar/image.jpg" alt="">',

         'floating <span style="float:right"><img src="http://foo.bar/image.jpg" alt=""></span>',

         'with class <img src="http://foo.bar/image.jpg" class="wiki-class-some-class" alt="">',

         'with class <img src="http://foo.bar/image.jpg" class="wiki-class-foo" alt="">',

         'with style <img src="http://foo.bar/image.jpg" style="width:100px;height:100px;" alt="">',

         'with title <img src="http://foo.bar/image.jpg" title="This is a title" alt="This is a title">',

          'alt="This is a double-quoted "title"">',

        'with query string <img src="http://foo.bar/image.cgi?a=1&amp;b=2" alt="">'

      assert textilizable(raw).include?('<img src="foo.png" alt="">')

      assert textilizable(raw).include?('<img src="bar.gif" alt="">')

         'Inline image: <img src="/attachments/download/3/logo.gif" title="This is a logo" alt="This is a logo" loading="lazy">',

         'Inline image: <img src="/attachments/download/3/logo.gif" title="This is a logo" alt="This is a logo" loading="lazy">',

         'Inline WebP image: <img src="/attachments/download/24/logo.webp" title="WebP image" alt="WebP image" loading="lazy">',

      'No match: !ogo.gif!' => 'No match: <img src="ogo.gif" alt="">',

      'No match: !ogo.GIF!' => 'No match: <img src="ogo.GIF" alt="">',

         '<a href="http://foo.bar/"><img src="/attachments/download/3/logo.gif" title="This is a logo" alt="This is a logo" loading="lazy"></a>',

      assert_match %r[<img src=".+?" title="alt text" alt="alt text" loading=".+?">],

      assert_match %r[<img src=".+?" title="alt text" alt="alt text" loading=".+?" style="width:100px;">],

      assert_match %r[<img src=".+?" title="This is a logo" alt="This is a logo" loading=".+?">],

      assert_match %r[<img src=".+?" alt="" loading=".+?">],

      assert_match %r[<img src=".+?" alt="">],

      assert_match %r[<img src=".+?" alt="alt text">],

      assert_match %r[<img src=".+?" alt="">],

      assert_match %r[<img src=".+?" alt="alt text">],

      assert textilizable(raw, :object => journal).include?("<img src=\"/attachments/download/#{attachment_1.id}/attached_on_issue.png\" alt=\"\" loading=\"lazy\">")

      assert textilizable(raw, :object => journal).include?("<img src=\"/attachments/download/#{attachment_2.id}/attached_on_journal.png\" alt=\"\" loading=\"lazy\">")

        assert_include %(<img src="/attachments/download/#{attachment.id}/#{result}" alt="" loading="lazy">),

          %(srcset="/attachments/download/#{attachment.id}/image@2x.png 2x" alt="" loading="lazy"></p>),

        'Inline image: <img src="/attachments/download/' + a1.id.to_s + '/testtest.JPG" alt="" loading="lazy">',

        'Inline image: <img src="/attachments/download/' + a2.id.to_s + '/testtest.jpeg" alt="" loading="lazy">',

        'Inline image: <img src="/attachments/download/' + a3.id.to_s + '/testtest.JPE" alt="" loading="lazy">',

        'Inline image: <img src="/attachments/download/' + a4.id.to_s + '/Testtest.BMP" alt="" loading="lazy">',

        'Inline image: <img src="/attachments/download/' + a2.id.to_s + '/testfile.PNG" alt="" loading="lazy">',

        'Inline image: <img src="/attachments/download/' + a2.id.to_s + '/testfile.PNG" alt="" loading="lazy">',

        "This is a double quote \"on the first line<br>and another on a second line\":test",

        '<a class="external" href="http://foo.bar/page?p=1&amp;t=z&amp;s=-">http://foo.bar/page?p=1&amp;t=z&amp;s=-</a>',

      "<div class=\"bold\">content</div>" => "<p>&lt;div class=\"bold\"&gt;content&lt;/div&gt;</p>",

      "<pre>\nline 1\nline2</pre>" => "<pre>line 1\nline2</pre>",

      assert_equal "<table><tbody>#{result}</tbody></table>", textilizable(text).gsub(/[\t\n]/, '')

      assert_equal '<hr>', textilizable('---')

# frozen_string_literal: true

# Redmine - project management software

# Copyright (C) 2006-  Jean-Philippe Lang

# This code is released under the GNU General Public License.

require_relative '../../../../test_helper'

class Redmine::WikiFormatting::TablesortScrubberTest < ActiveSupport::TestCase

  def filter(html)

    fragment = Redmine::WikiFormatting::HtmlParser.parse(html)

    scrubber = Redmine::WikiFormatting::TablesortScrubber.new

    fragment.scrub!(scrubber)

    fragment.to_s

  end

  test 'should not add data-controller attribute by default' do

    table = <<~HTML

      <table>

        <tbody><tr>

          <th>A</th>

          <th>B</th>

        </tr>

        <tr>

          <td></td>

          <td></td>

        </tr>

        <tr>

          <td></td>

          <td></td>

        </tr>

      </tbody></table>

    HTML

    assert_equal table, filter(table)

  end

  test 'should not add data-controller attribute when the table has less than 3 rows' do

    table = <<~HTML

      <table>

        <tbody><tr>

          <th>A</th>

          <th>B</th>

        </tr>

        <tr>

          <td></td>

          <td></td>

        </tr>

      </tbody></table>

    HTML

    with_settings :wiki_tablesort_enabled => 1 do

      assert_equal table, filter(table)

    end

  end

  test 'should add data-controller attribute when the table contains at least 3 rows and enables sorting' do

    input = <<~HTML

      <table>

        <tbody><tr>

          <th>A</th>

          <th>B</th>

        </tr>

        <tr>

          <td></td>

          <td></td>

        </tr>

        <tr>

          <td></td>

          <td></td>

        </tr>

      </tbody></table>

    HTML

    expected = <<~HTML

      <table data-controller="tablesort">

        <tbody><tr data-sort-method="none">

          <th>A</th>

          <th>B</th>

        </tr>

        <tr>

          <td></td>

          <td></td>

        </tr>

        <tr>

          <td></td>

          <td></td>

        </tr>

      </tbody></table>

    HTML

    with_settings :wiki_tablesort_enabled => 1 do

      assert_equal expected, filter(input)

    end

  end

end

      Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas sed libero.<br>

        <tbody>

        </tbody>

        <tbody>

        </tbody>

        <tbody>

        </tbody>

        <tbody>

          <td>cell11<br>continued</td>

          <td>cell23<br>cell23 line2<br>cell23 <strong>line3</strong></td>

          <td>cell32<br>cell32 line2</td>

        </tbody>

        <tbody>

          <td>ordered list<br># item<br># item 2</td>

          <td>unordered list<br>* item<br>* item 2</td>

        </tbody>

        '&amp;#x27;&amp;#x58;&amp;#x53;&amp;#x53;&amp;#x27;&amp;#x29;;&amp;#x22;" alt=""></p>'

          "<code data-language=\"c-k&amp;r\">special-char language</code>",

        '!(foo)test.png!' => "<p><img src=\"test.png\" class=\"wiki-class-foo\" alt=\"\"></p>",

           "<table>\n\t\t<tbody><tr>\n\t\t\t<td class=\"wiki-class-foo\">test</td>\n\t\t</tr>\n\t</tbody></table>",

        '!(#foo)test.png!' => "<p><img src=\"test.png\" id=\"wiki-id-foo\" alt=\"\"></p>",

           "<table>\n\t\t<tbody><tr>\n\t\t\t<td id=\"wiki-id-foo\">test</td>\n\t\t</tr>\n\t</tbody></table>",

           "<p><img src=\"test.png\" class=\"wiki-class-foo\" id=\"wiki-id-bar\" alt=\"\"></p>",

      <p>&lt;pree&gt;<br>

        This is some text<br>

/*!

 * tablesort v5.7.0 (2026-01-03)

 * http://tristen.ca/tablesort/demo/

 * Copyright (c) 2026 ; Licensed MIT

 */

const m=[],v=function(n){if(!window.CustomEvent||typeof window.CustomEvent!="function"){const t=document.createEvent("CustomEvent");return t.initCustomEvent(n,!1,!1,void 0),t}else return new CustomEvent(n)},A=function(n,t){const e=t.sortAttribute||"data-sort";return n.hasAttribute(e)?n.getAttribute(e):n.textContent||n.innerText||""},C=function(n,t){return n=n.trim().toLowerCase(),t=t.trim().toLowerCase(),n===t?0:n<t?1:-1},E=function(n,t){return[].slice.call(n).find(function(e){return e.getAttribute("data-sort-column-key")===t})},x=function(n,t){return function(e,s){const i=n(e.td,s.td);return i===0?t?s.index-e.index:e.index-s.index:i}};class B{static extend(t,e,s){if(typeof e!="function"||typeof s!="function")throw new Error("Pattern and sort must be a function");m.push({name:t,pattern:e,sort:s})}constructor(t,e){if(!t||t.tagName!=="TABLE")throw new Error("Element must be a table");this.table=t,this.thead=!1,this.options=e||{};const s=this.getFirstRow(t);if(!s)return;const i=this.getDefaultSort(s);i&&(this.current=i,this.sortTable(i))}getFirstRow(t){let e;if(t.rows&&t.rows.length>0)if(t.tHead&&t.tHead.rows.length>0){for(let s=0;s<t.tHead.rows.length;s++)if(t.tHead.rows[s].getAttribute("data-sort-method")==="thead"){e=t.tHead.rows[s];break}e||(e=t.tHead.rows[t.tHead.rows.length-1]),this.thead=!0}else e=t.rows[0];return e}getDefaultSort(t){const e=i=>{this.current&&this.current!==i.target&&this.current.removeAttribute("aria-sort"),this.current=i.target,this.sortTable(i.target)};let s;for(let i=0;i<t.cells.length;i++){const l=t.cells[i];l.setAttribute("role","columnheader"),l.getAttribute("data-sort-method")!=="none"&&(l.tabIndex=0,l.addEventListener("click",e,!1),l.addEventListener("keydown",function(r){r.key==="Enter"&&(r.preventDefault(),e(r))}),l.getAttribute("data-sort-default")!==null&&(s=l))}return s}sortTable(t,e){let s=t.getAttribute("data-sort-column-key"),i=t.cellIndex,l=C,r="",f=[],c=this.thead?0:1,b=t.getAttribute("data-sort-method"),y=t.hasAttribute("data-sort-reverse"),u=t.getAttribute("aria-sort");if(this.table.dispatchEvent(v("beforeSort")),e||(u==="ascending"?u="descending":u==="descending"?u="ascending":u=!!this.options.descending!=y?"descending":"ascending",t.setAttribute("aria-sort",u)),!(this.table.rows.length<2)){if(!b){let o;for(;f.length<3&&c<this.table.tBodies[0].rows.length;)s?o=E(this.table.tBodies[0].rows[c].cells,s):o=this.table.tBodies[0].rows[c].cells[i],r=o?A(o,this.options):"",r=r.trim(),r.length>0&&f.push(r),c++;if(!f)return}for(let o=0;o<m.length;o++)if(r=m[o],b){if(r.name===b){l=r.sort;break}}else if(f.every(r.pattern)){l=r.sort;break}this.col=i;for(let o=0;o<this.table.tBodies.length;o++){let d=[],w={},h=0,p=0;if(!(this.table.tBodies[o].rows.length<2)){for(let a=0;a<this.table.tBodies[o].rows.length;a++){let g;r=this.table.tBodies[o].rows[a],r.getAttribute("data-sort-method")==="none"?w[h]=r:(s?g=E(r.cells,s):g=r.cells[this.col],d.push({tr:r,td:g?A(g,this.options):"",index:h})),h++}u==="descending"?d.sort(x(l,!0)):(d.sort(x(l,!1)),d.reverse());for(let a=0;a<h;a++)w[a]?(r=w[a],p++):r=d[a-p].tr,this.table.tBodies[o].appendChild(r)}}this.table.dispatchEvent(v("afterSort"))}}refresh(){this.current!==void 0&&this.sortTable(this.current,!0)}}export{B as default};

/*!

 * tablesort v5.7.0 (2026-01-03)

 * http://tristen.ca/tablesort/demo/

 * Copyright (c) 2026 ; Licensed MIT

 */

const r=function(n){return n.replace(/[^\-?0-9.]/g,"")},o=function(n,t){return n=parseFloat(n),t=parseFloat(t),n=isNaN(n)?0:n,t=isNaN(t)?0:t,n-t},e={name:"number",pattern:function(n){return n.match(/^[-+]?[£\x24Û¢´€]?\d+\s*([,\.]\d{0,2})/)||n.match(/^[-+]?\d+\s*([,\.]\d{0,2})?[£\x24Û¢´€]/)||n.match(/^[-+]?(\d)*-?([,\.]){0,1}-?(\d)+([E,e][\-+][\d]+)?%?$/)},sort:function(n,t){return n=r(n),t=r(t),o(t,n)}};typeof window.Tablesort<"u"&&Tablesort.extend(e.name,e.pattern,e.sort);var u=e;export{u as default};