<?php

namespace XoopsModules\Tadtools;

use XoopsModules\Tadtools\Utility;

class FooTable
{
    public $selector = '.footable';

    //建構函數
    public function __construct($selector = '.footable')
    {
        $this->selector = $selector;
    }

    //產生語法
    public function render($need_jquery = true)
    {
        global $xoTheme;

        $jquery = $need_jquery ? Utility::get_jquery() : '';
        if ($xoTheme) {
            $xoTheme->addStylesheet('modules/tadtools/FooTable/css/footable-0.1.css');
            $xoTheme->addScript('modules/tadtools/FooTable/js/footable-0.1.js');

            $xoTheme->addScript('', null, "
              (function(\$){
                \$(document).ready(function(){
                  \$('{$this->selector}').footable();
                });
              })(jQuery);
            ");
        } else {
            $FooTable = "
            <link href='" . XOOPS_URL . "/modules/tadtools/FooTable/css/footable-0.1.css' rel='stylesheet' type='text/css' >
            $jquery
            <script src='" . XOOPS_URL . "/modules/tadtools/FooTable/js/footable-0.1.js' type='text/javascript'></script>
            <script type='text/javascript'>
              $(function() {
                $('{$this->selector}').footable();
              });
            </script>
            ";

            return $FooTable;
        }
    }
}

/*

use XoopsModules\Tadtools\FooTable;

$FooTable = new FooTable('.footable');
$FooTable->render();

把 $FooTableJS 加到表格前
table 需加上 class='footable' 以及 <thead></thead>
要加入擴展符號的格子在  th 加上  data-class='expand'
要藏起來的格子在  th 加上  data-hide='phone,tablet' 或 data-hide='phone'
加入排序 th 加上 data-sort-initial="true" （忽略排序  data-sort-ignore="true"） 資料類型  data-type="numeric"
資料過濾 search:<input id="filter" type="text">
<table data-filter="#filter" class="footable">
 */
