飛狼實驗室[wp]

好久以前就有用過這個程式，一直沒有用心去try它。
最近發現它有許多的優點，或許可以用來記錄單敗淘汰賽及雙敗淘汰賽的比賽過程。
主要的資料檔是json格式，用javascript控制，程式得十分精簡。

範例
http://163.26.179.2/test/jb/edit.php

來源：
https://www.aropupu.fi/bracket/

程式碼
https://github.com/teijo/jquery-bracket

網頁的github
https://github.com/teijo/jquery-bracket-site/blob/master/index.html

使用說明
http://www.aropupu.fi/bracket/

server端例(php)
http://www.aropupu.fi/bracket-server/

AI 摘要
$('div#save.demo') 是一個jQuery選擇器，它用來選取HTML文件中符合特定條件的 <div> 元素。 具體來說，它會找到所有滿足以下條件的 <div> 元素：

    div: 指定要選擇的元素類型為 <div> 標籤。
    #save: 指定要選擇的元素必須具有 id 屬性，且其值為"save"。
    .demo: 指定要選擇的元素必須具有 class 屬性，且其值為"demo"。 

所以，這個選擇器會選中一個 <div> 元素，這個元素同時具有 id="save" 和 class="demo" 這兩個屬性。
<div id="save" class="demo">這個元素會被選中</div>

Jeditable是一個非常好用的外掛，可以即時編輯資料庫欄位資料。
但是有個小缺點，就是畫面上出現「Click to edit」提醒字元太佔空間。
 

說明文件中指出可以修改tooltip
<script type="text/javascript">
$(document).ready(function() {
    $('.jedit').editable('update_score_bell.php', {
         type   : 'textarea',
         submit : 'OK',
         indicator : '正在儲存中',
         tooltip   : '點擊修改'
    });
});
</script>
但修改這兒似乎只能改alt時的說明文字
要修改表單中的文字得直接修改jeditable.js文件最後約537行
placeholder: 'Click to edit',
改成
placeholder: 'Edit',

查看themes/print.css
#menu-left {
    display: none;    
}

查看網頁原始檔
<section class="mt-5 min-vh-100" >
	<div class="container-fluid">
      <div class="row flex-nowrap">
        <div class="col-auto col-md-3 col-xl-2 px-sm-2 px-0 bg-white" >
            <div class="d-flex flex-column align-items-center align-items-sm-start px-3 pt-2 text-white ">
               <ul class="nav nav-pills flex-column mb-sm-auto mb-0 align-items-center align-items-sm-start" id="menu">

比對其它網站網頁原始檔
第4行沒有給id，加入就可以了
<div class="col-auto col-md-3 col-xl-2 px-sm-2 px-0 bg-white" id="menu-left">

參考網址：Medium

要測試獎狀參數時，需有一筆測試用的成績資料。以前都是在local端模擬輸入一筆成績，有些麻煩。
想到一個方法，給一筆模擬的資料就可以了。
 

修改work/award_config.php加入「測試列印樣張」鏈結
<caption >獎狀排版設定<br>(螢幕解析度約為96DPI，37.8pixels/cm)&nbsp;&nbsp;&nbsp;
      <a href="../admin/adm_print_score.php?act=test" target="_blank">測試列印樣張</a></caption >

修改admin/adm_print_score.php
當傳入act=test時給一筆模擬的資料
if($_GET['act']=='test')  {
    $user[0]['group_name']="國小男童五年級組";
    $user[0]['group_engname']="Primary school Fifth grade boy group";
    $user[0]['item_name']="個人賽";
    $user[0]['item_engname']="Individual race";
    $user[0]['ord_id']="第一名";
    $user[0]['eng_ord_id']="First";
    $user[0]['player_name']="李宸豪";
    $user[0]['player_engname']="Li Chen-hao";
    $user[0]['gov_name']="永康國小";
    $user[0]['gov_engname']="Tainan Municipal Yongkang District Yongkang Elementary School";
    $user[0]['gov_allname']="臺南市永康區永康國民小學";
    $user[0]['score']="";
}else{
    $user = get_main_score($_GET['group_id'] ,$_GET['item_id'] ,$play_group_name1['detail'][$_GET['group_id']] , 1,0,$rope) ;    
}

適用民俗體育，如果有併組情形時，在獎狀資料取得時提醒修正組別名稱。
$message="有拆、併組情形，請修正列印用-組別名稱！！^^^";

select * from modify_list 
            where group_id_tg='
            $_POST[group_id]' and item_id_tg= '$_POST[item_id]' 
            group by group_id_tg,item_id_tg

影響的檔案
admin\adm_print_get.php
templates\admin\adm_get_print.htm
templates\admin\adm_get_print_edit.htm