update
This commit is contained in:
parent
335f98436c
commit
26d7c5eddf
|
|
@ -533,20 +533,28 @@ $(document).ready(function () {
|
|||
});
|
||||
//播放驗證碼語音
|
||||
$(function () {
|
||||
$('.ask-question')
|
||||
.find('.controls button.fas.fa-volume-up')
|
||||
.each(function () {
|
||||
const $btn = $(this);
|
||||
var pageLang = ($('html').attr('lang') || 'zh-Hant').toLowerCase();
|
||||
var isEn = pageLang.startsWith('en');
|
||||
var label = isEn ? 'Play Captcha Voice' : '播放驗證碼語音';
|
||||
|
||||
// 已經補過就不重複處理
|
||||
if ($btn.attr('aria-label')) return;
|
||||
$('.ask-question')
|
||||
.find('.controls button.fas.fa-volume-up')
|
||||
.each(function () {
|
||||
var $btn = $(this);
|
||||
|
||||
$btn.attr({
|
||||
'aria-label': '播放驗證碼語音',
|
||||
'aria-controls': 'captcha_audio',
|
||||
'role': 'button'
|
||||
});
|
||||
});
|
||||
$btn.attr({
|
||||
'aria-label': label,
|
||||
'title': label,
|
||||
'aria-controls': 'captcha_audio',
|
||||
'role': 'button'
|
||||
});
|
||||
|
||||
// ✅ 同步更新 sr-only 文字（若有）
|
||||
var $sr = $btn.find('.sr-only');
|
||||
if ($sr.length > 0) {
|
||||
$sr.text(label);
|
||||
}
|
||||
});
|
||||
});
|
||||
|
||||
//刪除td的id
|
||||
|
|
@ -3429,6 +3437,50 @@ $(document).ready(function () {
|
|||
// 比 fixAccessibilityAll 的 800ms 晚，確保最後執行
|
||||
setTimeout(fixGalleryViewLinkA11y, 2000);
|
||||
});
|
||||
//No History Records
|
||||
function fixTicketHistoryStatusA11y() {
|
||||
var $form = $('#check_history_form');
|
||||
if (!$form.length) return;
|
||||
|
||||
// 建立 role=status 播報區（若不存在）
|
||||
if (!$('#ticket-history-result-status').length) {
|
||||
$form.after('<div id="ticket-history-result-status" role="status" aria-live="polite" aria-atomic="true" class="visually-hidden"></div>');
|
||||
}
|
||||
|
||||
var $statusBox = $('#ticket-history-result-status');
|
||||
|
||||
// MutationObserver 監聽 #history_area 的變化
|
||||
var $historyArea = $('#history_area');
|
||||
if (!$historyArea.length) return;
|
||||
|
||||
var observer = new MutationObserver(function () {
|
||||
var $noRecord = $historyArea.find('span.translation_missing');
|
||||
if ($noRecord.length) {
|
||||
// 取得文字（顯示文字或 title 屬性）
|
||||
var msg = $noRecord.text().trim() || $noRecord.attr('title') || 'No History Records';
|
||||
|
||||
// 把訊息寫入 role=status 區塊觸發播報
|
||||
$statusBox.text('').text(msg);
|
||||
|
||||
// 同時在 span 上加 role=status（雙保險）
|
||||
if ($noRecord.attr('role') !== 'status') {
|
||||
$noRecord.attr('role', 'status').attr('aria-live', 'polite').attr('aria-atomic', 'true');
|
||||
}
|
||||
} else {
|
||||
// 有查到結果時清空播報區
|
||||
$statusBox.text('');
|
||||
}
|
||||
});
|
||||
|
||||
observer.observe($historyArea[0], {
|
||||
childList: true,
|
||||
subtree: true
|
||||
});
|
||||
}
|
||||
|
||||
$(document).ready(function () {
|
||||
setTimeout(fixTicketHistoryStatusA11y, 500);
|
||||
});
|
||||
//會員
|
||||
$(function() {
|
||||
function fixMemberAcademicLinkA11y() {
|
||||
|
|
|
|||
|
|
@ -214,6 +214,10 @@ img{
|
|||
// overflow-x: auto;
|
||||
// }
|
||||
// }
|
||||
*[data-pp]>.editmode-ps>a, .admin-subpart-area .content>.editmode-ps>a{
|
||||
position: !important;
|
||||
input[type=checkbox]:focus {
|
||||
outline: 0.3125em auto -webkit-focus-ring-color!important;
|
||||
}
|
||||
button.fas.fa-volume-up:focus {
|
||||
outline: 0.3125em auto -webkit-focus-ring-color!important;
|
||||
outline-offset: -0.125em!important;
|
||||
}
|
||||
|
|
@ -1,6 +1,13 @@
|
|||
@charset "utf-8";
|
||||
|
||||
@import "../initial";
|
||||
.ask-question-form .form-actions input {
|
||||
float: none !important;
|
||||
margin-right: 1em;
|
||||
}
|
||||
.ask-question .form-horizontal .form-actions {
|
||||
text-align: end!important;
|
||||
}
|
||||
.line-it-button{
|
||||
.label{
|
||||
color: #333!important;
|
||||
|
|
|
|||
|
|
@ -26,8 +26,7 @@
|
|||
</div>
|
||||
<div class="i-archive-files-list col-sm-9" data-list="files" data-level="2">
|
||||
<dd>
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}</a>
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="_blank" data-toggle="tooltip" data-placement="bottom" title="{{file-name}}"><span class="label label-primary">{{file-type}}</span></a>
|
||||
<a href="{{file-url}}" class="i-archive-files-item" target="{{target}}" title="{{file-name}}">{{file-name}}<span class="label label-primary">{{file-type}}</span></a>
|
||||
</dd>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
|
|
@ -8,9 +8,9 @@
|
|||
<div class="i-member-item row">
|
||||
<div class="i-member-item-inner clearfix">
|
||||
<div class="i-member-pic-wrap col-sm-3">
|
||||
<a href="{{link_to_show}}" title="{{name}}">
|
||||
<img class="i-member-pic img-thumbnail" src="{{image}}" title="{{name}}">
|
||||
</a>
|
||||
|
||||
<img class="i-member-pic img-thumbnail" src="{{image}}" alt="{{name}}">
|
||||
|
||||
</div>
|
||||
<div class="i-member-profile-data-wrap col-sm-9">
|
||||
<ul class="i-member-profile-list" data-list="profile_data" data-level="3">
|
||||
|
|
|
|||
|
|
@ -9,7 +9,7 @@
|
|||
<div class="i-member-item-inner clearfix">
|
||||
<div class="i-member-pic-wrap col-sm-12">
|
||||
<a href="{{link_to_show}}" title="{{name}}">
|
||||
<img class="i-member-pic img-thumbnail" src="{{image}}" title="{{name}}">
|
||||
<img class="i-member-pic img-thumbnail" src="{{image}}" alt="{{name}}">
|
||||
</a>
|
||||
</div>
|
||||
<div class="i-member-profile-data-wrap col-sm-12">
|
||||
|
|
|
|||
|
|
@ -1,40 +1,143 @@
|
|||
<div class="marquee-1" module="text_marquee" data-ps="">
|
||||
<h3 class="marquee-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<ul class="marquee" data-level="0" data-list="texts">
|
||||
<li>{{content}}</li>
|
||||
</ul>
|
||||
<div class="marquee-1-controls">
|
||||
<h3 class="marquee-title">
|
||||
<span>{{widget-title}}</span>
|
||||
</h3>
|
||||
<ul class="controlplay" role="radiogroup" aria-label="播放控制選項">
|
||||
<a role="radio" aria-checked="true" href="javascript:;" class="resume-slide active" title="繼續播放" aria-label="繼續播放" aria-live="assertive">
|
||||
<i aria-hidden="true"></i>
|
||||
</a>
|
||||
<a role="radio" aria-checked="false" href="javascript:;" class="pause-slide" title="暫停播放" aria-label="暫停播放" aria-live="assertive">
|
||||
<i aria-hidden="true"></i>
|
||||
</a>
|
||||
</ul>
|
||||
</div>
|
||||
<ul class="marquee" data-level="0" data-list="texts">
|
||||
<li>{{content}}</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
|
||||
<style>
|
||||
.marquee-1 .controlplay {
|
||||
display: flex;
|
||||
justify-content: flex-end;
|
||||
align-items: center;
|
||||
list-style: none;
|
||||
margin: 0 0 6px 0;
|
||||
padding: 0;
|
||||
gap: 4px;
|
||||
top: 1em;
|
||||
}
|
||||
|
||||
.marquee-1 .controlplay a {
|
||||
display: inline-block;
|
||||
margin-right: 0.25em;
|
||||
cursor: pointer;
|
||||
padding: 5px 10px;
|
||||
border: 1px solid rgba(255, 255, 255, 0.5);
|
||||
background: rgba(0, 0, 0, 0.2);
|
||||
}
|
||||
|
||||
.marquee-1 .controlplay a i {
|
||||
font-family: FontAwesome;
|
||||
position: relative;
|
||||
font-size: 1rem;
|
||||
line-height: 1;
|
||||
color: #FFF;
|
||||
vertical-align: middle;
|
||||
font-style: unset;
|
||||
}
|
||||
|
||||
.marquee-1 .controlplay a:hover {
|
||||
border-color: #888;
|
||||
}
|
||||
|
||||
.marquee-1 .controlplay a:focus {
|
||||
outline: 2px solid #005fcc;
|
||||
outline-offset: 2px;
|
||||
}
|
||||
|
||||
.marquee-1 .controlplay .resume-slide i::before {
|
||||
content: "\f04b";
|
||||
}
|
||||
|
||||
.marquee-1 .controlplay .pause-slide i {
|
||||
display: inline-flex;
|
||||
gap: 3px;
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.marquee-1 .controlplay .pause-slide i::before {
|
||||
content: "\f04c";
|
||||
}
|
||||
|
||||
.marquee-1 .controlplay .resume-slide.active i {
|
||||
color: #32D9C3;
|
||||
}
|
||||
|
||||
.marquee-1 .controlplay .pause-slide.active i {
|
||||
color: #ff4500;
|
||||
}
|
||||
</style>
|
||||
|
||||
<script type="text/javascript">
|
||||
(function(){
|
||||
var main_div = $("div[data-subpart-id={{subpart-id}}]"),
|
||||
total_texts = main_div.find("ul li").length - 1,
|
||||
current_text = 0,
|
||||
last_text = 0;
|
||||
(function(){
|
||||
var main_div = $("div[data-subpart-id={{subpart-id}}]");
|
||||
var $resumeBtn = main_div.find(".resume-slide");
|
||||
var $pauseBtn = main_div.find(".pause-slide");
|
||||
var total_texts = main_div.find("ul li").length - 1;
|
||||
var current_text = 0;
|
||||
var last_text = 0;
|
||||
var isPaused = false;
|
||||
var timer = null;
|
||||
|
||||
main_div.find("ul li").hide();
|
||||
var textTransform = function(){
|
||||
current_text++;
|
||||
current_text = (current_text > total_texts ? 0 : current_text);
|
||||
last_text = (current_text == 0 ? total_texts : current_text - 1);
|
||||
speed = $('.marquee > li > a').eq(current_text).attr('speed');
|
||||
main_div.find("ul li").eq(last_text).slideUp(500);
|
||||
main_div.find("ul li").eq(current_text).slideDown(500);
|
||||
if(total_texts > 0){
|
||||
setTimeout(textTransform,speed);
|
||||
}
|
||||
}
|
||||
setTimeout(textTransform,500);
|
||||
})();
|
||||
</script>
|
||||
|
||||
<script type="text/javascript">
|
||||
(function(){
|
||||
var main_div = $("div[data-subpart-id"{{subpart-id}})
|
||||
}
|
||||
</script>
|
||||
|
||||
main_div.find("ul li").hide();
|
||||
|
||||
function textTransform() {
|
||||
if (isPaused) return;
|
||||
|
||||
current_text++;
|
||||
current_text = (current_text > total_texts ? 0 : current_text);
|
||||
last_text = (current_text == 0 ? total_texts : current_text - 1);
|
||||
|
||||
var speed = main_div.find('.marquee > li > a').eq(current_text).attr('speed');
|
||||
|
||||
main_div.find("ul li").eq(last_text).slideUp(500);
|
||||
main_div.find("ul li").eq(current_text).slideDown(500);
|
||||
|
||||
if (total_texts > 0) {
|
||||
timer = setTimeout(textTransform, speed);
|
||||
}
|
||||
}
|
||||
|
||||
function pauseAll() {
|
||||
isPaused = true;
|
||||
clearTimeout(timer);
|
||||
$pauseBtn.attr('aria-checked', 'true').addClass('active');
|
||||
$resumeBtn.attr('aria-checked', 'false').removeClass('active');
|
||||
}
|
||||
|
||||
function resumeAll() {
|
||||
isPaused = false;
|
||||
$resumeBtn.attr('aria-checked', 'true').addClass('active');
|
||||
$pauseBtn.attr('aria-checked', 'false').removeClass('active');
|
||||
var speed = main_div.find('.marquee > li > a').eq(current_text).attr('speed') || 500;
|
||||
timer = setTimeout(textTransform, speed);
|
||||
}
|
||||
|
||||
$resumeBtn.on('click', function(e) {
|
||||
e.preventDefault();
|
||||
if (isPaused) resumeAll();
|
||||
});
|
||||
|
||||
$pauseBtn.on('click', function(e) {
|
||||
e.preventDefault();
|
||||
if (!isPaused) pauseAll();
|
||||
});
|
||||
|
||||
$resumeBtn.addClass('active').attr('aria-checked', 'true');
|
||||
$pauseBtn.attr('aria-checked', 'false');
|
||||
|
||||
timer = setTimeout(textTransform, 500);
|
||||
})();
|
||||
</script>
|
||||
|
|
@ -9,11 +9,12 @@
|
|||
<img src="{{img_src}}" alt="{{img_description}}">
|
||||
</div>
|
||||
<div class="widget-content-title">
|
||||
<a class="" href="{{link_to_show}}" target="{{target}}" title="{{title_text}}">{{title}}</a>
|
||||
<span>{{title}}</span>
|
||||
<span data-list="statuses" data-level="1">
|
||||
<span class="label status {{status-class}}">{{status}}</span>
|
||||
</span>
|
||||
</div>
|
||||
</a>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue