1456 changed files with 471857 additions and 12928 deletions
@ -1,110 +1,115 @@ |
|||
<?php |
|||
class IncludeCommon |
|||
{ |
|||
function CheckToken($token) { |
|||
date_default_timezone_set("Asia/Taipei"); |
|||
$encryption_code = "MASADA!^***"; |
|||
$time = date("Y-m-d H:i:s"); |
|||
|
|||
if (!isset($token) || empty($token)) { |
|||
$data['code'] = '400'; |
|||
$data['message'] = '非法请求'; |
|||
return $data; |
|||
} |
|||
//对比token |
|||
$explode = explode('.', $token); //以.分割token为数组 |
|||
if (!empty($explode[0]) && !empty($explode[1]) && !empty($explode[2]) && !empty($explode[3]) && !empty($explode[4])) { |
|||
$info = $explode[0] . '.' . $explode[1] . '.' . $explode[2] . '.' . $explode[3]; //信息部分 |
|||
$true_signature = hash_hmac('md5', $info, $encryption_code); //正确的签名 |
|||
if ($time > $explode[2]) { |
|||
$data['user_id'] = ''; |
|||
$data['user_name'] = ''; |
|||
$data['code'] = '401'; |
|||
$data['message'] = 'Token已过期,请重新登录'; |
|||
return $data; |
|||
} |
|||
if ($true_signature == $explode[4]) { |
|||
$data['user_id'] = $explode[0]; |
|||
$data['user_name'] = $explode[3]; |
|||
$data['code'] = '200'; |
|||
$data['message'] = 'Token合法'; |
|||
return $data; |
|||
} else { |
|||
$data['user_id'] = ''; |
|||
$data['user_name'] = ''; |
|||
$data['code'] = '400'; |
|||
$data['message'] = 'Token不合法'; |
|||
return $data; |
|||
} |
|||
} else { |
|||
$data['user_id'] = ''; |
|||
$data['user_name'] = ''; |
|||
$data['code'] = '400'; |
|||
$data['message'] = 'Token不合法'; |
|||
return $data; |
|||
} |
|||
} |
|||
//生成登录记录 |
|||
function save_log_response($source_flag='web', $account, $response_result){ |
|||
# 储存纪录并输出 |
|||
#echo date("Y-m-d"); |
|||
$file_path = "account_log/" . $account . "-" . date("Y-m-d") . ".ini"; |
|||
$data = serialize($response_result). date("H:i:s") . "\n"; |
|||
$fp = fopen($file_path,"a"); # 如果档案不存在择尝试建立再写入 |
|||
fwrite($fp, $data); |
|||
fclose($fp); |
|||
if ($source_flag == "web"){ |
|||
// header("Location: custom-create.php?function_list=" . serialize($response_result) . |
|||
// "&token=" . $response_result["token"]); #请输入使用者名称密码 |
|||
// exit(); |
|||
return true; |
|||
}else{ |
|||
// echo json_encode($response_result, JSON_UNESCAPED_UNICODE); |
|||
return false; |
|||
} |
|||
|
|||
/* |
|||
if ($source_flag == "app"){ |
|||
echo json_encode($response_result, JSON_UNESCAPED_UNICODE); |
|||
}elseif ($source_flag == "web"){ |
|||
header("Location: api-account-reply-functions.php?function_list=" . serialize($response_result) . |
|||
"&token=" . $response_result["token"]); #请输入使用者名称密码 |
|||
exit(); |
|||
} |
|||
*/ |
|||
} |
|||
|
|||
//生成token |
|||
function CreateToken($user_id, $user_name) { |
|||
date_default_timezone_set("Asia/Taipei"); |
|||
$start_time = date("Y-m-d H:i:s"); |
|||
$end_time = date('Y-m-d H:i:s',strtotime('+24 hour')); #设定24小时 |
|||
$info = $user_id . '.' . $start_time . '.' . $end_time . '.' . $user_name; //设置token过期时间为一天 |
|||
$encryption_code = "MASADA!^***"; |
|||
//根据以上信息信息生成签名（密钥为 SIGNATURE 自定义全局常量) |
|||
$signature = hash_hmac('md5', $info, $encryption_code); |
|||
//最后将这两部分拼接起来，得到最终的Token字符串 |
|||
return $token = $info . '.' . $signature; |
|||
} |
|||
//生成菜单 |
|||
|
|||
function menu ($from='tw',$type){ |
|||
$function_type = array( |
|||
"tw" => array( |
|||
# F角色菜单 |
|||
"H" => array( |
|||
"language" => "tw", |
|||
"type" => "manage", |
|||
"list" => array( |
|||
array("name" => "批量导入", "path" => "http://192.168.0.12/wms/excel-upload"), |
|||
), |
|||
"note" => "none", |
|||
"token" => "" |
|||
), |
|||
) |
|||
); |
|||
|
|||
return $function_type[$from][$type]; |
|||
|
|||
} |
|||
} |
|||
<?php |
|||
// phpinfo(); |
|||
// exit; |
|||
class IncludeCommon |
|||
{ |
|||
function CheckToken($token) |
|||
{ |
|||
date_default_timezone_set("Asia/Taipei"); |
|||
$encryption_code = "MASADA!^***"; |
|||
$time = date("Y-m-d H:i:s"); |
|||
|
|||
if (!isset($token) || empty($token)) { |
|||
$data['code'] = '400'; |
|||
$data['message'] = '非法請求'; |
|||
return $data; |
|||
} |
|||
//对比token |
|||
$explode = explode('.', $token); //以.分割token为数组 |
|||
if (!empty($explode[0]) && !empty($explode[1]) && !empty($explode[2]) && !empty($explode[3]) && !empty($explode[4])) { |
|||
$info = $explode[0] . '.' . $explode[1] . '.' . $explode[2] . '.' . $explode[3]; //信息部分 |
|||
$true_signature = hash_hmac('md5', $info, $encryption_code); //正确的签名 |
|||
if ($time > $explode[2]) { |
|||
$data['user_id'] = ''; |
|||
$data['user_name'] = ''; |
|||
$data['code'] = '401'; |
|||
$data['message'] = 'Token已過期,請重新登入'; |
|||
return $data; |
|||
} |
|||
if ($true_signature == $explode[4]) { |
|||
$data['user_id'] = $explode[0]; |
|||
$data['user_name'] = $explode[3]; |
|||
$data['code'] = '200'; |
|||
$data['message'] = 'Token合法'; |
|||
return $data; |
|||
} else { |
|||
$data['user_id'] = ''; |
|||
$data['user_name'] = ''; |
|||
$data['code'] = '400'; |
|||
$data['message'] = 'Token不合法'; |
|||
return $data; |
|||
} |
|||
} else { |
|||
$data['user_id'] = ''; |
|||
$data['user_name'] = ''; |
|||
$data['code'] = '400'; |
|||
$data['message'] = 'Token不合法'; |
|||
return $data; |
|||
} |
|||
} |
|||
//生成登录记录 |
|||
function save_log_response($source_flag = 'web', $account, $response_result) |
|||
{ |
|||
# 储存纪录并输出 |
|||
#echo date("Y-m-d"); |
|||
$file_path = "account_log/" . $account . "-" . date("Y-m-d") . ".ini"; |
|||
$data = serialize($response_result) . date("H:i:s") . "\n"; |
|||
$fp = fopen($file_path, "a"); # 如果档案不存在择尝试建立再写入 |
|||
fwrite($fp, $data); |
|||
fclose($fp); |
|||
if ($source_flag == "web") { |
|||
// header("Location: custom-create.php?function_list=" . serialize($response_result) . |
|||
// "&token=" . $response_result["token"]); #请输入使用者名称密码 |
|||
// exit(); |
|||
return true; |
|||
} else { |
|||
// echo json_encode($response_result, JSON_UNESCAPED_UNICODE); |
|||
return false; |
|||
} |
|||
|
|||
/* |
|||
if ($source_flag == "app"){ |
|||
echo json_encode($response_result, JSON_UNESCAPED_UNICODE); |
|||
}elseif ($source_flag == "web"){ |
|||
header("Location: api-account-reply-functions.php?function_list=" . serialize($response_result) . |
|||
"&token=" . $response_result["token"]); #请输入使用者名称密码 |
|||
exit(); |
|||
} |
|||
*/ |
|||
} |
|||
|
|||
//生成token |
|||
function CreateToken($user_id, $user_name) |
|||
{ |
|||
date_default_timezone_set("Asia/Taipei"); |
|||
$start_time = date("Y-m-d H:i:s"); |
|||
$end_time = date('Y-m-d H:i:s', strtotime('+24 hour')); #设定24小时 |
|||
$info = $user_id . '.' . $start_time . '.' . $end_time . '.' . $user_name; //设置token过期时间为一天 |
|||
$encryption_code = "MASADA!^***"; |
|||
//根据以上信息信息生成签名（密钥为 SIGNATURE 自定义全局常量) |
|||
$signature = hash_hmac('md5', $info, $encryption_code); |
|||
//最后将这两部分拼接起来，得到最终的Token字符串 |
|||
return $token = $info . '.' . $signature; |
|||
} |
|||
//生成菜单 |
|||
|
|||
function menu($from = 'tw', $type) |
|||
{ |
|||
$function_type = array( |
|||
"tw" => array( |
|||
# F角色菜单 |
|||
"H" => array( |
|||
"language" => "tw", |
|||
"type" => "manage", |
|||
"list" => array( |
|||
array("name" => "批量导入", "path" => "http://192.168.0.12/wms/excel-upload"), |
|||
), |
|||
"note" => "none", |
|||
"token" => "" |
|||
), |
|||
) |
|||
); |
|||
|
|||
return $function_type[$from][$type]; |
|||
} |
|||
} |
|||
|
|||
@ -1,212 +1,218 @@ |
|||
<?php |
|||
class IncludeCommon |
|||
{ |
|||
function CheckToken($token) { |
|||
date_default_timezone_set("Asia/Taipei"); |
|||
$encryption_code = "MASADA!^***"; |
|||
$time = date("Y-m-d H:i:s"); |
|||
|
|||
if (!isset($token) || empty($token)) { |
|||
$data['code'] = '400'; |
|||
$data['message'] = '非法请求'; |
|||
return $data; |
|||
} |
|||
//对比token |
|||
$explode = explode('.', $token); //以.分割token为数组 |
|||
if (!empty($explode[0]) && !empty($explode[1]) && !empty($explode[2]) && !empty($explode[3]) && !empty($explode[4])) { |
|||
$info = $explode[0] . '.' . $explode[1] . '.' . $explode[2] . '.' . $explode[3]; //信息部分 |
|||
$true_signature = hash_hmac('md5', $info, $encryption_code); //正确的签名 |
|||
if ($time > $explode[3]) { |
|||
$data['user_id'] = ''; |
|||
$data['code'] = '401'; |
|||
$data['message'] = 'Token已过期,请重新登录'; |
|||
return $data; |
|||
} |
|||
if (($true_signature == $explode[4])) { |
|||
$data['user_id'] = $explode[0]; |
|||
$data['code'] = '200'; |
|||
$data['message'] = 'Token合法'; |
|||
return $data; |
|||
} else { |
|||
$data['user_id'] = ''; |
|||
$data['code'] = '400'; |
|||
$data['message'] = 'Token不合法'; |
|||
return $data; |
|||
} |
|||
} else { |
|||
$data['user_id'] = ''; |
|||
$data['code'] = '400'; |
|||
$data['message'] = 'Token不合法'; |
|||
return $data; |
|||
} |
|||
} |
|||
//生成登录记录 |
|||
function save_log_response($source_flag='web', $account, $response_result){ |
|||
# 储存纪录并输出 |
|||
#echo date("Y-m-d"); |
|||
$file_path = "account_log/" . $account . "-" . date("Y-m-d") . ".ini"; |
|||
$data = serialize($response_result). date("H:i:s") . "\n"; |
|||
$fp = fopen($file_path,"a"); # 如果档案不存在择尝试建立再写入 |
|||
fwrite($fp, $data); |
|||
fclose($fp); |
|||
if ($source_flag == "web"){ |
|||
// header("Location: custom-create.php?function_list=" . serialize($response_result) . |
|||
// "&token=" . $response_result["token"]); #请输入使用者名称密码 |
|||
// exit(); |
|||
return true; |
|||
}else{ |
|||
// echo json_encode($response_result, JSON_UNESCAPED_UNICODE); |
|||
return false; |
|||
} |
|||
|
|||
/* |
|||
if ($source_flag == "app"){ |
|||
echo json_encode($response_result, JSON_UNESCAPED_UNICODE); |
|||
}elseif ($source_flag == "web"){ |
|||
header("Location: api-account-reply-functions.php?function_list=" . serialize($response_result) . |
|||
"&token=" . $response_result["token"]); #请输入使用者名称密码 |
|||
exit(); |
|||
} |
|||
*/ |
|||
} |
|||
|
|||
//生成token |
|||
function CreateToken($user_id, $user_name) { |
|||
date_default_timezone_set("Asia/Taipei"); |
|||
$start_time = date("Y-m-d H:i:s"); |
|||
$end_time = date('Y-m-d H:i:s',strtotime('+24 hour')); #设定24小时 |
|||
$info = $user_id . '.' . base64_encode(urlencode($user_name)) . '.' . $start_time . '.' . $end_time; //设置token过期时间为一天 |
|||
$encryption_code = "MASADA!^***"; |
|||
//根据以上信息信息生成签名（密钥为 SIGNATURE 自定义全局常量) |
|||
$signature = hash_hmac('md5', $info, $encryption_code); |
|||
//最后将这两部分拼接起来，得到最终的Token字符串 |
|||
return $token = $info . '.' . $signature; |
|||
} |
|||
//生成菜单 |
|||
|
|||
/** |
|||
* 將模擬帳號寫入token |
|||
*/ |
|||
function FakeToken($fake_user_id, $token) { |
|||
date_default_timezone_set("Asia/Taipei"); |
|||
$encryption_code = "MASADA!^***"; |
|||
$time = date("Y-m-d H:i:s"); |
|||
$explode = explode('.', $token); |
|||
$info = $fake_user_id . '.' . $explode[1] . '.' . $explode[2] . '.' . $explode[3]; // 欲模擬帳號.本人帳號.有效開始時間.失效時間 |
|||
$signature = hash_hmac('md5', $info, $encryption_code); |
|||
return $token = $info . '.' . $signature; |
|||
} |
|||
|
|||
function menu ($from='tw',$type){ |
|||
$function_type = array( |
|||
"tw" => array( |
|||
# F角色菜单 |
|||
"F" => array( |
|||
"language" => "tw", |
|||
"type" => "manage", |
|||
"list" => array( |
|||
array("name" => "批量导入", "path" => "http://192.168.0.12/wms/excel-upload"), |
|||
), |
|||
"note" => "none", |
|||
"token" => "" |
|||
), |
|||
) |
|||
); |
|||
|
|||
|
|||
return $function_type[$from][$type]; |
|||
|
|||
} |
|||
|
|||
/** |
|||
* 依帳號類別檢視功能目錄 |
|||
*/ |
|||
function menu_v2($atype="") { |
|||
global $link; |
|||
|
|||
if (!$atype) return; |
|||
$sql = "select main_menu, sub_menu, sub_menu_eng, mlink from menu where accounttype = '$atype' and status = 'Y' order by main_menu_seq, sub_menu_seq"; |
|||
$res = mysqli_query($link, $sql); |
|||
while ($row = mysqli_fetch_assoc($res)) { |
|||
$arr[$row["main_menu"]][$row["sub_menu"]][$row["sub_menu_eng"]] = $row["mlink"]; |
|||
} |
|||
mysqli_free_result($res); |
|||
$str = json_encode($arr, JSON_UNESCAPED_UNICODE); |
|||
return $str; |
|||
} |
|||
|
|||
/** |
|||
* 依帳號檢視功能目錄 |
|||
* 管理者可看到全部選單 |
|||
* 其餘人員依account_auth決定可檢視的選單 |
|||
*/ |
|||
function menu_v3($aid="", $accounttype) { |
|||
global $link; |
|||
|
|||
if (!$aid) return; |
|||
$str = ""; |
|||
$arr = $menu_arr = []; |
|||
|
|||
$sql_cmd = ($accounttype == "E") ? "" : "where status = 'Y'"; |
|||
$sql = "select main_menu, sub_menu, sub_menu_eng, mlink from menu $sql_cmd order by main_menu_seq, sub_menu_seq"; |
|||
|
|||
$res = mysqli_query($link, $sql); |
|||
while ($row = mysqli_fetch_assoc($res)) { |
|||
$menu_arr[$row["mlink"]]["main_menu"] = $row["main_menu"]; |
|||
$menu_arr[$row["mlink"]]["sub_menu"] = $row["sub_menu"]; |
|||
$menu_arr[$row["mlink"]]["sub_menu_eng"] = $row["sub_menu_eng"]; |
|||
} |
|||
mysqli_free_result($res); |
|||
|
|||
$sql = "select permission from account_auth where accountid = '$aid'"; |
|||
$res = mysqli_query($link, $sql); |
|||
$row = mysqli_fetch_row($res); |
|||
$permission = empty($row)? json_encode([]): $row[0]; // $permission = $row[0]; //P0044 修改于2023/6/13 16:30 |
|||
|
|||
$permission_arr = json_decode($permission, true); |
|||
foreach ($menu_arr as $key => $val) { |
|||
if (($accounttype == "E") || !empty($permission_arr[$key])) { |
|||
$arr[$val["main_menu"]][$val["sub_menu"]][$val["sub_menu_eng"]] = $key; |
|||
} |
|||
} |
|||
if (!empty($arr)) $str = json_encode($arr, JSON_UNESCAPED_UNICODE); |
|||
/* |
|||
if ($permission_arr) { |
|||
foreach ($menu_arr as $key => $val) { |
|||
if ($permission_arr[$key]) { |
|||
$arr[$val["main_menu"]][$val["sub_menu"]][$val["sub_menu_eng"]] = $key; |
|||
} |
|||
} |
|||
if (!empty($arr)) $str = json_encode($arr, JSON_UNESCAPED_UNICODE); |
|||
} |
|||
*/ |
|||
mysqli_free_result($res); |
|||
|
|||
return $str; |
|||
/* |
|||
$str = ""; |
|||
$sql = "select a.id, a.accountid, m.auth_content from account a, menu_auth m where a.accountid = '$aid' and a.accountid = m.accountid and m.status = 'Y'"; |
|||
$res = mysqli_query($link, $sql); |
|||
if ($row = mysqli_fetch_row($res)) { |
|||
list($id, $accountid, $auth_content) = $row; |
|||
$auth_arr = json_decode($auth_content, true); |
|||
$menuid_arr = array_keys($auth_arr); |
|||
if ($menuid_arr) { |
|||
$arr = []; |
|||
$menuid_str = implode(",", $menuid_arr); |
|||
$sql2 = "select id, main_menu, sub_menu, sub_menu_eng, link from menu_tree where id in ($menuid_str) and status = 'Y' order by main_menu_seq, sub_menu_seq"; |
|||
$res2 = mysqli_query($link, $sql2); |
|||
while ($row2 = mysqli_fetch_assoc($res2)) { |
|||
$arr[$row2["main_menu"]][$row2["sub_menu"]][$row2["sub_menu_eng"]] = $row2["link"]; // R+W |
|||
if ($auth_arr[$row2["id"]] == "N") $arr[$row2["main_menu"]][$row2["sub_menu"]][$row2["sub_menu_eng"]] = "";//"/wms/forbidden.php"; // R |
|||
} |
|||
mysqli_free_result($res2); |
|||
$str = json_encode($arr, JSON_UNESCAPED_UNICODE); |
|||
} |
|||
} |
|||
mysqli_free_result($res); |
|||
|
|||
return $str; |
|||
*/ |
|||
} |
|||
} |
|||
<?php |
|||
class IncludeCommon |
|||
{ |
|||
function CheckToken($token) |
|||
{ |
|||
date_default_timezone_set("Asia/Taipei"); |
|||
$encryption_code = "MASADA!^***"; |
|||
$time = date("Y-m-d H:i:s"); |
|||
|
|||
if (!isset($token) || empty($token)) { |
|||
$data['code'] = '400'; |
|||
$data['message'] = '非法请求'; |
|||
return $data; |
|||
} |
|||
//对比token |
|||
$explode = explode('.', $token); //以.分割token为数组 |
|||
if (!empty($explode[0]) && !empty($explode[1]) && !empty($explode[2]) && !empty($explode[3]) && !empty($explode[4])) { |
|||
$info = $explode[0] . '.' . $explode[1] . '.' . $explode[2] . '.' . $explode[3]; //信息部分 |
|||
$true_signature = hash_hmac('md5', $info, $encryption_code); //正确的签名 |
|||
if ($time > $explode[3]) { |
|||
$data['user_id'] = ''; |
|||
$data['code'] = '401'; |
|||
$data['message'] = 'Token已过期,请重新登录'; |
|||
return $data; |
|||
} |
|||
if (($true_signature == $explode[4])) { |
|||
$data['user_id'] = $explode[0]; |
|||
$data['code'] = '200'; |
|||
$data['message'] = 'Token合法'; |
|||
return $data; |
|||
} else { |
|||
$data['user_id'] = ''; |
|||
$data['code'] = '400'; |
|||
$data['message'] = 'Token不合法'; |
|||
return $data; |
|||
} |
|||
} else { |
|||
$data['user_id'] = ''; |
|||
$data['code'] = '400'; |
|||
$data['message'] = 'Token不合法'; |
|||
return $data; |
|||
} |
|||
} |
|||
//生成登录记录 |
|||
function save_log_response($account, $response_result, $source_flag = 'web') |
|||
{ |
|||
# 储存纪录并输出 |
|||
#echo date("Y-m-d"); |
|||
$file_path = "account_log/" . $account . "-" . date("Y-m-d") . ".ini"; |
|||
$data = serialize($response_result) . date("H:i:s") . "\n"; |
|||
$fp = fopen($file_path, "a"); # 如果档案不存在择尝试建立再写入 |
|||
fwrite($fp, $data); |
|||
fclose($fp); |
|||
if ($source_flag == "web") { |
|||
// header("Location: custom-create.php?function_list=" . serialize($response_result) . |
|||
// "&token=" . $response_result["token"]); #请输入使用者名称密码 |
|||
// exit(); |
|||
return true; |
|||
} else { |
|||
// echo json_encode($response_result, JSON_UNESCAPED_UNICODE); |
|||
return false; |
|||
} |
|||
|
|||
/* |
|||
if ($source_flag == "app"){ |
|||
echo json_encode($response_result, JSON_UNESCAPED_UNICODE); |
|||
}elseif ($source_flag == "web"){ |
|||
header("Location: api-account-reply-functions.php?function_list=" . serialize($response_result) . |
|||
"&token=" . $response_result["token"]); #请输入使用者名称密码 |
|||
exit(); |
|||
} |
|||
*/ |
|||
} |
|||
|
|||
//生成token |
|||
function CreateToken($user_id, $user_name) |
|||
{ |
|||
date_default_timezone_set("Asia/Taipei"); |
|||
$start_time = date("Y-m-d H:i:s"); |
|||
$end_time = date('Y-m-d H:i:s', strtotime('+24 hour')); #设定24小时 |
|||
$info = $user_id . '.' . base64_encode(urlencode($user_name)) . '.' . $start_time . '.' . $end_time; //设置token过期时间为一天 |
|||
$encryption_code = "MASADA!^***"; |
|||
//根据以上信息信息生成签名（密钥为 SIGNATURE 自定义全局常量) |
|||
$signature = hash_hmac('md5', $info, $encryption_code); |
|||
//最后将这两部分拼接起来，得到最终的Token字符串 |
|||
return $token = $info . '.' . $signature; |
|||
} |
|||
//生成菜单 |
|||
|
|||
/** |
|||
* 將模擬帳號寫入token |
|||
*/ |
|||
function FakeToken($fake_user_id, $token) |
|||
{ |
|||
date_default_timezone_set("Asia/Taipei"); |
|||
$encryption_code = "MASADA!^***"; |
|||
$time = date("Y-m-d H:i:s"); |
|||
$explode = explode('.', $token); |
|||
$info = $fake_user_id . '.' . $explode[1] . '.' . $explode[2] . '.' . $explode[3]; // 欲模擬帳號.本人帳號.有效開始時間.失效時間 |
|||
$signature = hash_hmac('md5', $info, $encryption_code); |
|||
return $token = $info . '.' . $signature; |
|||
} |
|||
|
|||
function menu($type, $from = 'tw') |
|||
{ |
|||
$function_type = array( |
|||
"tw" => array( |
|||
# F角色菜单 |
|||
"F" => array( |
|||
"language" => "tw", |
|||
"type" => "manage", |
|||
"list" => array( |
|||
array("name" => "批量导入", "path" => "http://192.168.0.12/wms/excel-upload"), |
|||
), |
|||
"note" => "none", |
|||
"token" => "" |
|||
), |
|||
) |
|||
); |
|||
|
|||
|
|||
return $function_type[$from][$type]; |
|||
} |
|||
|
|||
/** |
|||
* 依帳號類別檢視功能目錄 |
|||
*/ |
|||
function menu_v2($atype = "") |
|||
{ |
|||
global $link; |
|||
|
|||
if (!$atype) return; |
|||
$sql = "select main_menu, sub_menu, sub_menu_eng, mlink from menu where accounttype = '$atype' and status = 'Y' order by main_menu_seq, sub_menu_seq"; |
|||
$res = mysqli_query($link, $sql); |
|||
while ($row = mysqli_fetch_assoc($res)) { |
|||
$arr[$row["main_menu"]][$row["sub_menu"]][$row["sub_menu_eng"]] = $row["mlink"]; |
|||
} |
|||
mysqli_free_result($res); |
|||
$str = json_encode($arr, JSON_UNESCAPED_UNICODE); |
|||
return $str; |
|||
} |
|||
|
|||
/** |
|||
* 依帳號檢視功能目錄 |
|||
* 管理者可看到全部選單 |
|||
* 其餘人員依account_auth決定可檢視的選單 |
|||
*/ |
|||
function menu_v3($accounttype, $aid = "") |
|||
{ |
|||
global $link; |
|||
|
|||
if (!$aid) return; |
|||
$str = ""; |
|||
$arr = $menu_arr = []; |
|||
|
|||
$sql_cmd = ($accounttype == "E") ? "" : "where status = 'Y'"; |
|||
$sql = "select main_menu, sub_menu, sub_menu_eng, mlink from menu $sql_cmd order by main_menu_seq, sub_menu_seq"; |
|||
|
|||
$res = mysqli_query($link, $sql); |
|||
while ($row = mysqli_fetch_assoc($res)) { |
|||
$menu_arr[$row["mlink"]]["main_menu"] = $row["main_menu"]; |
|||
$menu_arr[$row["mlink"]]["sub_menu"] = $row["sub_menu"]; |
|||
$menu_arr[$row["mlink"]]["sub_menu_eng"] = $row["sub_menu_eng"]; |
|||
} |
|||
mysqli_free_result($res); |
|||
|
|||
$sql = "select permission from account_auth where accountid = '$aid'"; |
|||
$res = mysqli_query($link, $sql); |
|||
$row = mysqli_fetch_row($res); |
|||
$permission = empty($row) ? json_encode([]) : $row[0]; // $permission = $row[0]; //P0044 修改于2023/6/13 16:30 |
|||
|
|||
$permission_arr = json_decode($permission, true); |
|||
foreach ($menu_arr as $key => $val) { |
|||
if (($accounttype == "E") || !empty($permission_arr[$key])) { |
|||
$arr[$val["main_menu"]][$val["sub_menu"]][$val["sub_menu_eng"]] = $key; |
|||
} |
|||
} |
|||
if (!empty($arr)) $str = json_encode($arr, JSON_UNESCAPED_UNICODE); |
|||
/* |
|||
if ($permission_arr) { |
|||
foreach ($menu_arr as $key => $val) { |
|||
if ($permission_arr[$key]) { |
|||
$arr[$val["main_menu"]][$val["sub_menu"]][$val["sub_menu_eng"]] = $key; |
|||
} |
|||
} |
|||
if (!empty($arr)) $str = json_encode($arr, JSON_UNESCAPED_UNICODE); |
|||
} |
|||
*/ |
|||
mysqli_free_result($res); |
|||
|
|||
return $str; |
|||
/* |
|||
$str = ""; |
|||
$sql = "select a.id, a.accountid, m.auth_content from account a, menu_auth m where a.accountid = '$aid' and a.accountid = m.accountid and m.status = 'Y'"; |
|||
$res = mysqli_query($link, $sql); |
|||
if ($row = mysqli_fetch_row($res)) { |
|||
list($id, $accountid, $auth_content) = $row; |
|||
$auth_arr = json_decode($auth_content, true); |
|||
$menuid_arr = array_keys($auth_arr); |
|||
if ($menuid_arr) { |
|||
$arr = []; |
|||
$menuid_str = implode(",", $menuid_arr); |
|||
$sql2 = "select id, main_menu, sub_menu, sub_menu_eng, link from menu_tree where id in ($menuid_str) and status = 'Y' order by main_menu_seq, sub_menu_seq"; |
|||
$res2 = mysqli_query($link, $sql2); |
|||
while ($row2 = mysqli_fetch_assoc($res2)) { |
|||
$arr[$row2["main_menu"]][$row2["sub_menu"]][$row2["sub_menu_eng"]] = $row2["link"]; // R+W |
|||
if ($auth_arr[$row2["id"]] == "N") $arr[$row2["main_menu"]][$row2["sub_menu"]][$row2["sub_menu_eng"]] = "";//"/wms/forbidden.php"; // R |
|||
} |
|||
mysqli_free_result($res2); |
|||
$str = json_encode($arr, JSON_UNESCAPED_UNICODE); |
|||
} |
|||
} |
|||
mysqli_free_result($res); |
|||
|
|||
return $str; |
|||
*/ |
|||
} |
|||
} |
|||
|
|||
File diff suppressed because it is too large
@ -1,78 +1,78 @@ |
|||
<?php |
|||
//require_once "../database.php"; |
|||
require_once './wf_common.php'; |
|||
require_once './model/ConMaintanceExamineApplyModel.php'; |
|||
require_once './model/ConMaintanceExamineClearModel.php'; |
|||
//print_r($_POST);exit; |
|||
$request = $_SERVER['REQUEST_METHOD'] == "GET" ? $_GET : $_POST; |
|||
$tosign = ($request["btn_save"] == "tosign") ? 1 : 0; // 1:提交 |
|||
|
|||
if ($request["form_src"] == "apply_form" && $tosign && (!isset($request["register_code"]) || empty($request["register_code"][0]) || !isset($request["next_users"]) || empty($request["next_users"]))) { |
|||
echo "<script type = 'text/JavaScript'>"; |
|||
echo "alert('請確認電梯資料或未選擇下位簽核者！');"; |
|||
echo "history.go(-1);"; |
|||
echo "</script>"; |
|||
exit; |
|||
} |
|||
|
|||
//更新表单ConMaintanceExamineApplyModel |
|||
$cmea = new ConMaintanceExamineApplyModel(); |
|||
$apply_key=$request['apply_key']; |
|||
$cmea->update(['apply_key', $apply_key], array_diff_key($request, ['apply_key' => ''])); |
|||
//更新电梯列表 |
|||
if (!empty($request["reg_del"])) { |
|||
$register_code_del_arr = explode(",", rtrim($request["reg_del"], ",")); |
|||
foreach ($register_code_del_arr as $val) { |
|||
$sql = "update con_maintance_examine_clear set cmstatus = 'D' where apply_key = '$apply_key' and register_code = '$val' and cmstatus <> 'D'"; |
|||
DB::query($sql); |
|||
} |
|||
} |
|||
if (!empty($request['register_code']) && count($request['register_code']) > 0) { |
|||
$cmec = new ConMaintanceExamineClearModel(); |
|||
for ($i = 0; $i < count($request['register_code']); $i++) { |
|||
$data = [ |
|||
'apply_key' => $request['apply_key'] |
|||
]; |
|||
$cols = array_diff($cmec->fillable, ['apply_key']); |
|||
foreach ($cols as $col) { |
|||
$data[$col] = empty($request[$col][$i]) ? '' : $request[$col][$i]; |
|||
if ($col=="annual_survey_expense") $data[$col] = '0.00'; |
|||
} |
|||
$cmec->create($data); |
|||
} |
|||
} |
|||
|
|||
//var_dump($_POST); |
|||
//var_dump($_GET); |
|||
|
|||
if ($tosign) { |
|||
#流程开始,var_dump($request); |
|||
$flow = new Flow($request['form_key']); |
|||
// 当前节点签核开始 |
|||
$wf = new WorkFlow($flow->system_id, $flow->flow_id, $flow->form_id, $request['form_key']); |
|||
$wf->setFormData($request); |
|||
$wf->submit($request['next_users'], $request['assign_status'], $request['assign_opinion']); |
|||
//当前节点签核结束 |
|||
$responses['flowName'] = $wf->getFlowName(); |
|||
$responses['form_key'] = $request['form_key']; |
|||
//var_dump($request); |
|||
#結案發通知給營業員 |
|||
if ($request['assign_status'] == 'F4') { |
|||
|
|||
list($salesman, $case_name ) = DB::fields("select salesman ,case_name from con_maintance_examine_apply where apply_key='" . $apply_key. "' "); |
|||
$ins_notice_sql = "INSERT INTO `notice` ( `kind`,`title`, `content`, `permission`) |
|||
VALUES ( '1', '契約價審單結案通知(" .$case_name . ")', '契約價審單結案通知(" . $case_name . ")', ' $salesman')"; |
|||
DB::query($ins_notice_sql); |
|||
// echo $ins_notice_sql; |
|||
} |
|||
} |
|||
echo "<script type = 'text/JavaScript'>"; |
|||
//echo "<h4 style='text-align:center'>成功提交<a href='https://www.masada.com.tw/wms/sign/list.php?function_name=show&token=" . $request['token'] . "'>返回待签 </a></h4>"; |
|||
if ($tosign) { |
|||
echo "alert('成功提交');"; |
|||
echo "location.href='../cont/sign_list.php?function_name=sign_list&token=".$request['token']."';"; |
|||
} else { |
|||
echo "alert('資料已保存');"; |
|||
echo "location.href='../crm/crmm02-index.php?function_name=contract_customer&token=".$request['token']."';"; |
|||
} |
|||
echo "</script>"; |
|||
<?php |
|||
//require_once "../database.php"; |
|||
require_once './wf_common.php'; |
|||
require_once './model/ConMaintanceExamineApplyModel.php'; |
|||
require_once './model/ConMaintanceExamineClearModel.php'; |
|||
//print_r($_POST);exit; |
|||
$request = $_SERVER['REQUEST_METHOD'] == "GET" ? $_GET : $_POST; |
|||
$tosign = ($request["btn_save"] == "tosign") ? 1 : 0; // 1:提交 |
|||
|
|||
if ($request["form_src"] == "apply_form" && $tosign && (!isset($request["register_code"]) || empty($request["register_code"][0]) || !isset($request["next_users"]) || empty($request["next_users"]))) { |
|||
echo "<script type = 'text/JavaScript'>"; |
|||
echo "alert('請確認電梯資料或未選擇下位簽核者！');"; |
|||
echo "history.go(-1);"; |
|||
echo "</script>"; |
|||
exit; |
|||
} |
|||
|
|||
//更新表单ConMaintanceExamineApplyModel |
|||
$cmea = new ConMaintanceExamineApplyModel(); |
|||
$apply_key = $request['apply_key']; |
|||
$cmea->update(['apply_key', $apply_key], array_diff_key($request, ['apply_key' => ''])); |
|||
//更新电梯列表 |
|||
if (!empty($request["reg_del"])) { |
|||
$register_code_del_arr = explode(",", rtrim($request["reg_del"], ",")); |
|||
foreach ($register_code_del_arr as $val) { |
|||
$sql = "UPDATE con_maintance_examine_clear SET cmstatus = 'D' WHERE apply_key = '$apply_key' AND register_code = '$val' AND cmstatus <> 'D'"; |
|||
DB::query($sql); |
|||
} |
|||
} |
|||
if (!empty($request['register_code']) && count($request['register_code']) > 0) { |
|||
$cmec = new ConMaintanceExamineClearModel(); |
|||
for ($i = 0; $i < count($request['register_code']); $i++) { |
|||
$data = [ |
|||
'apply_key' => $request['apply_key'] |
|||
]; |
|||
$cols = array_diff($cmec->fillable, ['apply_key']); |
|||
foreach ($cols as $col) { |
|||
$data[$col] = empty($request[$col][$i]) ? '' : $request[$col][$i]; |
|||
if ($col == "annual_survey_expense") $data[$col] = '0.00'; |
|||
} |
|||
$cmec->create($data); |
|||
} |
|||
} |
|||
|
|||
//var_dump($_POST); |
|||
//var_dump($_GET); |
|||
|
|||
if ($tosign) { |
|||
#流程开始,var_dump($request); |
|||
$flow = new Flow($request['form_key']); |
|||
// 当前节点签核开始 |
|||
$wf = new WorkFlow($flow->system_id, $flow->flow_id, $flow->form_id, $request['form_key']); |
|||
$wf->setFormData($request); |
|||
$wf->submit($request['next_users'], $request['assign_status'], $request['assign_opinion']); |
|||
//当前节点签核结束 |
|||
$responses['flowName'] = $wf->getFlowName(); |
|||
$responses['form_key'] = $request['form_key']; |
|||
//var_dump($request); |
|||
#結案發通知給營業員 |
|||
if ($request['assign_status'] == 'F4') { |
|||
|
|||
list($salesman, $case_name) = DB::fields("select salesman ,case_name from con_maintance_examine_apply where apply_key='" . $apply_key . "' "); |
|||
$ins_notice_sql = "INSERT INTO `notice` ( `kind`,`title`, `content`, `permission`) |
|||
VALUES ( '1', '契約價審單結案通知(" . $case_name . ")', '契約價審單結案通知(" . $case_name . ")', ' $salesman')"; |
|||
DB::query($ins_notice_sql); |
|||
// echo $ins_notice_sql; |
|||
} |
|||
} |
|||
echo "<script type = 'text/JavaScript'>"; |
|||
//echo "<h4 style='text-align:center'>成功提交<a href='https://www.masada.com.tw/wms/sign/list.php?function_name=show&token=" . $request['token'] . "'>返回待签 </a></h4>"; |
|||
if ($tosign) { |
|||
echo "alert('成功提交');"; |
|||
echo "location.href='../wms/index.php.php?function_name=sign_list&token=" . $request['token'] . "';"; |
|||
} else { |
|||
echo "alert('資料已保存');"; |
|||
echo "location.href='../crm/crmm02-index.php?function_name=contract_customer&token=" . $request['token'] . "';"; |
|||
} |
|||
echo "</script>"; |
|||
|
|||
@ -0,0 +1,34 @@ |
|||
<?php |
|||
require_once("../conn.php"); |
|||
ini_set('date.timezone', 'Asia/Taipei'); |
|||
if (isset($_GET['contractid']) && $_GET['contractid'] != "" && isset($_GET['contracttype']) && $_GET['contracttype'] == 'r') { |
|||
try { |
|||
$id = $_GET['contractid']; |
|||
$user_id = $_GET['user_id']; |
|||
$date = date('Y-m-d H:i:s'); |
|||
$del = '2'; |
|||
$sql = "UPDATE contract_r_signed_back SET delete_status = :del,delete_userid= :user_id, delete_date = :date WHERE id = :id"; |
|||
|
|||
$stmt = $conn->prepare($sql); |
|||
$stmt->bindParam(":id", $id); |
|||
$stmt->bindParam(":del", $del); |
|||
$stmt->bindParam(":user_id", $user_id); |
|||
$stmt->bindParam(":date", $date); |
|||
$stmt->execute(); |
|||
header("HTTP/1.1 204 NO Content"); |
|||
} catch (PDOException $e) { |
|||
die("ERROR!!!" . $e->getMessage()); |
|||
} |
|||
} |
|||
if (isset($_GET['contractid']) && $_GET['contractid'] != "") { |
|||
try { |
|||
$id = $_GET["contractid"]; |
|||
$sql_str = "DELETE FROM contract_m_signed_back WHERE id = :contractid"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(":contractid", $id); |
|||
$stmt->execute(); |
|||
header("HTTP/1.1 204 No Content"); |
|||
} catch (PDOException $e) { |
|||
die("ERROR!!!: " . $e->getMessage()); |
|||
} |
|||
} |
|||
@ -0,0 +1,59 @@ |
|||
<?php |
|||
|
|||
class CreateComboNo{ |
|||
private $comboarr = [ |
|||
'week'=>'BW002', |
|||
'month'=>'EM002', |
|||
'quarter'=>'EQ002', |
|||
'half'=>'HY002', |
|||
'year'=>'EY002' |
|||
]; |
|||
private $bwarr = [ |
|||
'week','month','week','month','week','quarter', |
|||
'week','month','week','month','week','half', |
|||
'week','month','week','month','week','quarter', |
|||
'week','month','week','month','week','year' |
|||
]; |
|||
private $emarr = [ |
|||
'month','month','quarter','month','month','half', |
|||
'month','month','quarter','month','month','year' |
|||
]; |
|||
private $combo; |
|||
private $startdate; |
|||
private $enddate; |
|||
public function __construct($combo, $startdate, $enddate){ |
|||
$this->combo = $combo; |
|||
$this->startdate = $startdate; |
|||
$this->enddate = $enddate; |
|||
} |
|||
public function getComboNo(){ |
|||
$comboarr = (array) $this->combo === 'bw' ? $this->bwarr : $this->emarr; |
|||
|
|||
$startdate = new DateTime($this->startdate); |
|||
$enddate = new DateTime($this->enddate); |
|||
|
|||
$interval = date_diff($startdate, $enddate); |
|||
|
|||
$months = $interval->y * 12 + $interval->m; |
|||
$months = $this->combo === 'bw' ? $months*2 : $months; |
|||
|
|||
$newarr = []; |
|||
$idx = 0; |
|||
$ori_first_month = date('m', strtotime($this->startdate)); |
|||
$first_day = date('Y-m-d', strtotime($this->startdate. ' + 3 days')); |
|||
$new_first_month = date('m', strtotime($first_day)); |
|||
if($ori_first_month != $new_first_month){ |
|||
$first_day = date('Y-m-t', strtotime($this->startdate)); |
|||
} |
|||
$scheduleDate = new DateTime($first_day); |
|||
for ($i = 0; $i < $months; $i++){ |
|||
$newarr[] = [$this->comboarr[$comboarr[$idx]], $scheduleDate->format("Y-m-d")]; |
|||
$idx ++; |
|||
$scheduleDate = $startdate->modify("+1 month"); |
|||
if($idx >= count($comboarr)){ |
|||
$idx = 0; |
|||
} |
|||
} |
|||
return json_encode($newarr); |
|||
} |
|||
} |
|||
@ -0,0 +1,122 @@ |
|||
<?php |
|||
require_once('../conn.php'); |
|||
if (isset($_GET['contractno']) && $_GET['contractno'] != '' && isset($_GET['contracttype']) && $_GET['contracttype'] == 'b') { |
|||
try { |
|||
$contractno = $_GET['contractno']; |
|||
$sql_str = "SELECT con_maintance_examine_apply.*, con_maintance_examine_clear.* FROM con_maintance_examine_apply |
|||
JOIN con_maintance_examine_clear on con_maintance_examine_apply.apply_key=con_maintance_examine_clear.apply_key |
|||
WHERE con_maintance_examine_apply.vol_no = :vol_no ;"; |
|||
$sql_str = "SELECT * FROM con_maintance_examine_apply WHERE vol_no = :vol_no ORDER BY create_at DESC;"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':vol_no', $contractno); |
|||
$stmt->execute(); |
|||
$contract = $stmt->fetch(PDO::FETCH_ASSOC); |
|||
|
|||
if (empty($contract)) { |
|||
echo false; |
|||
exit; |
|||
} |
|||
$apply_key = $contract['apply_key']; |
|||
$sql_str = "SELECT * FROM con_maintance_examine_clear WHERE apply_key = :apply_key"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':apply_key', $apply_key); |
|||
$stmt->execute(); |
|||
$elevators = $stmt->fetchAll(PDO::FETCH_ASSOC); |
|||
$count = COUNT($elevators); |
|||
$contract['elevators'] = $elevators; |
|||
$contract['num'] = $count; |
|||
|
|||
$contractResponse = json_encode($contract); |
|||
|
|||
// 設定回應標頭為 JSON |
|||
header('Content-Type: application/json'); |
|||
|
|||
// 將 JSON 回應返回給客戶端 |
|||
echo $contractResponse; |
|||
// echo json_encode($contractResponse); |
|||
} catch (PDOException $e) { |
|||
die("ERROR!!!: " . $e->getMessage()); |
|||
} |
|||
} |
|||
|
|||
if (isset($_GET['contractno']) && $_GET['contractno'] != '' && isset($_GET['contracttype']) && $_GET['contracttype'] == 'm') { |
|||
try { |
|||
$contractno = $_GET['contractno']; |
|||
$sql_str = "SELECT * FROM hope_elevator_customer WHERE vol_no = :vol_no ORDER BY created_at DESC"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':vol_no', $contractno); |
|||
$stmt->execute(); |
|||
$contract = $stmt->fetch(PDO::FETCH_ASSOC); |
|||
$contractResponse = json_encode($contract); |
|||
|
|||
// 設定回應標頭為 JSON |
|||
header('Content-Type: application/json'); |
|||
|
|||
// 將 JSON 回應返回給客戶端 |
|||
echo $contractResponse; |
|||
} catch (PDOException $e) { |
|||
die("ERROR!!!: " . $e->getMessage()); |
|||
} |
|||
} |
|||
////////////////////////////// |
|||
//// 合約簽回(修理) |
|||
//// |
|||
//// 製作人：梓誠 |
|||
/// 時間 ： |
|||
////////////////////////////// |
|||
if (isset($_GET['contractno']) && $_GET['contractno'] != '' && isset($_GET['contracttype']) && $_GET['contracttype'] == 'r') { |
|||
try { |
|||
$contractno = $_GET['contractno']; |
|||
$fail_arr = []; |
|||
$d_status = '1'; |
|||
// 判斷單號是否在合約簽核已建立 |
|||
$sql = "SELECT COUNT(*) AS num FROM contract_r_signed_back WHERE contractno = :contractno AND delete_status = :d_status "; |
|||
$stmt = $conn->prepare($sql); |
|||
$stmt->bindParam(":contractno", $contractno); |
|||
$stmt->bindParam(":d_status", $d_status); |
|||
$stmt->execute(); |
|||
$result = $stmt->fetch(PDO::FETCH_ASSOC); |
|||
$count = $result['num']; |
|||
if ($count >= 1) { |
|||
$fail_arr[] = '合約單號重複，請至契約管理(修理)查看。'; |
|||
header("HTTP/1.1 422 Unprocessable Entity"); |
|||
echo json_encode($fail_arr); |
|||
exit(); |
|||
} |
|||
// 判斷單號是否在價格審查中以建立。 |
|||
$sql = "SELECT COUNT(*) AS num FROM pricereview_repair_main WHERE contractno = :contractno"; |
|||
$stmt = $conn->prepare($sql); |
|||
$stmt->bindParam(":contractno", $contractno); |
|||
$stmt->execute(); |
|||
$result2 = $stmt->fetch(PDO::FETCH_ASSOC); |
|||
$count2 = $result2['num']; |
|||
if ($count2 == 0) { |
|||
$fail_arr[] = '找不到單號，請再確認。'; |
|||
header("HTTP/1.1 422 Unprocessable Entity"); |
|||
echo json_encode($fail_arr); |
|||
exit(); |
|||
} |
|||
|
|||
|
|||
// $contractno = $_GET['contractno']; |
|||
$sql = "SELECT a.*,b.name,b.accountid |
|||
FROM pricereview_repair_main AS a |
|||
LEFT JOIN account AS b |
|||
ON a.repairerid = b.accountid |
|||
WHERE a.contractno = :contractno "; |
|||
$stmt = $conn->prepare($sql); |
|||
|
|||
$stmt->bindParam(':contractno', $contractno); |
|||
$stmt->execute(); |
|||
$contract = $stmt->fetch(PDO::FETCH_ASSOC); |
|||
$contractResponse = json_encode($contract); |
|||
|
|||
// 設定回應標頭為 JSON |
|||
header('Content-Type : appliction/json'); |
|||
|
|||
// 將 JSON 回應給客戶端 |
|||
echo $contractResponse; |
|||
} catch (PDOException $e) { |
|||
die("ERROR!!:" . $e->getMessage()); |
|||
} |
|||
} |
|||
@ -0,0 +1,518 @@ |
|||
<?php |
|||
//ini_set('display_errors', 'on'); |
|||
// 汰改 前三碼 流水號 + 後兩碼 號機 |
|||
// 新梯 流水號 |
|||
|
|||
// 新增 seq 的初始值 |
|||
// INSERT INTO `sequence` (`seq_name`, `current_val`, `increment_val`, `remark`, `yyyymm`, `prefix`, `creator`, `create_at`) VALUES ('bf_vol_no', '0', '1', '保養-作番編號', '202310', '', 'M0117', '2023-10-26 11:28:11'), ('mf_vol_no', '0', '1', '新梯-作番編號', '202310', '', 'M0117', '2023-10-26 11:28:11'), ('tf_vol_no', '0', '1', '汰改-作番編號', '202310', '', 'M0117', '2023-10-26 11:28:11') |
|||
|
|||
|
|||
class CreateFacilityNo |
|||
{ |
|||
/** |
|||
* 連接資料庫 |
|||
*/ |
|||
function connectionDB() |
|||
{ |
|||
$envFile = __DIR__ . '/../../../.env'; |
|||
if (file_exists($envFile)) { |
|||
$lines = file($envFile, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES); |
|||
if ($lines !== false) { |
|||
foreach ($lines as $line) { |
|||
list($key, $value) = explode('=', $line, 2); |
|||
$key = trim($key); |
|||
$value = trim($value); |
|||
putenv("$key=$value"); |
|||
} |
|||
} |
|||
} |
|||
date_default_timezone_set("Asia/Taipei"); |
|||
$host = getenv('DB_HOST'); |
|||
$dbport = getenv('DB_PORT'); |
|||
$dbuser = getenv('DB_USERNAME'); |
|||
$dbpassword = getenv('DB_PASSWORD'); |
|||
$dbname = getenv('DB_DATABASE'); |
|||
|
|||
try { |
|||
$options = [ |
|||
PDO::ATTR_PERSISTENT => false, |
|||
PDO::ATTR_ERRMODE => PDO::ERRMODE_EXCEPTION, |
|||
PDO::ATTR_EMULATE_PREPARES => false, |
|||
PDO::ATTR_STRINGIFY_FETCHES => false, |
|||
PDO::MYSQL_ATTR_INIT_COMMAND => 'SET NAMES utf8mb4', |
|||
]; |
|||
$pdo = new PDO('mysql:host=' . $host . ';port=' . $dbport . ';dbname=' . $dbname . '', $dbuser, $dbpassword, $options); |
|||
$pdo->exec('SET CHARACTER SET utf8mb4'); |
|||
return $pdo; |
|||
} catch (PDOException $e) { |
|||
die("Something wrong: {$e->getMessage()}"); |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 結束資料庫連線 |
|||
*/ |
|||
function endConnectionDB($pdo) |
|||
{ |
|||
unset($pdo); |
|||
} |
|||
|
|||
/** |
|||
* 取得下一個新的作番 |
|||
* @param string $facility_type : M：新梯 T：汰改 B：保養 |
|||
* @param string $sale_type : M：内銷 E：外銷 T：他社维保 J：汰改 X：特殊部品 |
|||
* @param array $make_type : X：小機房 W：無機房 H：家用梯 Z：雜物梯 F：扶梯 B：部品 Q：品保對策 T：研究開發 N：設備 W：出貨現場要求購買 J：營業問題對策 Y：已出貨作番營業進行規格訂正 |
|||
* @param int $num : 號機 |
|||
* @return array $new_facility_arr |
|||
*/ |
|||
function getNextFacilityNo($facility_type, $sale_type, $make_type, $num = 1) |
|||
{ |
|||
$this->checkYearAndResetAllSeq(); |
|||
$Y = substr(date("Y"), 3, 1); |
|||
|
|||
switch ($facility_type) { |
|||
case "M": |
|||
$next_seq = $this->getNextFacilitySeq("mf_vol_no") + 1; |
|||
$new_facility_arr = []; |
|||
for ($start_num = 1; $start_num <= $num; $start_num++) { |
|||
$facility_no_tmp = $Y . $sale_type . $make_type[$start_num - 1] |
|||
. str_pad($next_seq, 5, "0", STR_PAD_LEFT); |
|||
array_push($new_facility_arr, $facility_no_tmp); |
|||
$next_seq++; |
|||
} |
|||
return $new_facility_arr; |
|||
case "T": |
|||
$next_seq = $this->getNextFacilitySeq("tf_vol_no"); |
|||
$new_facility_arr = []; |
|||
for ($start_num = 1; $start_num <= $num; $start_num++) { |
|||
$facility_no_tmp = $Y . $sale_type . $make_type[$start_num - 1] |
|||
. str_pad($next_seq + 1, 3, "0", STR_PAD_LEFT) |
|||
. str_pad($start_num, 2, "0", STR_PAD_LEFT); |
|||
array_push($new_facility_arr, $facility_no_tmp); |
|||
} |
|||
return $new_facility_arr; |
|||
case "B": |
|||
$next_seq = $this->getNextFacilitySeq("bf_vol_no"); |
|||
$new_facility_arr = []; |
|||
for ($start_num = 1; $start_num <= $num; $start_num++) { |
|||
$facility_no_tmp = $Y . $sale_type . $make_type[$start_num - 1] |
|||
. str_pad($next_seq + 1, 3, "0", STR_PAD_LEFT) |
|||
. str_pad($start_num, 2, "0", STR_PAD_LEFT); |
|||
array_push($new_facility_arr, $facility_no_tmp); |
|||
} |
|||
return $new_facility_arr; |
|||
default: |
|||
return "不存在的作番類型"; |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 建立新的作番 |
|||
* @param string $facility_type : M：新梯 T：汰改 B：保養 |
|||
* @param string $sale_type : M：内銷 E：外銷 T：他社维保 J：汰改 X：特殊部品 |
|||
* @param array $make_type : X：小機房 W：無機房 H：家用梯 Z：雜物梯 F：扶梯 B：部品 Q：品保對策 T：研究開發 N：設備 W：出貨現場要求購買 J：營業問題對策 Y：已出貨作番營業進行規格訂正 |
|||
* @param string $num : 號機 (非必填) |
|||
* @return string $new_facility_no |
|||
*/ |
|||
function makeFacilityNo($facility_type, $sale_type, $make_type, $num = null) |
|||
{ |
|||
|
|||
$this->checkYearAndResetAllSeq(); |
|||
|
|||
$faclikity_details = array( |
|||
'facility_type' => $facility_type, |
|||
'sale_type' => $sale_type, |
|||
'make_type' => $make_type, |
|||
'num' => $num |
|||
); |
|||
|
|||
switch ($facility_type) { |
|||
case "M": |
|||
return $this->makeNewMFacilityNo($faclikity_details); |
|||
break; |
|||
case "T": |
|||
return $this->makeNewTFacilityNo($faclikity_details); |
|||
break; |
|||
case "B": |
|||
return $this->makeNewBFacilityNo($faclikity_details); |
|||
break; |
|||
default: |
|||
return "不存在的作番類型"; |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 建立作番 -- 新梯 |
|||
*/ |
|||
function makeNewMFacilityNo($faclikity_details) |
|||
{ |
|||
$Y = substr(date("Y"), 3, 1); |
|||
$sale_type = $faclikity_details['sale_type']; |
|||
$make_type = $faclikity_details['make_type']; |
|||
$num = $faclikity_details['num']; |
|||
$next_seq = $this->getNextFacilitySeq("mf_vol_no") + 1; |
|||
$new_facility_no_arr = []; |
|||
|
|||
for ($i = 1; $i <= $num; $i++) { |
|||
$new_facility_no = $Y . $sale_type . $make_type[$i - 1] |
|||
. str_pad($next_seq, 5, "0", STR_PAD_LEFT); |
|||
array_push($new_facility_no_arr, $new_facility_no); |
|||
$next_seq++; |
|||
} |
|||
|
|||
foreach ($new_facility_no_arr as $new_facility_no) { |
|||
if ($this->getMakeNewMFacilityNoStatus($faclikity_details) !== "1") { |
|||
return $new_facility_no . ":" . $this->getMakeNewTFacilityNoStatus($faclikity_details); |
|||
} |
|||
// seq +1 |
|||
$this->facilitySeqAddOne("M"); |
|||
} |
|||
return $new_facility_no_arr; |
|||
} |
|||
|
|||
/** |
|||
* 建立作番 -- 汰改 |
|||
*/ |
|||
function makeNewTFacilityNo($faclikity_details) |
|||
{ |
|||
|
|||
$Y = substr(date("Y"), 3, 1); |
|||
$sale_type = $faclikity_details['sale_type']; |
|||
$make_type = $faclikity_details['make_type']; |
|||
$num = $faclikity_details['num']; |
|||
$next_seq = $this->getNextFacilitySeq("tf_vol_no"); |
|||
$new_facility_no_arr = []; |
|||
|
|||
for ($i = 1; $i <= $num; $i++) { |
|||
$new_facility_no = $Y . $sale_type . $make_type[$i - 1] |
|||
. str_pad($next_seq + 1, 3, "0", STR_PAD_LEFT) |
|||
. str_pad($i, 2, "0", STR_PAD_LEFT); |
|||
array_push($new_facility_no_arr, $new_facility_no); |
|||
} |
|||
|
|||
foreach ($new_facility_no_arr as $new_facility_no) { |
|||
if ($this->getMakeNewTFacilityNoStatus($faclikity_details) !== "1") { |
|||
return $new_facility_no . ":" . $this->getMakeNewTFacilityNoStatus($faclikity_details); |
|||
} |
|||
// seq +1 |
|||
$this->facilitySeqAddOne("T"); |
|||
return $new_facility_no_arr; |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 建立作番 -- 保養 |
|||
*/ |
|||
function makeNewBFacilityNo($faclikity_details) |
|||
{ |
|||
|
|||
$Y = substr(date("Y"), 3, 1); |
|||
$sale_type = $faclikity_details['sale_type']; |
|||
$make_type = $faclikity_details['make_type']; |
|||
$num = $faclikity_details['num']; |
|||
$next_seq = $this->getNextFacilitySeq("bf_vol_no"); |
|||
$new_facility_no_arr = []; |
|||
|
|||
for ($i = 1; $i <= $num; $i++) { |
|||
$new_facility_no = $Y . $sale_type . $make_type[$i - 1] |
|||
. str_pad($next_seq + 1, 3, "0", STR_PAD_LEFT) |
|||
. str_pad($i, 2, "0", STR_PAD_LEFT); |
|||
array_push($new_facility_no_arr, $new_facility_no); |
|||
} |
|||
|
|||
foreach ($new_facility_no_arr as $new_facility_no) { |
|||
if ($this->getMakeNewBFacilityNoStatus($faclikity_details) !== "1") { |
|||
return $new_facility_no . ":" . $this->getMakeNewBFacilityNoStatus($faclikity_details); |
|||
} |
|||
// seq +1 |
|||
$this->facilitySeqAddOne("B"); |
|||
return $new_facility_no_arr; |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 檢查作番編列狀態 - 新梯 |
|||
* @param array $faclikity_details |
|||
* @return string $status : 1:正確 else:error message |
|||
*/ |
|||
function getMakeNewMFacilityNoStatus($faclikity_details) |
|||
{ |
|||
$sale_type = $faclikity_details['sale_type']; |
|||
$make_type = $faclikity_details['make_type']; |
|||
|
|||
if ($this->checkSaleTypeStatus($sale_type) == false) |
|||
return "銷售代號錯誤"; |
|||
if ($this->checkMakeTypeStatus($make_type) == false) |
|||
return "製造編號類型錯誤"; |
|||
return "1"; |
|||
} |
|||
|
|||
/** |
|||
* 檢查作番編列狀態 - 汰改 |
|||
* @param array $faclikity_details |
|||
* @return string $status : 1:正確 else:error message |
|||
*/ |
|||
function getMakeNewTFacilityNoStatus($faclikity_details) |
|||
{ |
|||
$sale_type = $faclikity_details['sale_type']; |
|||
$make_type = $faclikity_details['make_type']; |
|||
|
|||
if ($this->checkSaleTypeStatus($sale_type) == false) |
|||
return "銷售代號錯誤"; |
|||
if ($this->checkMakeTypeStatus($make_type) == false) |
|||
return "製造編號類型錯誤"; |
|||
return "1"; |
|||
} |
|||
|
|||
/** |
|||
* 檢查作番編列狀態 - 保養 |
|||
* @param array $faclikity_details |
|||
* @return string $status : 1:正確 else:error message |
|||
*/ |
|||
function getMakeNewBFacilityNoStatus($faclikity_details) |
|||
{ |
|||
$sale_type = $faclikity_details['sale_type']; |
|||
$make_type = $faclikity_details['make_type']; |
|||
|
|||
if ($this->checkSaleTypeStatus($sale_type) == false) |
|||
return "銷售代號錯誤"; |
|||
if ($this->checkMakeTypeStatus($make_type) == false) |
|||
return "製造編號類型錯誤"; |
|||
return "1"; |
|||
} |
|||
|
|||
/** |
|||
* seq 取號 |
|||
* @param string $type M:新梯 T:汰改 B:保養 |
|||
*/ |
|||
function facilitySeqAddOne($type) |
|||
{ |
|||
$type_arr = array( |
|||
"M" => "mf_vol_no", |
|||
"T" => "tf_vol_no", |
|||
"B" => "bf_vol_no", |
|||
); |
|||
if (!empty($type_arr[$type])) { |
|||
$pdo = $this->connectionDB(); |
|||
$pdo->exec('SET CHARACTER SET utf8mb4'); |
|||
$sth = $pdo->prepare('UPDATE sequence SET current_val = current_val + 1 WHERE `seq_name` = ?'); |
|||
$sth->bindValue(1, $type_arr[$type]); |
|||
$sth->execute(); |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 修正 seq 取號 |
|||
* @param string $type M:新梯 T:汰改 B:保養 |
|||
*/ |
|||
function facilityFixSeq($type) |
|||
{ |
|||
$pdo = $this->connectionDB(); |
|||
$pdo->exec('SET CHARACTER SET utf8mb4'); |
|||
$type_arr = array( |
|||
"M" => "mf_vol_no", |
|||
"T" => "tf_vol_no", |
|||
"B" => "bf_vol_no", |
|||
); |
|||
$after_fix_seq = $this->getMaxSeq($type); |
|||
$sql = " |
|||
UPDATE sequence |
|||
SET current_val = ? |
|||
WHERE seq_name = ? |
|||
"; |
|||
$sth = $pdo->prepare($sql); |
|||
$sth->bindValue(1, $after_fix_seq); |
|||
$sth->bindValue(2, $type_arr[$type]); |
|||
$sth->execute(); |
|||
} |
|||
|
|||
function getMaxSeq($type) |
|||
{ |
|||
$pdo = $this->connectionDB(); |
|||
$pdo->exec('SET CHARACTER SET utf8mb4'); |
|||
$Y = substr(date("Y"), 3, 1); |
|||
$seq_num = $type == 'M' ? 5 : 3; |
|||
$sql = " |
|||
SELECT MAX(SUBSTR(f.facilityno,4,?))+1 AS seq |
|||
FROM facility AS f |
|||
WHERE 1=1 |
|||
AND SUBSTR(f.facilityno,1,1) = ? |
|||
AND f.define = ? |
|||
ORDER BY SUBSTR(f.facilityno,4,3) ASC |
|||
"; |
|||
$sth = $pdo->prepare($sql); |
|||
$sth->bindValue(1, $seq_num); |
|||
$sth->bindValue(2, $Y); |
|||
$sth->bindValue(3, $type); |
|||
$sth->execute(); |
|||
$result = $sth->fetch(); |
|||
return $result['seq']; |
|||
} |
|||
|
|||
/** |
|||
* 檢查年月後 新梯及汰改seq歸零 |
|||
*/ |
|||
function checkYearAndResetAllSeq() |
|||
{ |
|||
$pdo = $this->connectionDB(); |
|||
$pdo->exec('SET CHARACTER SET utf8mb4'); |
|||
$sth = $pdo->prepare('SELECT * FROM `sequence` WHERE `seq_name` = ?'); |
|||
$sth->bindValue(1, 'mf_vol_no'); |
|||
$sth->execute(); |
|||
$result = $sth->fetch(); |
|||
$yyyymm = $result['yyyymm']; |
|||
$dataY = substr($yyyymm, 0, 4); |
|||
$today_Y = date("Y"); |
|||
$today_Ym = date("Ym"); |
|||
if ($dataY != $today_Y) { |
|||
$sth = $pdo->prepare('UPDATE `sequence` SET `current_val` = ? , `yyyymm` = ? WHERE `seq_name` = ?'); |
|||
$sth->bindValue(1, '0'); |
|||
$sth->bindValue(2, $today_Ym); |
|||
$sth->bindValue(3, 'mf_vol_no'); |
|||
$sth->execute(); |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 檢查作番在 facility table 中是否重複 |
|||
* @param string|array $facility_no |
|||
* @return boolean $status : true:沒重複 false:重複 |
|||
*/ |
|||
function checkFacilityRepeatStatus($facility_no) |
|||
{ |
|||
if (gettype($facility_no) == "string") { |
|||
$pdo = $this->connectionDB(); |
|||
$pdo->exec('SET CHARACTER SET utf8mb4'); |
|||
$sth = $pdo->prepare('SELECT * FROM `facility` WHERE `facilityno` = ?'); |
|||
$sth->bindValue(1, $facility_no); |
|||
$sth->execute(); |
|||
if ($sth->rowCount() == 0) |
|||
return true; |
|||
return false; |
|||
} |
|||
if (gettype($facility_no) == "array") { |
|||
$pdo = $this->connectionDB(); |
|||
$pdo->exec('SET CHARACTER SET utf8mb4'); |
|||
$status = true; |
|||
foreach ($facility_no as $row) { |
|||
$sth = $pdo->prepare('SELECT * FROM `facility` WHERE `facilityno` = ?'); |
|||
$sth->bindValue(1, $row); |
|||
$sth->execute(); |
|||
if ($sth->rowCount() !== 0) |
|||
$status = false; |
|||
} |
|||
return $status; |
|||
} |
|||
} |
|||
|
|||
/** |
|||
* 檢查 $sale_type 是否有存在規則之中 |
|||
* @param string $sale_type : M：内銷 E：外銷 T：他社维保 J：汰改 X：特殊部品 |
|||
* @return boolean $status : true:合法代碼 false:非法代碼 |
|||
*/ |
|||
function checkSaleTypeStatus($sale_type) |
|||
{ |
|||
|
|||
if (!in_array($sale_type, ['M', 'E', 'T', 'J', 'X'])) |
|||
return false; |
|||
return true; |
|||
} |
|||
|
|||
/** |
|||
* 檢查 $sale_type 是否有存在規則之中 |
|||
* @param array $make_type : X：小機房 W：無機房 H：家用梯 Z：雜物梯 F：扶梯 B：部品 Q：品保對策 T：研究開發 N：設備 W：出貨現場要求購買 J：營業問題對策 Y：已出貨作番營業進行規格訂正 |
|||
* @return boolean $status : true:合法代碼 false:非法代碼 |
|||
*/ |
|||
function checkMakeTypeStatus($make_type) |
|||
{ |
|||
foreach ($make_type as $row) |
|||
if (!in_array($row, ['X', 'W', 'H', 'Z', 'F', 'B', 'Q', 'T', 'N', 'W', 'J', 'Y'])) |
|||
return false; |
|||
return true; |
|||
} |
|||
|
|||
/** |
|||
* 檢查 取得下個作番的 seq |
|||
* @param string $seq_name : 新梯:mf_vol_no 汰改:tf_vol_no 保養:bf_vol_no |
|||
* @return int $seq : 作番流水號 |
|||
*/ |
|||
function getNextFacilitySeq($seq_name) |
|||
{ |
|||
$pdo = $this->connectionDB(); |
|||
$pdo->exec('SET CHARACTER SET utf8mb4'); |
|||
$sth = $pdo->prepare('SELECT * FROM `sequence` WHERE `seq_name` = ?'); |
|||
$sth->bindValue(1, $seq_name); |
|||
$sth->execute(); |
|||
$result = $sth->fetch(); |
|||
return $result['current_val']; |
|||
} |
|||
|
|||
/** |
|||
* 建立新的新梯作番 |
|||
* @param string $sale_type : M：内銷 E：外銷 T：他社维保 J：汰改 X：特殊部品 |
|||
* @param array $make_type : X：小機房 W：無機房 H：家用梯 Z：雜物梯 F：扶梯 B：部品 Q：品保對策 T：研究開發 N：設備 W：出貨現場要求購買 J：營業問題對策 Y：已出貨作番營業進行規格訂正 |
|||
* @param int $seq_name : 幾個案場 0-99 |
|||
* @return array $new_facilityno : 作番號 |
|||
*/ |
|||
function makeMFacilityNo($sale_type, $make_type, $num) |
|||
{ |
|||
if (count($make_type) !== $num) |
|||
return "陣列數量不一致！"; |
|||
$new_facility_no = $this->getNextFacilityNo("M", $sale_type, $make_type, $num); |
|||
if ($this->checkFacilityRepeatStatus($new_facility_no) == false) { |
|||
// 如果作番號重複 使用此函數修正 |
|||
$this->facilityFixSeq("M"); |
|||
} |
|||
return $this->makeFacilityNo("M", $sale_type, $make_type, $num); |
|||
} |
|||
|
|||
/** |
|||
* 建立新的汰改作番 |
|||
* @param array $sale_type : M：内銷 E：外銷 T：他社维保 J：汰改 X：特殊部品 |
|||
* @param array $make_type : X：小機房 W：無機房 H：家用梯 Z：雜物梯 F：扶梯 B：部品 Q：品保對策 T：研究開發 N：設備 W：出貨現場要求購買 J：營業問題對策 Y：已出貨作番營業進行規格訂正 |
|||
* @param int $seq_name : 幾個案場 0-99 |
|||
* @return array $new_facilityno : 作番號 |
|||
*/ |
|||
function makeTFacilityNo($sale_type, $make_type, $num) |
|||
{ |
|||
if (count($make_type) !== $num) |
|||
return "陣列數量不一致！"; |
|||
$new_facility_no = $this->getNextFacilityNo("T", $sale_type, $make_type, $num); |
|||
if ($this->checkFacilityRepeatStatus($new_facility_no) == false) { |
|||
// 如果作番號重複 使用此函數修正 |
|||
$this->facilityFixSeq("T"); |
|||
} |
|||
return $this->makeFacilityNo("T", $sale_type, $make_type, $num); |
|||
} |
|||
|
|||
/** |
|||
* 建立新的保養作番 |
|||
* @param string $sale_type : M：内銷 E：外銷 T：他社维保 J：汰改 X：特殊部品 |
|||
* @param array $make_type : X：小機房 W：無機房 H：家用梯 Z：雜物梯 F：扶梯 B：部品 Q：品保對策 T：研究開發 N：設備 W：出貨現場要求購買 J：營業問題對策 Y：已出貨作番營業進行規格訂正 |
|||
* @param int $seq_name : 幾個案場 0-99 |
|||
* @return array $new_facilityno : 作番號 |
|||
*/ |
|||
function makeBFacilityNo($sale_type, $make_type, $num = 1) |
|||
{ |
|||
if (count($make_type) !== $num) |
|||
return "陣列數量不一致！"; |
|||
$new_facility_no = $this->getNextFacilityNo("B", $sale_type, $make_type, $num); |
|||
if ($this->checkFacilityRepeatStatus($new_facility_no) == false) { |
|||
// 如果作番號重複 使用此函數修正 |
|||
$this->facilityFixSeq("B"); |
|||
} |
|||
return $this->makeFacilityNo("B", $sale_type, $make_type, $num); |
|||
} |
|||
} |
|||
|
|||
|
|||
// $cfn = new CreateFacilityNo; |
|||
// // 建立作番號 - 新梯 |
|||
// print_r($cfn->makeMFacilityNo("M", ["X", "W"], 2)); |
|||
// echo "<br/><br/>"; |
|||
// // 建立作番號 - 汰改 |
|||
// print_r($cfn->makeTFacilityNo("M", ["X", "W"], 2)); |
|||
// echo "<br/><br/>"; |
|||
// // 建立作番號 - 保養 |
|||
// print_r($cfn->makeBFacilityNo("M", ["X", "W"], 2)); |
|||
// echo "<br/><br/>"; |
|||
@ -0,0 +1,16 @@ |
|||
<?php |
|||
require_once('../conn.php'); |
|||
try{ |
|||
$id = $_GET['id']; |
|||
$sql_str = "SELECT * FROM pricereview_main WHERE id = :id"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':id',$id); |
|||
$stmt->execute(); |
|||
$prices = $stmt->fetch(PDO::FETCH_ASSOC); |
|||
header("Content-Type: application/json"); |
|||
|
|||
echo json_encode(['prices'=> $prices]); |
|||
|
|||
}catch (PDOException $e ){ |
|||
die("ERROR!!!: ". $e->getMessage()); |
|||
} |
|||
@ -0,0 +1,420 @@ |
|||
<?php |
|||
require_once("../conn.php"); |
|||
include_once("./getFacilityNo.php"); |
|||
include_once("./getComboNo.php"); |
|||
include_once("./upload_chk.php"); |
|||
ini_set('date.timezone', 'Asia/Taipei'); |
|||
//保養簽回 |
|||
if (isset($_POST["contractno"]) && $_POST["contractno"] != "" && isset($_POST['contracttype']) && $_POST['contracttype'] == 'b') { |
|||
try { |
|||
$created_at = date('Y-m-d H:i:s'); |
|||
$contractno = !empty($_POST['contractno']) ? $_POST['contractno'] : null; |
|||
$total_price = !empty($_POST['total_price']) ? $_POST['total_price'] : null; |
|||
$vat = !empty($_POST['vat']) ? $_POST['vat'] : null; |
|||
$mtype = !empty($_POST['mtype']) ? $_POST['mtype'] : null; |
|||
$opendoor = !empty($_POST['opendoor']) ? $_POST['opendoor'] : null; |
|||
$phone = !empty($_POST['phone']) ? $_POST['phone'] : null; |
|||
$email = !empty($_POST['email']) ? $_POST['email'] : null; |
|||
$mworker = !empty($_POST['mworker']) ? $_POST['mworker'] : null; |
|||
$mcycle = !empty($_POST['mcycle']) ? $_POST['mcycle'] : null; |
|||
$salesman = !empty($_POST['salesman']) ? $_POST['salesman'] : null; |
|||
$contract_begin_date = !empty($_POST['contract_begin_date']) ? $_POST['contract_begin_date'] : null; |
|||
$contract_end_date = !empty($_POST['contract_end_date']) ? $_POST['contract_end_date'] : null; |
|||
$address = !empty($_POST['address']) ? $_POST['address'] : null; |
|||
$area = !empty($_POST['area']) ? $_POST['area'] : null; |
|||
$customer = !empty($_POST['customer']) ? $_POST['customer'] : null; |
|||
$partyA = !empty($_POST['partyA']) ? $_POST['partyA'] : null; |
|||
$partyAaddress = !empty($_POST['partyAaddress']) ? $_POST['partyAaddress'] : null; |
|||
$partyAphone = !empty($_POST['partyAphone']) ? $_POST['partyAphone'] : null; |
|||
$partyAemail = !empty($_POST['partyAemail']) ? $_POST['partyAemail'] : null; |
|||
$user_id = !empty($_POST['user_id']) ? $_POST['user_id'] : null; |
|||
$user_name = !empty($_POST['user_name']) ? $_POST['user_name'] : null; |
|||
$num = !empty($_POST['num']) ? $_POST['num'] : null; |
|||
$files = !empty($_FILES['files']) ? $_FILES['files'] : null; |
|||
$elevators = !empty($_POST['elevators']) ? json_decode($_POST['elevators'], true) : []; |
|||
// validate |
|||
$fail_arr = []; |
|||
if ($contractno === '') return $fail_arr[] = '合約號為必填'; |
|||
|
|||
if ($total_price == '') $fail_arr[] = '合約總價為必填'; |
|||
if ($vat == '') $fail_arr[] = '統一編號為必填'; |
|||
if ($mtype == '') $fail_arr[] = '維修型態為必填'; |
|||
if ($phone == '') $fail_arr[] = '客戶電話為必填'; |
|||
if ($email == '') $fail_arr[] = 'Email為必填'; |
|||
if ($mworker == '') $fail_arr[] = '保養員為必填'; |
|||
if ($mcycle == '') $fail_arr[] = '保養頻率為必填'; |
|||
if ($salesman == '') $fail_arr[] = '營業員為必填'; |
|||
if ($contract_begin_date == '') $fail_arr[] = '合約開始時間為必填'; |
|||
if ($contract_end_date == '') $fail_arr[] = '合約結束時間為必填'; |
|||
if ($address == '') $fail_arr[] = '地址為必填'; |
|||
if ($area == '') $fail_arr[] = '區域為必填'; |
|||
if ($customer == '') $fail_arr[] = '客戶為必填'; |
|||
if ($partyA == '') $fail_arr[] = '業務聯繫人為必填'; |
|||
if ($partyAaddress == '') $fail_arr[] = '業務聯繫人地址為必填'; |
|||
if ($partyAphone == '') $fail_arr[] = '業務聯繫人電話為必填'; |
|||
if ($partyAemail == '') $fail_arr[] = '業務聯繫人Email為必填'; |
|||
if ($num == '') $fail_arr[] = '電梯數量為必填'; |
|||
if (count($fail_arr) > 0) { |
|||
header("HTTP/1.1 422 Unprocessable Entity"); |
|||
echo json_encode($fail_arr); |
|||
exit(); |
|||
} |
|||
|
|||
//create account table |
|||
$accounttype = "A"; |
|||
$accountid = $vat; |
|||
$pwd = "123"; |
|||
$name = $partyA; |
|||
$tel = $phone ?? ''; |
|||
$repairerid = $mworker; |
|||
$creater = $user_id; |
|||
$create_at = date('Y-m-d H:i:s'); |
|||
|
|||
$conn->beginTransaction(); |
|||
|
|||
$sql_str = "INSERT INTO account (accounttype, accountid, pwd, name, tel, address, email, repairerid, creater, create_at) VALUES (:accounttype, :accountid, :pwd, :name, :tel, :address, :email, :repairerid, :creater, :create_at)"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':accounttype', $accounttype); |
|||
$stmt->bindParam(':accountid', $accountid); |
|||
$stmt->bindParam(':pwd', $pwd); |
|||
$stmt->bindParam(':name', $name); |
|||
$stmt->bindParam(':tel', $tel); |
|||
$stmt->bindParam(':address', $address); |
|||
$stmt->bindParam(':email', $email); |
|||
$stmt->bindParam(':repairerid', $repairerid); |
|||
$stmt->bindParam(':creater', $creater); |
|||
$stmt->bindParam(':create_at', $create_at); |
|||
$stmt->execute(); |
|||
|
|||
//create contract table |
|||
|
|||
$contracttype = $mtype; |
|||
$company = $partyA; |
|||
$taxid = $vat; |
|||
$tel = $phone; |
|||
$promiser = $partyA; |
|||
$contractperson = $partyA; |
|||
|
|||
$contractaddress = $address; |
|||
$contracttel = $phone; |
|||
$contractemail = $email; |
|||
$contract_employee = $salesman; |
|||
$start_date = $contract_begin_date; |
|||
$end_date = $contract_end_date; |
|||
|
|||
$sql_str = "INSERT INTO contract (contracttype, contractno, company, taxid, address, tel, promiser, contractperson, contractaddress, contracttel, contractemail, contract_employee, start_date, end_date, creater, create_at) VALUES (:contracttype, :contractno, :company, :taxid, :address, :tel, :promiser, :contractperson, :contractaddress, :contracttel, :contractemail, :contract_employee, :start_date, :end_date, :creater, :create_at)"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':contracttype', $contracttype); |
|||
$stmt->bindParam(':contractno', $contractno); |
|||
$stmt->bindParam(':company', $company); |
|||
$stmt->bindParam(':taxid', $taxid); |
|||
$stmt->bindParam(':address', $address); |
|||
$stmt->bindParam(':tel', $tel); |
|||
$stmt->bindParam(':promiser', $promiser); |
|||
$stmt->bindParam(':contractperson', $contractperson); |
|||
$stmt->bindParam(':contractaddress', $contractaddress); |
|||
$stmt->bindParam(':contracttel', $contracttel); |
|||
$stmt->bindParam(':contractemail', $contractemail); |
|||
$stmt->bindParam(':contract_employee', $contract_employee); |
|||
$stmt->bindParam(':start_date', $start_date); |
|||
$stmt->bindParam(':end_date', $end_date); |
|||
$stmt->bindParam(':creater', $creater); |
|||
$stmt->bindParam(':create_at', $create_at); |
|||
$stmt->execute(); |
|||
|
|||
//create facility table |
|||
$createFacilityNo = new CreateFacilityNo(); |
|||
$dailyNecessities = [ |
|||
'MAE100' => 'X', |
|||
'MAM200' => 'W', |
|||
'MAH100' => 'H', |
|||
'MAQ100' => 'Z', |
|||
'MAF100' => 'F', |
|||
'MAZ100' => 'B', |
|||
]; |
|||
$facility_arr = []; |
|||
foreach ($elevators as $elevator) { |
|||
$facility_arr[] = $dailyNecessities[$elevator['spec']]; |
|||
} |
|||
echo json_encode($facility_arr); |
|||
$facilityno = $createFacilityNo->makeBFacilityNo("T", $facility_arr, (int)$num); |
|||
echo json_encode($facilityno); |
|||
echo '-------'; |
|||
$sql_str = "SELECT accountid, name FROM account WHERE accountid = :accountid"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':accountid', $mworker); |
|||
$stmt->execute(); |
|||
$worker = $stmt->fetch(PDO::FETCH_ASSOC); |
|||
$customerid = $vat; |
|||
$define = "B"; |
|||
$repairtype = $mtype; |
|||
$repairerid = $mworker; |
|||
$repairername = $worker['name']; |
|||
foreach ($elevators as $idx => $elevator) { |
|||
$sql_str = "INSERT INTO facility (contractno, define, facilityno, latitude, longitude, customerid, weight, numberofpassenger, numberofstop, numberoffloor, opentype, speed, repairtype, maintainance, facility_kind, address, repairerid, repairername, creater, create_at, area, takecertificatedate, licensedate) |
|||
VALUES (:contractno, :define, :facilityno, :latitude, :longitude, :customerid, :weight, :numberofpassenger, :numberofstop, :numberoffloor, :opentype, :speed, :repairtype, :maintainance, :facility_kind, :address, :repairerid, :repairername, :creater, :create_at, :area, :takecertificatedate, :licensedate)"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':contractno', $contractno); |
|||
$stmt->bindParam(':define', $define); |
|||
$stmt->bindParam(':facilityno', $facilityno[$idx]); |
|||
$stmt->bindParam(':latitude', $elevator['latitude']); |
|||
$stmt->bindParam(':longitude', $elevator['longitude']); |
|||
$stmt->bindParam(':customerid', $customerid); |
|||
$stmt->bindParam(':weight', $elevator['weight']); |
|||
$stmt->bindParam(':numberofpassenger', $elevator['persons']); |
|||
$stmt->bindParam(':numberofstop', $elevator['stop']); |
|||
$stmt->bindParam(':numberoffloor', $elevator['floors']); |
|||
$stmt->bindParam(':opentype', $elevator['opendoor']); |
|||
$stmt->bindParam(':speed', $elevator['speed']); |
|||
$stmt->bindParam(':repairtype', $repairtype); |
|||
$stmt->bindParam(':maintainance', $elevator['maintainance']); |
|||
$stmt->bindParam(':facility_kind', $elevator['spec']); |
|||
$stmt->bindParam(':address', $address); |
|||
$stmt->bindParam(':repairerid', $repairerid); |
|||
$stmt->bindParam(':repairername', $repairername); |
|||
$stmt->bindParam(':creater', $creater); |
|||
$stmt->bindParam(':create_at', $create_at); |
|||
$stmt->bindParam(':area', $area); |
|||
$stmt->bindParam(':takecertificatedate', $elevator['takecertificatedate']); |
|||
$stmt->bindParam(':licensedate', $elevator['useful_date']); |
|||
$result = $stmt->execute(); |
|||
} |
|||
|
|||
//create schedule table |
|||
|
|||
$comboNo = new CreateComboNo($mcycle, $contract_begin_date, $contract_end_date); |
|||
$comboArr = json_decode($comboNo->getComboNo(), true); |
|||
foreach ($facilityno as $no) { |
|||
foreach ($comboArr as $combo) { |
|||
$sql_str = 'INSERT INTO schedule (contractno, facilityno, combono, repairerid, repairername, duedate, creater, create_at) VALUES (:contractno, :facilityno, :combono, :repairerid, :repairername, :duedate, :creater, :create_at)'; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':contractno', $contractno); |
|||
$stmt->bindParam(':facilityno', $no); |
|||
$stmt->bindParam(':combono', $combo[0]); |
|||
$stmt->bindParam(':repairerid', $repairerid); |
|||
$stmt->bindParam(':repairername', $repairername); |
|||
$stmt->bindParam(':duedate', $combo[1]); |
|||
$stmt->bindParam(':creater', $creater); |
|||
$stmt->bindParam(':create_at', $create_at); |
|||
$result = $stmt->execute(); |
|||
} |
|||
} |
|||
// create contract_b_signed_back table |
|||
$contract_type = $mtype; |
|||
$company = $customer; |
|||
$customer_no = $vat; |
|||
$salesperson = $salesman; |
|||
$customer_phone = $phone; |
|||
$customer_email = $email; |
|||
$repairman = $mworker; |
|||
$cycle = $mcycle; |
|||
$contact_person = $partyA; |
|||
$contact_address = $partyAaddress; |
|||
$contact_phone = $partyAphone; |
|||
$contract_email = $partyAemail; |
|||
$elevators_number = $num; |
|||
$bonus = 1000; |
|||
$max_bonus = 2000; |
|||
|
|||
if (!empty($files)) { |
|||
$englisharr = range('a', 'z'); |
|||
$file = $_FILES['files']; |
|||
$file_name = $file['name']; |
|||
$file_type = $file['type']; |
|||
$tmp_name = $file['tmp_name']; |
|||
$file_size = $file['size']; |
|||
$error = $file['error']; |
|||
$newfiles = []; |
|||
foreach ($files as $file) { |
|||
$i = 0; //新陣列的索引編號 |
|||
foreach ($file as $key => $val) { |
|||
$newfiles[$i]['name'] = $files['name'][$key]; |
|||
$newfiles[$i]['type'] = $files['type'][$key]; |
|||
$newfiles[$i]['tmp_name'] = $files['tmp_name'][$key]; |
|||
$newfiles[$i]['error'] = $files['error'][$key]; |
|||
$newfiles[$i]['size'] = $files['size'][$key]; |
|||
$i++; |
|||
} //foreach 第2層 end |
|||
} |
|||
$max_size = 4096 * 4096; //設定允許上傳檔案容量的最大值(1M) |
|||
$allow_ext = array('jpeg', 'jpg', 'png', 'JPG', 'JPEG', 'PNG', 'GIF'); //設定允許上傳檔案的類型 |
|||
$path = '../images/contracts/'; |
|||
if (!file_exists($path)) { |
|||
mkdir($path); |
|||
} |
|||
$msg_result = ''; //負責接收所有檔案檢測後的回傳訊息 |
|||
$datetime = (string)date('YmdHis'); |
|||
$files_id = 'b' . $datetime; // 保養=>b + 日期時間 |
|||
foreach ($newfiles as $key => $file) { |
|||
$randNum = rand(1000, 9999); |
|||
$randEnglish = $englisharr[rand(0, 25)]; |
|||
$file_name = 'b' . (string)date('YmdHis') . $randNum . $randEnglish . $randNum . $file['name']; |
|||
$msg = upload_chk($file, $path, $max_size, $allow_ext, $file_name); |
|||
if ($msg == 1) { |
|||
$msg = '檔案傳送成功！'; |
|||
$sql_str = "INSERT INTO contract_back_files (files_id, file_name, file_mime, file_size, created_at, created_by) VALUES (:files_id, :file_name, :file_mime, :file_size, :created_at, :created_by)"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':files_id', $files_id); |
|||
$stmt->bindParam(':file_name', $file_name); |
|||
$stmt->bindParam(':file_mime', $file['type']); |
|||
$stmt->bindParam(':file_size', $file['size']); |
|||
$stmt->bindParam(':created_at', $created_at); |
|||
$stmt->bindParam(':created_by', $user_id); |
|||
$stmt->execute(); |
|||
} |
|||
$msg_result .= '第' . ($key + 1) . '個上傳檔案的結果：' . $msg . '<br/>'; |
|||
$src_name = $path . $file['name']; |
|||
if (file_exists($src_name)) { |
|||
//副檔名 |
|||
$extname = pathinfo($src_name, PATHINFO_EXTENSION); |
|||
//主檔名 |
|||
$basename = basename($src_name, '.' . $extname); |
|||
} |
|||
} |
|||
} else { |
|||
$files = null; |
|||
} |
|||
$sql_str = "INSERT INTO contract_b_signed_back (contract_no, contract_type, company, customer_no, salesperson, contract_start_date, contract_end_date, total_price, customer_phone, customer_email, repairman, cycle, contact_person, contact_address, contact_phone, contact_email, elevators_number, area, address, files_id, bonus, max_bonus, created_at, created_by) |
|||
VALUES (:contract_no, :contract_type, :company, :customer_no, :salesperson, :contract_start_date, :contract_end_date, :total_price, :customer_phone, :customer_email, :repairman, :cycle, :contact_person, :contact_address, :contact_phone, :contact_email, :elevators_number, :area, :address, :files_id, :bonus, :max_bonus, :created_at, :created_by)"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(":contract_no", $contractno); |
|||
$stmt->bindParam(":contract_type", $contract_type); |
|||
$stmt->bindParam(":company", $company); |
|||
$stmt->bindParam(":customer_no", $customer_no); |
|||
$stmt->bindParam(":salesperson", $salesperson); |
|||
$stmt->bindParam(":contract_start_date", $contract_begin_date); |
|||
$stmt->bindParam(":contract_end_date", $contract_end_date); |
|||
$stmt->bindParam(":total_price", $total_price); |
|||
$stmt->bindParam(":customer_phone", $customer_phone); |
|||
$stmt->bindParam(":customer_email", $customer_email); |
|||
$stmt->bindParam(":repairman", $repairman); |
|||
$stmt->bindParam(":cycle", $cycle); |
|||
$stmt->bindParam(":contact_person", $contact_person); |
|||
$stmt->bindParam(":contact_address", $contact_address); |
|||
$stmt->bindParam(":contact_phone", $contact_phone); |
|||
$stmt->bindParam(":contact_email", $contact_email); |
|||
$stmt->bindParam(":elevators_number", $elevators_number); |
|||
$stmt->bindParam(":area", $area); |
|||
$stmt->bindParam(":address", $address); |
|||
$stmt->bindParam(":files_id", $files_id); |
|||
$stmt->bindParam(":bonus", $bonus); |
|||
$stmt->bindParam(":max_bonus", $max_bonus); |
|||
$stmt->bindParam(":created_at", $created_at); |
|||
$stmt->bindParam(":created_by", $user_id); |
|||
|
|||
$stmt->execute(); |
|||
|
|||
header('Content-Type: application/json'); |
|||
// $jsonData = json_encode($files); |
|||
|
|||
$conn->commit(); |
|||
} catch (PDOException $e) { |
|||
$conn->rollback(); |
|||
echo $e->getMessage(); |
|||
die('Error!:' . $e->getMessage()); |
|||
} |
|||
} |
|||
|
|||
|
|||
////////////////////////////// |
|||
//// 合約簽回(修理) |
|||
//// |
|||
//// 製作人：梓誠 |
|||
/// 時間 ： |
|||
////////////////////////////// |
|||
if (isset($_POST['contractno']) && $_POST['contractno'] != "" && isset($_POST['contracttype']) && $_POST['contracttype'] == 'r') { |
|||
try { |
|||
$created_at = date('Y-m-d H:i:s'); |
|||
$contractno = !empty($_POST['contractno']) ? $_POST['contractno'] : null; |
|||
$company = !empty($_POST['company']) ? $_POST['company'] : null; |
|||
$repairid = !empty($_POST['repairid']) ? $_POST['repairid'] : null; |
|||
$facilityno = !empty($_POST['facilityno']) ? $_POST['facilityno'] : null; |
|||
$taxid = !empty($_POST['taxid']) ? $_POST['taxid'] : null; |
|||
$invoice = !empty($_POST['invoice']) ? $_POST['invoice'] : null; |
|||
$address = !empty($_POST['address']) ? $_POST['address'] : null; |
|||
$repair_no = !empty($_POST['repair_no']) ? $_POST['repair_no'] : null; |
|||
$total_price = !empty($_POST['total_price']) ? $_POST['total_price'] : null; |
|||
$user_id = !empty($_POST['user_id']) ? $_POST['user_id'] : null; |
|||
$type = !empty($_POST['type']) ? $_POST['type'] : null; |
|||
$sign_date = !empty($_POST['sign_date']) ? $_POST['sign_date'] : null; |
|||
$contract_status = !empty($_POST['contract_status']) ? $_POST['contract_status'] : null; |
|||
|
|||
$fail_arr = []; |
|||
|
|||
if (empty($contractno)) $fail_arr[] = '合約號為必填'; |
|||
if (empty($repair_no)) $fail_arr[] = '報價單編號為必填'; |
|||
if (empty($company)) $fail_arr[] = '客戶名稱為必填'; |
|||
if (empty($repairid)) $fail_arr[] = '為保人員為必填'; |
|||
// iempty(f($taxid === '') return $fail_arr[] = '統一編號為必填'; |
|||
if (empty($facilityno)) $fail_arr[] = '電梯編號為必填'; |
|||
if (empty($address)) $fail_arr[] = '工程地址為必填'; |
|||
if (empty($type)) $fail_arr[] = '工程類別為必填'; |
|||
if (empty($invoice)) $fail_arr[] = '發票抬頭為必填'; |
|||
if (empty($taxid)) $fail_arr[] = '統一編號為必填'; |
|||
// echo json_encode($fail_arr); |
|||
// exit; |
|||
if (count($fail_arr) > 0) { |
|||
header("HTTP/1.1 422 Unprocessable Entity"); |
|||
echo json_encode($fail_arr); |
|||
exit(); |
|||
} |
|||
// exit(); |
|||
//create contrac_r_signed_back table |
|||
$conn->beginTransaction(); |
|||
$sql = "INSERT INTO contract_r_signed_back( |
|||
repair_no, |
|||
contractno, |
|||
company, |
|||
taxid, |
|||
facilityno, |
|||
address, |
|||
type, |
|||
invoice, |
|||
repaireid, |
|||
total_price, |
|||
sign_date, |
|||
contract_status, |
|||
create_user, |
|||
create_date) VALUES( |
|||
:repair_no, |
|||
:contractno, |
|||
:company, |
|||
:taxid, |
|||
:facilityno, |
|||
:address, |
|||
:type, |
|||
:invoice, |
|||
:repaireid, |
|||
:total_price, |
|||
:sign_date, |
|||
:contract_status, |
|||
:create_userid, |
|||
:create_date |
|||
)"; |
|||
$stmt = $conn->prepare($sql); |
|||
$stmt->bindParam(":repair_no", $repair_no); |
|||
$stmt->bindParam(":contractno", $contractno); |
|||
$stmt->bindParam(":company", $company); |
|||
$stmt->bindParam(":taxid", $taxid); |
|||
$stmt->bindParam(":facilityno", $facilityno); |
|||
$stmt->bindParam(":address", $address); |
|||
$stmt->bindParam(":type", $type); |
|||
$stmt->bindParam(":invoice", $invoice); |
|||
$stmt->bindParam(":repaireid", $repaireid); |
|||
$stmt->bindParam(":total_price", $total_price); |
|||
$stmt->bindParam(":sign_date", $sign_date); |
|||
$stmt->bindParam(":contract_status", $contract_status); |
|||
$stmt->bindParam(":create_userid", $user_id); |
|||
$stmt->bindParam("create_date", $created_at); |
|||
|
|||
$stmt->execute(); |
|||
header('Content-Type: application/json'); |
|||
// $jsonData = json_encode($files); |
|||
|
|||
$conn->commit(); |
|||
} catch (PDOException $e) { |
|||
$conn->rollback(); |
|||
echo $e->getMessage(); |
|||
die('Error!' . $e->getMessage()); |
|||
} |
|||
} |
|||
@ -0,0 +1,68 @@ |
|||
<?php |
|||
require_once("../conn.php"); |
|||
ini_set ( 'date.timezone' , 'Asia/Taipei' ); |
|||
if(isset($_POST['vol_no']) && !empty($_POST['vol_no'])){ |
|||
$mid = $_POST['mid']; |
|||
$vol_no = $_POST['vol_no']; |
|||
$salesman = $_POST['salesman']; |
|||
$apply_date = $_POST['apply_date']; |
|||
$apply_type = $_POST['apply_type']; |
|||
$case_name = $_POST['case_name']; |
|||
$customer = $_POST['company']; |
|||
$manager = $_POST['manager']; |
|||
$vat = $_POST['vat']; |
|||
$total_price = $_POST['total_price']; |
|||
$buy_fee = $_POST['price_a']; |
|||
$install_fee = $_POST['price_b']; |
|||
$contact_address = $_POST['address']; |
|||
$workdeadline_a = $_POST['workdeadline_a']; |
|||
$workdeadline_b = $_POST['workdeadline_b']; |
|||
$test_time = $_POST['regulations']; |
|||
$freedeadline = $_POST['freedeadline']; |
|||
$trade_address = $_POST['tradeaddress']; |
|||
$tradedeadline = $_POST['tradedeadline']; |
|||
$progress = 0; |
|||
$status = 0; |
|||
$created_at = date('Y-m-d H:i:s'); |
|||
$created_by = $_POST['user_id']; |
|||
$isFirst = $_POST['isFirst']; |
|||
$conn->beginTransaction(); |
|||
try{ |
|||
if($isFirst == 1){ |
|||
$sql_str = "INSERT INTO contract_new_apply (mid, contractno, sales_man, apply_date, apply_type, case_name, customer, manager, vat, total_price, buy_fee, install_fee, contact_address, workdeadline_a, workdeadline_b, test_time, freedeadline, trade_address, tradedeadline, progress, status, created_at, created_by) VALUES (:mid, :contractno, :sales_man, :apply_date, :apply_type, :case_name, :customer, :manager, :vat, :total_price, :buy_fee, :install_fee, :contact_address, :workdeadline_a, :workdeadline_b, :test_time, :freedeadline, :trade_address, :tradedeadline, :progress, :status, :created_at, :created_by)"; |
|||
$stmt = $conn -> prepare($sql_str); |
|||
$stmt ->bindParam(':mid', $mid); |
|||
$stmt ->bindParam(':contractno', $vol_no); |
|||
$stmt ->bindParam(':sales_man', $salesman); |
|||
$stmt ->bindParam(':apply_date', $apply_date); |
|||
$stmt ->bindParam(':apply_type', $apply_type); |
|||
$stmt ->bindParam(':case_name', $case_name); |
|||
$stmt ->bindParam(':customer', $customer); |
|||
$stmt ->bindParam(':manager', $manager); |
|||
$stmt ->bindParam(':vat', $vat); |
|||
$stmt ->bindParam(':total_price', $total_price); |
|||
$stmt ->bindParam(':buy_fee', $buy_fee); |
|||
$stmt ->bindParam(':install_fee', $install_fee); |
|||
$stmt ->bindParam(':contact_address', $contact_address); |
|||
$stmt ->bindParam(':workdeadline_a', $workdeadline_a); |
|||
$stmt ->bindParam(':workdeadline_b', $workdeadline_b); |
|||
$stmt ->bindParam(':test_time', $test_time); |
|||
$stmt ->bindParam(':freedeadline', $freedeadline); |
|||
$stmt ->bindParam(':trade_address', $trade_address); |
|||
$stmt ->bindParam(':tradedeadline', $tradedeadline); |
|||
$stmt ->bindParam(':progress', $progress); |
|||
$stmt ->bindParam(':status', $status); |
|||
$stmt ->bindParam(':created_at', $created_at); |
|||
$stmt ->bindParam(':created_by', $created_by); |
|||
$stmt ->execute(); |
|||
header("HTTP/1.1 201 success!"); |
|||
$conn->commit(); |
|||
} |
|||
}catch(PDOException $e){ |
|||
$conn->rollback(); |
|||
echo $e->getMessage(); |
|||
die('Error!:'.$e->getMessage()); |
|||
} |
|||
|
|||
|
|||
} |
|||
@ -0,0 +1,139 @@ |
|||
<?php |
|||
require_once("../conn.php"); |
|||
include_once("./getFacilityNo.php"); |
|||
include_once("./getComboNo.php"); |
|||
include_once("./upload_chk.php"); |
|||
ini_set ( 'date.timezone' , 'Asia/Taipei' ); |
|||
|
|||
if($_SERVER['REQUEST_METHOD'] != 'POST'){ |
|||
exit(); |
|||
} |
|||
//新梯簽回 |
|||
if(isset($_POST["contractno"]) && $_POST["contractno"] != "" && isset($_POST['contracttype']) && $_POST['contracttype'] == 'm') { |
|||
try{ |
|||
$created_at = date('Y-m-d H:i:s'); |
|||
$created_by = $_POST["user_id"]; |
|||
$contractno = $_POST["contractno"]; |
|||
$customer = $_POST["customer"]; |
|||
$manager = $_POST["manager"]; |
|||
$vat = $_POST["vat"]; |
|||
$case_name = $_POST["case_name"]; |
|||
$linkman = $_POST["linkman"]; |
|||
$lm_tel = $_POST["lm_tel"]; |
|||
$address = $_POST["address"]; |
|||
$salesman = $_POST["salesman"]; |
|||
$qc = $_POST["qc"]; |
|||
$contracttype = $_POST["contracttype"]; |
|||
$files = !empty($_FILES['files']) ? $_FILES['files'] : null; |
|||
$files_id = null; |
|||
|
|||
$fail_arr = []; |
|||
if(empty($contractno)) $fail_arr[] = '合約號為必填'; |
|||
if(empty($customer)) $fail_arr[] = '客戶名稱為必填'; |
|||
if(empty($manager)) $fail_arr[] = '負責人為必填'; |
|||
if(empty($vat)) $fail_arr[] = '統編/身分證為必填'; |
|||
if(empty($case_name)) $fail_arr[] = '案名為必填'; |
|||
if(empty($linkman)) $fail_arr[] = '聯絡人為必填'; |
|||
if(empty($lm_tel)) $fail_arr[] = '聯絡人電話為必填'; |
|||
if(empty($address)) $fail_arr[] = '地址為必填'; |
|||
if(empty($salesman)) $fail_arr[] = '營業員為必填'; |
|||
if(empty($qc)) $fail_arr[] = '請選擇QC或官檢'; |
|||
if(count($fail_arr) > 0) { |
|||
header("HTTP/1.1 422 Unprocessable Entity"); |
|||
echo json_encode($fail_arr); |
|||
exit(); |
|||
} |
|||
|
|||
|
|||
$conn->beginTransaction(); |
|||
|
|||
$sql_str = "SELECT accountid, name FROM account WHERE accountid = :accountid ORDER BY create_at DESC"; |
|||
$stmt = $conn -> prepare($sql_str); |
|||
$stmt -> bindParam(":accountid",$salesman); |
|||
$stmt -> execute(); |
|||
$saleman = $stmt->fetch(PDO::FETCH_ASSOC); |
|||
$salesman_name = $saleman['name']; |
|||
if(!empty($files)){ |
|||
$englisharr = range('a', 'z'); |
|||
$files = $_FILES['files']; |
|||
$newfiles = []; |
|||
foreach( $files as $file ){ |
|||
$i = 0; //新陣列的索引編號 |
|||
foreach( $file as $key => $val ){ |
|||
$newfiles[$i]['name'] = $files['name'][$key]; |
|||
$newfiles[$i]['type'] = $files['type'][$key]; |
|||
$newfiles[$i]['tmp_name'] = $files['tmp_name'][$key]; |
|||
$newfiles[$i]['error'] = $files['error'][$key]; |
|||
$newfiles[$i]['size'] = $files['size'][$key]; |
|||
$i++; |
|||
} //foreach 第2層 end |
|||
} |
|||
$max_size = 4096*4096; //設定允許上傳檔案容量的最大值(1M) |
|||
$allow_ext = array('jpeg', 'jpg', 'png','JPG','JPEG','PNG','GIF'); //設定允許上傳檔案的類型 |
|||
$path = '../images/contracts/'; |
|||
if (!file_exists($path)) { mkdir($path); } |
|||
$msg_result = ''; //負責接收所有檔案檢測後的回傳訊息 |
|||
$datetime = (string)date('YmdHis'); |
|||
$files_id = 'm' . $datetime; // 保養=>b + 日期時間 |
|||
foreach( $newfiles as $key => $file ){ |
|||
$randNum = rand(1000,9999); |
|||
$randEnglish = $englisharr[rand(0,25)]; |
|||
$file_name = 'm' . (string)date('YmdHis') . $randNum . $randEnglish . $randNum.$file['name']; |
|||
$msg = upload_chk( $file,$path, $max_size, $allow_ext, $file_name ); |
|||
if($msg==1){ |
|||
$msg = '檔案傳送成功！'; |
|||
$sql_str = "INSERT INTO contract_back_files (files_id, file_name, file_mime, file_size, created_at, created_by) VALUES (:files_id, :file_name, :file_mime, :file_size, :created_at, :created_by)"; |
|||
$stmt = $conn -> prepare($sql_str); |
|||
$stmt -> bindParam(':files_id' ,$files_id); |
|||
$stmt -> bindParam(':file_name' ,$file_name); |
|||
$stmt -> bindParam(':file_mime' ,$file['type']); |
|||
$stmt -> bindParam(':file_size' ,$file['size']); |
|||
$stmt -> bindParam(':created_at' ,$created_at); |
|||
$stmt -> bindParam(':created_by' ,$created_by); |
|||
$stmt ->execute(); |
|||
}else{ |
|||
throw new PDOException('檔案上傳失敗:' . $msg); |
|||
} |
|||
$msg_result .= '第' . ($key+1) . '個上傳檔案的結果：' . $msg . '<br/>'; |
|||
$src_name = $path.$file['name']; |
|||
if( file_exists($src_name) ){ |
|||
//副檔名 |
|||
$extname = pathinfo($src_name, PATHINFO_EXTENSION); |
|||
//主檔名 |
|||
$basename = basename($src_name, '.'.$extname); |
|||
} |
|||
} |
|||
}else{ |
|||
$files = null; |
|||
} |
|||
|
|||
$sql_str = "INSERT INTO contract_m_signed_back (contract_no, customer, manager, vat, case_name, linkman, lm_tel, address, salesman, salesman_name, files_id, created_at, created_by, qc_official_type) VALUES (:contract_no, :customer, :manager, :vat, :case_name, :linkman, :lm_tel, :address, :salesman, :salesman_name, :files_id, :created_at, :created_by, :qc)"; |
|||
$stmt = $conn -> prepare($sql_str); |
|||
$stmt -> bindParam(":contract_no",$contractno); |
|||
$stmt -> bindParam(":customer",$customer); |
|||
$stmt -> bindParam(":manager",$manager); |
|||
$stmt -> bindParam(":vat",$vat); |
|||
$stmt -> bindParam(":case_name",$case_name); |
|||
$stmt -> bindParam(":linkman",$linkman); |
|||
$stmt -> bindParam(":lm_tel",$lm_tel); |
|||
$stmt -> bindParam(":address",$address); |
|||
$stmt -> bindParam(":salesman",$salesman); |
|||
$stmt -> bindParam(":salesman_name",$salesman_name); |
|||
$stmt -> bindParam(":files_id",$files_id); |
|||
$stmt -> bindParam(":created_at",$created_at); |
|||
$stmt -> bindParam(":created_by",$created_by); |
|||
$stmt -> bindParam(":qc",$qc); |
|||
$stmt -> execute(); |
|||
|
|||
|
|||
$result = $conn->commit(); |
|||
if($result){ |
|||
header("HTTP/1.1 201 Created"); |
|||
} |
|||
|
|||
}catch(PDOException $e){ |
|||
$conn->rollback(); |
|||
header("HTTP/1.1 500 Internal Server Error"); |
|||
die('Error!:'.$e->getMessage()); |
|||
} |
|||
} |
|||
@ -0,0 +1,190 @@ |
|||
<?php |
|||
require_once("../conn.php"); |
|||
include_once("./upload_chk.php"); |
|||
ini_set('date.timezone', 'Asia/Taipei'); |
|||
// echo json_encode(explode(',', $_POST['deletefiles'])); |
|||
if (isset($_POST['contracttype']) && $_POST['contracttype'] == 'r' && isset($_POST["id"]) && $_POST['id'] != "") { |
|||
try { |
|||
$create_date = date('Y-m-d H:i:s'); |
|||
$repair_no = !empty($POST['repair_no']) ? $_POST['repair_no'] : null; |
|||
$contractno = !empty($_POST['contractno']) ? $_POST['contractno'] : null; |
|||
$company = !empty($_POST['company']) ? $_POST['company'] : null; |
|||
$taxid = !empty($_POST['taxid']) ? $_POST['taxid'] : null; |
|||
$facilityno = !empty($_POST['facilityno']) ? $_POST['facilityno'] : null; |
|||
$address = !empty($_POST['address']) ? $_POST['address'] : null; |
|||
$type = !empty($_POST['type']) ? $_POST['type'] : null; |
|||
$invoice = !empty($_POST['invoice']) ? $_POST['invoice'] : null; |
|||
$repaireid = !empty($_POST['repaireid']) ? $_POST['repaireid'] : null; |
|||
$contract_status = !empty($_POST['contract_status']) ? $_POST['contract_status'] : null; |
|||
// $total_price = !empty($_POST['total_price']) ? $_POST['total_price'] : null; |
|||
$user_id = !empty($_POST['user_id']) ? $_POST['user_id'] : null; |
|||
|
|||
$fail_arr = []; |
|||
// if (empty($repair_no)) $fail_arr[] = '號為必填'; |
|||
if (empty($contractno)) $fail_arr[] = '合約號為必填'; |
|||
if (empty($company)) $fail_arr[] = '客戶名稱為必填'; |
|||
if (empty($taxid)) $fail_arr[] = '統一編號為必填'; |
|||
if (empty($facilityno)) $fail_arr[] = '電梯號為必填'; |
|||
if (empty($address)) $fail_arr[] = '工程地址為必填'; |
|||
if (empty($type)) $fail_arr[] = '工程類行為必填'; |
|||
if (empty($invoice)) $fail_arr[] = '發票抬頭為必填'; |
|||
if (empty($repaireid)) $fail_arr[] = '維修人員為必填'; |
|||
if (empty($contract_status)) $fail_arr[] = '工程類別為必填'; |
|||
if (count($fail_arr) > 0) { |
|||
header("HTTP/1.1 442 Unprocessable Entity"); |
|||
echo json_encode($fail_arr); |
|||
exit(); |
|||
} |
|||
// $conn->beginTransaction(); |
|||
|
|||
$sql = "UPDATE contract_r_signed_back SET |
|||
repaireid = :repaireid,facilityno= :facilityno, invoice=:invoice, taxid=:taxid, address=:address,type=:type,contract_status=:contract_status,update_user=:update_user,update_date=:update_date |
|||
WHERE id = :id"; |
|||
|
|||
$stmt = $conn->prepare($sql); |
|||
$stmt->bindParam(':repaireid', $repaireid); |
|||
$stmt->bindParam(':facilityno', $facilityno); |
|||
$stmt->bindParam(':invoice', $invoice); |
|||
$stmt->bindParam(':taxid', $taxid); |
|||
$stmt->bindParam(':address', $address); |
|||
$stmt->bindParam(':type', $type); |
|||
$stmt->bindParam(':contract_status', $contract_status); |
|||
$stmt->bindParam(':update_user', $user_id); |
|||
$stmt->bindParam(':update_date', $create_date); |
|||
|
|||
$stmt->bindParam(':id', $_POST['id']); |
|||
// echo json_encode($sql); |
|||
// exit; |
|||
$stmt->execute(); |
|||
// header("HTTP/1.1 204 NO Content"); |
|||
|
|||
// $conn->commit(); |
|||
} catch (PDOException $e) { |
|||
// $conn->rollback(); |
|||
header("HTTPP/1.1 500 Internal Server Error"); |
|||
die('Error!:' . $e->getMessage()); |
|||
} |
|||
} |
|||
// if (isset($_POST['contractno']) && $_POST['contractno'] != "" && isset($_POST["id"]) && $_POST['id'] != "") { |
|||
// try { |
|||
// $created_at = date('Y-m-d H:i:s'); |
|||
// $created_by = $_POST['user_id']; |
|||
// $id = $_POST["id"]; |
|||
// $contract_no = !empty($_POST['contractno']) ? $_POST['contractno'] : null; |
|||
// $customer = !empty($_POST['customer']) ? $_POST['customer'] : null; |
|||
// $manager = !empty($_POST['manager']) ? $_POST['manager'] : null; |
|||
// $vat = !empty($_POST['vat']) ? $_POST['vat'] : null; |
|||
// $case_name = !empty($_POST['case_name']) ? $_POST['case_name'] : null; |
|||
// $linkman = !empty($_POST['linkman']) ? $_POST['linkman'] : null; |
|||
// $lm_tel = !empty($_POST['lm_tel']) ? $_POST['lm_tel'] : null; |
|||
// $address = !empty($_POST['address']) ? $_POST['address'] : null; |
|||
// $salesman = !empty($_POST['salesman']) ? $_POST['salesman'] : null; |
|||
// $qc = !empty($_POST['qc']) ? $_POST['qc'] : null; |
|||
// $deletefiles = !empty($_POST['deletefiles']) ? $_POST['deletefiles'] : null; |
|||
// $files_id = !empty($_POST['files_id']) ? $_POST['files_id'] : null; |
|||
// $files = !empty($_FILES['files']) ? $_FILES['files'] : null; |
|||
|
|||
// $deletefilesArr = explode(',', $_POST['deletefiles']); |
|||
|
|||
// $fail_arr = []; |
|||
// if (empty($contract_no)) $fail_arr[] = '合約號為必填'; |
|||
// if (empty($customer)) $fail_arr[] = '客戶名稱為必填'; |
|||
// if (empty($manager)) $fail_arr[] = '負責人為必填'; |
|||
// if (empty($vat)) $fail_arr[] = '統編/身分證為必填'; |
|||
// if (empty($case_name)) $fail_arr[] = '案名為必填'; |
|||
// if (empty($linkman)) $fail_arr[] = '聯絡人為必填'; |
|||
// if (empty($lm_tel)) $fail_arr[] = '聯絡人電話為必填'; |
|||
// if (empty($address)) $fail_arr[] = '地址為必填'; |
|||
// if (empty($salesman)) $fail_arr[] = '營業員為必填'; |
|||
// if (empty($qc)) $fail_arr[] = '請選擇QC或管檢'; |
|||
// if (count($fail_arr) > 0) { |
|||
// header("HTTP/1.1 422 Unprocessable Entity"); |
|||
// echo json_encode($fail_arr); |
|||
// exit(); |
|||
// } |
|||
|
|||
// $conn->beginTransaction(); |
|||
|
|||
// $sql_str = "UPDATE contract_m_signed_back SET contract_no=:contract_no, customer=:customer, manager=:manager, vat=:vat, case_name=:case_name, linkman=:linkman, lm_tel=:lm_tel, address=:address, salesman=:salesman, qc_official_type=:qc WHERE id = :id"; |
|||
// $stmt = $conn->prepare($sql_str); |
|||
// $stmt->bindParam(':contract_no', $contract_no); |
|||
// $stmt->bindParam(':customer', $customer); |
|||
// $stmt->bindParam(':manager', $manager); |
|||
// $stmt->bindParam(':vat', $vat); |
|||
// $stmt->bindParam(':case_name', $case_name); |
|||
// $stmt->bindParam(':linkman', $linkman); |
|||
// $stmt->bindParam(':lm_tel', $lm_tel); |
|||
// $stmt->bindParam(':address', $address); |
|||
// $stmt->bindParam(':salesman', $salesman); |
|||
// $stmt->bindParam(':qc', $qc); |
|||
// $stmt->bindParam(':id', $id); |
|||
// $stmt->execute(); |
|||
// if (!empty($deletefiles)) { |
|||
// $sql_str = "DELETE FROM contract_back_files WHERE id IN ($deletefiles)"; |
|||
// $stmt = $conn->prepare($sql_str); |
|||
// $stmt->execute(); |
|||
// } |
|||
|
|||
// if (!empty($files)) { |
|||
// $englisharr = range('a', 'z'); |
|||
// $files = $_FILES['files']; |
|||
// $newfiles = []; |
|||
// foreach ($files as $file) { |
|||
// $i = 0; //新陣列的索引編號 |
|||
// foreach ($file as $key => $val) { |
|||
// $newfiles[$i]['name'] = $files['name'][$key]; |
|||
// $newfiles[$i]['type'] = $files['type'][$key]; |
|||
// $newfiles[$i]['tmp_name'] = $files['tmp_name'][$key]; |
|||
// $newfiles[$i]['error'] = $files['error'][$key]; |
|||
// $newfiles[$i]['size'] = $files['size'][$key]; |
|||
// $i++; |
|||
// } //foreach 第2層 end |
|||
// } |
|||
// $max_size = 4096 * 4096; //設定允許上傳檔案容量的最大值(1M) |
|||
// $allow_ext = array('jpeg', 'jpg', 'png', 'JPG', 'JPEG', 'PNG', 'GIF'); //設定允許上傳檔案的類型 |
|||
// $path = '../images/contracts/'; |
|||
// if (!file_exists($path)) { |
|||
// mkdir($path); |
|||
// } |
|||
// $msg_result = ''; //負責接收所有檔案檢測後的回傳訊息 |
|||
// $datetime = (string)date('YmdHis'); |
|||
// $files_id = ($files_id !== null) ? $files_id : 'm' . $datetime; // 新梯=>m + 日期時間 |
|||
// foreach ($newfiles as $key => $file) { |
|||
// $randNum = rand(1000, 9999); |
|||
// $randEnglish = $englisharr[rand(0, 25)]; |
|||
// $file_name = 'm' . (string)date('YmdHis') . $randNum . $randEnglish . $randNum . $file['name']; |
|||
// $msg = upload_chk($file, $path, $max_size, $allow_ext, $file_name); |
|||
// if ($msg == 1) { |
|||
// $msg = '檔案傳送成功！'; |
|||
// $sql_str = "INSERT INTO contract_back_files (files_id, file_name, file_mime, file_size, created_at, created_by) VALUES (:files_id, :file_name, :file_mime, :file_size, :created_at, :created_by)"; |
|||
// $stmt = $conn->prepare($sql_str); |
|||
// $stmt->bindParam(':files_id', $files_id); |
|||
// $stmt->bindParam(':file_name', $file_name); |
|||
// $stmt->bindParam(':file_mime', $file['type']); |
|||
// $stmt->bindParam(':file_size', $file['size']); |
|||
// $stmt->bindParam(':created_at', $created_at); |
|||
// $stmt->bindParam(':created_by', $created_by); |
|||
// $stmt->execute(); |
|||
// } else { |
|||
// throw new PDOException('檔案上傳失敗:' . $msg); |
|||
// } |
|||
// $msg_result .= '第' . ($key + 1) . '個上傳檔案的結果：' . $msg . '<br/>'; |
|||
// $src_name = $path . $file['name']; |
|||
// if (file_exists($src_name)) { |
|||
// //副檔名 |
|||
// $extname = pathinfo($src_name, PATHINFO_EXTENSION); |
|||
// //主檔名 |
|||
// $basename = basename($src_name, '.' . $extname); |
|||
// } |
|||
// } |
|||
// } else { |
|||
// $files = null; |
|||
// } |
|||
|
|||
// $conn->commit(); |
|||
// } catch (PDOException $e) { |
|||
// $conn->rollback(); |
|||
// header("HTTP/1.1 500 Internal Server Error"); |
|||
// die('Error!:' . $e->getMessage()); |
|||
// } |
|||
// } |
|||
@ -0,0 +1,61 @@ |
|||
<?php |
|||
|
|||
function upload_chk( $file, $path, $max_size, $allow_ext, $file_name ){ |
|||
|
|||
$source_file_name = $file['name']; //上傳檔案的原來檔案名稱 |
|||
$file_type = $file['type']; //上傳檔案的類型(副檔名) |
|||
$tmp_name = $file['tmp_name']; //上傳到暫存空間的路徑/檔名 |
|||
$file_size = $file['size']; //上傳檔案的檔案大小(容量) |
|||
$error = $file['error']; //上傳工作傳回的錯誤訊息編號 |
|||
$msg = ''; //負責記錄回傳的訊息 |
|||
|
|||
//1.判斷錯誤編號只有為0時表示沒有錯誤發生，才表示上傳成功 ================= |
|||
if( $error == 0 ){ |
|||
|
|||
//取得檔案延伸的副檔名, 以下函數可以取得檔案延伸的副檔名 |
|||
//pathinfo(上傳檔案的原來檔案名稱, PATHINFO_EXTENSION) |
|||
$ext = pathinfo($source_file_name, PATHINFO_EXTENSION); |
|||
$ext = strtolower($ext); //將延伸的副檔名轉小寫 |
|||
|
|||
//2.判斷上傳檔案的大小 ==================================== |
|||
if( $file_size > $max_size ){ |
|||
//當目前檔案容量超過容量限制時, 以下準備顯示的資訊 |
|||
if( $max_size >= 4096*4096 ){ |
|||
$max_size /= (4096*4096); |
|||
$max_size .= 'M'; |
|||
}elseif( $max_size >= 4096 ){ |
|||
$max_size /= 4096; |
|||
$max_size .= 'K'; |
|||
} |
|||
$msg ='上傳檔案過大，請選擇容量小於 '.$max_size.' 的檔案'; |
|||
|
|||
//3.判斷檔案類型 =========================================== |
|||
//in_array($ext, $allow_ext) 判斷 $ext變數的值 是否在 $allow_ext 這個陣列變數中 |
|||
}elseif( !in_array( $ext, $allow_ext ) ){ |
|||
$allow_str = ''; //準備將允許檔案類型的陣列內容, 組合成字串 |
|||
foreach( $allow_ext as $key=>$value ){ |
|||
//if的縮寫語法：條件?成立執行的工作:不成立執行的工作; |
|||
$key==0? $allow_str.= $value : $allow_str.=', '.$value; |
|||
} |
|||
$msg = '檔案類型不符合，請選擇 '.$allow_str.' 檔案'; |
|||
|
|||
//4.以上條件都沒問題的話, 則進行最後else中的工作=============== |
|||
}else{ |
|||
//搬移檔案 move_uploaded_file(要搬移的檔案, 目的地位置及目的檔案名稱), 成功傳回true(1) |
|||
$msg = @move_uploaded_file($tmp_name, $path.$file_name); |
|||
} |
|||
}else{ |
|||
//這裡表示上傳有錯誤, 匹配錯誤編號顯示對應的訊息 ====================================== |
|||
switch ($error) { |
|||
case 1: $msg = '上傳檔案超過 upload_max_filesize 容量最大值'; break; |
|||
case 2: $msg = '上傳檔案超過 post_max_size 總容量最大值'; break; |
|||
case 3: $msg = '檔案只有部份被上傳'; break; |
|||
case 4: $msg = '沒有檔案被上傳'; break; |
|||
case 6: $msg = '找不到主機端暫存檔案的目錄位置'; break; |
|||
case 7: $msg = '檔案寫入失敗'; break; |
|||
case 8: $msg = '上傳檔案被PHP程式中斷，表示主機端系統錯誤'; break; |
|||
} |
|||
} //if( $error == 0 ){ ..... end |
|||
|
|||
return $msg; //回傳$msg的結果 |
|||
} |
|||
@ -0,0 +1,43 @@ |
|||
<?php |
|||
$envFile = __DIR__ . '/.env'; // .env 文件的路径 |
|||
|
|||
if (file_exists($envFile)) { |
|||
$lines = file($envFile, FILE_IGNORE_NEW_LINES | FILE_SKIP_EMPTY_LINES); |
|||
if ($lines !== false) { |
|||
foreach ($lines as $line) { |
|||
list($key, $value) = explode('=', $line, 2); |
|||
$key = trim($key); |
|||
$value = trim($value); |
|||
// 设置环境变量 |
|||
putenv("$key=$value"); |
|||
} |
|||
} |
|||
} |
|||
$db_hostname = getenv('DB_HOST'); //資料庫主機名稱 |
|||
$db_username = getenv('DB_USERNAME'); //登入資料庫的管理者的帳號 |
|||
$db_password = getenv('DB_PASSWORD'); //登入密碼 |
|||
$db_name = getenv('DB_DATABASE'); //使用的資料庫 |
|||
$db_charset = 'utf8'; //設定字元編碼 |
|||
|
|||
//建立PDO的指定工作 |
|||
$dsn = "mysql:host=$db_hostname;dbname=$db_name;charset=$db_charset"; |
|||
|
|||
try{ |
|||
//使用PDO連接到MySQL資料庫，建立PDO物件 |
|||
$conn = new PDO($dsn, $db_username, $db_password); |
|||
|
|||
//當錯誤發生時會將錯誤資訊放到一個類物件裡（PDOException） |
|||
//PDO異常處理，PDO::ATTR_ERRMODE，有以下三種值的設定 |
|||
//PDO::ERRMODE_SILENT： 預設模式，不主動報錯，需要以$conn->errorInfo()的形式獲取錯誤資訊 |
|||
//PDO::ERRMODE_WARNING: 引發 E_WARNING 錯誤，主動報錯 |
|||
//PDO::ERRMODE_EXCEPTION: 主動抛出 exceptions 異常，需要以try{}cath(){}輸出錯誤資訊。 |
|||
//設定主動以警告的形式報錯 |
|||
$conn->setAttribute(PDO::ATTR_ERRMODE,PDO::ERRMODE_EXCEPTION); |
|||
//如果連接錯誤,將抛出一個PDOException異常對象 |
|||
} |
|||
catch ( PDOException $e ){ |
|||
//如果連結資料庫失敗則顯示錯誤訊並停止本頁的工作 |
|||
die("ERROR!!!: ". $e->getMessage()); |
|||
} |
|||
|
|||
//$conn = null; //關閉資料庫的連線 |
|||
@ -0,0 +1,210 @@ |
|||
<?php |
|||
include("../header.php"); |
|||
require_once("./conn.php"); |
|||
$id = $_GET['contractid']; |
|||
$sql_str = "SELECT * FROM contract_r_signed_back WHERE id = :id ORDER BY id DESC"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':id', $id); |
|||
$stmt->execute(); |
|||
$contract = $stmt->fetch(PDO::FETCH_ASSOC); |
|||
// echo '<pre>'; |
|||
// print_r($contract); |
|||
// echo '</pre>'; |
|||
// $files_id = $contract['files_id']; |
|||
// $sql_str = "SELECT * FROM contract_back_files WHERE files_id = :files_id "; |
|||
// $stmt = $conn->prepare($sql_str); |
|||
// $stmt->bindParam(':files_id', $files_id); |
|||
// $stmt->execute(); |
|||
// $files= $stmt->fetchAll(PDO::FETCH_ASSOC); |
|||
// $files = json_encode($files); |
|||
$accounttype = "M"; |
|||
$sql_str = "SELECT accountid, name FROM account WHERE accounttype = :accounttype"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(":accounttype", $accounttype); |
|||
$stmt->execute(); |
|||
$persons = $stmt->fetchAll(PDO::FETCH_ASSOC); |
|||
$persons = array_map(function ($person) { |
|||
return [ |
|||
'view' => $person['accountid'] . '-' . $person['name'], |
|||
'value' => $person['accountid'], |
|||
'name' => $person['name'] |
|||
]; |
|||
}, $persons); |
|||
$contract_stauts = ["合約簽回", "採購", "工程發包", "工程中", "修理完成"]; |
|||
|
|||
|
|||
|
|||
?> |
|||
<link rel="stylesheet" href="./styles/style.css"> |
|||
<link rel="stylesheet" href="semantic/dist/semantic.min.css"> |
|||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> |
|||
<script defer src="./js/alpinejs/cdn.min.js"></script> |
|||
<script src="./js/axios/axios.min.js"></script> |
|||
<!-- <script defer src="https://cdn.jsdelivr.net/npm/alpinejs@3.x.x/dist/cdn.min.js"></script> --> |
|||
|
|||
<script src="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.umd.js"></script> |
|||
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/ui@5.0/dist/fancybox/fancybox.css" /> |
|||
|
|||
<div class="contract-management" x-data='contract_edit'> |
|||
<div class="form" method="post" id="form" enctype="multipart/form-data"> |
|||
<input type="hidden" name='form_name' value="main_form" /> |
|||
<div> |
|||
<table class="table table-bordered query-table table-striped table-bordered display compact" style="width:99%;margin-left:.5%"> |
|||
<thead> |
|||
<tr> |
|||
<td colspan="8"> |
|||
<h3 style='text-align:center'>合約管理(修理)</h3> |
|||
</td> |
|||
</tr> |
|||
</thead> |
|||
|
|||
<tbody style="font-weight: bolder;margin-bottom: 20px"> |
|||
<tr> |
|||
<td colspan="7" style='vertical-align: middle;border-right:0px;'> |
|||
<h4>檢視合約</h4> |
|||
</td> |
|||
<td class="text-right" style='border-left:0px;'> |
|||
<button type="button" id="btn_close" class="btn btn-default" onclick="window.history.back();">返回</button> |
|||
<button type="button" id="btn_close" class="btn btn-default" onclick="window.close();">關閉分頁</button> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">立約人</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" x-model="data.company"> |
|||
<p class="alerttext" x-show="data.company==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
|
|||
<td style="vertical-align: middle">維保人員</td> |
|||
<td style="vertical-align: middle"> |
|||
<select class="repaireid" id="repaireid" x-model="data.repaireid"> |
|||
<option value="">選擇營業員</option> |
|||
<?php foreach ($persons as $person) : ?> |
|||
<option value="<?php echo $person['value']; ?>"><?php echo $person['view']; ?></option> |
|||
<?php endforeach ?> |
|||
</select> |
|||
<p class="alerttext" x-show="data.repaireid==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
|
|||
<td style="vertical-align: middle">電梯編號</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" name="uscc" x-model="data.facilityno"> |
|||
<p class="alerttext" x-show="data.facilityno==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
|
|||
<td style="vertical-align: middle">報價單編號</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" name="uscc" x-model="data.repair_no"> |
|||
<p class="alerttext" x-show="data.repair_no==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">工程類別</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" name="uscc" x-model="data.type"> |
|||
<p class="alerttext" x-show="data.type==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">簽訂時間</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" name="sign_date" x-model="data.sign_date"> |
|||
<p class="alerttext" x-show="data.sign_date==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">發票抬頭</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" name="uscc" x-model="data.invoice"> |
|||
<p class="alerttext" x-show="data.invoice==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">統一編號</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" x-model="data.taxid"> |
|||
<p class="alerttext" x-show="data.taxid==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">工程地址</td> |
|||
<td colspan=3> |
|||
<input class="form-control disabled_select" type="text" x-model="data.address"> |
|||
<p class="alerttext" x-show="data.address==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<!-- <td style="vertical-align: middle">附件上傳</td> |
|||
<td colspan=3> |
|||
<input type="file" name="file[]" multiple draggable="true" @change="uploadFiles($event)" /> |
|||
<p class="alerttext" x-show="data.lm_tel==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> --> |
|||
<td style="vertical-align: middle">工程進度</td> |
|||
<td style="vertical-align: middle"> |
|||
<select class="contract_status" id="contract_status" x-model="data.contract_status"> |
|||
<?php foreach ($contract_stauts as $key => $status) : ?> |
|||
<option value="<?php echo $key + 1; ?>"><?php echo $status; ?></option> |
|||
<?php endforeach ?> |
|||
</select> |
|||
<p class="alerttext" x-show="data.contract_status==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
|
|||
<td></td> |
|||
<td></td> |
|||
</tr> |
|||
<!-- <tr> |
|||
<td style="vertical-align: middle">附件</td> |
|||
<td colspan=7> |
|||
<div class="images"> |
|||
<template x-for="file in data.files" :key="file.id"> |
|||
<div class="image"> |
|||
<a :href="'./images/contracts/' + file.file_name" data-fancybox="gallery" :data-src="'./images/contracts/' + file.file_name" data-caption=""> |
|||
<img :src="'./images/contracts/' + file.file_name" /> |
|||
</a> |
|||
<i class="fas fa-times" @click="deleteFileFn(file.id)"></i> |
|||
</div> |
|||
</template> |
|||
</div> |
|||
|
|||
</td> |
|||
</tr> --> |
|||
|
|||
|
|||
</tbody> |
|||
</table> |
|||
<button @click="save()" :disabled="isLoading" type="button" class="btn btn-primary btn-lg pull-right savebtn"> |
|||
<template x-if="!isLoading"> |
|||
<span>更新</span> |
|||
</template> |
|||
<template x-if="isLoading"> |
|||
<div class="loader"></div> |
|||
</template> |
|||
</button> |
|||
<button type="button" class="btn btn-primary btn-lg pull-right savebtn" @click="window.location.href='./contract-repair-management.php?<?php echo $token_link; ?>'">回列表</button> |
|||
</div> |
|||
</div> |
|||
</div> |
|||
|
|||
|
|||
<script src="./js/jquery/jquery-3.1.1.min.js"></script> |
|||
<script src="semantic/dist/semantic.min.js"></script> |
|||
<script src="./js/alpine.js"></script> |
|||
<script> |
|||
const user_id = '<?php echo $user_id; ?>'; |
|||
const user_name = '<?php echo $user_name; ?>'; |
|||
const id = <?php echo $contract['id'] ?>; |
|||
const repair_no = '<?php echo $contract['repair_no']; ?>'; |
|||
const contractno = '<?php echo $contract['contractno']; ?>'; |
|||
const company = '<?php echo $contract['company']; ?>'; |
|||
const taxid = '<?php echo $contract['taxid']; ?>'; |
|||
const facilityno = '<?php echo $contract['facilityno']; ?>'; |
|||
const address = '<?php echo $contract['address']; ?>'; |
|||
const type = '<?php echo $contract['type']; ?>'; |
|||
const repaireid = '<?php echo $contract['repaireid']; ?>'; |
|||
const total_price = '<?php echo $contract['total_price']; ?>'; |
|||
const sign_date = '<?php echo $contract['sign_date']; ?>'; |
|||
const invoice = '<?php echo $contract['invoice']; ?>' |
|||
const contract_status = '<?php echo $contract['contract_status']; ?>' |
|||
// $('#table_index').DataTable( |
|||
// { |
|||
// "order": [ |
|||
// [0, "desc"], |
|||
// ] |
|||
// } |
|||
// ); |
|||
// Fancybox.bind('[data-fancybox="gallery"]', { |
|||
|
|||
// }); |
|||
</script> |
|||
@ -0,0 +1,173 @@ |
|||
<?php |
|||
include("../header.php"); |
|||
require_once("./conn.php"); |
|||
include_once("./api/getFacilityNo.php"); |
|||
$accounttype = "B"; |
|||
$sql_str = "SELECT accountid, name FROM account WHERE accounttype = :accounttype"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':accounttype', $accounttype); |
|||
$stmt->execute(); |
|||
$workers = $stmt->fetchAll(PDO::FETCH_ASSOC); |
|||
$accounttype = "M"; |
|||
$sql_str = "SELECT id,accountid, name FROM account WHERE accounttype = :accounttype"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->bindParam(':accounttype', $accounttype); |
|||
$stmt->execute(); |
|||
$contractpersons = $stmt->fetchAll(PDO::FETCH_ASSOC); |
|||
|
|||
$contract_stauts = ["合約簽回", "採購", "工程發包", "工程中", "修理完成"]; |
|||
|
|||
?> |
|||
<link rel="stylesheet" href="./styles/style.css"> |
|||
<link rel="stylesheet" href="semantic/dist/semantic.min.css"> |
|||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> |
|||
<script defer src="./js/alpinejs/cdn.min.js"></script> |
|||
<script src="./js/axios/axios.min.js"></script> |
|||
|
|||
<div class="contract-input-component" x-data="contractRepair"> |
|||
<div class="form" method="post" id="form" enctype="multipart/form-data"> |
|||
<input type="hidden" name='form_name' value="main_form" /> |
|||
<div> |
|||
<table class="table table-bordered query-table table-striped table-bordered display compact" style="width:99%;margin-left:.5%"> |
|||
<thead> |
|||
<tr> |
|||
<td colspan="8"> |
|||
<h3 style='text-align:center'>合約入力(修理)</h3> |
|||
</td> |
|||
</tr> |
|||
</thead> |
|||
<template x-if="step==1"> |
|||
<tbody style="font-weight: bolder;margin-bottom: 20px" x-show="step==1"> |
|||
<tr> |
|||
<td style="vertical-align: middle">合約號</td> |
|||
<td colspan="5"> |
|||
<input class="form-control" @keyup="nextStepKeyupFn($event)" type="text" name="contractno" x-model="data.contractno"> |
|||
|
|||
</td> |
|||
<td colspan="2" style="vertical-align: middle"> |
|||
<label for="customize"> |
|||
<input type="checkbox" x-model="customize" id="customize" />自定義欄位 |
|||
</label> |
|||
</td> |
|||
|
|||
</tr> |
|||
</tbody> |
|||
</template> |
|||
<template x-if="step==2"> |
|||
<!-- <template x-if="step==1"> --> |
|||
<tbody style="font-weight: bolder;margin-bottom: 20px" x-show="step==2"> |
|||
<!-- <tbody style="font-weight: bolder;margin-bottom: 20px" x-show="step==1"> --> |
|||
<tr> |
|||
<td colspan="7" style='vertical-align: middle;border-right:0px;'> |
|||
<h4>業務確認項</h4> |
|||
</td> |
|||
<td class="text-right" style='border-left:0px;'> |
|||
<button type="button" id="btn_close" class="btn btn-default" onclick="window.history.back();">返回</button> |
|||
<button type="button" id="btn_close" class="btn btn-default" onclick="window.close();">關閉分頁</button> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">立約人</td> |
|||
<td> |
|||
<input type="text" x-model="data.company" /> |
|||
<p class="alerttext" x-show="data.company==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">維保人員</td> |
|||
<td> |
|||
<input type="text" x-model="data.repairer" /> |
|||
<p class="alerttext" x-show="data.repairer==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">電梯編號</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" name="facilityno" x-model="data.facilityno"> |
|||
<p class="alerttext" x-show="data.facilityno==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">報價單編號</td> |
|||
<td style="vertical-align: middle"> |
|||
<input class="form-control disabled_select" type="text" name="repair_no" x-model="data.repair_no" disabled="disabled"> |
|||
<p class="alerttext" x-show="data.repair_no==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">工程進度</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" name="type" x-model="data.type"> |
|||
<p class="alerttext" x-show="data.type==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
|
|||
<td style="vertical-align: middle">簽訂時間</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="date" name="sign_date" x-model="data.sign_date"> |
|||
<p class="alerttext" x-show="data.sign_date==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">發票抬頭</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" name="invoice" x-model="data.invoice"> |
|||
<p class="alerttext" x-show="data.invoice==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
<td style="vertical-align: middle">統一編號</td> |
|||
<td> |
|||
<input class="form-control disabled_select" type="text" name="taxid" x-model="data.taxid"> |
|||
<p class="alerttext" x-show="data.taxid==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
</tr> |
|||
<tr> |
|||
<td style="vertical-align: middle">工程地址</td> |
|||
<td colspan=3> |
|||
<input class="form-control disabled_select" type="text" x-model="data.address"> |
|||
<p class="alerttext" x-show="data.address==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> |
|||
</td> |
|||
|
|||
<td style="vertical-align: middle">工程確認</td> |
|||
<td style="vertical-align: middle"> |
|||
<select class="contract_status" id="contract_status" x-model="data.contract_status"> |
|||
<?php foreach ($contract_stauts as $key => $status) : ?> |
|||
<option value="<?php echo $key + 1; ?>"><?php echo $status; ?></option> |
|||
<?php endforeach ?> |
|||
</select> |
|||
<!-- <p class="alerttext" x-show="data.contract_status==''"><i class="fa-solid fa-circle-xmark"></i>未填寫</p> --> |
|||
</td> |
|||
<td></td> |
|||
<td></td> |
|||
</tr> |
|||
|
|||
</tbody> |
|||
</template> |
|||
</table> |
|||
|
|||
|
|||
<button x-show="step==2" @click="save()" :disabled="isLoading" type="button" class="btn btn-primary btn-lg pull-right savebtn"> |
|||
<template x-if="!isLoading"> |
|||
<span>存檔</span> |
|||
</template> |
|||
<template x-if="isLoading"> |
|||
<div class="loader"></div> |
|||
</template> |
|||
</button> |
|||
<button x-show="step<=1" @click="nextStepFn()" type="button" class="btn btn-primary btn-lg pull-right savebtn" :disabled="isLoading"> |
|||
<template x-if="!isLoading"> |
|||
<span>下一步</span> |
|||
</template> |
|||
<template x-if="isLoading"> |
|||
<div class="loader"></div> |
|||
</template> |
|||
</button> |
|||
<button x-show="step>1" @click="preStepFn()" :disabled="isLoading" type="button" class="btn btn-primary btn-lg pull-right savebtn"> |
|||
<template x-if="!isLoading"> |
|||
<span>上一步</span> |
|||
</template> |
|||
<template x-if="isLoading"> |
|||
<div class="loader"></div> |
|||
</template> |
|||
</button> |
|||
</div> |
|||
</div> |
|||
|
|||
</div> |
|||
<script src="./js/jquery/jquery-3.1.1.min.js"></script> |
|||
<script src="semantic/dist/semantic.min.js"></script> |
|||
<script src="./js/alpine.js"></script> |
|||
<script> |
|||
const user_id = '<?php echo $user_id; ?>' |
|||
const user_name = '<?php echo $user_name; ?>' |
|||
</script> |
|||
@ -0,0 +1,131 @@ |
|||
<?php |
|||
include("../header.php"); |
|||
require_once("./conn.php"); |
|||
$sql_str = "SELECT * FROM contract_r_signed_back WHERE 1=1 AND delete_status = 1 ORDER BY id DESC"; |
|||
$stmt = $conn->prepare($sql_str); |
|||
$stmt->execute(); |
|||
$contracts = $stmt->fetchAll(PDO::FETCH_ASSOC); |
|||
?> |
|||
<link rel="stylesheet" href="./styles/style.css"> |
|||
<link rel="stylesheet" href="semantic/dist/semantic.min.css"> |
|||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" /> |
|||
<script defer src="./js/alpinejs/cdn.min.js"></script> |
|||
<script src="./js/axios/axios.min.js"></script> |
|||
|
|||
<div class="contract-management" x-data="{ |
|||
deleteFn(id,user){ |
|||
if(confirm('確定要刪除嗎？')){ |
|||
axios.get('./api/deleteNewContractData.php?contracttype=r&contractid='+id+'&user_id='+user).then(res=> { |
|||
console.log(res); |
|||
if(res.status === 204){ |
|||
alert('刪除成功！') |
|||
location.reload(); |
|||
} |
|||
}) |
|||
} |
|||
} |
|||
}"> |
|||
|
|||
<div style="overflow-x:auto;margin-top:12px"> |
|||
<a href="contract-repair-input.php?function_name=repair&<?php echo $token_link; ?>" class="btn btn-info btn-sm"> |
|||
<span class="glyphicon glyphicon-plus"></span> |
|||
</a> |
|||
<table id="table_index" class="table table-striped table-bordered" style="width:100%"> |
|||
<thead> |
|||
<tr> |
|||
<th>項次</th> |
|||
<th>合約號</th> |
|||
<th>客戶名稱</th> |
|||
<th>統編</th> |
|||
<th>總金額</th> |
|||
<th>工程進度</th> |
|||
<th>建檔者</th> |
|||
<th>建立時間</th> |
|||
<th>操作</th> |
|||
</tr> |
|||
</thead> |
|||
<tbody> |
|||
<?php foreach ($contracts as $key => $contract) : ?> |
|||
<tr> |
|||
<td><?php echo $contract['id']; ?></td> |
|||
<td><?php echo $contract['contractno'] ?></td> |
|||
<td><?php echo $contract['company'] ?></td> |
|||
<td><?php echo $contract['taxid'] ?></td> |
|||
<td><?php echo $contract['total_price'] ?></td> |
|||
<th><?php if ($contract['contract_status'] == 1) { |
|||
echo '合約簽回'; |
|||
} else if ($contract['contract_status'] == 2) { |
|||
echo '採購'; |
|||
} else if ($contract['contract_status'] == 3) { |
|||
echo '工程發包'; |
|||
} else if ($contract['contract_status'] == 4) { |
|||
echo '工程中'; |
|||
} else if ($contract['contract_status'] == 5) { |
|||
echo '修理完成'; |
|||
} |
|||
?></th> |
|||
<td><?php echo $contract['create_user'] ?></td> |
|||
<td><?php echo $contract['create_date'] ?></td> |
|||
<td style="width:30px"> |
|||
<p> |
|||
<a href="contract-repair-edit.php?&contractid=<?php echo $contract['id']; ?>&function_name=repair&<?php echo $token_link; ?>" class="btn btn-info btn-sm"> |
|||
<span class="glyphicon glyphicon-pencil"></span> |
|||
</a> |
|||
<a href="javascript:;" class="btn btn-info btn-sm" style="margin-left:10px;" @click="deleteFn(<?php echo $contract['id']; ?>,'<?php echo $user_id; ?>')"> |
|||
<span class="glyphicon glyphicon-remove"></span> |
|||
</a> |
|||
</p> |
|||
</td> |
|||
</tr> |
|||
<?php endforeach ?> |
|||
</tbody> |
|||
</table> |
|||
</div> |
|||
</div> |
|||
|
|||
<style> |
|||
table { |
|||
table-layout: fixed; |
|||
width: 100%; |
|||
} |
|||
|
|||
td { |
|||
word-wrap: break-word; |
|||
} |
|||
|
|||
img { |
|||
width: 125px; |
|||
} |
|||
|
|||
.width_style_1 { |
|||
width: 125px; |
|||
} |
|||
|
|||
table { |
|||
width: 100%; |
|||
} |
|||
|
|||
#table_index_filter { |
|||
float: right; |
|||
} |
|||
|
|||
#table_index_paginate { |
|||
float: right; |
|||
} |
|||
|
|||
label { |
|||
display: inline-flex; |
|||
margin-bottom: .5rem; |
|||
margin-top: .5rem; |
|||
|
|||
} |
|||
</style> |
|||
<script src="semantic/dist/semantic.min.js"></script> |
|||
|
|||
<script> |
|||
$('#table_index').DataTable({ |
|||
"order": [ |
|||
[0, "desc"], |
|||
] |
|||
}); |
|||
</script> |
|||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -0,0 +1,25 @@ |
|||
|
|||
const axiosClient = axios.create({ |
|||
baseURL : `${import.meta.env.VITE_API_BASE_URL}/api`, |
|||
}); |
|||
|
|||
|
|||
axiosClient.interceptors.request.use( (config)=> { |
|||
config.headers.Authorization = `Bearer ${store.state.user.token}` |
|||
return config; |
|||
}, (error)=> { |
|||
return Promise.reject(error); |
|||
}); |
|||
|
|||
axiosClient.interceptors.response.use( (response)=> { |
|||
return response; |
|||
}, (error)=>{ |
|||
if(error.response.status === 401){ |
|||
store.commit('setToken', null) |
|||
sessionStorage.removeItem('TOKEN') |
|||
router.push({name:'login'}) |
|||
} |
|||
throw error; |
|||
}); |
|||
|
|||
export default axiosClient; |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,48 @@ |
|||
export default { |
|||
data() { |
|||
return { |
|||
options: [], |
|||
value: [], |
|||
list: [], |
|||
loading: false, |
|||
states: ["Alabama", "Alaska", "Arizona", |
|||
"Arkansas", "California", "Colorado", |
|||
"Connecticut", "Delaware", "Florida", |
|||
"Georgia", "Hawaii", "Idaho", "Illinois", |
|||
"Indiana", "Iowa", "Kansas", "Kentucky", |
|||
"Louisiana", "Maine", "Maryland", |
|||
"Massachusetts", "Michigan", "Minnesota", |
|||
"Mississippi", "Missouri", "Montana", |
|||
"Nebraska", "Nevada", "New Hampshire", |
|||
"New Jersey", "New Mexico", "New York", |
|||
"North Carolina", "North Dakota", "Ohio", |
|||
"Oklahoma", "Oregon", "Pennsylvania", |
|||
"Rhode Island", "South Carolina", |
|||
"South Dakota", "Tennessee", "Texas", |
|||
"Utah", "Vermont", "Virginia", |
|||
"Washington", "West Virginia", "Wisconsin", |
|||
"Wyoming"] |
|||
} |
|||
}, |
|||
mounted() { |
|||
this.list = this.states.map(item => { |
|||
return { value: `value:${item}`, label: `label:${item}` }; |
|||
}); |
|||
}, |
|||
methods: { |
|||
remoteMethod(query) { |
|||
if (query !== '') { |
|||
this.loading = true; |
|||
setTimeout(() => { |
|||
this.loading = false; |
|||
this.options = this.list.filter(item => { |
|||
return item.label.toLowerCase() |
|||
.indexOf(query.toLowerCase()) > -1; |
|||
}); |
|||
}, 200); |
|||
} else { |
|||
this.options = []; |
|||
} |
|||
} |
|||
} |
|||
} |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,5 @@ |
|||
last 2 versions |
|||
> 1% |
|||
opera 12.1 |
|||
bb 10 |
|||
android 4 |
|||
@ -0,0 +1,322 @@ |
|||
{ |
|||
"remove-empty-rulesets": true, |
|||
"always-semicolon": true, |
|||
"color-case": "upper", |
|||
"block-indent": " ", |
|||
"color-shorthand": false, |
|||
"element-case": "lower", |
|||
"leading-zero": true, |
|||
"space-after-colon": " ", |
|||
"space-before-combinator": " ", |
|||
"space-after-combinator": " ", |
|||
"space-between-declarations": "\n", |
|||
"space-before-opening-brace": " ", |
|||
"space-after-opening-brace": "\n", |
|||
"space-after-selector-delimiter": "\n", |
|||
"space-before-selector-delimiter": "", |
|||
"space-before-closing-brace": "\n", |
|||
"strip-spaces": true, |
|||
"tab-size": true, |
|||
"vendor-prefix-align": true, |
|||
"sort-order": [ |
|||
[ |
|||
"display", |
|||
"visibility", |
|||
"float", |
|||
"clear", |
|||
"overflow", |
|||
"overflow-x", |
|||
"overflow-y", |
|||
"-webkit-box-sizing", |
|||
"-moz-box-sizing", |
|||
"box-sizing", |
|||
"-ms-overflow-x", |
|||
"-ms-overflow-y", |
|||
"clip", |
|||
"zoom", |
|||
"flex-direction", |
|||
"flex-order", |
|||
"flex-pack", |
|||
"flex-align" |
|||
], |
|||
[ |
|||
"position", |
|||
"z-index", |
|||
"top", |
|||
"right", |
|||
"bottom", |
|||
"left" |
|||
], |
|||
[ |
|||
"font", |
|||
"font-family", |
|||
"font-size", |
|||
"font-weight", |
|||
"font-style", |
|||
"font-variant", |
|||
"font-size-adjust", |
|||
"font-stretch", |
|||
"font-effect", |
|||
"font-emphasize", |
|||
"font-emphasize-position", |
|||
"font-emphasize-style", |
|||
"font-smooth", |
|||
"line-height" |
|||
], |
|||
[ |
|||
"width", |
|||
"min-width", |
|||
"max-width", |
|||
"height", |
|||
"min-height", |
|||
"max-height", |
|||
"margin", |
|||
"margin-top", |
|||
"margin-right", |
|||
"margin-bottom", |
|||
"margin-left", |
|||
"padding", |
|||
"padding-top", |
|||
"padding-right", |
|||
"padding-bottom", |
|||
"padding-left" |
|||
], |
|||
[ |
|||
"table-layout", |
|||
"empty-cells", |
|||
"caption-side", |
|||
"border-spacing", |
|||
"border-collapse", |
|||
"list-style", |
|||
"list-style-position", |
|||
"list-style-type", |
|||
"list-style-image" |
|||
], |
|||
[ |
|||
"opacity", |
|||
"filter:progid:DXImageTransform.Microsoft.Alpha(Opacity", |
|||
"-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha", |
|||
"-ms-interpolation-mode", |
|||
"color", |
|||
"border", |
|||
"border-width", |
|||
"border-style", |
|||
"border-color", |
|||
"border-top", |
|||
"border-top-width", |
|||
"border-top-style", |
|||
"border-top-color", |
|||
"border-right", |
|||
"border-right-width", |
|||
"border-right-style", |
|||
"border-right-color", |
|||
"border-bottom", |
|||
"border-bottom-width", |
|||
"border-bottom-style", |
|||
"border-bottom-color", |
|||
"border-left", |
|||
"border-left-width", |
|||
"border-left-style", |
|||
"border-left-color", |
|||
"-webkit-border-radius", |
|||
"-moz-border-radius", |
|||
"border-radius", |
|||
"-webkit-border-top-left-radius", |
|||
"-moz-border-radius-topleft", |
|||
"border-top-left-radius", |
|||
"-webkit-border-top-right-radius", |
|||
"-moz-border-radius-topright", |
|||
"border-top-right-radius", |
|||
"-webkit-border-bottom-right-radius", |
|||
"-moz-border-radius-bottomright", |
|||
"border-bottom-right-radius", |
|||
"-webkit-border-bottom-left-radius", |
|||
"-moz-border-radius-bottomleft", |
|||
"border-bottom-left-radius", |
|||
"-webkit-border-image", |
|||
"-moz-border-image", |
|||
"-o-border-image", |
|||
"border-image", |
|||
"-webkit-border-image-source", |
|||
"-moz-border-image-source", |
|||
"-o-border-image-source", |
|||
"border-image-source", |
|||
"-webkit-border-image-slice", |
|||
"-moz-border-image-slice", |
|||
"-o-border-image-slice", |
|||
"border-image-slice", |
|||
"-webkit-border-image-width", |
|||
"-moz-border-image-width", |
|||
"-o-border-image-width", |
|||
"border-image-width", |
|||
"-webkit-border-image-outset", |
|||
"-moz-border-image-outset", |
|||
"-o-border-image-outset", |
|||
"border-image-outset", |
|||
"-webkit-border-image-repeat", |
|||
"-moz-border-image-repeat", |
|||
"-o-border-image-repeat", |
|||
"border-image-repeat", |
|||
"outline", |
|||
"outline-width", |
|||
"outline-style", |
|||
"outline-color", |
|||
"outline-offset", |
|||
"background", |
|||
"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader", |
|||
"background-color", |
|||
"background-image", |
|||
"background-repeat", |
|||
"background-attachment", |
|||
"background-position", |
|||
"background-position-x", |
|||
"-ms-background-position-x", |
|||
"background-position-y", |
|||
"-ms-background-position-y", |
|||
"-webkit-background-clip", |
|||
"-moz-background-clip", |
|||
"background-clip", |
|||
"background-origin", |
|||
"-webkit-background-size", |
|||
"-moz-background-size", |
|||
"-o-background-size", |
|||
"background-size", |
|||
"box-decoration-break", |
|||
"-webkit-box-shadow", |
|||
"-moz-box-shadow", |
|||
"box-shadow", |
|||
"filter:progid:DXImageTransform.Microsoft.gradient", |
|||
"-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient", |
|||
"text-shadow" |
|||
], |
|||
|
|||
[ |
|||
"content", |
|||
"quotes", |
|||
"counter-reset", |
|||
"counter-increment", |
|||
"resize", |
|||
"cursor", |
|||
"-webkit-user-select", |
|||
"-moz-user-select", |
|||
"-ms-user-select", |
|||
"user-select", |
|||
"nav-index", |
|||
"nav-up", |
|||
"nav-right", |
|||
"nav-down", |
|||
"nav-left", |
|||
"-webkit-transition", |
|||
"-moz-transition", |
|||
"-ms-transition", |
|||
"-o-transition", |
|||
"transition", |
|||
"-webkit-transition-delay", |
|||
"-moz-transition-delay", |
|||
"-ms-transition-delay", |
|||
"-o-transition-delay", |
|||
"transition-delay", |
|||
"-webkit-transition-timing-function", |
|||
"-moz-transition-timing-function", |
|||
"-ms-transition-timing-function", |
|||
"-o-transition-timing-function", |
|||
"transition-timing-function", |
|||
"-webkit-transition-duration", |
|||
"-moz-transition-duration", |
|||
"-ms-transition-duration", |
|||
"-o-transition-duration", |
|||
"transition-duration", |
|||
"-webkit-transition-property", |
|||
"-moz-transition-property", |
|||
"-ms-transition-property", |
|||
"-o-transition-property", |
|||
"transition-property", |
|||
"-webkit-transform", |
|||
"-moz-transform", |
|||
"-ms-transform", |
|||
"-o-transform", |
|||
"transform", |
|||
"-webkit-transform-origin", |
|||
"-moz-transform-origin", |
|||
"-ms-transform-origin", |
|||
"-o-transform-origin", |
|||
"transform-origin", |
|||
"-webkit-animation", |
|||
"-moz-animation", |
|||
"-ms-animation", |
|||
"-o-animation", |
|||
"animation", |
|||
"-webkit-animation-name", |
|||
"-moz-animation-name", |
|||
"-ms-animation-name", |
|||
"-o-animation-name", |
|||
"animation-name", |
|||
"-webkit-animation-duration", |
|||
"-moz-animation-duration", |
|||
"-ms-animation-duration", |
|||
"-o-animation-duration", |
|||
"animation-duration", |
|||
"-webkit-animation-play-state", |
|||
"-moz-animation-play-state", |
|||
"-ms-animation-play-state", |
|||
"-o-animation-play-state", |
|||
"animation-play-state", |
|||
"-webkit-animation-timing-function", |
|||
"-moz-animation-timing-function", |
|||
"-ms-animation-timing-function", |
|||
"-o-animation-timing-function", |
|||
"animation-timing-function", |
|||
"-webkit-animation-delay", |
|||
"-moz-animation-delay", |
|||
"-ms-animation-delay", |
|||
"-o-animation-delay", |
|||
"animation-delay", |
|||
"-webkit-animation-iteration-count", |
|||
"-moz-animation-iteration-count", |
|||
"-ms-animation-iteration-count", |
|||
"-o-animation-iteration-count", |
|||
"animation-iteration-count", |
|||
"-webkit-animation-direction", |
|||
"-moz-animation-direction", |
|||
"-ms-animation-direction", |
|||
"-o-animation-direction", |
|||
"animation-direction", |
|||
"text-align", |
|||
"-webkit-text-align-last", |
|||
"-moz-text-align-last", |
|||
"-ms-text-align-last", |
|||
"text-align-last", |
|||
"vertical-align", |
|||
"white-space", |
|||
"text-decoration", |
|||
"text-emphasis", |
|||
"text-emphasis-color", |
|||
"text-emphasis-style", |
|||
"text-emphasis-position", |
|||
"text-indent", |
|||
"-ms-text-justify", |
|||
"text-justify", |
|||
"letter-spacing", |
|||
"word-spacing", |
|||
"-ms-writing-mode", |
|||
"text-outline", |
|||
"text-transform", |
|||
"text-wrap", |
|||
"text-overflow", |
|||
"-ms-text-overflow", |
|||
"text-overflow-ellipsis", |
|||
"text-overflow-mode", |
|||
"-ms-word-wrap", |
|||
"word-wrap", |
|||
"word-break", |
|||
"-ms-word-break", |
|||
"-moz-tab-size", |
|||
"-o-tab-size", |
|||
"tab-size", |
|||
"-webkit-hyphens", |
|||
"-moz-hyphens", |
|||
"hyphens", |
|||
"pointer-events" |
|||
] |
|||
] |
|||
} |
|||
@ -0,0 +1,18 @@ |
|||
{ |
|||
"vendor-prefix" : true, |
|||
"duplicate-properties" : true, |
|||
"display-property-grouping" : true, |
|||
"empty-rules" : true, |
|||
|
|||
"adjoining-classes" : false, |
|||
"box-model" : false, |
|||
"compatible-vendor-prefixes" : false, |
|||
"box-sizing" : false, |
|||
"duplicate-background-images" : false, |
|||
"floats" : false, |
|||
"important" : false, |
|||
"overqualified-elements" : false, |
|||
"rules-count" : false, |
|||
"shorthand" : false, |
|||
"zero-units" : false |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
✖ USAGE QUESTIONS → Use these dedicated resources: |
|||
Docs - http://www.semantic-ui.com |
|||
Chat - https://gitter.im/Semantic-Org/Semantic-UI |
|||
SO - https://stackoverflow.com/questions/tagged/semantic-ui?sort=votes |
|||
|
|||
✔ Enhancements → Be specific. Assume backwards compatibility is a necessity. Suggest implementation when possible. |
|||
✔ BUGS → ❤❤❤. Keep in mind some bugs may not be immediately fixable due to backwards compatibility or CSS limitations. |
|||
|
|||
### Title (Put in field above) |
|||
Use the format: [Component] Component Should Do X |
|||
i.e. [Checkbox] onChange Should Fire When Update Triggered via DOM |
|||
|
|||
### Steps |
|||
|
|||
### Expected Result |
|||
|
|||
### Actual Result |
|||
|
|||
### Version |
|||
x.y.z |
|||
|
|||
### Testcase |
|||
[Fork, update, and replace to show the bug]: |
|||
https://jsfiddle.net/ca0rovs3/ |
|||
@ -0,0 +1,28 @@ |
|||
✖ Multiple features in one PR |
|||
✖ New Components Unless Previously Discussed with Maintainers (Consider creating separate repo, I'll link out to you) |
|||
|
|||
✔ Add comments to complex/confusing code in "code" view of PR |
|||
✔ BUGS → This form is required: |
|||
✔ Enhancements → Only specific enhancements with detailed descriptions. |
|||
|
|||
### Issue Titles |
|||
|
|||
Use the format: [Component] Adds Support for Thing |
|||
|
|||
For example: [Build Tools] Adds Source Map Support |
|||
Or: [Button] Fixes Inheritance for Red Basic Active State |
|||
|
|||
### Closed Issues |
|||
#222 #333 #444 |
|||
|
|||
### Description |
|||
|
|||
### Testcase |
|||
|
|||
[Show before with this fiddle] |
|||
https://jsfiddle.net/ca0rovs3/ |
|||
|
|||
[Consider showing "fixed" case with your fiddle]() |
|||
|
|||
You can link to your JS using https://rawgit.com/ |
|||
|
|||
@ -0,0 +1,33 @@ |
|||
# Number of days of inactivity before an issue becomes stale |
|||
daysUntilStale: 90 |
|||
|
|||
# Number of days of inactivity before a stale issue is closed |
|||
daysUntilClose: 90 |
|||
|
|||
# Issues with these labels will never be considered stale |
|||
exemptLabels: |
|||
- pinned |
|||
- security |
|||
|
|||
# Label to use when marking an issue as stale |
|||
staleLabel: stale |
|||
|
|||
# Comment to post when marking an issue as stale. Set to `false` to disable |
|||
markComment: > |
|||
There has been no activity in this thread for 90 days. While we care about |
|||
every issue and we’d love to see this fixed, the core team’s time is |
|||
limited so we have to focus our attention on the issues that are most |
|||
pressing. Therefore, we will likely not be able to get to this one. |
|||
|
|||
|
|||
However, PRs for this issue will of course be accepted and welcome! |
|||
|
|||
|
|||
If there is no more activity in the next 90 days, this issue will be closed |
|||
automatically for housekeeping. To prevent this, simply leave a reply here. |
|||
Thanks! |
|||
|
|||
# Comment to post when closing a stale issue. Set to `false` to disable |
|||
closeComment: > |
|||
This issue will be closed due to lack of activity for 6 months. If you’d |
|||
like this to be reopened, just leave a comment; we do monitor them! |
|||
@ -0,0 +1,38 @@ |
|||
node_modules/ |
|||
test/coverage/ |
|||
coverage/ |
|||
src/**/site/ |
|||
theme.config |
|||
semantic.json |
|||
tasks/**/oauth.js |
|||
package-lock.json |
|||
|
|||
# Numerous always-ignore extensions |
|||
*.diff |
|||
*.err |
|||
*.orig |
|||
*.log |
|||
*.rej |
|||
*.swo |
|||
*.swp |
|||
*.zip |
|||
*.vi |
|||
*~ |
|||
*.sass-cache |
|||
*.ruby-version |
|||
|
|||
# OS or Editor folders |
|||
.DS_Store |
|||
._* |
|||
Thumbs.db |
|||
.cache |
|||
.project |
|||
.settings |
|||
.tmproj |
|||
.docpad.db |
|||
*.esproj |
|||
nbproject |
|||
*.sublime-project |
|||
*.sublime-workspace |
|||
.build* |
|||
.idea |
|||
@ -0,0 +1,38 @@ |
|||
{ |
|||
|
|||
"globals": { |
|||
"$" : true, |
|||
"afterEach" : true, |
|||
"AnimatedPNG" : true, |
|||
"beforeEach" : true, |
|||
"console" : true, |
|||
"describe" : true, |
|||
"expect" : true, |
|||
"it" : true, |
|||
"jQuery" : true, |
|||
"loadFixtures" : true, |
|||
"module" : true, |
|||
"requestAnimationFrame" : true, |
|||
"require" : true, |
|||
"semantic" : true |
|||
}, |
|||
|
|||
"debug" : false, |
|||
"devel" : true, |
|||
|
|||
"browser" : true, |
|||
"curly" : true, |
|||
"immed" : true, |
|||
"latedef" : true, |
|||
"loopfunc" : true, |
|||
"noarg" : true, |
|||
"undef" : true, |
|||
"sub" : true, |
|||
"loopfunc" : true, |
|||
|
|||
"laxbreak" : true, |
|||
"evil" : true, |
|||
"indent" : false, |
|||
"trailing" : false |
|||
|
|||
} |
|||
@ -0,0 +1,58 @@ |
|||
# Contributing to Semantic UI |
|||
|
|||
### Usage Questions |
|||
|
|||
Questions about usage should be asked in our [Gitter chatroom](https://gitter.im/Semantic-Org/Semantic-UI), on [Semantic UI forums](http://forums.semantic-ui.com) or [StackOverflow](http://stackoverflow.com/questions/tagged/semantic-ui). |
|||
|
|||
Examples of usage questions |
|||
* *Why isn't my code working?* |
|||
* *Can Semantic UI do this?* |
|||
|
|||
Once you receive feedback through community channels you may find your question is actually a bug. At this point it's a good idea to submit it as a bug report. Just keep in mind the following suggestions. |
|||
|
|||
### Creating Bug Reports |
|||
|
|||
[Github Issues Tracker](https://github.com/Semantic-Org/Semantic-UI/issues) is used to track all upcoming milestones and changes to the project. |
|||
|
|||
**Please create a fork of this [JSFiddle](https://jsfiddle.net/ca0rovs3/) to demonstrate bugs.** |
|||
|
|||
When submiting a bug report, include a set of steps to reproduce the issue and any related information, browser, OS etc. If we can't reproduce the issue then it will make solving things much more difficult. |
|||
|
|||
If your bug uses a third party framework like Ember, Meteor, or Angular. Be sure to submit the issue to their respective issues boards. If you are confident the bug is part of the 'vanilla' SUI release, keep in mind not all maintainers are familiar with all framework and a simple test case is greatly appreciated. |
|||
|
|||
If your bug is reproduced by a maintainer it will be assigned the [`confirmed bug`](https://github.com/Semantic-Org/Semantic-UI/issues?q=is%3Aopen+is%3Aissue+label%3A%22Confirmed+Bug%22) tag. Browsing this tag is a good way to keep track of known issues with SUI. |
|||
|
|||
#### Naming Issues |
|||
|
|||
Semantic UI boards use a special naming convention to help tag issue titles by the component the issue is related to. |
|||
|
|||
##### Bugs |
|||
Please tag titles in the format "[Component] *Sub-type* should do *correct behavior*". Please use standard [title case](http://www.titlecase.com) for titles, including the bracketed tag. |
|||
|
|||
For example |
|||
* [Dropdown] Multiple Selection Should Preserve "Set Selected" Order |
|||
* [Validation] - E-mail Validation Should Handle Cyrillic |
|||
* [Button] - Grouped Buttons Should Display Correctly on Mobile |
|||
|
|||
##### Enhancements |
|||
|
|||
For new feature requests, you can use the format "[Component] Add *new feature*" |
|||
|
|||
For example |
|||
* [Dropdown] Add "Clearable" Setting |
|||
* [Validation] Add Rules for Zipcode Validation |
|||
* [API] Add "onProgress" callback setting |
|||
|
|||
|
|||
### Tracking Issue Progress |
|||
|
|||
As bugs and features are triaged they will be assigned to milestones. The best indication of when a change will land is to check the date on the [upcoming milestones](https://github.com/Semantic-Org/Semantic-UI/milestones) page. |
|||
|
|||
### Creating Pull Requests |
|||
|
|||
**All pull requests should be merged into the `next` branch.** |
|||
|
|||
Anyone can jump on the issues board and grab off bugs to fix. This is probably the best way to become a contributor to Semantic. Be sure to adhere to the style guides when submitting code. |
|||
|
|||
* [Create a Pull Request](https://github.com/Semantic-Org/Semantic-UI/compare) |
|||
* [View Open Issues](https://github.com/Semantic-Org/Semantic-UI/issues) |
|||
@ -0,0 +1,7 @@ |
|||
# The MIT License |
|||
|
|||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: |
|||
|
|||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. |
|||
|
|||
THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. |
|||
@ -0,0 +1,112 @@ |
|||
 |
|||
|
|||
# Semantic UI |
|||
|
|||
[](https://gitter.im/Semantic-Org/Semantic-UI?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) |
|||
|
|||
[](https://cdnjs.com/libraries/semantic-ui/) |
|||
|
|||
[Semantic](http://www.semantic-ui.com) is a UI framework designed for theming. |
|||
|
|||
Key Features |
|||
* 50+ UI elements |
|||
* 3000 + CSS variables |
|||
* 3 Levels of variable inheritance (similar to SublimeText) |
|||
* Built with EM values for responsive design |
|||
* Flexbox friendly |
|||
|
|||
Semantic allows developers to build beautiful websites fast, with **concise HTML**, **intuitive javascript**, and **simplified debugging**, helping make front-end development a delightful experience. Semantic is responsively designed allowing your website to scale on multiple devices. Semantic is production ready and partnered with frameworks such as **React**, **Angular**, **Meteor**, and **Ember**, which means you can integrate it with any of these frameworks to organize your UI layer alongside your application logic. |
|||
|
|||
## 2.5.0 Release (Oct 6, 2022) |
|||
|
|||
Semantic UI is now compatible with Node 18 and Gulp 4. |
|||
|
|||
## User Support |
|||
|
|||
Please help us keep the issue tracker organized. For technical questions that do not include a specific [JSFiddle test case](https://jsfiddle.net/ca0rovs3/) (bug reports), or feature request please use [StackOverflow](http://stackoverflow.com/questions/tagged/semantic-ui) to find a solution. |
|||
|
|||
Visit our [contributing guide](https://github.com/Semantic-Org/Semantic-UI/blob/master/CONTRIBUTING.md) for more on what should be posted to GitHub Issues. |
|||
|
|||
## Install |
|||
|
|||
#### Recommended Install |
|||
```bash |
|||
npm install semantic-ui # Use themes, import build/watch tasks into your own gulpfile. |
|||
``` |
|||
|
|||
Semantic UI includes an interactive installer to help setup your project. |
|||
|
|||
* For more details on setup visit our [getting started guide](http://semantic-ui.com/introduction/getting-started.html). |
|||
* To learn more about theming please read our [theming guide](http://www.semantic-ui.com/usage/theming.html) |
|||
|
|||
#### Additional Versions |
|||
|
|||
Environment | Install Script | Repo |
|||
--- | --- | --- | |
|||
CSS Only | `npm install semantic-ui-css` | [CSS Repo](https://github.com/Semantic-Org/Semantic-UI-CSS) |
|||
[LESS](https://github.com/less/less.js/) Only | `npm install semantic-ui-less` | [LESS Repo](https://github.com/Semantic-Org/Semantic-UI-LESS) |
|||
[LESS](https://github.com/less/less.js/) plugin | `npm install less-plugin-semantic-ui` | [LESS Plugin Repo](https://github.com/bassjobsen/less-plugin-semantic-ui/) |
|||
[EmberJS](http://emberjs.com/) | `ember install:addon semantic-ui-ember` | [Ember Repo](https://github.com/Semantic-Org/Semantic-UI-Ember) |
|||
|[Meteor](https://www.meteor.com/) - [LESS](https://github.com/less/less.js/) | `meteor add semantic:ui` | [Meteor Repo](https://github.com/Semantic-Org/Semantic-UI-Meteor) | |
|||
|[Meteor](https://www.meteor.com/) - CSS | `meteor add semantic:ui-css` | [CSS Repo](https://github.com/Semantic-Org/Semantic-UI-CSS) | |
|||
[Bower](http://bower.io/) | `bower install semantic-ui` | |
|||
|
|||
Check out our [integration wiki](https://github.com/Semantic-Org/Semantic-UI/wiki/Integration) for more options. |
|||
|
|||
#### Browser Support |
|||
|
|||
* Last 2 Versions FF, Chrome, Safari Mac |
|||
* IE 11+ |
|||
* Android 4.4+, Chrome for Android 44+ |
|||
* iOS Safari 7+ |
|||
* Microsoft Edge 12+ |
|||
|
|||
Although some components will work in IE9, [grids](http://semantic-ui.com/collections/grid.html) and other [flexbox](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes) components are not supported by IE9 and may not appear correctly. |
|||
|
|||
## Community |
|||
|
|||
#### Getting Help |
|||
Please **do not post** usage questions to GitHub Issues. For these types of questions use our [Gitter chatroom][Gitter.im Room] or [StackOverflow](http://stackoverflow.com/questions/tagged/semantic-ui). |
|||
|
|||
#### Submitting Bugs and Enhancements |
|||
[GitHub Issues](https://github.com/Semantic-Org/Semantic-UI/issues) is for suggesting enhancements and reporting bugs. Before submiting a bug make sure you do the following: |
|||
* Check out our [contributing guide](https://github.com/Semantic-Org/Semantic-UI/blob/master/CONTRIBUTING.md) for info on our release cycle. |
|||
* [Fork this boilerplate JSFiddle](https://jsfiddle.net/ca0rovs3/) to create a test case for your bug. If a bug is apparent in the docs, that's ok as a test case, just make it clear exactly how to reproduce the issue. Only bugs that include a test case can be triaged. |
|||
|
|||
|
|||
#### Pull Requests |
|||
|
|||
When adding pull requests, be sure to merge into the [next](https://github.com/Semantic-Org/Semantic-UI/tree/next) branch. If you need to demonstrate a fix in ``next`` release, you can use [this JSFiddle](https://jsfiddle.net/ca0rovs3/) |
|||
|
|||
|
|||
#### International |
|||
|
|||
* **Chinese** A Chinese mirror site is available at [http://www.semantic-ui.cn](http://www.semantic-ui.cn). |
|||
* **Right-to-Left (RTL)** An RTL version can be created using our build tools by selecting `rtl` from the install script. |
|||
* **Translation** To help translate see the [Wiki Guide](https://github.com/Semantic-Org/Semantic-UI/wiki/Translating-Semantic-UI-Docs) for translations. |
|||
|
|||
#### Resources |
|||
|
|||
Resource | Description |
|||
--- | --- | |
|||
Bugs & Feature Requests | All bug submission **require** a link to a test case, and a set of steps to reproduce the issue. You can make a test case by forking this [JSFiddle](https://jsfiddle.net/ca0rovs3/), then submit your [bug report on GitHub Issues](https://github.com/Semantic-Org/Semantic-UI/issues) |
|||
Live Chat | Join our [Gitter.im Room][Gitter.im Room] |
|||
Newsletter Updates | Sign up for updates at [semantic-ui.com](http://www.semantic-ui.com) |
|||
Additional Resources | Submit a question on [StackOverflow](http://stackoverflow.com/questions/tagged/semantic-ui) or ask our [Google Group](https://groups.google.com/forum/#!forum/semantic-ui) |
|||
|
|||
#### Places to Help |
|||
|
|||
Project | How To Help | Next Step |
|||
--- | --- | --- | |
|||
Localization | Help us translate Semantic UI into your language | [Join our Translation Community](https://github.com/Semantic-Org/Semantic-UI/wiki/Translating-Semantic-UI-Docs) |
|||
[SCSS](http://sass-lang.com/) | SASS needs PR to support variables inside `@import` | [Add Pull Request](https://github.com/sass/sass/pulls) for [#739](https://github.com/sass/sass/issues/739#issuecomment-73984809) |
|||
[Angular](https://angularjs.org/) | Help develop angular bindings | Reach Out on [GitHub Issues](https://github.com/Semantic-Org/Semantic-UI-Angular/issues/8) |
|||
Guides & Tutorials | Help write guides and tutorials | [Join the discussion](https://github.com/Semantic-Org/Semantic-UI/issues/1571) |
|||
|
|||
#### Reaching Out |
|||
|
|||
If you'd like to start a conversation about Semantic feel free to e-mail me at [jack@semantic-ui.com](mailto:jack@semantic-ui.com) |
|||
|
|||
<a href="http://packagequality.com/#?package=semantic-ui"><img src="http://npm.packagequality.com/badge/semantic-ui.png"/></a> |
|||
|
|||
[Gitter.im Room]: https://gitter.im/Semantic-Org/Semantic-UI |
|||
File diff suppressed because it is too large
@ -0,0 +1,5 @@ |
|||
last 2 versions |
|||
> 1% |
|||
opera 12.1 |
|||
bb 10 |
|||
android 4 |
|||
@ -0,0 +1,322 @@ |
|||
{ |
|||
"remove-empty-rulesets": true, |
|||
"always-semicolon": true, |
|||
"color-case": "upper", |
|||
"block-indent": " ", |
|||
"color-shorthand": false, |
|||
"element-case": "lower", |
|||
"leading-zero": true, |
|||
"space-after-colon": " ", |
|||
"space-before-combinator": " ", |
|||
"space-after-combinator": " ", |
|||
"space-between-declarations": "\n", |
|||
"space-before-opening-brace": " ", |
|||
"space-after-opening-brace": "\n", |
|||
"space-after-selector-delimiter": "\n", |
|||
"space-before-selector-delimiter": "", |
|||
"space-before-closing-brace": "\n", |
|||
"strip-spaces": true, |
|||
"tab-size": true, |
|||
"vendor-prefix-align": true, |
|||
"sort-order": [ |
|||
[ |
|||
"display", |
|||
"visibility", |
|||
"float", |
|||
"clear", |
|||
"overflow", |
|||
"overflow-x", |
|||
"overflow-y", |
|||
"-webkit-box-sizing", |
|||
"-moz-box-sizing", |
|||
"box-sizing", |
|||
"-ms-overflow-x", |
|||
"-ms-overflow-y", |
|||
"clip", |
|||
"zoom", |
|||
"flex-direction", |
|||
"flex-order", |
|||
"flex-pack", |
|||
"flex-align" |
|||
], |
|||
[ |
|||
"position", |
|||
"z-index", |
|||
"top", |
|||
"right", |
|||
"bottom", |
|||
"left" |
|||
], |
|||
[ |
|||
"font", |
|||
"font-family", |
|||
"font-size", |
|||
"font-weight", |
|||
"font-style", |
|||
"font-variant", |
|||
"font-size-adjust", |
|||
"font-stretch", |
|||
"font-effect", |
|||
"font-emphasize", |
|||
"font-emphasize-position", |
|||
"font-emphasize-style", |
|||
"font-smooth", |
|||
"line-height" |
|||
], |
|||
[ |
|||
"width", |
|||
"min-width", |
|||
"max-width", |
|||
"height", |
|||
"min-height", |
|||
"max-height", |
|||
"margin", |
|||
"margin-top", |
|||
"margin-right", |
|||
"margin-bottom", |
|||
"margin-left", |
|||
"padding", |
|||
"padding-top", |
|||
"padding-right", |
|||
"padding-bottom", |
|||
"padding-left" |
|||
], |
|||
[ |
|||
"table-layout", |
|||
"empty-cells", |
|||
"caption-side", |
|||
"border-spacing", |
|||
"border-collapse", |
|||
"list-style", |
|||
"list-style-position", |
|||
"list-style-type", |
|||
"list-style-image" |
|||
], |
|||
[ |
|||
"opacity", |
|||
"filter:progid:DXImageTransform.Microsoft.Alpha(Opacity", |
|||
"-ms-filter:\\'progid:DXImageTransform.Microsoft.Alpha", |
|||
"-ms-interpolation-mode", |
|||
"color", |
|||
"border", |
|||
"border-width", |
|||
"border-style", |
|||
"border-color", |
|||
"border-top", |
|||
"border-top-width", |
|||
"border-top-style", |
|||
"border-top-color", |
|||
"border-right", |
|||
"border-right-width", |
|||
"border-right-style", |
|||
"border-right-color", |
|||
"border-bottom", |
|||
"border-bottom-width", |
|||
"border-bottom-style", |
|||
"border-bottom-color", |
|||
"border-left", |
|||
"border-left-width", |
|||
"border-left-style", |
|||
"border-left-color", |
|||
"-webkit-border-radius", |
|||
"-moz-border-radius", |
|||
"border-radius", |
|||
"-webkit-border-top-left-radius", |
|||
"-moz-border-radius-topleft", |
|||
"border-top-left-radius", |
|||
"-webkit-border-top-right-radius", |
|||
"-moz-border-radius-topright", |
|||
"border-top-right-radius", |
|||
"-webkit-border-bottom-right-radius", |
|||
"-moz-border-radius-bottomright", |
|||
"border-bottom-right-radius", |
|||
"-webkit-border-bottom-left-radius", |
|||
"-moz-border-radius-bottomleft", |
|||
"border-bottom-left-radius", |
|||
"-webkit-border-image", |
|||
"-moz-border-image", |
|||
"-o-border-image", |
|||
"border-image", |
|||
"-webkit-border-image-source", |
|||
"-moz-border-image-source", |
|||
"-o-border-image-source", |
|||
"border-image-source", |
|||
"-webkit-border-image-slice", |
|||
"-moz-border-image-slice", |
|||
"-o-border-image-slice", |
|||
"border-image-slice", |
|||
"-webkit-border-image-width", |
|||
"-moz-border-image-width", |
|||
"-o-border-image-width", |
|||
"border-image-width", |
|||
"-webkit-border-image-outset", |
|||
"-moz-border-image-outset", |
|||
"-o-border-image-outset", |
|||
"border-image-outset", |
|||
"-webkit-border-image-repeat", |
|||
"-moz-border-image-repeat", |
|||
"-o-border-image-repeat", |
|||
"border-image-repeat", |
|||
"outline", |
|||
"outline-width", |
|||
"outline-style", |
|||
"outline-color", |
|||
"outline-offset", |
|||
"background", |
|||
"filter:progid:DXImageTransform.Microsoft.AlphaImageLoader", |
|||
"background-color", |
|||
"background-image", |
|||
"background-repeat", |
|||
"background-attachment", |
|||
"background-position", |
|||
"background-position-x", |
|||
"-ms-background-position-x", |
|||
"background-position-y", |
|||
"-ms-background-position-y", |
|||
"-webkit-background-clip", |
|||
"-moz-background-clip", |
|||
"background-clip", |
|||
"background-origin", |
|||
"-webkit-background-size", |
|||
"-moz-background-size", |
|||
"-o-background-size", |
|||
"background-size", |
|||
"box-decoration-break", |
|||
"-webkit-box-shadow", |
|||
"-moz-box-shadow", |
|||
"box-shadow", |
|||
"filter:progid:DXImageTransform.Microsoft.gradient", |
|||
"-ms-filter:\\'progid:DXImageTransform.Microsoft.gradient", |
|||
"text-shadow" |
|||
], |
|||
|
|||
[ |
|||
"content", |
|||
"quotes", |
|||
"counter-reset", |
|||
"counter-increment", |
|||
"resize", |
|||
"cursor", |
|||
"-webkit-user-select", |
|||
"-moz-user-select", |
|||
"-ms-user-select", |
|||
"user-select", |
|||
"nav-index", |
|||
"nav-up", |
|||
"nav-right", |
|||
"nav-down", |
|||
"nav-left", |
|||
"-webkit-transition", |
|||
"-moz-transition", |
|||
"-ms-transition", |
|||
"-o-transition", |
|||
"transition", |
|||
"-webkit-transition-delay", |
|||
"-moz-transition-delay", |
|||
"-ms-transition-delay", |
|||
"-o-transition-delay", |
|||
"transition-delay", |
|||
"-webkit-transition-timing-function", |
|||
"-moz-transition-timing-function", |
|||
"-ms-transition-timing-function", |
|||
"-o-transition-timing-function", |
|||
"transition-timing-function", |
|||
"-webkit-transition-duration", |
|||
"-moz-transition-duration", |
|||
"-ms-transition-duration", |
|||
"-o-transition-duration", |
|||
"transition-duration", |
|||
"-webkit-transition-property", |
|||
"-moz-transition-property", |
|||
"-ms-transition-property", |
|||
"-o-transition-property", |
|||
"transition-property", |
|||
"-webkit-transform", |
|||
"-moz-transform", |
|||
"-ms-transform", |
|||
"-o-transform", |
|||
"transform", |
|||
"-webkit-transform-origin", |
|||
"-moz-transform-origin", |
|||
"-ms-transform-origin", |
|||
"-o-transform-origin", |
|||
"transform-origin", |
|||
"-webkit-animation", |
|||
"-moz-animation", |
|||
"-ms-animation", |
|||
"-o-animation", |
|||
"animation", |
|||
"-webkit-animation-name", |
|||
"-moz-animation-name", |
|||
"-ms-animation-name", |
|||
"-o-animation-name", |
|||
"animation-name", |
|||
"-webkit-animation-duration", |
|||
"-moz-animation-duration", |
|||
"-ms-animation-duration", |
|||
"-o-animation-duration", |
|||
"animation-duration", |
|||
"-webkit-animation-play-state", |
|||
"-moz-animation-play-state", |
|||
"-ms-animation-play-state", |
|||
"-o-animation-play-state", |
|||
"animation-play-state", |
|||
"-webkit-animation-timing-function", |
|||
"-moz-animation-timing-function", |
|||
"-ms-animation-timing-function", |
|||
"-o-animation-timing-function", |
|||
"animation-timing-function", |
|||
"-webkit-animation-delay", |
|||
"-moz-animation-delay", |
|||
"-ms-animation-delay", |
|||
"-o-animation-delay", |
|||
"animation-delay", |
|||
"-webkit-animation-iteration-count", |
|||
"-moz-animation-iteration-count", |
|||
"-ms-animation-iteration-count", |
|||
"-o-animation-iteration-count", |
|||
"animation-iteration-count", |
|||
"-webkit-animation-direction", |
|||
"-moz-animation-direction", |
|||
"-ms-animation-direction", |
|||
"-o-animation-direction", |
|||
"animation-direction", |
|||
"text-align", |
|||
"-webkit-text-align-last", |
|||
"-moz-text-align-last", |
|||
"-ms-text-align-last", |
|||
"text-align-last", |
|||
"vertical-align", |
|||
"white-space", |
|||
"text-decoration", |
|||
"text-emphasis", |
|||
"text-emphasis-color", |
|||
"text-emphasis-style", |
|||
"text-emphasis-position", |
|||
"text-indent", |
|||
"-ms-text-justify", |
|||
"text-justify", |
|||
"letter-spacing", |
|||
"word-spacing", |
|||
"-ms-writing-mode", |
|||
"text-outline", |
|||
"text-transform", |
|||
"text-wrap", |
|||
"text-overflow", |
|||
"-ms-text-overflow", |
|||
"text-overflow-ellipsis", |
|||
"text-overflow-mode", |
|||
"-ms-word-wrap", |
|||
"word-wrap", |
|||
"word-break", |
|||
"-ms-word-break", |
|||
"-moz-tab-size", |
|||
"-o-tab-size", |
|||
"tab-size", |
|||
"-webkit-hyphens", |
|||
"-moz-hyphens", |
|||
"hyphens", |
|||
"pointer-events" |
|||
] |
|||
] |
|||
} |
|||
@ -0,0 +1,18 @@ |
|||
{ |
|||
"vendor-prefix" : true, |
|||
"duplicate-properties" : true, |
|||
"display-property-grouping" : true, |
|||
"empty-rules" : true, |
|||
|
|||
"adjoining-classes" : false, |
|||
"box-model" : false, |
|||
"compatible-vendor-prefixes" : false, |
|||
"box-sizing" : false, |
|||
"duplicate-background-images" : false, |
|||
"floats" : false, |
|||
"important" : false, |
|||
"overqualified-elements" : false, |
|||
"rules-count" : false, |
|||
"shorthand" : false, |
|||
"zero-units" : false |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
✖ USAGE QUESTIONS → Use these dedicated resources: |
|||
Docs - http://www.semantic-ui.com |
|||
Chat - https://gitter.im/Semantic-Org/Semantic-UI |
|||
SO - https://stackoverflow.com/questions/tagged/semantic-ui?sort=votes |
|||
|
|||
✔ Enhancements → Be specific. Assume backwards compatibility is a necessity. Suggest implementation when possible. |
|||
✔ BUGS → ❤❤❤. Keep in mind some bugs may not be immediately fixable due to backwards compatibility or CSS limitations. |
|||
|
|||
### Title (Put in field above) |
|||
Use the format: [Component] Component Should Do X |
|||
i.e. [Checkbox] onChange Should Fire When Update Triggered via DOM |
|||
|
|||
### Steps |
|||
|
|||
### Expected Result |
|||
|
|||
### Actual Result |
|||
|
|||
### Version |
|||
x.y.z |
|||
|
|||
### Testcase |
|||
[Fork, update, and replace to show the bug]: |
|||
https://jsfiddle.net/ca0rovs3/ |
|||
@ -0,0 +1,28 @@ |
|||
✖ Multiple features in one PR |
|||
✖ New Components Unless Previously Discussed with Maintainers (Consider creating separate repo, I'll link out to you) |
|||
|
|||
✔ Add comments to complex/confusing code in "code" view of PR |
|||
✔ BUGS → This form is required: |
|||
✔ Enhancements → Only specific enhancements with detailed descriptions. |
|||
|
|||
### Issue Titles |
|||
|
|||
Use the format: [Component] Adds Support for Thing |
|||
|
|||
For example: [Build Tools] Adds Source Map Support |
|||
Or: [Button] Fixes Inheritance for Red Basic Active State |
|||
|
|||
### Closed Issues |
|||
#222 #333 #444 |
|||
|
|||
### Description |
|||
|
|||
### Testcase |
|||
|
|||
[Show before with this fiddle] |
|||
https://jsfiddle.net/ca0rovs3/ |
|||
|
|||
[Consider showing "fixed" case with your fiddle]() |
|||
|
|||
You can link to your JS using https://rawgit.com/ |
|||
|
|||
@ -0,0 +1,33 @@ |
|||
# Number of days of inactivity before an issue becomes stale |
|||
daysUntilStale: 90 |
|||
|
|||
# Number of days of inactivity before a stale issue is closed |
|||
daysUntilClose: 90 |
|||
|
|||
# Issues with these labels will never be considered stale |
|||
exemptLabels: |
|||
- pinned |
|||
- security |
|||
|
|||
# Label to use when marking an issue as stale |
|||
staleLabel: stale |
|||
|
|||
# Comment to post when marking an issue as stale. Set to `false` to disable |
|||
markComment: > |
|||
There has been no activity in this thread for 90 days. While we care about |
|||
every issue and we’d love to see this fixed, the core team’s time is |
|||
limited so we have to focus our attention on the issues that are most |
|||
pressing. Therefore, we will likely not be able to get to this one. |
|||
|
|||
|
|||
However, PRs for this issue will of course be accepted and welcome! |
|||
|
|||
|
|||
If there is no more activity in the next 90 days, this issue will be closed |
|||
automatically for housekeeping. To prevent this, simply leave a reply here. |
|||
Thanks! |
|||
|
|||
# Comment to post when closing a stale issue. Set to `false` to disable |
|||
closeComment: > |
|||
This issue will be closed due to lack of activity for 6 months. If you’d |
|||
like this to be reopened, just leave a comment; we do monitor them! |
|||
@ -0,0 +1,38 @@ |
|||
node_modules/ |
|||
test/coverage/ |
|||
coverage/ |
|||
src/**/site/ |
|||
theme.config |
|||
semantic.json |
|||
tasks/**/oauth.js |
|||
package-lock.json |
|||
|
|||
# Numerous always-ignore extensions |
|||
*.diff |
|||
*.err |
|||
*.orig |
|||
*.log |
|||
*.rej |
|||
*.swo |
|||
*.swp |
|||
*.zip |
|||
*.vi |
|||
*~ |
|||
*.sass-cache |
|||
*.ruby-version |
|||
|
|||
# OS or Editor folders |
|||
.DS_Store |
|||
._* |
|||
Thumbs.db |
|||
.cache |
|||
.project |
|||
.settings |
|||
.tmproj |
|||
.docpad.db |
|||
*.esproj |
|||
nbproject |
|||
*.sublime-project |
|||
*.sublime-workspace |
|||
.build* |
|||
.idea |
|||
@ -0,0 +1,38 @@ |
|||
{ |
|||
|
|||
"globals": { |
|||
"$" : true, |
|||
"afterEach" : true, |
|||
"AnimatedPNG" : true, |
|||
"beforeEach" : true, |
|||
"console" : true, |
|||
"describe" : true, |
|||
"expect" : true, |
|||
"it" : true, |
|||
"jQuery" : true, |
|||
"loadFixtures" : true, |
|||
"module" : true, |
|||
"requestAnimationFrame" : true, |
|||
"require" : true, |
|||
"semantic" : true |
|||
}, |
|||
|
|||
"debug" : false, |
|||
"devel" : true, |
|||
|
|||
"browser" : true, |
|||
"curly" : true, |
|||
"immed" : true, |
|||
"latedef" : true, |
|||
"loopfunc" : true, |
|||
"noarg" : true, |
|||
"undef" : true, |
|||
"sub" : true, |
|||
"loopfunc" : true, |
|||
|
|||
"laxbreak" : true, |
|||
"evil" : true, |
|||
"indent" : false, |
|||
"trailing" : false |
|||
|
|||
} |
|||
@ -0,0 +1,58 @@ |
|||
# Contributing to Semantic UI |
|||
|
|||
### Usage Questions |
|||
|
|||
Questions about usage should be asked in our [Gitter chatroom](https://gitter.im/Semantic-Org/Semantic-UI), on [Semantic UI forums](http://forums.semantic-ui.com) or [StackOverflow](http://stackoverflow.com/questions/tagged/semantic-ui). |
|||
|
|||
Examples of usage questions |
|||
* *Why isn't my code working?* |
|||
* *Can Semantic UI do this?* |
|||
|
|||
Once you receive feedback through community channels you may find your question is actually a bug. At this point it's a good idea to submit it as a bug report. Just keep in mind the following suggestions. |
|||
|
|||
### Creating Bug Reports |
|||
|
|||
[Github Issues Tracker](https://github.com/Semantic-Org/Semantic-UI/issues) is used to track all upcoming milestones and changes to the project. |
|||
|
|||
**Please create a fork of this [JSFiddle](https://jsfiddle.net/ca0rovs3/) to demonstrate bugs.** |
|||
|
|||
When submiting a bug report, include a set of steps to reproduce the issue and any related information, browser, OS etc. If we can't reproduce the issue then it will make solving things much more difficult. |
|||
|
|||
If your bug uses a third party framework like Ember, Meteor, or Angular. Be sure to submit the issue to their respective issues boards. If you are confident the bug is part of the 'vanilla' SUI release, keep in mind not all maintainers are familiar with all framework and a simple test case is greatly appreciated. |
|||
|
|||
If your bug is reproduced by a maintainer it will be assigned the [`confirmed bug`](https://github.com/Semantic-Org/Semantic-UI/issues?q=is%3Aopen+is%3Aissue+label%3A%22Confirmed+Bug%22) tag. Browsing this tag is a good way to keep track of known issues with SUI. |
|||
|
|||
#### Naming Issues |
|||
|
|||
Semantic UI boards use a special naming convention to help tag issue titles by the component the issue is related to. |
|||
|
|||
##### Bugs |
|||
Please tag titles in the format "[Component] *Sub-type* should do *correct behavior*". Please use standard [title case](http://www.titlecase.com) for titles, including the bracketed tag. |
|||
|
|||
For example |
|||
* [Dropdown] Multiple Selection Should Preserve "Set Selected" Order |
|||
* [Validation] - E-mail Validation Should Handle Cyrillic |
|||
* [Button] - Grouped Buttons Should Display Correctly on Mobile |
|||
|
|||
##### Enhancements |
|||
|
|||
For new feature requests, you can use the format "[Component] Add *new feature*" |
|||
|
|||
For example |
|||
* [Dropdown] Add "Clearable" Setting |
|||
* [Validation] Add Rules for Zipcode Validation |
|||
* [API] Add "onProgress" callback setting |
|||
|
|||
|
|||
### Tracking Issue Progress |
|||
|
|||
As bugs and features are triaged they will be assigned to milestones. The best indication of when a change will land is to check the date on the [upcoming milestones](https://github.com/Semantic-Org/Semantic-UI/milestones) page. |
|||
|
|||
### Creating Pull Requests |
|||
|
|||
**All pull requests should be merged into the `next` branch.** |
|||
|
|||
Anyone can jump on the issues board and grab off bugs to fix. This is probably the best way to become a contributor to Semantic. Be sure to adhere to the style guides when submitting code. |
|||
|
|||
* [Create a Pull Request](https://github.com/Semantic-Org/Semantic-UI/compare) |
|||
* [View Open Issues](https://github.com/Semantic-Org/Semantic-UI/issues) |
|||
@ -0,0 +1,7 @@ |
|||
# The MIT License |
|||
|
|||
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the 'Software'), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions: |
|||
|
|||
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software. |
|||
|
|||
THE SOFTWARE IS PROVIDED 'AS IS', WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. |
|||
@ -0,0 +1,112 @@ |
|||
 |
|||
|
|||
# Semantic UI |
|||
|
|||
[](https://gitter.im/Semantic-Org/Semantic-UI?utm_source=badge&utm_medium=badge&utm_campaign=pr-badge&utm_content=badge) |
|||
|
|||
[](https://cdnjs.com/libraries/semantic-ui/) |
|||
|
|||
[Semantic](http://www.semantic-ui.com) is a UI framework designed for theming. |
|||
|
|||
Key Features |
|||
* 50+ UI elements |
|||
* 3000 + CSS variables |
|||
* 3 Levels of variable inheritance (similar to SublimeText) |
|||
* Built with EM values for responsive design |
|||
* Flexbox friendly |
|||
|
|||
Semantic allows developers to build beautiful websites fast, with **concise HTML**, **intuitive javascript**, and **simplified debugging**, helping make front-end development a delightful experience. Semantic is responsively designed allowing your website to scale on multiple devices. Semantic is production ready and partnered with frameworks such as **React**, **Angular**, **Meteor**, and **Ember**, which means you can integrate it with any of these frameworks to organize your UI layer alongside your application logic. |
|||
|
|||
## 2.5.0 Release (Oct 6, 2022) |
|||
|
|||
Semantic UI is now compatible with Node 18 and Gulp 4. |
|||
|
|||
## User Support |
|||
|
|||
Please help us keep the issue tracker organized. For technical questions that do not include a specific [JSFiddle test case](https://jsfiddle.net/ca0rovs3/) (bug reports), or feature request please use [StackOverflow](http://stackoverflow.com/questions/tagged/semantic-ui) to find a solution. |
|||
|
|||
Visit our [contributing guide](https://github.com/Semantic-Org/Semantic-UI/blob/master/CONTRIBUTING.md) for more on what should be posted to GitHub Issues. |
|||
|
|||
## Install |
|||
|
|||
#### Recommended Install |
|||
```bash |
|||
npm install semantic-ui # Use themes, import build/watch tasks into your own gulpfile. |
|||
``` |
|||
|
|||
Semantic UI includes an interactive installer to help setup your project. |
|||
|
|||
* For more details on setup visit our [getting started guide](http://semantic-ui.com/introduction/getting-started.html). |
|||
* To learn more about theming please read our [theming guide](http://www.semantic-ui.com/usage/theming.html) |
|||
|
|||
#### Additional Versions |
|||
|
|||
Environment | Install Script | Repo |
|||
--- | --- | --- | |
|||
CSS Only | `npm install semantic-ui-css` | [CSS Repo](https://github.com/Semantic-Org/Semantic-UI-CSS) |
|||
[LESS](https://github.com/less/less.js/) Only | `npm install semantic-ui-less` | [LESS Repo](https://github.com/Semantic-Org/Semantic-UI-LESS) |
|||
[LESS](https://github.com/less/less.js/) plugin | `npm install less-plugin-semantic-ui` | [LESS Plugin Repo](https://github.com/bassjobsen/less-plugin-semantic-ui/) |
|||
[EmberJS](http://emberjs.com/) | `ember install:addon semantic-ui-ember` | [Ember Repo](https://github.com/Semantic-Org/Semantic-UI-Ember) |
|||
|[Meteor](https://www.meteor.com/) - [LESS](https://github.com/less/less.js/) | `meteor add semantic:ui` | [Meteor Repo](https://github.com/Semantic-Org/Semantic-UI-Meteor) | |
|||
|[Meteor](https://www.meteor.com/) - CSS | `meteor add semantic:ui-css` | [CSS Repo](https://github.com/Semantic-Org/Semantic-UI-CSS) | |
|||
[Bower](http://bower.io/) | `bower install semantic-ui` | |
|||
|
|||
Check out our [integration wiki](https://github.com/Semantic-Org/Semantic-UI/wiki/Integration) for more options. |
|||
|
|||
#### Browser Support |
|||
|
|||
* Last 2 Versions FF, Chrome, Safari Mac |
|||
* IE 11+ |
|||
* Android 4.4+, Chrome for Android 44+ |
|||
* iOS Safari 7+ |
|||
* Microsoft Edge 12+ |
|||
|
|||
Although some components will work in IE9, [grids](http://semantic-ui.com/collections/grid.html) and other [flexbox](https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Flexible_boxes) components are not supported by IE9 and may not appear correctly. |
|||
|
|||
## Community |
|||
|
|||
#### Getting Help |
|||
Please **do not post** usage questions to GitHub Issues. For these types of questions use our [Gitter chatroom][Gitter.im Room] or [StackOverflow](http://stackoverflow.com/questions/tagged/semantic-ui). |
|||
|
|||
#### Submitting Bugs and Enhancements |
|||
[GitHub Issues](https://github.com/Semantic-Org/Semantic-UI/issues) is for suggesting enhancements and reporting bugs. Before submiting a bug make sure you do the following: |
|||
* Check out our [contributing guide](https://github.com/Semantic-Org/Semantic-UI/blob/master/CONTRIBUTING.md) for info on our release cycle. |
|||
* [Fork this boilerplate JSFiddle](https://jsfiddle.net/ca0rovs3/) to create a test case for your bug. If a bug is apparent in the docs, that's ok as a test case, just make it clear exactly how to reproduce the issue. Only bugs that include a test case can be triaged. |
|||
|
|||
|
|||
#### Pull Requests |
|||
|
|||
When adding pull requests, be sure to merge into the [next](https://github.com/Semantic-Org/Semantic-UI/tree/next) branch. If you need to demonstrate a fix in ``next`` release, you can use [this JSFiddle](https://jsfiddle.net/ca0rovs3/) |
|||
|
|||
|
|||
#### International |
|||
|
|||
* **Chinese** A Chinese mirror site is available at [http://www.semantic-ui.cn](http://www.semantic-ui.cn). |
|||
* **Right-to-Left (RTL)** An RTL version can be created using our build tools by selecting `rtl` from the install script. |
|||
* **Translation** To help translate see the [Wiki Guide](https://github.com/Semantic-Org/Semantic-UI/wiki/Translating-Semantic-UI-Docs) for translations. |
|||
|
|||
#### Resources |
|||
|
|||
Resource | Description |
|||
--- | --- | |
|||
Bugs & Feature Requests | All bug submission **require** a link to a test case, and a set of steps to reproduce the issue. You can make a test case by forking this [JSFiddle](https://jsfiddle.net/ca0rovs3/), then submit your [bug report on GitHub Issues](https://github.com/Semantic-Org/Semantic-UI/issues) |
|||
Live Chat | Join our [Gitter.im Room][Gitter.im Room] |
|||
Newsletter Updates | Sign up for updates at [semantic-ui.com](http://www.semantic-ui.com) |
|||
Additional Resources | Submit a question on [StackOverflow](http://stackoverflow.com/questions/tagged/semantic-ui) or ask our [Google Group](https://groups.google.com/forum/#!forum/semantic-ui) |
|||
|
|||
#### Places to Help |
|||
|
|||
Project | How To Help | Next Step |
|||
--- | --- | --- | |
|||
Localization | Help us translate Semantic UI into your language | [Join our Translation Community](https://github.com/Semantic-Org/Semantic-UI/wiki/Translating-Semantic-UI-Docs) |
|||
[SCSS](http://sass-lang.com/) | SASS needs PR to support variables inside `@import` | [Add Pull Request](https://github.com/sass/sass/pulls) for [#739](https://github.com/sass/sass/issues/739#issuecomment-73984809) |
|||
[Angular](https://angularjs.org/) | Help develop angular bindings | Reach Out on [GitHub Issues](https://github.com/Semantic-Org/Semantic-UI-Angular/issues/8) |
|||
Guides & Tutorials | Help write guides and tutorials | [Join the discussion](https://github.com/Semantic-Org/Semantic-UI/issues/1571) |
|||
|
|||
#### Reaching Out |
|||
|
|||
If you'd like to start a conversation about Semantic feel free to e-mail me at [jack@semantic-ui.com](mailto:jack@semantic-ui.com) |
|||
|
|||
<a href="http://packagequality.com/#?package=semantic-ui"><img src="http://npm.packagequality.com/badge/semantic-ui.png"/></a> |
|||
|
|||
[Gitter.im Room]: https://gitter.im/Semantic-Org/Semantic-UI |
|||
File diff suppressed because it is too large
@ -0,0 +1,27 @@ |
|||
{ |
|||
"name" : "semantic", |
|||
"description" : "Semantic empowers designers and developers by creating a shared vocabulary for UI.", |
|||
"homepage" : "http://www.semantic-ui.com", |
|||
"author": { |
|||
"name" : "Jack Lukic", |
|||
"web" : "http://www.jacklukic.com" |
|||
}, |
|||
"dependencies": { |
|||
"jquery" : ">=1.8" |
|||
}, |
|||
"main": [ |
|||
"src/semantic.less", |
|||
"dist/semantic.js" |
|||
], |
|||
"keywords": [ |
|||
"semantic", |
|||
"ui", |
|||
"css3", |
|||
"framework" |
|||
], |
|||
"license" : "MIT", |
|||
"ignore": [ |
|||
"src/site", |
|||
"test" |
|||
] |
|||
} |
|||
@ -0,0 +1,24 @@ |
|||
{ |
|||
"name" : "semantic/ui", |
|||
"description" : "Semantic empowers designers and developers by creating a shared vocabulary for UI.", |
|||
"homepage" : "http://www.semantic-ui.com", |
|||
"authors" : [ |
|||
{ |
|||
"name" : "Jack Lukic", |
|||
"email" : "jacklukic@gmail.com", |
|||
"homepage" : "http://www.jacklukic.com", |
|||
"role" : "Creator" |
|||
} |
|||
], |
|||
"support": { |
|||
"issues": "https://github.com/Semantic-Org/Semantic-UI/issues", |
|||
"source": "https://github.com/Semantic-Org/Semantic-UI" |
|||
}, |
|||
"keywords" : [ |
|||
"semantic", |
|||
"ui", |
|||
"css", |
|||
"framework" |
|||
], |
|||
"license" : "MIT" |
|||
} |
|||
@ -0,0 +1,244 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Accordion |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/ |
|||
|
|||
|
|||
/******************************* |
|||
Accordion |
|||
*******************************/ |
|||
|
|||
.ui.accordion, |
|||
.ui.accordion .accordion { |
|||
max-width: 100%; |
|||
} |
|||
.ui.accordion .accordion { |
|||
margin: 1em 0em 0em; |
|||
padding: 0em; |
|||
} |
|||
|
|||
/* Title */ |
|||
.ui.accordion .title, |
|||
.ui.accordion .accordion .title { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
/* Default Styling */ |
|||
.ui.accordion .title:not(.ui) { |
|||
padding: 0.5em 0em; |
|||
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; |
|||
font-size: 1em; |
|||
color: rgba(0, 0, 0, 0.87); |
|||
} |
|||
|
|||
/* Content */ |
|||
.ui.accordion .title ~ .content, |
|||
.ui.accordion .accordion .title ~ .content { |
|||
display: none; |
|||
} |
|||
|
|||
/* Default Styling */ |
|||
.ui.accordion:not(.styled) .title ~ .content:not(.ui), |
|||
.ui.accordion:not(.styled) .accordion .title ~ .content:not(.ui) { |
|||
margin: ''; |
|||
padding: 0.5em 0em 1em; |
|||
} |
|||
.ui.accordion:not(.styled) .title ~ .content:not(.ui):last-child { |
|||
padding-bottom: 0em; |
|||
} |
|||
|
|||
/* Arrow */ |
|||
.ui.accordion .title .dropdown.icon, |
|||
.ui.accordion .accordion .title .dropdown.icon { |
|||
display: inline-block; |
|||
float: none; |
|||
opacity: 1; |
|||
width: 1.25em; |
|||
height: 1em; |
|||
margin: 0em 0.25rem 0em 0rem; |
|||
padding: 0em; |
|||
font-size: 1em; |
|||
transition: transform 0.1s ease, opacity 0.1s ease; |
|||
vertical-align: baseline; |
|||
transform: none; |
|||
} |
|||
|
|||
/*-------------- |
|||
Coupling |
|||
---------------*/ |
|||
|
|||
|
|||
/* Menu */ |
|||
.ui.accordion.menu .item .title { |
|||
display: block; |
|||
padding: 0em; |
|||
} |
|||
.ui.accordion.menu .item .title > .dropdown.icon { |
|||
float: right; |
|||
margin: 0.21425em 0em 0em 1em; |
|||
transform: rotate(180deg); |
|||
} |
|||
|
|||
/* Header */ |
|||
.ui.accordion .ui.header .dropdown.icon { |
|||
font-size: 1em; |
|||
margin: 0em 0.25rem 0em 0rem; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
States |
|||
*******************************/ |
|||
|
|||
.ui.accordion .active.title .dropdown.icon, |
|||
.ui.accordion .accordion .active.title .dropdown.icon { |
|||
transform: rotate(90deg); |
|||
} |
|||
.ui.accordion.menu .item .active.title > .dropdown.icon { |
|||
transform: rotate(90deg); |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Types |
|||
*******************************/ |
|||
|
|||
|
|||
/*-------------- |
|||
Styled |
|||
---------------*/ |
|||
|
|||
.ui.styled.accordion { |
|||
width: 600px; |
|||
} |
|||
.ui.styled.accordion, |
|||
.ui.styled.accordion .accordion { |
|||
border-radius: 0.28571429rem; |
|||
background: #FFFFFF; |
|||
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15); |
|||
} |
|||
.ui.styled.accordion .title, |
|||
.ui.styled.accordion .accordion .title { |
|||
margin: 0em; |
|||
padding: 0.75em 1em; |
|||
color: rgba(0, 0, 0, 0.4); |
|||
font-weight: bold; |
|||
border-top: 1px solid rgba(34, 36, 38, 0.15); |
|||
transition: background 0.1s ease, color 0.1s ease; |
|||
} |
|||
.ui.styled.accordion > .title:first-child, |
|||
.ui.styled.accordion .accordion .title:first-child { |
|||
border-top: none; |
|||
} |
|||
|
|||
/* Content */ |
|||
.ui.styled.accordion .content, |
|||
.ui.styled.accordion .accordion .content { |
|||
margin: 0em; |
|||
padding: 0.5em 1em 1.5em; |
|||
} |
|||
.ui.styled.accordion .accordion .content { |
|||
padding: 0em; |
|||
padding: 0.5em 1em 1.5em; |
|||
} |
|||
|
|||
/* Hover */ |
|||
.ui.styled.accordion .title:hover, |
|||
.ui.styled.accordion .active.title, |
|||
.ui.styled.accordion .accordion .title:hover, |
|||
.ui.styled.accordion .accordion .active.title { |
|||
background: transparent; |
|||
color: rgba(0, 0, 0, 0.87); |
|||
} |
|||
.ui.styled.accordion .accordion .title:hover, |
|||
.ui.styled.accordion .accordion .active.title { |
|||
background: transparent; |
|||
color: rgba(0, 0, 0, 0.87); |
|||
} |
|||
|
|||
/* Active */ |
|||
.ui.styled.accordion .active.title { |
|||
background: transparent; |
|||
color: rgba(0, 0, 0, 0.95); |
|||
} |
|||
.ui.styled.accordion .accordion .active.title { |
|||
background: transparent; |
|||
color: rgba(0, 0, 0, 0.95); |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
States |
|||
*******************************/ |
|||
|
|||
|
|||
/*-------------- |
|||
Active |
|||
---------------*/ |
|||
|
|||
.ui.accordion .active.content, |
|||
.ui.accordion .accordion .active.content { |
|||
display: block; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Variations |
|||
*******************************/ |
|||
|
|||
|
|||
/*-------------- |
|||
Fluid |
|||
---------------*/ |
|||
|
|||
.ui.fluid.accordion, |
|||
.ui.fluid.accordion .accordion { |
|||
width: 100%; |
|||
} |
|||
|
|||
/*-------------- |
|||
Inverted |
|||
---------------*/ |
|||
|
|||
.ui.inverted.accordion .title:not(.ui) { |
|||
color: rgba(255, 255, 255, 0.9); |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Theme Overrides |
|||
*******************************/ |
|||
|
|||
@font-face { |
|||
font-family: 'Accordion'; |
|||
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMggjB5AAAAC8AAAAYGNtYXAPfOIKAAABHAAAAExnYXNwAAAAEAAAAWgAAAAIZ2x5Zryj6HgAAAFwAAAAyGhlYWT/0IhHAAACOAAAADZoaGVhApkB5wAAAnAAAAAkaG10eAJuABIAAAKUAAAAGGxvY2EAjABWAAACrAAAAA5tYXhwAAgAFgAAArwAAAAgbmFtZfC1n04AAALcAAABPHBvc3QAAwAAAAAEGAAAACAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAAAAAAAAAIAADc5AQAAAAABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQASAEkAtwFuABMAADc0PwE2FzYXFh0BFAcGJwYvASY1EgaABQgHBQYGBQcIBYAG2wcGfwcBAQcECf8IBAcBAQd/BgYAAAAAAQAAAEkApQFuABMAADcRNDc2MzIfARYVFA8BBiMiJyY1AAUGBwgFgAYGgAUIBwYFWwEACAUGBoAFCAcFgAYGBQcAAAABAAAAAQAAqWYls18PPPUACwIAAAAAAM/9o+4AAAAAz/2j7gAAAAAAtwFuAAAACAACAAAAAAAAAAEAAAHg/+AAAAIAAAAAAAC3AAEAAAAAAAAAAAAAAAAAAAAGAAAAAAAAAAAAAAAAAQAAAAC3ABIAtwAAAAAAAAAKABQAHgBCAGQAAAABAAAABgAUAAEAAAAAAAIAAAAAAAAAAAAAAAAAAAAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'), url(data:application/font-woff;charset=utf-8;base64,d09GRk9UVE8AAASwAAoAAAAABGgAAQAAAAAAAAAAAAAAAAAAAAAAAAAAAABDRkYgAAAA9AAAAS0AAAEtFpovuE9TLzIAAAIkAAAAYAAAAGAIIweQY21hcAAAAoQAAABMAAAATA984gpnYXNwAAAC0AAAAAgAAAAIAAAAEGhlYWQAAALYAAAANgAAADb/0IhHaGhlYQAAAxAAAAAkAAAAJAKZAedobXR4AAADNAAAABgAAAAYAm4AEm1heHAAAANMAAAABgAAAAYABlAAbmFtZQAAA1QAAAE8AAABPPC1n05wb3N0AAAEkAAAACAAAAAgAAMAAAEABAQAAQEBB3JhdGluZwABAgABADr4HAL4GwP4GAQeCgAZU/+Lix4KABlT/4uLDAeLa/iU+HQFHQAAAHkPHQAAAH4RHQAAAAkdAAABJBIABwEBBw0PERQZHnJhdGluZ3JhdGluZ3UwdTF1MjB1RjBEOXVGMERBAAACAYkABAAGAQEEBwoNVp38lA78lA78lA77lA773Z33bxWLkI2Qj44I9xT3FAWOj5CNkIuQi4+JjoePiI2Gi4YIi/uUBYuGiYeHiIiHh4mGi4aLho2Ijwj7FPcUBYeOiY+LkAgO+92L5hWL95QFi5CNkI6Oj4+PjZCLkIuQiY6HCPcU+xQFj4iNhouGi4aJh4eICPsU+xQFiIeGiYaLhouHjYePiI6Jj4uQCA74lBT4lBWLDAoAAAAAAwIAAZAABQAAAUwBZgAAAEcBTAFmAAAA9QAZAIQAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADw2gHg/+D/4AHgACAAAAABAAAAAAAAAAAAAAAgAAAAAAACAAAAAwAAABQAAwABAAAAFAAEADgAAAAKAAgAAgACAAEAIPDa//3//wAAAAAAIPDZ//3//wAB/+MPKwADAAEAAAAAAAAAAAAAAAEAAf//AA8AAQAAAAEAADfYOJZfDzz1AAsCAAAAAADP/aPuAAAAAM/9o+4AAAAAALcBbgAAAAgAAgAAAAAAAAABAAAB4P/gAAACAAAAAAAAtwABAAAAAAAAAAAAAAAAAAAABgAAAAAAAAAAAAAAAAEAAAAAtwASALcAAAAAUAAABgAAAAAADgCuAAEAAAAAAAEADAAAAAEAAAAAAAIADgBAAAEAAAAAAAMADAAiAAEAAAAAAAQADABOAAEAAAAAAAUAFgAMAAEAAAAAAAYABgAuAAEAAAAAAAoANABaAAMAAQQJAAEADAAAAAMAAQQJAAIADgBAAAMAAQQJAAMADAAiAAMAAQQJAAQADABOAAMAAQQJAAUAFgAMAAMAAQQJAAYADAA0AAMAAQQJAAoANABaAHIAYQB0AGkAbgBnAFYAZQByAHMAaQBvAG4AIAAxAC4AMAByAGEAdABpAG4AZ3JhdGluZwByAGEAdABpAG4AZwBSAGUAZwB1AGwAYQByAHIAYQB0AGkAbgBnAEYAbwBuAHQAIABnAGUAbgBlAHIAYQB0AGUAZAAgAGIAeQAgAEkAYwBvAE0AbwBvAG4ALgADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('woff'); |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
} |
|||
|
|||
/* Dropdown Icon */ |
|||
.ui.accordion .title .dropdown.icon, |
|||
.ui.accordion .accordion .title .dropdown.icon { |
|||
font-family: Accordion; |
|||
line-height: 1; |
|||
-webkit-backface-visibility: hidden; |
|||
backface-visibility: hidden; |
|||
font-weight: normal; |
|||
font-style: normal; |
|||
text-align: center; |
|||
} |
|||
.ui.accordion .title .dropdown.icon:before, |
|||
.ui.accordion .accordion .title .dropdown.icon:before { |
|||
content: '\f0da' /*rtl:'\f0d9'*/; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
User Overrides |
|||
*******************************/ |
|||
|
|||
@ -0,0 +1,613 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Accordion |
|||
* http://github.com/semantic-org/semantic-ui/
|
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT
|
|||
* |
|||
*/ |
|||
|
|||
;(function ($, window, document, undefined) { |
|||
|
|||
'use strict'; |
|||
|
|||
window = (typeof window != 'undefined' && window.Math == Math) |
|||
? window |
|||
: (typeof self != 'undefined' && self.Math == Math) |
|||
? self |
|||
: Function('return this')() |
|||
; |
|||
|
|||
$.fn.accordion = function(parameters) { |
|||
var |
|||
$allModules = $(this), |
|||
|
|||
time = new Date().getTime(), |
|||
performance = [], |
|||
|
|||
query = arguments[0], |
|||
methodInvoked = (typeof query == 'string'), |
|||
queryArguments = [].slice.call(arguments, 1), |
|||
|
|||
requestAnimationFrame = window.requestAnimationFrame |
|||
|| window.mozRequestAnimationFrame |
|||
|| window.webkitRequestAnimationFrame |
|||
|| window.msRequestAnimationFrame |
|||
|| function(callback) { setTimeout(callback, 0); }, |
|||
|
|||
returnedValue |
|||
; |
|||
$allModules |
|||
.each(function() { |
|||
var |
|||
settings = ( $.isPlainObject(parameters) ) |
|||
? $.extend(true, {}, $.fn.accordion.settings, parameters) |
|||
: $.extend({}, $.fn.accordion.settings), |
|||
|
|||
className = settings.className, |
|||
namespace = settings.namespace, |
|||
selector = settings.selector, |
|||
error = settings.error, |
|||
|
|||
eventNamespace = '.' + namespace, |
|||
moduleNamespace = 'module-' + namespace, |
|||
moduleSelector = $allModules.selector || '', |
|||
|
|||
$module = $(this), |
|||
$title = $module.find(selector.title), |
|||
$content = $module.find(selector.content), |
|||
|
|||
element = this, |
|||
instance = $module.data(moduleNamespace), |
|||
observer, |
|||
module |
|||
; |
|||
|
|||
module = { |
|||
|
|||
initialize: function() { |
|||
module.debug('Initializing', $module); |
|||
module.bind.events(); |
|||
if(settings.observeChanges) { |
|||
module.observeChanges(); |
|||
} |
|||
module.instantiate(); |
|||
}, |
|||
|
|||
instantiate: function() { |
|||
instance = module; |
|||
$module |
|||
.data(moduleNamespace, module) |
|||
; |
|||
}, |
|||
|
|||
destroy: function() { |
|||
module.debug('Destroying previous instance', $module); |
|||
$module |
|||
.off(eventNamespace) |
|||
.removeData(moduleNamespace) |
|||
; |
|||
}, |
|||
|
|||
refresh: function() { |
|||
$title = $module.find(selector.title); |
|||
$content = $module.find(selector.content); |
|||
}, |
|||
|
|||
observeChanges: function() { |
|||
if('MutationObserver' in window) { |
|||
observer = new MutationObserver(function(mutations) { |
|||
module.debug('DOM tree modified, updating selector cache'); |
|||
module.refresh(); |
|||
}); |
|||
observer.observe(element, { |
|||
childList : true, |
|||
subtree : true |
|||
}); |
|||
module.debug('Setting up mutation observer', observer); |
|||
} |
|||
}, |
|||
|
|||
bind: { |
|||
events: function() { |
|||
module.debug('Binding delegated events'); |
|||
$module |
|||
.on(settings.on + eventNamespace, selector.trigger, module.event.click) |
|||
; |
|||
} |
|||
}, |
|||
|
|||
event: { |
|||
click: function() { |
|||
module.toggle.call(this); |
|||
} |
|||
}, |
|||
|
|||
toggle: function(query) { |
|||
var |
|||
$activeTitle = (query !== undefined) |
|||
? (typeof query === 'number') |
|||
? $title.eq(query) |
|||
: $(query).closest(selector.title) |
|||
: $(this).closest(selector.title), |
|||
$activeContent = $activeTitle.next($content), |
|||
isAnimating = $activeContent.hasClass(className.animating), |
|||
isActive = $activeContent.hasClass(className.active), |
|||
isOpen = (isActive && !isAnimating), |
|||
isOpening = (!isActive && isAnimating) |
|||
; |
|||
module.debug('Toggling visibility of content', $activeTitle); |
|||
if(isOpen || isOpening) { |
|||
if(settings.collapsible) { |
|||
module.close.call($activeTitle); |
|||
} |
|||
else { |
|||
module.debug('Cannot close accordion content collapsing is disabled'); |
|||
} |
|||
} |
|||
else { |
|||
module.open.call($activeTitle); |
|||
} |
|||
}, |
|||
|
|||
open: function(query) { |
|||
var |
|||
$activeTitle = (query !== undefined) |
|||
? (typeof query === 'number') |
|||
? $title.eq(query) |
|||
: $(query).closest(selector.title) |
|||
: $(this).closest(selector.title), |
|||
$activeContent = $activeTitle.next($content), |
|||
isAnimating = $activeContent.hasClass(className.animating), |
|||
isActive = $activeContent.hasClass(className.active), |
|||
isOpen = (isActive || isAnimating) |
|||
; |
|||
if(isOpen) { |
|||
module.debug('Accordion already open, skipping', $activeContent); |
|||
return; |
|||
} |
|||
module.debug('Opening accordion content', $activeTitle); |
|||
settings.onOpening.call($activeContent); |
|||
settings.onChanging.call($activeContent); |
|||
if(settings.exclusive) { |
|||
module.closeOthers.call($activeTitle); |
|||
} |
|||
$activeTitle |
|||
.addClass(className.active) |
|||
; |
|||
$activeContent |
|||
.stop(true, true) |
|||
.addClass(className.animating) |
|||
; |
|||
if(settings.animateChildren) { |
|||
if($.fn.transition !== undefined && $module.transition('is supported')) { |
|||
$activeContent |
|||
.children() |
|||
.transition({ |
|||
animation : 'fade in', |
|||
queue : false, |
|||
useFailSafe : true, |
|||
debug : settings.debug, |
|||
verbose : settings.verbose, |
|||
duration : settings.duration |
|||
}) |
|||
; |
|||
} |
|||
else { |
|||
$activeContent |
|||
.children() |
|||
.stop(true, true) |
|||
.animate({ |
|||
opacity: 1 |
|||
}, settings.duration, module.resetOpacity) |
|||
; |
|||
} |
|||
} |
|||
$activeContent |
|||
.slideDown(settings.duration, settings.easing, function() { |
|||
$activeContent |
|||
.removeClass(className.animating) |
|||
.addClass(className.active) |
|||
; |
|||
module.reset.display.call(this); |
|||
settings.onOpen.call(this); |
|||
settings.onChange.call(this); |
|||
}) |
|||
; |
|||
}, |
|||
|
|||
close: function(query) { |
|||
var |
|||
$activeTitle = (query !== undefined) |
|||
? (typeof query === 'number') |
|||
? $title.eq(query) |
|||
: $(query).closest(selector.title) |
|||
: $(this).closest(selector.title), |
|||
$activeContent = $activeTitle.next($content), |
|||
isAnimating = $activeContent.hasClass(className.animating), |
|||
isActive = $activeContent.hasClass(className.active), |
|||
isOpening = (!isActive && isAnimating), |
|||
isClosing = (isActive && isAnimating) |
|||
; |
|||
if((isActive || isOpening) && !isClosing) { |
|||
module.debug('Closing accordion content', $activeContent); |
|||
settings.onClosing.call($activeContent); |
|||
settings.onChanging.call($activeContent); |
|||
$activeTitle |
|||
.removeClass(className.active) |
|||
; |
|||
$activeContent |
|||
.stop(true, true) |
|||
.addClass(className.animating) |
|||
; |
|||
if(settings.animateChildren) { |
|||
if($.fn.transition !== undefined && $module.transition('is supported')) { |
|||
$activeContent |
|||
.children() |
|||
.transition({ |
|||
animation : 'fade out', |
|||
queue : false, |
|||
useFailSafe : true, |
|||
debug : settings.debug, |
|||
verbose : settings.verbose, |
|||
duration : settings.duration |
|||
}) |
|||
; |
|||
} |
|||
else { |
|||
$activeContent |
|||
.children() |
|||
.stop(true, true) |
|||
.animate({ |
|||
opacity: 0 |
|||
}, settings.duration, module.resetOpacity) |
|||
; |
|||
} |
|||
} |
|||
$activeContent |
|||
.slideUp(settings.duration, settings.easing, function() { |
|||
$activeContent |
|||
.removeClass(className.animating) |
|||
.removeClass(className.active) |
|||
; |
|||
module.reset.display.call(this); |
|||
settings.onClose.call(this); |
|||
settings.onChange.call(this); |
|||
}) |
|||
; |
|||
} |
|||
}, |
|||
|
|||
closeOthers: function(index) { |
|||
var |
|||
$activeTitle = (index !== undefined) |
|||
? $title.eq(index) |
|||
: $(this).closest(selector.title), |
|||
$parentTitles = $activeTitle.parents(selector.content).prev(selector.title), |
|||
$activeAccordion = $activeTitle.closest(selector.accordion), |
|||
activeSelector = selector.title + '.' + className.active + ':visible', |
|||
activeContent = selector.content + '.' + className.active + ':visible', |
|||
$openTitles, |
|||
$nestedTitles, |
|||
$openContents |
|||
; |
|||
if(settings.closeNested) { |
|||
$openTitles = $activeAccordion.find(activeSelector).not($parentTitles); |
|||
$openContents = $openTitles.next($content); |
|||
} |
|||
else { |
|||
$openTitles = $activeAccordion.find(activeSelector).not($parentTitles); |
|||
$nestedTitles = $activeAccordion.find(activeContent).find(activeSelector).not($parentTitles); |
|||
$openTitles = $openTitles.not($nestedTitles); |
|||
$openContents = $openTitles.next($content); |
|||
} |
|||
if( ($openTitles.length > 0) ) { |
|||
module.debug('Exclusive enabled, closing other content', $openTitles); |
|||
$openTitles |
|||
.removeClass(className.active) |
|||
; |
|||
$openContents |
|||
.removeClass(className.animating) |
|||
.stop(true, true) |
|||
; |
|||
if(settings.animateChildren) { |
|||
if($.fn.transition !== undefined && $module.transition('is supported')) { |
|||
$openContents |
|||
.children() |
|||
.transition({ |
|||
animation : 'fade out', |
|||
useFailSafe : true, |
|||
debug : settings.debug, |
|||
verbose : settings.verbose, |
|||
duration : settings.duration |
|||
}) |
|||
; |
|||
} |
|||
else { |
|||
$openContents |
|||
.children() |
|||
.stop(true, true) |
|||
.animate({ |
|||
opacity: 0 |
|||
}, settings.duration, module.resetOpacity) |
|||
; |
|||
} |
|||
} |
|||
$openContents |
|||
.slideUp(settings.duration , settings.easing, function() { |
|||
$(this).removeClass(className.active); |
|||
module.reset.display.call(this); |
|||
}) |
|||
; |
|||
} |
|||
}, |
|||
|
|||
reset: { |
|||
|
|||
display: function() { |
|||
module.verbose('Removing inline display from element', this); |
|||
$(this).css('display', ''); |
|||
if( $(this).attr('style') === '') { |
|||
$(this) |
|||
.attr('style', '') |
|||
.removeAttr('style') |
|||
; |
|||
} |
|||
}, |
|||
|
|||
opacity: function() { |
|||
module.verbose('Removing inline opacity from element', this); |
|||
$(this).css('opacity', ''); |
|||
if( $(this).attr('style') === '') { |
|||
$(this) |
|||
.attr('style', '') |
|||
.removeAttr('style') |
|||
; |
|||
} |
|||
}, |
|||
|
|||
}, |
|||
|
|||
setting: function(name, value) { |
|||
module.debug('Changing setting', name, value); |
|||
if( $.isPlainObject(name) ) { |
|||
$.extend(true, settings, name); |
|||
} |
|||
else if(value !== undefined) { |
|||
if($.isPlainObject(settings[name])) { |
|||
$.extend(true, settings[name], value); |
|||
} |
|||
else { |
|||
settings[name] = value; |
|||
} |
|||
} |
|||
else { |
|||
return settings[name]; |
|||
} |
|||
}, |
|||
internal: function(name, value) { |
|||
module.debug('Changing internal', name, value); |
|||
if(value !== undefined) { |
|||
if( $.isPlainObject(name) ) { |
|||
$.extend(true, module, name); |
|||
} |
|||
else { |
|||
module[name] = value; |
|||
} |
|||
} |
|||
else { |
|||
return module[name]; |
|||
} |
|||
}, |
|||
debug: function() { |
|||
if(!settings.silent && settings.debug) { |
|||
if(settings.performance) { |
|||
module.performance.log(arguments); |
|||
} |
|||
else { |
|||
module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); |
|||
module.debug.apply(console, arguments); |
|||
} |
|||
} |
|||
}, |
|||
verbose: function() { |
|||
if(!settings.silent && settings.verbose && settings.debug) { |
|||
if(settings.performance) { |
|||
module.performance.log(arguments); |
|||
} |
|||
else { |
|||
module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); |
|||
module.verbose.apply(console, arguments); |
|||
} |
|||
} |
|||
}, |
|||
error: function() { |
|||
if(!settings.silent) { |
|||
module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); |
|||
module.error.apply(console, arguments); |
|||
} |
|||
}, |
|||
performance: { |
|||
log: function(message) { |
|||
var |
|||
currentTime, |
|||
executionTime, |
|||
previousTime |
|||
; |
|||
if(settings.performance) { |
|||
currentTime = new Date().getTime(); |
|||
previousTime = time || currentTime; |
|||
executionTime = currentTime - previousTime; |
|||
time = currentTime; |
|||
performance.push({ |
|||
'Name' : message[0], |
|||
'Arguments' : [].slice.call(message, 1) || '', |
|||
'Element' : element, |
|||
'Execution Time' : executionTime |
|||
}); |
|||
} |
|||
clearTimeout(module.performance.timer); |
|||
module.performance.timer = setTimeout(module.performance.display, 500); |
|||
}, |
|||
display: function() { |
|||
var |
|||
title = settings.name + ':', |
|||
totalTime = 0 |
|||
; |
|||
time = false; |
|||
clearTimeout(module.performance.timer); |
|||
$.each(performance, function(index, data) { |
|||
totalTime += data['Execution Time']; |
|||
}); |
|||
title += ' ' + totalTime + 'ms'; |
|||
if(moduleSelector) { |
|||
title += ' \'' + moduleSelector + '\''; |
|||
} |
|||
if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { |
|||
console.groupCollapsed(title); |
|||
if(console.table) { |
|||
console.table(performance); |
|||
} |
|||
else { |
|||
$.each(performance, function(index, data) { |
|||
console.log(data['Name'] + ': ' + data['Execution Time']+'ms'); |
|||
}); |
|||
} |
|||
console.groupEnd(); |
|||
} |
|||
performance = []; |
|||
} |
|||
}, |
|||
invoke: function(query, passedArguments, context) { |
|||
var |
|||
object = instance, |
|||
maxDepth, |
|||
found, |
|||
response |
|||
; |
|||
passedArguments = passedArguments || queryArguments; |
|||
context = element || context; |
|||
if(typeof query == 'string' && object !== undefined) { |
|||
query = query.split(/[\. ]/); |
|||
maxDepth = query.length - 1; |
|||
$.each(query, function(depth, value) { |
|||
var camelCaseValue = (depth != maxDepth) |
|||
? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) |
|||
: query |
|||
; |
|||
if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) { |
|||
object = object[camelCaseValue]; |
|||
} |
|||
else if( object[camelCaseValue] !== undefined ) { |
|||
found = object[camelCaseValue]; |
|||
return false; |
|||
} |
|||
else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) { |
|||
object = object[value]; |
|||
} |
|||
else if( object[value] !== undefined ) { |
|||
found = object[value]; |
|||
return false; |
|||
} |
|||
else { |
|||
module.error(error.method, query); |
|||
return false; |
|||
} |
|||
}); |
|||
} |
|||
if ( $.isFunction( found ) ) { |
|||
response = found.apply(context, passedArguments); |
|||
} |
|||
else if(found !== undefined) { |
|||
response = found; |
|||
} |
|||
if($.isArray(returnedValue)) { |
|||
returnedValue.push(response); |
|||
} |
|||
else if(returnedValue !== undefined) { |
|||
returnedValue = [returnedValue, response]; |
|||
} |
|||
else if(response !== undefined) { |
|||
returnedValue = response; |
|||
} |
|||
return found; |
|||
} |
|||
}; |
|||
if(methodInvoked) { |
|||
if(instance === undefined) { |
|||
module.initialize(); |
|||
} |
|||
module.invoke(query); |
|||
} |
|||
else { |
|||
if(instance !== undefined) { |
|||
instance.invoke('destroy'); |
|||
} |
|||
module.initialize(); |
|||
} |
|||
}) |
|||
; |
|||
return (returnedValue !== undefined) |
|||
? returnedValue |
|||
: this |
|||
; |
|||
}; |
|||
|
|||
$.fn.accordion.settings = { |
|||
|
|||
name : 'Accordion', |
|||
namespace : 'accordion', |
|||
|
|||
silent : false, |
|||
debug : false, |
|||
verbose : false, |
|||
performance : true, |
|||
|
|||
on : 'click', // event on title that opens accordion
|
|||
|
|||
observeChanges : true, // whether accordion should automatically refresh on DOM insertion
|
|||
|
|||
exclusive : true, // whether a single accordion content panel should be open at once
|
|||
collapsible : true, // whether accordion content can be closed
|
|||
closeNested : false, // whether nested content should be closed when a panel is closed
|
|||
animateChildren : true, // whether children opacity should be animated
|
|||
|
|||
duration : 350, // duration of animation
|
|||
easing : 'easeOutQuad', // easing equation for animation
|
|||
|
|||
onOpening : function(){}, // callback before open animation
|
|||
onClosing : function(){}, // callback before closing animation
|
|||
onChanging : function(){}, // callback before closing or opening animation
|
|||
|
|||
onOpen : function(){}, // callback after open animation
|
|||
onClose : function(){}, // callback after closing animation
|
|||
onChange : function(){}, // callback after closing or opening animation
|
|||
|
|||
error: { |
|||
method : 'The method you called is not defined' |
|||
}, |
|||
|
|||
className : { |
|||
active : 'active', |
|||
animating : 'animating' |
|||
}, |
|||
|
|||
selector : { |
|||
accordion : '.accordion', |
|||
title : '.title', |
|||
trigger : '.title', |
|||
content : '.content' |
|||
} |
|||
|
|||
}; |
|||
|
|||
// Adds easing
|
|||
$.extend( $.easing, { |
|||
easeOutQuad: function (x, t, b, c, d) { |
|||
return -c *(t/=d)*(t-2) + b; |
|||
} |
|||
}); |
|||
|
|||
})( jQuery, window, document ); |
|||
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,274 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Ad |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Copyright 2013 Contributors |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/ |
|||
|
|||
|
|||
/******************************* |
|||
Advertisement |
|||
*******************************/ |
|||
|
|||
.ui.ad { |
|||
display: block; |
|||
overflow: hidden; |
|||
margin: 1em 0em; |
|||
} |
|||
.ui.ad:first-child { |
|||
margin: 0em; |
|||
} |
|||
.ui.ad:last-child { |
|||
margin: 0em; |
|||
} |
|||
.ui.ad iframe { |
|||
margin: 0em; |
|||
padding: 0em; |
|||
border: none; |
|||
overflow: hidden; |
|||
} |
|||
|
|||
/*-------------- |
|||
Common |
|||
---------------*/ |
|||
|
|||
|
|||
/* Leaderboard */ |
|||
.ui.leaderboard.ad { |
|||
width: 728px; |
|||
height: 90px; |
|||
} |
|||
|
|||
/* Medium Rectangle */ |
|||
.ui[class*="medium rectangle"].ad { |
|||
width: 300px; |
|||
height: 250px; |
|||
} |
|||
|
|||
/* Large Rectangle */ |
|||
.ui[class*="large rectangle"].ad { |
|||
width: 336px; |
|||
height: 280px; |
|||
} |
|||
|
|||
/* Half Page */ |
|||
.ui[class*="half page"].ad { |
|||
width: 300px; |
|||
height: 600px; |
|||
} |
|||
|
|||
/*-------------- |
|||
Square |
|||
---------------*/ |
|||
|
|||
|
|||
/* Square */ |
|||
.ui.square.ad { |
|||
width: 250px; |
|||
height: 250px; |
|||
} |
|||
|
|||
/* Small Square */ |
|||
.ui[class*="small square"].ad { |
|||
width: 200px; |
|||
height: 200px; |
|||
} |
|||
|
|||
/*-------------- |
|||
Rectangle |
|||
---------------*/ |
|||
|
|||
|
|||
/* Small Rectangle */ |
|||
.ui[class*="small rectangle"].ad { |
|||
width: 180px; |
|||
height: 150px; |
|||
} |
|||
|
|||
/* Vertical Rectangle */ |
|||
.ui[class*="vertical rectangle"].ad { |
|||
width: 240px; |
|||
height: 400px; |
|||
} |
|||
|
|||
/*-------------- |
|||
Button |
|||
---------------*/ |
|||
|
|||
.ui.button.ad { |
|||
width: 120px; |
|||
height: 90px; |
|||
} |
|||
.ui[class*="square button"].ad { |
|||
width: 125px; |
|||
height: 125px; |
|||
} |
|||
.ui[class*="small button"].ad { |
|||
width: 120px; |
|||
height: 60px; |
|||
} |
|||
|
|||
/*-------------- |
|||
Skyscrapers |
|||
---------------*/ |
|||
|
|||
|
|||
/* Skyscraper */ |
|||
.ui.skyscraper.ad { |
|||
width: 120px; |
|||
height: 600px; |
|||
} |
|||
|
|||
/* Wide Skyscraper */ |
|||
.ui[class*="wide skyscraper"].ad { |
|||
width: 160px; |
|||
} |
|||
|
|||
/*-------------- |
|||
Banners |
|||
---------------*/ |
|||
|
|||
|
|||
/* Banner */ |
|||
.ui.banner.ad { |
|||
width: 468px; |
|||
height: 60px; |
|||
} |
|||
|
|||
/* Vertical Banner */ |
|||
.ui[class*="vertical banner"].ad { |
|||
width: 120px; |
|||
height: 240px; |
|||
} |
|||
|
|||
/* Top Banner */ |
|||
.ui[class*="top banner"].ad { |
|||
width: 930px; |
|||
height: 180px; |
|||
} |
|||
|
|||
/* Half Banner */ |
|||
.ui[class*="half banner"].ad { |
|||
width: 234px; |
|||
height: 60px; |
|||
} |
|||
|
|||
/*-------------- |
|||
Boards |
|||
---------------*/ |
|||
|
|||
|
|||
/* Leaderboard */ |
|||
.ui[class*="large leaderboard"].ad { |
|||
width: 970px; |
|||
height: 90px; |
|||
} |
|||
|
|||
/* Billboard */ |
|||
.ui.billboard.ad { |
|||
width: 970px; |
|||
height: 250px; |
|||
} |
|||
|
|||
/*-------------- |
|||
Panorama |
|||
---------------*/ |
|||
|
|||
|
|||
/* Panorama */ |
|||
.ui.panorama.ad { |
|||
width: 980px; |
|||
height: 120px; |
|||
} |
|||
|
|||
/*-------------- |
|||
Netboard |
|||
---------------*/ |
|||
|
|||
|
|||
/* Netboard */ |
|||
.ui.netboard.ad { |
|||
width: 580px; |
|||
height: 400px; |
|||
} |
|||
|
|||
/*-------------- |
|||
Mobile |
|||
---------------*/ |
|||
|
|||
|
|||
/* Large Mobile Banner */ |
|||
.ui[class*="large mobile banner"].ad { |
|||
width: 320px; |
|||
height: 100px; |
|||
} |
|||
|
|||
/* Mobile Leaderboard */ |
|||
.ui[class*="mobile leaderboard"].ad { |
|||
width: 320px; |
|||
height: 50px; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Types |
|||
*******************************/ |
|||
|
|||
|
|||
/* Mobile Sizes */ |
|||
.ui.mobile.ad { |
|||
display: none; |
|||
} |
|||
@media only screen and (max-width: 767px) { |
|||
.ui.mobile.ad { |
|||
display: block; |
|||
} |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Variations |
|||
*******************************/ |
|||
|
|||
.ui.centered.ad { |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
.ui.test.ad { |
|||
position: relative; |
|||
background: #545454; |
|||
} |
|||
.ui.test.ad:after { |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
width: 100%; |
|||
text-align: center; |
|||
transform: translateX(-50%) translateY(-50%); |
|||
content: 'Ad'; |
|||
color: #FFFFFF; |
|||
font-size: 1em; |
|||
font-weight: bold; |
|||
} |
|||
.ui.mobile.test.ad:after { |
|||
font-size: 0.85714286em; |
|||
} |
|||
.ui.test.ad[data-text]:after { |
|||
content: attr(data-text); |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Theme Overrides |
|||
*******************************/ |
|||
|
|||
|
|||
|
|||
/******************************* |
|||
User Variable Overrides |
|||
*******************************/ |
|||
|
|||
@ -0,0 +1,10 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Ad |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Copyright 2013 Contributors |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/.ui.ad{display:block;overflow:hidden;margin:1em 0}.ui.ad:first-child{margin:0}.ui.ad:last-child{margin:0}.ui.ad iframe{margin:0;padding:0;border:none;overflow:hidden}.ui.leaderboard.ad{width:728px;height:90px}.ui[class*="medium rectangle"].ad{width:300px;height:250px}.ui[class*="large rectangle"].ad{width:336px;height:280px}.ui[class*="half page"].ad{width:300px;height:600px}.ui.square.ad{width:250px;height:250px}.ui[class*="small square"].ad{width:200px;height:200px}.ui[class*="small rectangle"].ad{width:180px;height:150px}.ui[class*="vertical rectangle"].ad{width:240px;height:400px}.ui.button.ad{width:120px;height:90px}.ui[class*="square button"].ad{width:125px;height:125px}.ui[class*="small button"].ad{width:120px;height:60px}.ui.skyscraper.ad{width:120px;height:600px}.ui[class*="wide skyscraper"].ad{width:160px}.ui.banner.ad{width:468px;height:60px}.ui[class*="vertical banner"].ad{width:120px;height:240px}.ui[class*="top banner"].ad{width:930px;height:180px}.ui[class*="half banner"].ad{width:234px;height:60px}.ui[class*="large leaderboard"].ad{width:970px;height:90px}.ui.billboard.ad{width:970px;height:250px}.ui.panorama.ad{width:980px;height:120px}.ui.netboard.ad{width:580px;height:400px}.ui[class*="large mobile banner"].ad{width:320px;height:100px}.ui[class*="mobile leaderboard"].ad{width:320px;height:50px}.ui.mobile.ad{display:none}@media only screen and (max-width:767px){.ui.mobile.ad{display:block}}.ui.centered.ad{margin-left:auto;margin-right:auto}.ui.test.ad{position:relative;background:#545454}.ui.test.ad:after{position:absolute;top:50%;left:50%;width:100%;text-align:center;transform:translateX(-50%) translateY(-50%);content:'Ad';color:#fff;font-size:1em;font-weight:700}.ui.mobile.test.ad:after{font-size:.85714286em}.ui.test.ad[data-text]:after{content:attr(data-text)} |
|||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -0,0 +1,124 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Breadcrumb |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/ |
|||
|
|||
|
|||
/******************************* |
|||
Breadcrumb |
|||
*******************************/ |
|||
|
|||
.ui.breadcrumb { |
|||
line-height: 1; |
|||
display: inline-block; |
|||
margin: 0em 0em; |
|||
vertical-align: middle; |
|||
} |
|||
.ui.breadcrumb:first-child { |
|||
margin-top: 0em; |
|||
} |
|||
.ui.breadcrumb:last-child { |
|||
margin-bottom: 0em; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Content |
|||
*******************************/ |
|||
|
|||
|
|||
/* Divider */ |
|||
.ui.breadcrumb .divider { |
|||
display: inline-block; |
|||
opacity: 0.7; |
|||
margin: 0em 0.21428571rem 0em; |
|||
font-size: 0.92857143em; |
|||
color: rgba(0, 0, 0, 0.4); |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
/* Link */ |
|||
.ui.breadcrumb a { |
|||
color: #4183C4; |
|||
} |
|||
.ui.breadcrumb a:hover { |
|||
color: #1e70bf; |
|||
} |
|||
|
|||
/* Icon Divider */ |
|||
.ui.breadcrumb .icon.divider { |
|||
font-size: 0.85714286em; |
|||
vertical-align: baseline; |
|||
} |
|||
|
|||
/* Section */ |
|||
.ui.breadcrumb a.section { |
|||
cursor: pointer; |
|||
} |
|||
.ui.breadcrumb .section { |
|||
display: inline-block; |
|||
margin: 0em; |
|||
padding: 0em; |
|||
} |
|||
|
|||
/* Loose Coupling */ |
|||
.ui.breadcrumb.segment { |
|||
display: inline-block; |
|||
padding: 0.78571429em 1em; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
States |
|||
*******************************/ |
|||
|
|||
.ui.breadcrumb .active.section { |
|||
font-weight: bold; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Variations |
|||
*******************************/ |
|||
|
|||
.ui.mini.breadcrumb { |
|||
font-size: 0.78571429rem; |
|||
} |
|||
.ui.tiny.breadcrumb { |
|||
font-size: 0.85714286rem; |
|||
} |
|||
.ui.small.breadcrumb { |
|||
font-size: 0.92857143rem; |
|||
} |
|||
.ui.breadcrumb { |
|||
font-size: 1rem; |
|||
} |
|||
.ui.large.breadcrumb { |
|||
font-size: 1.14285714rem; |
|||
} |
|||
.ui.big.breadcrumb { |
|||
font-size: 1.28571429rem; |
|||
} |
|||
.ui.huge.breadcrumb { |
|||
font-size: 1.42857143rem; |
|||
} |
|||
.ui.massive.breadcrumb { |
|||
font-size: 1.71428571rem; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Theme Overrides |
|||
*******************************/ |
|||
|
|||
|
|||
|
|||
/******************************* |
|||
Site Overrides |
|||
*******************************/ |
|||
|
|||
@ -0,0 +1,9 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Breadcrumb |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/.ui.breadcrumb{line-height:1;display:inline-block;margin:0 0;vertical-align:middle}.ui.breadcrumb:first-child{margin-top:0}.ui.breadcrumb:last-child{margin-bottom:0}.ui.breadcrumb .divider{display:inline-block;opacity:.7;margin:0 .21428571rem 0;font-size:.92857143em;color:rgba(0,0,0,.4);vertical-align:baseline}.ui.breadcrumb a{color:#4183c4}.ui.breadcrumb a:hover{color:#1e70bf}.ui.breadcrumb .icon.divider{font-size:.85714286em;vertical-align:baseline}.ui.breadcrumb a.section{cursor:pointer}.ui.breadcrumb .section{display:inline-block;margin:0;padding:0}.ui.breadcrumb.segment{display:inline-block;padding:.78571429em 1em}.ui.breadcrumb .active.section{font-weight:700}.ui.mini.breadcrumb{font-size:.78571429rem}.ui.tiny.breadcrumb{font-size:.85714286rem}.ui.small.breadcrumb{font-size:.92857143rem}.ui.breadcrumb{font-size:1rem}.ui.large.breadcrumb{font-size:1.14285714rem}.ui.big.breadcrumb{font-size:1.28571429rem}.ui.huge.breadcrumb{font-size:1.42857143rem}.ui.massive.breadcrumb{font-size:1.71428571rem} |
|||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -0,0 +1,937 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Item |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/ |
|||
|
|||
|
|||
/******************************* |
|||
Standard |
|||
*******************************/ |
|||
|
|||
|
|||
/*-------------- |
|||
Card |
|||
---------------*/ |
|||
|
|||
.ui.cards > .card, |
|||
.ui.card { |
|||
max-width: 100%; |
|||
position: relative; |
|||
display: flex; |
|||
flex-direction: column; |
|||
width: 290px; |
|||
min-height: 0px; |
|||
background: #FFFFFF; |
|||
padding: 0em; |
|||
border: none; |
|||
border-radius: 0.28571429rem; |
|||
box-shadow: 0px 1px 3px 0px #D4D4D5, 0px 0px 0px 1px #D4D4D5; |
|||
transition: box-shadow 0.1s ease, transform 0.1s ease; |
|||
z-index: ''; |
|||
} |
|||
.ui.card { |
|||
margin: 1em 0em; |
|||
} |
|||
.ui.cards > .card a, |
|||
.ui.card a { |
|||
cursor: pointer; |
|||
} |
|||
.ui.card:first-child { |
|||
margin-top: 0em; |
|||
} |
|||
.ui.card:last-child { |
|||
margin-bottom: 0em; |
|||
} |
|||
|
|||
/*-------------- |
|||
Cards |
|||
---------------*/ |
|||
|
|||
.ui.cards { |
|||
display: flex; |
|||
margin: -0.875em -0.5em; |
|||
flex-wrap: wrap; |
|||
} |
|||
.ui.cards > .card { |
|||
display: flex; |
|||
margin: 0.875em 0.5em; |
|||
float: none; |
|||
} |
|||
|
|||
/* Clearing */ |
|||
.ui.cards:after, |
|||
.ui.card:after { |
|||
display: block; |
|||
content: ' '; |
|||
height: 0px; |
|||
clear: both; |
|||
overflow: hidden; |
|||
visibility: hidden; |
|||
} |
|||
|
|||
/* Consecutive Card Groups Preserve Row Spacing */ |
|||
.ui.cards ~ .ui.cards { |
|||
margin-top: 0.875em; |
|||
} |
|||
|
|||
/*-------------- |
|||
Rounded Edges |
|||
---------------*/ |
|||
|
|||
.ui.cards > .card > :first-child, |
|||
.ui.card > :first-child { |
|||
border-radius: 0.28571429rem 0.28571429rem 0em 0em !important; |
|||
border-top: none !important; |
|||
} |
|||
.ui.cards > .card > :last-child, |
|||
.ui.card > :last-child { |
|||
border-radius: 0em 0em 0.28571429rem 0.28571429rem !important; |
|||
} |
|||
.ui.cards > .card > :only-child, |
|||
.ui.card > :only-child { |
|||
border-radius: 0.28571429rem !important; |
|||
} |
|||
|
|||
/*-------------- |
|||
Images |
|||
---------------*/ |
|||
|
|||
.ui.cards > .card > .image, |
|||
.ui.card > .image { |
|||
position: relative; |
|||
display: block; |
|||
flex: 0 0 auto; |
|||
padding: 0em; |
|||
background: rgba(0, 0, 0, 0.05); |
|||
} |
|||
.ui.cards > .card > .image > img, |
|||
.ui.card > .image > img { |
|||
display: block; |
|||
width: 100%; |
|||
height: auto; |
|||
border-radius: inherit; |
|||
} |
|||
.ui.cards > .card > .image:not(.ui) > img, |
|||
.ui.card > .image:not(.ui) > img { |
|||
border: none; |
|||
} |
|||
|
|||
/*-------------- |
|||
Content |
|||
---------------*/ |
|||
|
|||
.ui.cards > .card > .content, |
|||
.ui.card > .content { |
|||
flex-grow: 1; |
|||
border: none; |
|||
border-top: 1px solid rgba(34, 36, 38, 0.1); |
|||
background: none; |
|||
margin: 0em; |
|||
padding: 1em 1em; |
|||
box-shadow: none; |
|||
font-size: 1em; |
|||
border-radius: 0em; |
|||
} |
|||
.ui.cards > .card > .content:after, |
|||
.ui.card > .content:after { |
|||
display: block; |
|||
content: ' '; |
|||
height: 0px; |
|||
clear: both; |
|||
overflow: hidden; |
|||
visibility: hidden; |
|||
} |
|||
.ui.cards > .card > .content > .header, |
|||
.ui.card > .content > .header { |
|||
display: block; |
|||
margin: ''; |
|||
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; |
|||
color: rgba(0, 0, 0, 0.85); |
|||
} |
|||
|
|||
/* Default Header Size */ |
|||
.ui.cards > .card > .content > .header:not(.ui), |
|||
.ui.card > .content > .header:not(.ui) { |
|||
font-weight: bold; |
|||
font-size: 1.28571429em; |
|||
margin-top: -0.21425em; |
|||
line-height: 1.28571429em; |
|||
} |
|||
.ui.cards > .card > .content > .meta + .description, |
|||
.ui.cards > .card > .content > .header + .description, |
|||
.ui.card > .content > .meta + .description, |
|||
.ui.card > .content > .header + .description { |
|||
margin-top: 0.5em; |
|||
} |
|||
|
|||
/*---------------- |
|||
Floated Content |
|||
-----------------*/ |
|||
|
|||
.ui.cards > .card [class*="left floated"], |
|||
.ui.card [class*="left floated"] { |
|||
float: left; |
|||
} |
|||
.ui.cards > .card [class*="right floated"], |
|||
.ui.card [class*="right floated"] { |
|||
float: right; |
|||
} |
|||
|
|||
/*-------------- |
|||
Aligned |
|||
---------------*/ |
|||
|
|||
.ui.cards > .card [class*="left aligned"], |
|||
.ui.card [class*="left aligned"] { |
|||
text-align: left; |
|||
} |
|||
.ui.cards > .card [class*="center aligned"], |
|||
.ui.card [class*="center aligned"] { |
|||
text-align: center; |
|||
} |
|||
.ui.cards > .card [class*="right aligned"], |
|||
.ui.card [class*="right aligned"] { |
|||
text-align: right; |
|||
} |
|||
|
|||
/*-------------- |
|||
Content Image |
|||
---------------*/ |
|||
|
|||
.ui.cards > .card .content img, |
|||
.ui.card .content img { |
|||
display: inline-block; |
|||
vertical-align: middle; |
|||
width: ''; |
|||
} |
|||
.ui.cards > .card img.avatar, |
|||
.ui.cards > .card .avatar img, |
|||
.ui.card img.avatar, |
|||
.ui.card .avatar img { |
|||
width: 2em; |
|||
height: 2em; |
|||
border-radius: 500rem; |
|||
} |
|||
|
|||
/*-------------- |
|||
Description |
|||
---------------*/ |
|||
|
|||
.ui.cards > .card > .content > .description, |
|||
.ui.card > .content > .description { |
|||
clear: both; |
|||
color: rgba(0, 0, 0, 0.68); |
|||
} |
|||
|
|||
/*-------------- |
|||
Paragraph |
|||
---------------*/ |
|||
|
|||
.ui.cards > .card > .content p, |
|||
.ui.card > .content p { |
|||
margin: 0em 0em 0.5em; |
|||
} |
|||
.ui.cards > .card > .content p:last-child, |
|||
.ui.card > .content p:last-child { |
|||
margin-bottom: 0em; |
|||
} |
|||
|
|||
/*-------------- |
|||
Meta |
|||
---------------*/ |
|||
|
|||
.ui.cards > .card .meta, |
|||
.ui.card .meta { |
|||
font-size: 1em; |
|||
color: rgba(0, 0, 0, 0.4); |
|||
} |
|||
.ui.cards > .card .meta *, |
|||
.ui.card .meta * { |
|||
margin-right: 0.3em; |
|||
} |
|||
.ui.cards > .card .meta :last-child, |
|||
.ui.card .meta :last-child { |
|||
margin-right: 0em; |
|||
} |
|||
.ui.cards > .card .meta [class*="right floated"], |
|||
.ui.card .meta [class*="right floated"] { |
|||
margin-right: 0em; |
|||
margin-left: 0.3em; |
|||
} |
|||
|
|||
/*-------------- |
|||
Links |
|||
---------------*/ |
|||
|
|||
|
|||
/* Generic */ |
|||
.ui.cards > .card > .content a:not(.ui), |
|||
.ui.card > .content a:not(.ui) { |
|||
color: ''; |
|||
transition: color 0.1s ease; |
|||
} |
|||
.ui.cards > .card > .content a:not(.ui):hover, |
|||
.ui.card > .content a:not(.ui):hover { |
|||
color: ''; |
|||
} |
|||
|
|||
/* Header */ |
|||
.ui.cards > .card > .content > a.header, |
|||
.ui.card > .content > a.header { |
|||
color: rgba(0, 0, 0, 0.85); |
|||
} |
|||
.ui.cards > .card > .content > a.header:hover, |
|||
.ui.card > .content > a.header:hover { |
|||
color: #1e70bf; |
|||
} |
|||
|
|||
/* Meta */ |
|||
.ui.cards > .card .meta > a:not(.ui), |
|||
.ui.card .meta > a:not(.ui) { |
|||
color: rgba(0, 0, 0, 0.4); |
|||
} |
|||
.ui.cards > .card .meta > a:not(.ui):hover, |
|||
.ui.card .meta > a:not(.ui):hover { |
|||
color: rgba(0, 0, 0, 0.87); |
|||
} |
|||
|
|||
/*-------------- |
|||
Buttons |
|||
---------------*/ |
|||
|
|||
.ui.cards > .card > .buttons, |
|||
.ui.card > .buttons, |
|||
.ui.cards > .card > .button, |
|||
.ui.card > .button { |
|||
margin: 0px -1px; |
|||
width: calc(100% + 2px ); |
|||
} |
|||
|
|||
/*-------------- |
|||
Dimmer |
|||
---------------*/ |
|||
|
|||
.ui.cards > .card .dimmer, |
|||
.ui.card .dimmer { |
|||
background-color: ''; |
|||
z-index: 10; |
|||
} |
|||
|
|||
/*-------------- |
|||
Labels |
|||
---------------*/ |
|||
|
|||
|
|||
/*-----Star----- */ |
|||
|
|||
|
|||
/* Icon */ |
|||
.ui.cards > .card > .content .star.icon, |
|||
.ui.card > .content .star.icon { |
|||
cursor: pointer; |
|||
opacity: 0.75; |
|||
transition: color 0.1s ease; |
|||
} |
|||
.ui.cards > .card > .content .star.icon:hover, |
|||
.ui.card > .content .star.icon:hover { |
|||
opacity: 1; |
|||
color: #FFB70A; |
|||
} |
|||
.ui.cards > .card > .content .active.star.icon, |
|||
.ui.card > .content .active.star.icon { |
|||
color: #FFE623; |
|||
} |
|||
|
|||
/*-----Like----- */ |
|||
|
|||
|
|||
/* Icon */ |
|||
.ui.cards > .card > .content .like.icon, |
|||
.ui.card > .content .like.icon { |
|||
cursor: pointer; |
|||
opacity: 0.75; |
|||
transition: color 0.1s ease; |
|||
} |
|||
.ui.cards > .card > .content .like.icon:hover, |
|||
.ui.card > .content .like.icon:hover { |
|||
opacity: 1; |
|||
color: #FF2733; |
|||
} |
|||
.ui.cards > .card > .content .active.like.icon, |
|||
.ui.card > .content .active.like.icon { |
|||
color: #FF2733; |
|||
} |
|||
|
|||
/*---------------- |
|||
Extra Content |
|||
-----------------*/ |
|||
|
|||
.ui.cards > .card > .extra, |
|||
.ui.card > .extra { |
|||
max-width: 100%; |
|||
min-height: 0em !important; |
|||
flex-grow: 0; |
|||
border-top: 1px solid rgba(0, 0, 0, 0.05) !important; |
|||
position: static; |
|||
background: none; |
|||
width: auto; |
|||
margin: 0em 0em; |
|||
padding: 0.75em 1em; |
|||
top: 0em; |
|||
left: 0em; |
|||
color: rgba(0, 0, 0, 0.4); |
|||
box-shadow: none; |
|||
transition: color 0.1s ease; |
|||
} |
|||
.ui.cards > .card > .extra a:not(.ui), |
|||
.ui.card > .extra a:not(.ui) { |
|||
color: rgba(0, 0, 0, 0.4); |
|||
} |
|||
.ui.cards > .card > .extra a:not(.ui):hover, |
|||
.ui.card > .extra a:not(.ui):hover { |
|||
color: #1e70bf; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Variations |
|||
*******************************/ |
|||
|
|||
|
|||
/*------------------- |
|||
Raised |
|||
--------------------*/ |
|||
|
|||
.ui.raised.cards > .card, |
|||
.ui.raised.card { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); |
|||
} |
|||
.ui.raised.cards a.card:hover, |
|||
.ui.link.cards .raised.card:hover, |
|||
a.ui.raised.card:hover, |
|||
.ui.link.raised.card:hover { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.15), 0px 2px 10px 0px rgba(34, 36, 38, 0.25); |
|||
} |
|||
.ui.raised.cards > .card, |
|||
.ui.raised.card { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 4px 0px rgba(34, 36, 38, 0.12), 0px 2px 10px 0px rgba(34, 36, 38, 0.15); |
|||
} |
|||
|
|||
/*------------------- |
|||
Centered |
|||
--------------------*/ |
|||
|
|||
.ui.centered.cards { |
|||
justify-content: center; |
|||
} |
|||
.ui.centered.card { |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
} |
|||
|
|||
/*------------------- |
|||
Fluid |
|||
--------------------*/ |
|||
|
|||
.ui.fluid.card { |
|||
width: 100%; |
|||
max-width: 9999px; |
|||
} |
|||
|
|||
/*------------------- |
|||
Link |
|||
--------------------*/ |
|||
|
|||
.ui.cards a.card, |
|||
.ui.link.cards .card, |
|||
a.ui.card, |
|||
.ui.link.card { |
|||
transform: none; |
|||
} |
|||
.ui.cards a.card:hover, |
|||
.ui.link.cards .card:hover, |
|||
a.ui.card:hover, |
|||
.ui.link.card:hover { |
|||
cursor: pointer; |
|||
z-index: 5; |
|||
background: #FFFFFF; |
|||
border: none; |
|||
box-shadow: 0px 1px 3px 0px #BCBDBD, 0px 0px 0px 1px #D4D4D5; |
|||
transform: translateY(-3px); |
|||
} |
|||
|
|||
/*------------------- |
|||
Colors |
|||
--------------------*/ |
|||
|
|||
|
|||
/* Red */ |
|||
.ui.red.cards > .card, |
|||
.ui.cards > .red.card, |
|||
.ui.red.card { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #DB2828, 0px 1px 3px 0px #D4D4D5; |
|||
} |
|||
.ui.red.cards > .card:hover, |
|||
.ui.cards > .red.card:hover, |
|||
.ui.red.card:hover { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #d01919, 0px 1px 3px 0px #BCBDBD; |
|||
} |
|||
|
|||
/* Orange */ |
|||
.ui.orange.cards > .card, |
|||
.ui.cards > .orange.card, |
|||
.ui.orange.card { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #F2711C, 0px 1px 3px 0px #D4D4D5; |
|||
} |
|||
.ui.orange.cards > .card:hover, |
|||
.ui.cards > .orange.card:hover, |
|||
.ui.orange.card:hover { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #f26202, 0px 1px 3px 0px #BCBDBD; |
|||
} |
|||
|
|||
/* Yellow */ |
|||
.ui.yellow.cards > .card, |
|||
.ui.cards > .yellow.card, |
|||
.ui.yellow.card { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #FBBD08, 0px 1px 3px 0px #D4D4D5; |
|||
} |
|||
.ui.yellow.cards > .card:hover, |
|||
.ui.cards > .yellow.card:hover, |
|||
.ui.yellow.card:hover { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #eaae00, 0px 1px 3px 0px #BCBDBD; |
|||
} |
|||
|
|||
/* Olive */ |
|||
.ui.olive.cards > .card, |
|||
.ui.cards > .olive.card, |
|||
.ui.olive.card { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #B5CC18, 0px 1px 3px 0px #D4D4D5; |
|||
} |
|||
.ui.olive.cards > .card:hover, |
|||
.ui.cards > .olive.card:hover, |
|||
.ui.olive.card:hover { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #a7bd0d, 0px 1px 3px 0px #BCBDBD; |
|||
} |
|||
|
|||
/* Green */ |
|||
.ui.green.cards > .card, |
|||
.ui.cards > .green.card, |
|||
.ui.green.card { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #21BA45, 0px 1px 3px 0px #D4D4D5; |
|||
} |
|||
.ui.green.cards > .card:hover, |
|||
.ui.cards > .green.card:hover, |
|||
.ui.green.card:hover { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #16ab39, 0px 1px 3px 0px #BCBDBD; |
|||
} |
|||
|
|||
/* Teal */ |
|||
.ui.teal.cards > .card, |
|||
.ui.cards > .teal.card, |
|||
.ui.teal.card { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #00B5AD, 0px 1px 3px 0px #D4D4D5; |
|||
} |
|||
.ui.teal.cards > .card:hover, |
|||
.ui.cards > .teal.card:hover, |
|||
.ui.teal.card:hover { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #009c95, 0px 1px 3px 0px #BCBDBD; |
|||
} |
|||
|
|||
/* Blue */ |
|||
.ui.blue.cards > .card, |
|||
.ui.cards > .blue.card, |
|||
.ui.blue.card { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #2185D0, 0px 1px 3px 0px #D4D4D5; |
|||
} |
|||
.ui.blue.cards > .card:hover, |
|||
.ui.cards > .blue.card:hover, |
|||
.ui.blue.card:hover { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1678c2, 0px 1px 3px 0px #BCBDBD; |
|||
} |
|||
|
|||
/* Violet */ |
|||
.ui.violet.cards > .card, |
|||
.ui.cards > .violet.card, |
|||
.ui.violet.card { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #6435C9, 0px 1px 3px 0px #D4D4D5; |
|||
} |
|||
.ui.violet.cards > .card:hover, |
|||
.ui.cards > .violet.card:hover, |
|||
.ui.violet.card:hover { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #5829bb, 0px 1px 3px 0px #BCBDBD; |
|||
} |
|||
|
|||
/* Purple */ |
|||
.ui.purple.cards > .card, |
|||
.ui.cards > .purple.card, |
|||
.ui.purple.card { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A333C8, 0px 1px 3px 0px #D4D4D5; |
|||
} |
|||
.ui.purple.cards > .card:hover, |
|||
.ui.cards > .purple.card:hover, |
|||
.ui.purple.card:hover { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #9627ba, 0px 1px 3px 0px #BCBDBD; |
|||
} |
|||
|
|||
/* Pink */ |
|||
.ui.pink.cards > .card, |
|||
.ui.cards > .pink.card, |
|||
.ui.pink.card { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #E03997, 0px 1px 3px 0px #D4D4D5; |
|||
} |
|||
.ui.pink.cards > .card:hover, |
|||
.ui.cards > .pink.card:hover, |
|||
.ui.pink.card:hover { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #e61a8d, 0px 1px 3px 0px #BCBDBD; |
|||
} |
|||
|
|||
/* Brown */ |
|||
.ui.brown.cards > .card, |
|||
.ui.cards > .brown.card, |
|||
.ui.brown.card { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #A5673F, 0px 1px 3px 0px #D4D4D5; |
|||
} |
|||
.ui.brown.cards > .card:hover, |
|||
.ui.cards > .brown.card:hover, |
|||
.ui.brown.card:hover { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #975b33, 0px 1px 3px 0px #BCBDBD; |
|||
} |
|||
|
|||
/* Grey */ |
|||
.ui.grey.cards > .card, |
|||
.ui.cards > .grey.card, |
|||
.ui.grey.card { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #767676, 0px 1px 3px 0px #D4D4D5; |
|||
} |
|||
.ui.grey.cards > .card:hover, |
|||
.ui.cards > .grey.card:hover, |
|||
.ui.grey.card:hover { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #838383, 0px 1px 3px 0px #BCBDBD; |
|||
} |
|||
|
|||
/* Black */ |
|||
.ui.black.cards > .card, |
|||
.ui.cards > .black.card, |
|||
.ui.black.card { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #1B1C1D, 0px 1px 3px 0px #D4D4D5; |
|||
} |
|||
.ui.black.cards > .card:hover, |
|||
.ui.cards > .black.card:hover, |
|||
.ui.black.card:hover { |
|||
box-shadow: 0px 0px 0px 1px #D4D4D5, 0px 2px 0px 0px #27292a, 0px 1px 3px 0px #BCBDBD; |
|||
} |
|||
|
|||
/*-------------- |
|||
Card Count |
|||
---------------*/ |
|||
|
|||
.ui.one.cards { |
|||
margin-left: 0em; |
|||
margin-right: 0em; |
|||
} |
|||
.ui.one.cards > .card { |
|||
width: 100%; |
|||
} |
|||
.ui.two.cards { |
|||
margin-left: -1em; |
|||
margin-right: -1em; |
|||
} |
|||
.ui.two.cards > .card { |
|||
width: calc( 50% - 2em ); |
|||
margin-left: 1em; |
|||
margin-right: 1em; |
|||
} |
|||
.ui.three.cards { |
|||
margin-left: -1em; |
|||
margin-right: -1em; |
|||
} |
|||
.ui.three.cards > .card { |
|||
width: calc( 33.33333333% - 2em ); |
|||
margin-left: 1em; |
|||
margin-right: 1em; |
|||
} |
|||
.ui.four.cards { |
|||
margin-left: -0.75em; |
|||
margin-right: -0.75em; |
|||
} |
|||
.ui.four.cards > .card { |
|||
width: calc( 25% - 1.5em ); |
|||
margin-left: 0.75em; |
|||
margin-right: 0.75em; |
|||
} |
|||
.ui.five.cards { |
|||
margin-left: -0.75em; |
|||
margin-right: -0.75em; |
|||
} |
|||
.ui.five.cards > .card { |
|||
width: calc( 20% - 1.5em ); |
|||
margin-left: 0.75em; |
|||
margin-right: 0.75em; |
|||
} |
|||
.ui.six.cards { |
|||
margin-left: -0.75em; |
|||
margin-right: -0.75em; |
|||
} |
|||
.ui.six.cards > .card { |
|||
width: calc( 16.66666667% - 1.5em ); |
|||
margin-left: 0.75em; |
|||
margin-right: 0.75em; |
|||
} |
|||
.ui.seven.cards { |
|||
margin-left: -0.5em; |
|||
margin-right: -0.5em; |
|||
} |
|||
.ui.seven.cards > .card { |
|||
width: calc( 14.28571429% - 1em ); |
|||
margin-left: 0.5em; |
|||
margin-right: 0.5em; |
|||
} |
|||
.ui.eight.cards { |
|||
margin-left: -0.5em; |
|||
margin-right: -0.5em; |
|||
} |
|||
.ui.eight.cards > .card { |
|||
width: calc( 12.5% - 1em ); |
|||
margin-left: 0.5em; |
|||
margin-right: 0.5em; |
|||
font-size: 11px; |
|||
} |
|||
.ui.nine.cards { |
|||
margin-left: -0.5em; |
|||
margin-right: -0.5em; |
|||
} |
|||
.ui.nine.cards > .card { |
|||
width: calc( 11.11111111% - 1em ); |
|||
margin-left: 0.5em; |
|||
margin-right: 0.5em; |
|||
font-size: 10px; |
|||
} |
|||
.ui.ten.cards { |
|||
margin-left: -0.5em; |
|||
margin-right: -0.5em; |
|||
} |
|||
.ui.ten.cards > .card { |
|||
width: calc( 10% - 1em ); |
|||
margin-left: 0.5em; |
|||
margin-right: 0.5em; |
|||
} |
|||
|
|||
/*------------------- |
|||
Doubling |
|||
--------------------*/ |
|||
|
|||
|
|||
/* Mobile Only */ |
|||
@media only screen and (max-width: 767px) { |
|||
.ui.two.doubling.cards { |
|||
margin-left: 0em; |
|||
margin-right: 0em; |
|||
} |
|||
.ui.two.doubling.cards > .card { |
|||
width: 100%; |
|||
margin-left: 0em; |
|||
margin-right: 0em; |
|||
} |
|||
.ui.three.doubling.cards { |
|||
margin-left: -1em; |
|||
margin-right: -1em; |
|||
} |
|||
.ui.three.doubling.cards > .card { |
|||
width: calc( 50% - 2em ); |
|||
margin-left: 1em; |
|||
margin-right: 1em; |
|||
} |
|||
.ui.four.doubling.cards { |
|||
margin-left: -1em; |
|||
margin-right: -1em; |
|||
} |
|||
.ui.four.doubling.cards > .card { |
|||
width: calc( 50% - 2em ); |
|||
margin-left: 1em; |
|||
margin-right: 1em; |
|||
} |
|||
.ui.five.doubling.cards { |
|||
margin-left: -1em; |
|||
margin-right: -1em; |
|||
} |
|||
.ui.five.doubling.cards > .card { |
|||
width: calc( 50% - 2em ); |
|||
margin-left: 1em; |
|||
margin-right: 1em; |
|||
} |
|||
.ui.six.doubling.cards { |
|||
margin-left: -1em; |
|||
margin-right: -1em; |
|||
} |
|||
.ui.six.doubling.cards > .card { |
|||
width: calc( 50% - 2em ); |
|||
margin-left: 1em; |
|||
margin-right: 1em; |
|||
} |
|||
.ui.seven.doubling.cards { |
|||
margin-left: -1em; |
|||
margin-right: -1em; |
|||
} |
|||
.ui.seven.doubling.cards > .card { |
|||
width: calc( 33.33333333% - 2em ); |
|||
margin-left: 1em; |
|||
margin-right: 1em; |
|||
} |
|||
.ui.eight.doubling.cards { |
|||
margin-left: -1em; |
|||
margin-right: -1em; |
|||
} |
|||
.ui.eight.doubling.cards > .card { |
|||
width: calc( 33.33333333% - 2em ); |
|||
margin-left: 1em; |
|||
margin-right: 1em; |
|||
} |
|||
.ui.nine.doubling.cards { |
|||
margin-left: -1em; |
|||
margin-right: -1em; |
|||
} |
|||
.ui.nine.doubling.cards > .card { |
|||
width: calc( 33.33333333% - 2em ); |
|||
margin-left: 1em; |
|||
margin-right: 1em; |
|||
} |
|||
.ui.ten.doubling.cards { |
|||
margin-left: -1em; |
|||
margin-right: -1em; |
|||
} |
|||
.ui.ten.doubling.cards > .card { |
|||
width: calc( 33.33333333% - 2em ); |
|||
margin-left: 1em; |
|||
margin-right: 1em; |
|||
} |
|||
} |
|||
|
|||
/* Tablet Only */ |
|||
@media only screen and (min-width: 768px) and (max-width: 991px) { |
|||
.ui.two.doubling.cards { |
|||
margin-left: 0em; |
|||
margin-right: 0em; |
|||
} |
|||
.ui.two.doubling.cards > .card { |
|||
width: 100%; |
|||
margin-left: 0em; |
|||
margin-right: 0em; |
|||
} |
|||
.ui.three.doubling.cards { |
|||
margin-left: -1em; |
|||
margin-right: -1em; |
|||
} |
|||
.ui.three.doubling.cards > .card { |
|||
width: calc( 50% - 2em ); |
|||
margin-left: 1em; |
|||
margin-right: 1em; |
|||
} |
|||
.ui.four.doubling.cards { |
|||
margin-left: -1em; |
|||
margin-right: -1em; |
|||
} |
|||
.ui.four.doubling.cards > .card { |
|||
width: calc( 50% - 2em ); |
|||
margin-left: 1em; |
|||
margin-right: 1em; |
|||
} |
|||
.ui.five.doubling.cards { |
|||
margin-left: -1em; |
|||
margin-right: -1em; |
|||
} |
|||
.ui.five.doubling.cards > .card { |
|||
width: calc( 33.33333333% - 2em ); |
|||
margin-left: 1em; |
|||
margin-right: 1em; |
|||
} |
|||
.ui.six.doubling.cards { |
|||
margin-left: -1em; |
|||
margin-right: -1em; |
|||
} |
|||
.ui.six.doubling.cards > .card { |
|||
width: calc( 33.33333333% - 2em ); |
|||
margin-left: 1em; |
|||
margin-right: 1em; |
|||
} |
|||
.ui.eight.doubling.cards { |
|||
margin-left: -1em; |
|||
margin-right: -1em; |
|||
} |
|||
.ui.eight.doubling.cards > .card { |
|||
width: calc( 33.33333333% - 2em ); |
|||
margin-left: 1em; |
|||
margin-right: 1em; |
|||
} |
|||
.ui.eight.doubling.cards { |
|||
margin-left: -0.75em; |
|||
margin-right: -0.75em; |
|||
} |
|||
.ui.eight.doubling.cards > .card { |
|||
width: calc( 25% - 1.5em ); |
|||
margin-left: 0.75em; |
|||
margin-right: 0.75em; |
|||
} |
|||
.ui.nine.doubling.cards { |
|||
margin-left: -0.75em; |
|||
margin-right: -0.75em; |
|||
} |
|||
.ui.nine.doubling.cards > .card { |
|||
width: calc( 25% - 1.5em ); |
|||
margin-left: 0.75em; |
|||
margin-right: 0.75em; |
|||
} |
|||
.ui.ten.doubling.cards { |
|||
margin-left: -0.75em; |
|||
margin-right: -0.75em; |
|||
} |
|||
.ui.ten.doubling.cards > .card { |
|||
width: calc( 20% - 1.5em ); |
|||
margin-left: 0.75em; |
|||
margin-right: 0.75em; |
|||
} |
|||
} |
|||
|
|||
/*------------------- |
|||
Stackable |
|||
--------------------*/ |
|||
|
|||
@media only screen and (max-width: 767px) { |
|||
.ui.stackable.cards { |
|||
display: block !important; |
|||
} |
|||
.ui.stackable.cards .card:first-child { |
|||
margin-top: 0em !important; |
|||
} |
|||
.ui.stackable.cards > .card { |
|||
display: block !important; |
|||
height: auto !important; |
|||
margin: 1em 1em; |
|||
padding: 0 !important; |
|||
width: calc( 100% - 2em ) !important; |
|||
} |
|||
} |
|||
|
|||
/*-------------- |
|||
Size |
|||
---------------*/ |
|||
|
|||
.ui.cards > .card { |
|||
font-size: 1em; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Theme Overrides |
|||
*******************************/ |
|||
|
|||
|
|||
|
|||
/******************************* |
|||
User Variable Overrides |
|||
*******************************/ |
|||
|
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,608 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Checkbox |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/ |
|||
|
|||
|
|||
/******************************* |
|||
Checkbox |
|||
*******************************/ |
|||
|
|||
|
|||
/*-------------- |
|||
Content |
|||
---------------*/ |
|||
|
|||
.ui.checkbox { |
|||
position: relative; |
|||
display: inline-block; |
|||
-webkit-backface-visibility: hidden; |
|||
backface-visibility: hidden; |
|||
outline: none; |
|||
vertical-align: baseline; |
|||
font-style: normal; |
|||
min-height: 17px; |
|||
font-size: 1rem; |
|||
line-height: 17px; |
|||
min-width: 17px; |
|||
} |
|||
|
|||
/* HTML Checkbox */ |
|||
.ui.checkbox input[type="checkbox"], |
|||
.ui.checkbox input[type="radio"] { |
|||
cursor: pointer; |
|||
position: absolute; |
|||
top: 0px; |
|||
left: 0px; |
|||
opacity: 0 !important; |
|||
outline: none; |
|||
z-index: 3; |
|||
width: 17px; |
|||
height: 17px; |
|||
} |
|||
|
|||
/*-------------- |
|||
Box |
|||
---------------*/ |
|||
|
|||
.ui.checkbox .box, |
|||
.ui.checkbox label { |
|||
cursor: auto; |
|||
position: relative; |
|||
display: block; |
|||
padding-left: 1.85714em; |
|||
outline: none; |
|||
font-size: 1em; |
|||
} |
|||
.ui.checkbox .box:before, |
|||
.ui.checkbox label:before { |
|||
position: absolute; |
|||
top: 0px; |
|||
left: 0px; |
|||
width: 17px; |
|||
height: 17px; |
|||
content: ''; |
|||
background: #FFFFFF; |
|||
border-radius: 0.21428571rem; |
|||
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; |
|||
border: 1px solid #D4D4D5; |
|||
} |
|||
|
|||
/*-------------- |
|||
Checkmark |
|||
---------------*/ |
|||
|
|||
.ui.checkbox .box:after, |
|||
.ui.checkbox label:after { |
|||
position: absolute; |
|||
font-size: 14px; |
|||
top: 0px; |
|||
left: 0px; |
|||
width: 17px; |
|||
height: 17px; |
|||
text-align: center; |
|||
opacity: 0; |
|||
color: rgba(0, 0, 0, 0.87); |
|||
transition: border 0.1s ease, opacity 0.1s ease, transform 0.1s ease, box-shadow 0.1s ease; |
|||
} |
|||
|
|||
/*-------------- |
|||
Label |
|||
---------------*/ |
|||
|
|||
|
|||
/* Inside */ |
|||
.ui.checkbox label, |
|||
.ui.checkbox + label { |
|||
color: rgba(0, 0, 0, 0.87); |
|||
transition: color 0.1s ease; |
|||
} |
|||
|
|||
/* Outside */ |
|||
.ui.checkbox + label { |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
States |
|||
*******************************/ |
|||
|
|||
|
|||
/*-------------- |
|||
Hover |
|||
---------------*/ |
|||
|
|||
.ui.checkbox .box:hover::before, |
|||
.ui.checkbox label:hover::before { |
|||
background: #FFFFFF; |
|||
border-color: rgba(34, 36, 38, 0.35); |
|||
} |
|||
.ui.checkbox label:hover, |
|||
.ui.checkbox + label:hover { |
|||
color: rgba(0, 0, 0, 0.8); |
|||
} |
|||
|
|||
/*-------------- |
|||
Down |
|||
---------------*/ |
|||
|
|||
.ui.checkbox .box:active::before, |
|||
.ui.checkbox label:active::before { |
|||
background: #F9FAFB; |
|||
border-color: rgba(34, 36, 38, 0.35); |
|||
} |
|||
.ui.checkbox .box:active::after, |
|||
.ui.checkbox label:active::after { |
|||
color: rgba(0, 0, 0, 0.95); |
|||
} |
|||
.ui.checkbox input:active ~ label { |
|||
color: rgba(0, 0, 0, 0.95); |
|||
} |
|||
|
|||
/*-------------- |
|||
Focus |
|||
---------------*/ |
|||
|
|||
.ui.checkbox input:focus ~ .box:before, |
|||
.ui.checkbox input:focus ~ label:before { |
|||
background: #FFFFFF; |
|||
border-color: #96C8DA; |
|||
} |
|||
.ui.checkbox input:focus ~ .box:after, |
|||
.ui.checkbox input:focus ~ label:after { |
|||
color: rgba(0, 0, 0, 0.95); |
|||
} |
|||
.ui.checkbox input:focus ~ label { |
|||
color: rgba(0, 0, 0, 0.95); |
|||
} |
|||
|
|||
/*-------------- |
|||
Active |
|||
---------------*/ |
|||
|
|||
.ui.checkbox input:checked ~ .box:before, |
|||
.ui.checkbox input:checked ~ label:before { |
|||
background: #FFFFFF; |
|||
border-color: rgba(34, 36, 38, 0.35); |
|||
} |
|||
.ui.checkbox input:checked ~ .box:after, |
|||
.ui.checkbox input:checked ~ label:after { |
|||
opacity: 1; |
|||
color: rgba(0, 0, 0, 0.95); |
|||
} |
|||
|
|||
/*-------------- |
|||
Indeterminate |
|||
---------------*/ |
|||
|
|||
.ui.checkbox input:not([type=radio]):indeterminate ~ .box:before, |
|||
.ui.checkbox input:not([type=radio]):indeterminate ~ label:before { |
|||
background: #FFFFFF; |
|||
border-color: rgba(34, 36, 38, 0.35); |
|||
} |
|||
.ui.checkbox input:not([type=radio]):indeterminate ~ .box:after, |
|||
.ui.checkbox input:not([type=radio]):indeterminate ~ label:after { |
|||
opacity: 1; |
|||
color: rgba(0, 0, 0, 0.95); |
|||
} |
|||
|
|||
/*-------------- |
|||
Active Focus |
|||
---------------*/ |
|||
|
|||
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:before, |
|||
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:before, |
|||
.ui.checkbox input:checked:focus ~ .box:before, |
|||
.ui.checkbox input:checked:focus ~ label:before { |
|||
background: #FFFFFF; |
|||
border-color: #96C8DA; |
|||
} |
|||
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ .box:after, |
|||
.ui.checkbox input:not([type=radio]):indeterminate:focus ~ label:after, |
|||
.ui.checkbox input:checked:focus ~ .box:after, |
|||
.ui.checkbox input:checked:focus ~ label:after { |
|||
color: rgba(0, 0, 0, 0.95); |
|||
} |
|||
|
|||
/*-------------- |
|||
Read-Only |
|||
---------------*/ |
|||
|
|||
.ui.read-only.checkbox, |
|||
.ui.read-only.checkbox label { |
|||
cursor: default; |
|||
} |
|||
|
|||
/*-------------- |
|||
Disabled |
|||
---------------*/ |
|||
|
|||
.ui.disabled.checkbox .box:after, |
|||
.ui.disabled.checkbox label, |
|||
.ui.checkbox input[disabled] ~ .box:after, |
|||
.ui.checkbox input[disabled] ~ label { |
|||
cursor: default !important; |
|||
opacity: 0.5; |
|||
color: #000000; |
|||
} |
|||
|
|||
/*-------------- |
|||
Hidden |
|||
---------------*/ |
|||
|
|||
|
|||
/* Initialized checkbox moves input below element |
|||
to prevent manually triggering */ |
|||
.ui.checkbox input.hidden { |
|||
z-index: -1; |
|||
} |
|||
|
|||
/* Selectable Label */ |
|||
.ui.checkbox input.hidden + label { |
|||
cursor: pointer; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Types |
|||
*******************************/ |
|||
|
|||
|
|||
/*-------------- |
|||
Radio |
|||
---------------*/ |
|||
|
|||
.ui.radio.checkbox { |
|||
min-height: 15px; |
|||
} |
|||
.ui.radio.checkbox .box, |
|||
.ui.radio.checkbox label { |
|||
padding-left: 1.85714em; |
|||
} |
|||
|
|||
/* Box */ |
|||
.ui.radio.checkbox .box:before, |
|||
.ui.radio.checkbox label:before { |
|||
content: ''; |
|||
transform: none; |
|||
width: 15px; |
|||
height: 15px; |
|||
border-radius: 500rem; |
|||
top: 1px; |
|||
left: 0px; |
|||
} |
|||
|
|||
/* Bullet */ |
|||
.ui.radio.checkbox .box:after, |
|||
.ui.radio.checkbox label:after { |
|||
border: none; |
|||
content: '' !important; |
|||
width: 15px; |
|||
height: 15px; |
|||
line-height: 15px; |
|||
} |
|||
|
|||
/* Radio Checkbox */ |
|||
.ui.radio.checkbox .box:after, |
|||
.ui.radio.checkbox label:after { |
|||
top: 1px; |
|||
left: 0px; |
|||
width: 15px; |
|||
height: 15px; |
|||
border-radius: 500rem; |
|||
transform: scale(0.46666667); |
|||
background-color: rgba(0, 0, 0, 0.87); |
|||
} |
|||
|
|||
/* Focus */ |
|||
.ui.radio.checkbox input:focus ~ .box:before, |
|||
.ui.radio.checkbox input:focus ~ label:before { |
|||
background-color: #FFFFFF; |
|||
} |
|||
.ui.radio.checkbox input:focus ~ .box:after, |
|||
.ui.radio.checkbox input:focus ~ label:after { |
|||
background-color: rgba(0, 0, 0, 0.95); |
|||
} |
|||
|
|||
/* Indeterminate */ |
|||
.ui.radio.checkbox input:indeterminate ~ .box:after, |
|||
.ui.radio.checkbox input:indeterminate ~ label:after { |
|||
opacity: 0; |
|||
} |
|||
|
|||
/* Active */ |
|||
.ui.radio.checkbox input:checked ~ .box:before, |
|||
.ui.radio.checkbox input:checked ~ label:before { |
|||
background-color: #FFFFFF; |
|||
} |
|||
.ui.radio.checkbox input:checked ~ .box:after, |
|||
.ui.radio.checkbox input:checked ~ label:after { |
|||
background-color: rgba(0, 0, 0, 0.95); |
|||
} |
|||
|
|||
/* Active Focus */ |
|||
.ui.radio.checkbox input:focus:checked ~ .box:before, |
|||
.ui.radio.checkbox input:focus:checked ~ label:before { |
|||
background-color: #FFFFFF; |
|||
} |
|||
.ui.radio.checkbox input:focus:checked ~ .box:after, |
|||
.ui.radio.checkbox input:focus:checked ~ label:after { |
|||
background-color: rgba(0, 0, 0, 0.95); |
|||
} |
|||
|
|||
/*-------------- |
|||
Slider |
|||
---------------*/ |
|||
|
|||
.ui.slider.checkbox { |
|||
min-height: 1.25rem; |
|||
} |
|||
|
|||
/* Input */ |
|||
.ui.slider.checkbox input { |
|||
width: 3.5rem; |
|||
height: 1.25rem; |
|||
} |
|||
|
|||
/* Label */ |
|||
.ui.slider.checkbox .box, |
|||
.ui.slider.checkbox label { |
|||
padding-left: 4.5rem; |
|||
line-height: 1rem; |
|||
color: rgba(0, 0, 0, 0.4); |
|||
} |
|||
|
|||
/* Line */ |
|||
.ui.slider.checkbox .box:before, |
|||
.ui.slider.checkbox label:before { |
|||
display: block; |
|||
position: absolute; |
|||
content: ''; |
|||
border: none !important; |
|||
left: 0em; |
|||
z-index: 1; |
|||
top: 0.4rem; |
|||
background-color: rgba(0, 0, 0, 0.05); |
|||
width: 3.5rem; |
|||
height: 0.21428571rem; |
|||
transform: none; |
|||
border-radius: 500rem; |
|||
transition: background 0.3s ease; |
|||
} |
|||
|
|||
/* Handle */ |
|||
.ui.slider.checkbox .box:after, |
|||
.ui.slider.checkbox label:after { |
|||
background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05)); |
|||
position: absolute; |
|||
content: '' !important; |
|||
opacity: 1; |
|||
z-index: 2; |
|||
border: none; |
|||
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; |
|||
width: 1.5rem; |
|||
height: 1.5rem; |
|||
top: -0.25rem; |
|||
left: 0em; |
|||
transform: none; |
|||
border-radius: 500rem; |
|||
transition: left 0.3s ease; |
|||
} |
|||
|
|||
/* Focus */ |
|||
.ui.slider.checkbox input:focus ~ .box:before, |
|||
.ui.slider.checkbox input:focus ~ label:before { |
|||
background-color: rgba(0, 0, 0, 0.15); |
|||
border: none; |
|||
} |
|||
|
|||
/* Hover */ |
|||
.ui.slider.checkbox .box:hover, |
|||
.ui.slider.checkbox label:hover { |
|||
color: rgba(0, 0, 0, 0.8); |
|||
} |
|||
.ui.slider.checkbox .box:hover::before, |
|||
.ui.slider.checkbox label:hover::before { |
|||
background: rgba(0, 0, 0, 0.15); |
|||
} |
|||
|
|||
/* Active */ |
|||
.ui.slider.checkbox input:checked ~ .box, |
|||
.ui.slider.checkbox input:checked ~ label { |
|||
color: rgba(0, 0, 0, 0.95) !important; |
|||
} |
|||
.ui.slider.checkbox input:checked ~ .box:before, |
|||
.ui.slider.checkbox input:checked ~ label:before { |
|||
background-color: #545454 !important; |
|||
} |
|||
.ui.slider.checkbox input:checked ~ .box:after, |
|||
.ui.slider.checkbox input:checked ~ label:after { |
|||
left: 2rem; |
|||
} |
|||
|
|||
/* Active Focus */ |
|||
.ui.slider.checkbox input:focus:checked ~ .box, |
|||
.ui.slider.checkbox input:focus:checked ~ label { |
|||
color: rgba(0, 0, 0, 0.95) !important; |
|||
} |
|||
.ui.slider.checkbox input:focus:checked ~ .box:before, |
|||
.ui.slider.checkbox input:focus:checked ~ label:before { |
|||
background-color: #000000 !important; |
|||
} |
|||
|
|||
/*-------------- |
|||
Toggle |
|||
---------------*/ |
|||
|
|||
.ui.toggle.checkbox { |
|||
min-height: 1.5rem; |
|||
} |
|||
|
|||
/* Input */ |
|||
.ui.toggle.checkbox input { |
|||
width: 3.5rem; |
|||
height: 1.5rem; |
|||
} |
|||
|
|||
/* Label */ |
|||
.ui.toggle.checkbox .box, |
|||
.ui.toggle.checkbox label { |
|||
min-height: 1.5rem; |
|||
padding-left: 4.5rem; |
|||
color: rgba(0, 0, 0, 0.87); |
|||
} |
|||
.ui.toggle.checkbox label { |
|||
padding-top: 0.15em; |
|||
} |
|||
|
|||
/* Switch */ |
|||
.ui.toggle.checkbox .box:before, |
|||
.ui.toggle.checkbox label:before { |
|||
display: block; |
|||
position: absolute; |
|||
content: ''; |
|||
z-index: 1; |
|||
transform: none; |
|||
border: none; |
|||
top: 0rem; |
|||
background: rgba(0, 0, 0, 0.05); |
|||
box-shadow: none; |
|||
width: 3.5rem; |
|||
height: 1.5rem; |
|||
border-radius: 500rem; |
|||
} |
|||
|
|||
/* Handle */ |
|||
.ui.toggle.checkbox .box:after, |
|||
.ui.toggle.checkbox label:after { |
|||
background: #FFFFFF linear-gradient(transparent, rgba(0, 0, 0, 0.05)); |
|||
position: absolute; |
|||
content: '' !important; |
|||
opacity: 1; |
|||
z-index: 2; |
|||
border: none; |
|||
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; |
|||
width: 1.5rem; |
|||
height: 1.5rem; |
|||
top: 0rem; |
|||
left: 0em; |
|||
border-radius: 500rem; |
|||
transition: background 0.3s ease, left 0.3s ease; |
|||
} |
|||
.ui.toggle.checkbox input ~ .box:after, |
|||
.ui.toggle.checkbox input ~ label:after { |
|||
left: -0.05rem; |
|||
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; |
|||
} |
|||
|
|||
/* Focus */ |
|||
.ui.toggle.checkbox input:focus ~ .box:before, |
|||
.ui.toggle.checkbox input:focus ~ label:before { |
|||
background-color: rgba(0, 0, 0, 0.15); |
|||
border: none; |
|||
} |
|||
|
|||
/* Hover */ |
|||
.ui.toggle.checkbox .box:hover::before, |
|||
.ui.toggle.checkbox label:hover::before { |
|||
background-color: rgba(0, 0, 0, 0.15); |
|||
border: none; |
|||
} |
|||
|
|||
/* Active */ |
|||
.ui.toggle.checkbox input:checked ~ .box, |
|||
.ui.toggle.checkbox input:checked ~ label { |
|||
color: rgba(0, 0, 0, 0.95) !important; |
|||
} |
|||
.ui.toggle.checkbox input:checked ~ .box:before, |
|||
.ui.toggle.checkbox input:checked ~ label:before { |
|||
background-color: #2185D0 !important; |
|||
} |
|||
.ui.toggle.checkbox input:checked ~ .box:after, |
|||
.ui.toggle.checkbox input:checked ~ label:after { |
|||
left: 2.15rem; |
|||
box-shadow: 0px 1px 2px 0 rgba(34, 36, 38, 0.15), 0px 0px 0px 1px rgba(34, 36, 38, 0.15) inset; |
|||
} |
|||
|
|||
/* Active Focus */ |
|||
.ui.toggle.checkbox input:focus:checked ~ .box, |
|||
.ui.toggle.checkbox input:focus:checked ~ label { |
|||
color: rgba(0, 0, 0, 0.95) !important; |
|||
} |
|||
.ui.toggle.checkbox input:focus:checked ~ .box:before, |
|||
.ui.toggle.checkbox input:focus:checked ~ label:before { |
|||
background-color: #0d71bb !important; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Variations |
|||
*******************************/ |
|||
|
|||
|
|||
/*-------------- |
|||
Fitted |
|||
---------------*/ |
|||
|
|||
.ui.fitted.checkbox .box, |
|||
.ui.fitted.checkbox label { |
|||
padding-left: 0em !important; |
|||
} |
|||
.ui.fitted.toggle.checkbox, |
|||
.ui.fitted.toggle.checkbox { |
|||
width: 3.5rem; |
|||
} |
|||
.ui.fitted.slider.checkbox, |
|||
.ui.fitted.slider.checkbox { |
|||
width: 3.5rem; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Theme Overrides |
|||
*******************************/ |
|||
|
|||
@font-face { |
|||
font-family: 'Checkbox'; |
|||
src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAALAIAAAwAwT1MvMg8SBD8AAAC8AAAAYGNtYXAYVtCJAAABHAAAAFRnYXNwAAAAEAAAAXAAAAAIZ2x5Zn4huwUAAAF4AAABYGhlYWQGPe1ZAAAC2AAAADZoaGVhB30DyAAAAxAAAAAkaG10eBBKAEUAAAM0AAAAHGxvY2EAmgESAAADUAAAABBtYXhwAAkALwAAA2AAAAAgbmFtZSC8IugAAAOAAAABknBvc3QAAwAAAAAFFAAAACAAAwMTAZAABQAAApkCzAAAAI8CmQLMAAAB6wAzAQkAAAAAAAAAAAAAAAAAAAABEAAAAAAAAAAAAAAAAAAAAABAAADoAgPA/8AAQAPAAEAAAAABAAAAAAAAAAAAAAAgAAAAAAADAAAAAwAAABwAAQADAAAAHAADAAEAAAAcAAQAOAAAAAoACAACAAIAAQAg6AL//f//AAAAAAAg6AD//f//AAH/4xgEAAMAAQAAAAAAAAAAAAAAAQAB//8ADwABAAAAAAAAAAAAAgAANzkBAAAAAAEAAAAAAAAAAAACAAA3OQEAAAAAAQAAAAAAAAAAAAIAADc5AQAAAAABAEUAUQO7AvgAGgAAARQHAQYjIicBJjU0PwE2MzIfAQE2MzIfARYVA7sQ/hQQFhcQ/uMQEE4QFxcQqAF2EBcXEE4QAnMWEP4UEBABHRAXFhBOEBCoAXcQEE4QFwAAAAABAAABbgMlAkkAFAAAARUUBwYjISInJj0BNDc2MyEyFxYVAyUQEBf9SRcQEBAQFwK3FxAQAhJtFxAQEBAXbRcQEBAQFwAAAAABAAAASQMlA24ALAAAARUUBwYrARUUBwYrASInJj0BIyInJj0BNDc2OwE1NDc2OwEyFxYdATMyFxYVAyUQEBfuEBAXbhYQEO4XEBAQEBfuEBAWbhcQEO4XEBACEm0XEBDuFxAQEBAX7hAQF20XEBDuFxAQEBAX7hAQFwAAAQAAAAIAAHRSzT9fDzz1AAsEAAAAAADRsdR3AAAAANGx1HcAAAAAA7sDbgAAAAgAAgAAAAAAAAABAAADwP/AAAAEAAAAAAADuwABAAAAAAAAAAAAAAAAAAAABwQAAAAAAAAAAAAAAAIAAAAEAABFAyUAAAMlAAAAAAAAAAoAFAAeAE4AcgCwAAEAAAAHAC0AAQAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAOAK4AAQAAAAAAAQAIAAAAAQAAAAAAAgAHAGkAAQAAAAAAAwAIADkAAQAAAAAABAAIAH4AAQAAAAAABQALABgAAQAAAAAABgAIAFEAAQAAAAAACgAaAJYAAwABBAkAAQAQAAgAAwABBAkAAgAOAHAAAwABBAkAAwAQAEEAAwABBAkABAAQAIYAAwABBAkABQAWACMAAwABBAkABgAQAFkAAwABBAkACgA0ALBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhWZXJzaW9uIDIuMABWAGUAcgBzAGkAbwBuACAAMgAuADBDaGVja2JveABDAGgAZQBjAGsAYgBvAHhDaGVja2JveABDAGgAZQBjAGsAYgBvAHhSZWd1bGFyAFIAZQBnAHUAbABhAHJDaGVja2JveABDAGgAZQBjAGsAYgBvAHhGb250IGdlbmVyYXRlZCBieSBJY29Nb29uLgBGAG8AbgB0ACAAZwBlAG4AZQByAGEAdABlAGQAIABiAHkAIABJAGMAbwBNAG8AbwBuAC4AAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA) format('truetype'); |
|||
} |
|||
|
|||
/* Checkmark */ |
|||
.ui.checkbox label:after, |
|||
.ui.checkbox .box:after { |
|||
font-family: 'Checkbox'; |
|||
} |
|||
|
|||
/* Checked */ |
|||
.ui.checkbox input:checked ~ .box:after, |
|||
.ui.checkbox input:checked ~ label:after { |
|||
content: '\e800'; |
|||
} |
|||
|
|||
/* Indeterminate */ |
|||
.ui.checkbox input:indeterminate ~ .box:after, |
|||
.ui.checkbox input:indeterminate ~ label:after { |
|||
font-size: 12px; |
|||
content: '\e801'; |
|||
} |
|||
/* UTF Reference |
|||
.check:before { content: '\e800'; } |
|||
.dash:before { content: '\e801'; } |
|||
.plus:before { content: '\e802'; } |
|||
*/ |
|||
|
|||
|
|||
/******************************* |
|||
Site Overrides |
|||
*******************************/ |
|||
|
|||
@ -0,0 +1,831 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Checkbox |
|||
* http://github.com/semantic-org/semantic-ui/
|
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT
|
|||
* |
|||
*/ |
|||
|
|||
;(function ($, window, document, undefined) { |
|||
|
|||
'use strict'; |
|||
|
|||
window = (typeof window != 'undefined' && window.Math == Math) |
|||
? window |
|||
: (typeof self != 'undefined' && self.Math == Math) |
|||
? self |
|||
: Function('return this')() |
|||
; |
|||
|
|||
$.fn.checkbox = function(parameters) { |
|||
var |
|||
$allModules = $(this), |
|||
moduleSelector = $allModules.selector || '', |
|||
|
|||
time = new Date().getTime(), |
|||
performance = [], |
|||
|
|||
query = arguments[0], |
|||
methodInvoked = (typeof query == 'string'), |
|||
queryArguments = [].slice.call(arguments, 1), |
|||
returnedValue |
|||
; |
|||
|
|||
$allModules |
|||
.each(function() { |
|||
var |
|||
settings = $.extend(true, {}, $.fn.checkbox.settings, parameters), |
|||
|
|||
className = settings.className, |
|||
namespace = settings.namespace, |
|||
selector = settings.selector, |
|||
error = settings.error, |
|||
|
|||
eventNamespace = '.' + namespace, |
|||
moduleNamespace = 'module-' + namespace, |
|||
|
|||
$module = $(this), |
|||
$label = $(this).children(selector.label), |
|||
$input = $(this).children(selector.input), |
|||
input = $input[0], |
|||
|
|||
initialLoad = false, |
|||
shortcutPressed = false, |
|||
instance = $module.data(moduleNamespace), |
|||
|
|||
observer, |
|||
element = this, |
|||
module |
|||
; |
|||
|
|||
module = { |
|||
|
|||
initialize: function() { |
|||
module.verbose('Initializing checkbox', settings); |
|||
|
|||
module.create.label(); |
|||
module.bind.events(); |
|||
|
|||
module.set.tabbable(); |
|||
module.hide.input(); |
|||
|
|||
module.observeChanges(); |
|||
module.instantiate(); |
|||
module.setup(); |
|||
}, |
|||
|
|||
instantiate: function() { |
|||
module.verbose('Storing instance of module', module); |
|||
instance = module; |
|||
$module |
|||
.data(moduleNamespace, module) |
|||
; |
|||
}, |
|||
|
|||
destroy: function() { |
|||
module.verbose('Destroying module'); |
|||
module.unbind.events(); |
|||
module.show.input(); |
|||
$module.removeData(moduleNamespace); |
|||
}, |
|||
|
|||
fix: { |
|||
reference: function() { |
|||
if( $module.is(selector.input) ) { |
|||
module.debug('Behavior called on <input> adjusting invoked element'); |
|||
$module = $module.closest(selector.checkbox); |
|||
module.refresh(); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
setup: function() { |
|||
module.set.initialLoad(); |
|||
if( module.is.indeterminate() ) { |
|||
module.debug('Initial value is indeterminate'); |
|||
module.indeterminate(); |
|||
} |
|||
else if( module.is.checked() ) { |
|||
module.debug('Initial value is checked'); |
|||
module.check(); |
|||
} |
|||
else { |
|||
module.debug('Initial value is unchecked'); |
|||
module.uncheck(); |
|||
} |
|||
module.remove.initialLoad(); |
|||
}, |
|||
|
|||
refresh: function() { |
|||
$label = $module.children(selector.label); |
|||
$input = $module.children(selector.input); |
|||
input = $input[0]; |
|||
}, |
|||
|
|||
hide: { |
|||
input: function() { |
|||
module.verbose('Modifying <input> z-index to be unselectable'); |
|||
$input.addClass(className.hidden); |
|||
} |
|||
}, |
|||
show: { |
|||
input: function() { |
|||
module.verbose('Modifying <input> z-index to be selectable'); |
|||
$input.removeClass(className.hidden); |
|||
} |
|||
}, |
|||
|
|||
observeChanges: function() { |
|||
if('MutationObserver' in window) { |
|||
observer = new MutationObserver(function(mutations) { |
|||
module.debug('DOM tree modified, updating selector cache'); |
|||
module.refresh(); |
|||
}); |
|||
observer.observe(element, { |
|||
childList : true, |
|||
subtree : true |
|||
}); |
|||
module.debug('Setting up mutation observer', observer); |
|||
} |
|||
}, |
|||
|
|||
attachEvents: function(selector, event) { |
|||
var |
|||
$element = $(selector) |
|||
; |
|||
event = $.isFunction(module[event]) |
|||
? module[event] |
|||
: module.toggle |
|||
; |
|||
if($element.length > 0) { |
|||
module.debug('Attaching checkbox events to element', selector, event); |
|||
$element |
|||
.on('click' + eventNamespace, event) |
|||
; |
|||
} |
|||
else { |
|||
module.error(error.notFound); |
|||
} |
|||
}, |
|||
|
|||
event: { |
|||
click: function(event) { |
|||
var |
|||
$target = $(event.target) |
|||
; |
|||
if( $target.is(selector.input) ) { |
|||
module.verbose('Using default check action on initialized checkbox'); |
|||
return; |
|||
} |
|||
if( $target.is(selector.link) ) { |
|||
module.debug('Clicking link inside checkbox, skipping toggle'); |
|||
return; |
|||
} |
|||
module.toggle(); |
|||
$input.focus(); |
|||
event.preventDefault(); |
|||
}, |
|||
keydown: function(event) { |
|||
var |
|||
key = event.which, |
|||
keyCode = { |
|||
enter : 13, |
|||
space : 32, |
|||
escape : 27 |
|||
} |
|||
; |
|||
if(key == keyCode.escape) { |
|||
module.verbose('Escape key pressed blurring field'); |
|||
$input.blur(); |
|||
shortcutPressed = true; |
|||
} |
|||
else if(!event.ctrlKey && ( key == keyCode.space || key == keyCode.enter) ) { |
|||
module.verbose('Enter/space key pressed, toggling checkbox'); |
|||
module.toggle(); |
|||
shortcutPressed = true; |
|||
} |
|||
else { |
|||
shortcutPressed = false; |
|||
} |
|||
}, |
|||
keyup: function(event) { |
|||
if(shortcutPressed) { |
|||
event.preventDefault(); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
check: function() { |
|||
if( !module.should.allowCheck() ) { |
|||
return; |
|||
} |
|||
module.debug('Checking checkbox', $input); |
|||
module.set.checked(); |
|||
if( !module.should.ignoreCallbacks() ) { |
|||
settings.onChecked.call(input); |
|||
settings.onChange.call(input); |
|||
} |
|||
}, |
|||
|
|||
uncheck: function() { |
|||
if( !module.should.allowUncheck() ) { |
|||
return; |
|||
} |
|||
module.debug('Unchecking checkbox'); |
|||
module.set.unchecked(); |
|||
if( !module.should.ignoreCallbacks() ) { |
|||
settings.onUnchecked.call(input); |
|||
settings.onChange.call(input); |
|||
} |
|||
}, |
|||
|
|||
indeterminate: function() { |
|||
if( module.should.allowIndeterminate() ) { |
|||
module.debug('Checkbox is already indeterminate'); |
|||
return; |
|||
} |
|||
module.debug('Making checkbox indeterminate'); |
|||
module.set.indeterminate(); |
|||
if( !module.should.ignoreCallbacks() ) { |
|||
settings.onIndeterminate.call(input); |
|||
settings.onChange.call(input); |
|||
} |
|||
}, |
|||
|
|||
determinate: function() { |
|||
if( module.should.allowDeterminate() ) { |
|||
module.debug('Checkbox is already determinate'); |
|||
return; |
|||
} |
|||
module.debug('Making checkbox determinate'); |
|||
module.set.determinate(); |
|||
if( !module.should.ignoreCallbacks() ) { |
|||
settings.onDeterminate.call(input); |
|||
settings.onChange.call(input); |
|||
} |
|||
}, |
|||
|
|||
enable: function() { |
|||
if( module.is.enabled() ) { |
|||
module.debug('Checkbox is already enabled'); |
|||
return; |
|||
} |
|||
module.debug('Enabling checkbox'); |
|||
module.set.enabled(); |
|||
settings.onEnable.call(input); |
|||
// preserve legacy callbacks
|
|||
settings.onEnabled.call(input); |
|||
}, |
|||
|
|||
disable: function() { |
|||
if( module.is.disabled() ) { |
|||
module.debug('Checkbox is already disabled'); |
|||
return; |
|||
} |
|||
module.debug('Disabling checkbox'); |
|||
module.set.disabled(); |
|||
settings.onDisable.call(input); |
|||
// preserve legacy callbacks
|
|||
settings.onDisabled.call(input); |
|||
}, |
|||
|
|||
get: { |
|||
radios: function() { |
|||
var |
|||
name = module.get.name() |
|||
; |
|||
return $('input[name="' + name + '"]').closest(selector.checkbox); |
|||
}, |
|||
otherRadios: function() { |
|||
return module.get.radios().not($module); |
|||
}, |
|||
name: function() { |
|||
return $input.attr('name'); |
|||
} |
|||
}, |
|||
|
|||
is: { |
|||
initialLoad: function() { |
|||
return initialLoad; |
|||
}, |
|||
radio: function() { |
|||
return ($input.hasClass(className.radio) || $input.attr('type') == 'radio'); |
|||
}, |
|||
indeterminate: function() { |
|||
return $input.prop('indeterminate') !== undefined && $input.prop('indeterminate'); |
|||
}, |
|||
checked: function() { |
|||
return $input.prop('checked') !== undefined && $input.prop('checked'); |
|||
}, |
|||
disabled: function() { |
|||
return $input.prop('disabled') !== undefined && $input.prop('disabled'); |
|||
}, |
|||
enabled: function() { |
|||
return !module.is.disabled(); |
|||
}, |
|||
determinate: function() { |
|||
return !module.is.indeterminate(); |
|||
}, |
|||
unchecked: function() { |
|||
return !module.is.checked(); |
|||
} |
|||
}, |
|||
|
|||
should: { |
|||
allowCheck: function() { |
|||
if(module.is.determinate() && module.is.checked() && !module.should.forceCallbacks() ) { |
|||
module.debug('Should not allow check, checkbox is already checked'); |
|||
return false; |
|||
} |
|||
if(settings.beforeChecked.apply(input) === false) { |
|||
module.debug('Should not allow check, beforeChecked cancelled'); |
|||
return false; |
|||
} |
|||
return true; |
|||
}, |
|||
allowUncheck: function() { |
|||
if(module.is.determinate() && module.is.unchecked() && !module.should.forceCallbacks() ) { |
|||
module.debug('Should not allow uncheck, checkbox is already unchecked'); |
|||
return false; |
|||
} |
|||
if(settings.beforeUnchecked.apply(input) === false) { |
|||
module.debug('Should not allow uncheck, beforeUnchecked cancelled'); |
|||
return false; |
|||
} |
|||
return true; |
|||
}, |
|||
allowIndeterminate: function() { |
|||
if(module.is.indeterminate() && !module.should.forceCallbacks() ) { |
|||
module.debug('Should not allow indeterminate, checkbox is already indeterminate'); |
|||
return false; |
|||
} |
|||
if(settings.beforeIndeterminate.apply(input) === false) { |
|||
module.debug('Should not allow indeterminate, beforeIndeterminate cancelled'); |
|||
return false; |
|||
} |
|||
return true; |
|||
}, |
|||
allowDeterminate: function() { |
|||
if(module.is.determinate() && !module.should.forceCallbacks() ) { |
|||
module.debug('Should not allow determinate, checkbox is already determinate'); |
|||
return false; |
|||
} |
|||
if(settings.beforeDeterminate.apply(input) === false) { |
|||
module.debug('Should not allow determinate, beforeDeterminate cancelled'); |
|||
return false; |
|||
} |
|||
return true; |
|||
}, |
|||
forceCallbacks: function() { |
|||
return (module.is.initialLoad() && settings.fireOnInit); |
|||
}, |
|||
ignoreCallbacks: function() { |
|||
return (initialLoad && !settings.fireOnInit); |
|||
} |
|||
}, |
|||
|
|||
can: { |
|||
change: function() { |
|||
return !( $module.hasClass(className.disabled) || $module.hasClass(className.readOnly) || $input.prop('disabled') || $input.prop('readonly') ); |
|||
}, |
|||
uncheck: function() { |
|||
return (typeof settings.uncheckable === 'boolean') |
|||
? settings.uncheckable |
|||
: !module.is.radio() |
|||
; |
|||
} |
|||
}, |
|||
|
|||
set: { |
|||
initialLoad: function() { |
|||
initialLoad = true; |
|||
}, |
|||
checked: function() { |
|||
module.verbose('Setting class to checked'); |
|||
$module |
|||
.removeClass(className.indeterminate) |
|||
.addClass(className.checked) |
|||
; |
|||
if( module.is.radio() ) { |
|||
module.uncheckOthers(); |
|||
} |
|||
if(!module.is.indeterminate() && module.is.checked()) { |
|||
module.debug('Input is already checked, skipping input property change'); |
|||
return; |
|||
} |
|||
module.verbose('Setting state to checked', input); |
|||
$input |
|||
.prop('indeterminate', false) |
|||
.prop('checked', true) |
|||
; |
|||
module.trigger.change(); |
|||
}, |
|||
unchecked: function() { |
|||
module.verbose('Removing checked class'); |
|||
$module |
|||
.removeClass(className.indeterminate) |
|||
.removeClass(className.checked) |
|||
; |
|||
if(!module.is.indeterminate() && module.is.unchecked() ) { |
|||
module.debug('Input is already unchecked'); |
|||
return; |
|||
} |
|||
module.debug('Setting state to unchecked'); |
|||
$input |
|||
.prop('indeterminate', false) |
|||
.prop('checked', false) |
|||
; |
|||
module.trigger.change(); |
|||
}, |
|||
indeterminate: function() { |
|||
module.verbose('Setting class to indeterminate'); |
|||
$module |
|||
.addClass(className.indeterminate) |
|||
; |
|||
if( module.is.indeterminate() ) { |
|||
module.debug('Input is already indeterminate, skipping input property change'); |
|||
return; |
|||
} |
|||
module.debug('Setting state to indeterminate'); |
|||
$input |
|||
.prop('indeterminate', true) |
|||
; |
|||
module.trigger.change(); |
|||
}, |
|||
determinate: function() { |
|||
module.verbose('Removing indeterminate class'); |
|||
$module |
|||
.removeClass(className.indeterminate) |
|||
; |
|||
if( module.is.determinate() ) { |
|||
module.debug('Input is already determinate, skipping input property change'); |
|||
return; |
|||
} |
|||
module.debug('Setting state to determinate'); |
|||
$input |
|||
.prop('indeterminate', false) |
|||
; |
|||
}, |
|||
disabled: function() { |
|||
module.verbose('Setting class to disabled'); |
|||
$module |
|||
.addClass(className.disabled) |
|||
; |
|||
if( module.is.disabled() ) { |
|||
module.debug('Input is already disabled, skipping input property change'); |
|||
return; |
|||
} |
|||
module.debug('Setting state to disabled'); |
|||
$input |
|||
.prop('disabled', 'disabled') |
|||
; |
|||
module.trigger.change(); |
|||
}, |
|||
enabled: function() { |
|||
module.verbose('Removing disabled class'); |
|||
$module.removeClass(className.disabled); |
|||
if( module.is.enabled() ) { |
|||
module.debug('Input is already enabled, skipping input property change'); |
|||
return; |
|||
} |
|||
module.debug('Setting state to enabled'); |
|||
$input |
|||
.prop('disabled', false) |
|||
; |
|||
module.trigger.change(); |
|||
}, |
|||
tabbable: function() { |
|||
module.verbose('Adding tabindex to checkbox'); |
|||
if( $input.attr('tabindex') === undefined) { |
|||
$input.attr('tabindex', 0); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
remove: { |
|||
initialLoad: function() { |
|||
initialLoad = false; |
|||
} |
|||
}, |
|||
|
|||
trigger: { |
|||
change: function() { |
|||
var |
|||
events = document.createEvent('HTMLEvents'), |
|||
inputElement = $input[0] |
|||
; |
|||
if(inputElement) { |
|||
module.verbose('Triggering native change event'); |
|||
events.initEvent('change', true, false); |
|||
inputElement.dispatchEvent(events); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
|
|||
create: { |
|||
label: function() { |
|||
if($input.prevAll(selector.label).length > 0) { |
|||
$input.prev(selector.label).detach().insertAfter($input); |
|||
module.debug('Moving existing label', $label); |
|||
} |
|||
else if( !module.has.label() ) { |
|||
$label = $('<label>').insertAfter($input); |
|||
module.debug('Creating label', $label); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
has: { |
|||
label: function() { |
|||
return ($label.length > 0); |
|||
} |
|||
}, |
|||
|
|||
bind: { |
|||
events: function() { |
|||
module.verbose('Attaching checkbox events'); |
|||
$module |
|||
.on('click' + eventNamespace, module.event.click) |
|||
.on('keydown' + eventNamespace, selector.input, module.event.keydown) |
|||
.on('keyup' + eventNamespace, selector.input, module.event.keyup) |
|||
; |
|||
} |
|||
}, |
|||
|
|||
unbind: { |
|||
events: function() { |
|||
module.debug('Removing events'); |
|||
$module |
|||
.off(eventNamespace) |
|||
; |
|||
} |
|||
}, |
|||
|
|||
uncheckOthers: function() { |
|||
var |
|||
$radios = module.get.otherRadios() |
|||
; |
|||
module.debug('Unchecking other radios', $radios); |
|||
$radios.removeClass(className.checked); |
|||
}, |
|||
|
|||
toggle: function() { |
|||
if( !module.can.change() ) { |
|||
if(!module.is.radio()) { |
|||
module.debug('Checkbox is read-only or disabled, ignoring toggle'); |
|||
} |
|||
return; |
|||
} |
|||
if( module.is.indeterminate() || module.is.unchecked() ) { |
|||
module.debug('Currently unchecked'); |
|||
module.check(); |
|||
} |
|||
else if( module.is.checked() && module.can.uncheck() ) { |
|||
module.debug('Currently checked'); |
|||
module.uncheck(); |
|||
} |
|||
}, |
|||
setting: function(name, value) { |
|||
module.debug('Changing setting', name, value); |
|||
if( $.isPlainObject(name) ) { |
|||
$.extend(true, settings, name); |
|||
} |
|||
else if(value !== undefined) { |
|||
if($.isPlainObject(settings[name])) { |
|||
$.extend(true, settings[name], value); |
|||
} |
|||
else { |
|||
settings[name] = value; |
|||
} |
|||
} |
|||
else { |
|||
return settings[name]; |
|||
} |
|||
}, |
|||
internal: function(name, value) { |
|||
if( $.isPlainObject(name) ) { |
|||
$.extend(true, module, name); |
|||
} |
|||
else if(value !== undefined) { |
|||
module[name] = value; |
|||
} |
|||
else { |
|||
return module[name]; |
|||
} |
|||
}, |
|||
debug: function() { |
|||
if(!settings.silent && settings.debug) { |
|||
if(settings.performance) { |
|||
module.performance.log(arguments); |
|||
} |
|||
else { |
|||
module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); |
|||
module.debug.apply(console, arguments); |
|||
} |
|||
} |
|||
}, |
|||
verbose: function() { |
|||
if(!settings.silent && settings.verbose && settings.debug) { |
|||
if(settings.performance) { |
|||
module.performance.log(arguments); |
|||
} |
|||
else { |
|||
module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); |
|||
module.verbose.apply(console, arguments); |
|||
} |
|||
} |
|||
}, |
|||
error: function() { |
|||
if(!settings.silent) { |
|||
module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); |
|||
module.error.apply(console, arguments); |
|||
} |
|||
}, |
|||
performance: { |
|||
log: function(message) { |
|||
var |
|||
currentTime, |
|||
executionTime, |
|||
previousTime |
|||
; |
|||
if(settings.performance) { |
|||
currentTime = new Date().getTime(); |
|||
previousTime = time || currentTime; |
|||
executionTime = currentTime - previousTime; |
|||
time = currentTime; |
|||
performance.push({ |
|||
'Name' : message[0], |
|||
'Arguments' : [].slice.call(message, 1) || '', |
|||
'Element' : element, |
|||
'Execution Time' : executionTime |
|||
}); |
|||
} |
|||
clearTimeout(module.performance.timer); |
|||
module.performance.timer = setTimeout(module.performance.display, 500); |
|||
}, |
|||
display: function() { |
|||
var |
|||
title = settings.name + ':', |
|||
totalTime = 0 |
|||
; |
|||
time = false; |
|||
clearTimeout(module.performance.timer); |
|||
$.each(performance, function(index, data) { |
|||
totalTime += data['Execution Time']; |
|||
}); |
|||
title += ' ' + totalTime + 'ms'; |
|||
if(moduleSelector) { |
|||
title += ' \'' + moduleSelector + '\''; |
|||
} |
|||
if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { |
|||
console.groupCollapsed(title); |
|||
if(console.table) { |
|||
console.table(performance); |
|||
} |
|||
else { |
|||
$.each(performance, function(index, data) { |
|||
console.log(data['Name'] + ': ' + data['Execution Time']+'ms'); |
|||
}); |
|||
} |
|||
console.groupEnd(); |
|||
} |
|||
performance = []; |
|||
} |
|||
}, |
|||
invoke: function(query, passedArguments, context) { |
|||
var |
|||
object = instance, |
|||
maxDepth, |
|||
found, |
|||
response |
|||
; |
|||
passedArguments = passedArguments || queryArguments; |
|||
context = element || context; |
|||
if(typeof query == 'string' && object !== undefined) { |
|||
query = query.split(/[\. ]/); |
|||
maxDepth = query.length - 1; |
|||
$.each(query, function(depth, value) { |
|||
var camelCaseValue = (depth != maxDepth) |
|||
? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) |
|||
: query |
|||
; |
|||
if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) { |
|||
object = object[camelCaseValue]; |
|||
} |
|||
else if( object[camelCaseValue] !== undefined ) { |
|||
found = object[camelCaseValue]; |
|||
return false; |
|||
} |
|||
else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) { |
|||
object = object[value]; |
|||
} |
|||
else if( object[value] !== undefined ) { |
|||
found = object[value]; |
|||
return false; |
|||
} |
|||
else { |
|||
module.error(error.method, query); |
|||
return false; |
|||
} |
|||
}); |
|||
} |
|||
if ( $.isFunction( found ) ) { |
|||
response = found.apply(context, passedArguments); |
|||
} |
|||
else if(found !== undefined) { |
|||
response = found; |
|||
} |
|||
if($.isArray(returnedValue)) { |
|||
returnedValue.push(response); |
|||
} |
|||
else if(returnedValue !== undefined) { |
|||
returnedValue = [returnedValue, response]; |
|||
} |
|||
else if(response !== undefined) { |
|||
returnedValue = response; |
|||
} |
|||
return found; |
|||
} |
|||
}; |
|||
|
|||
if(methodInvoked) { |
|||
if(instance === undefined) { |
|||
module.initialize(); |
|||
} |
|||
module.invoke(query); |
|||
} |
|||
else { |
|||
if(instance !== undefined) { |
|||
instance.invoke('destroy'); |
|||
} |
|||
module.initialize(); |
|||
} |
|||
}) |
|||
; |
|||
|
|||
return (returnedValue !== undefined) |
|||
? returnedValue |
|||
: this |
|||
; |
|||
}; |
|||
|
|||
$.fn.checkbox.settings = { |
|||
|
|||
name : 'Checkbox', |
|||
namespace : 'checkbox', |
|||
|
|||
silent : false, |
|||
debug : false, |
|||
verbose : true, |
|||
performance : true, |
|||
|
|||
// delegated event context
|
|||
uncheckable : 'auto', |
|||
fireOnInit : false, |
|||
|
|||
onChange : function(){}, |
|||
|
|||
beforeChecked : function(){}, |
|||
beforeUnchecked : function(){}, |
|||
beforeDeterminate : function(){}, |
|||
beforeIndeterminate : function(){}, |
|||
|
|||
onChecked : function(){}, |
|||
onUnchecked : function(){}, |
|||
|
|||
onDeterminate : function() {}, |
|||
onIndeterminate : function() {}, |
|||
|
|||
onEnable : function(){}, |
|||
onDisable : function(){}, |
|||
|
|||
// preserve misspelled callbacks (will be removed in 3.0)
|
|||
onEnabled : function(){}, |
|||
onDisabled : function(){}, |
|||
|
|||
className : { |
|||
checked : 'checked', |
|||
indeterminate : 'indeterminate', |
|||
disabled : 'disabled', |
|||
hidden : 'hidden', |
|||
radio : 'radio', |
|||
readOnly : 'read-only' |
|||
}, |
|||
|
|||
error : { |
|||
method : 'The method you called is not defined' |
|||
}, |
|||
|
|||
selector : { |
|||
checkbox : '.ui.checkbox', |
|||
label : 'label, .box', |
|||
input : 'input[type="checkbox"], input[type="radio"]', |
|||
link : 'a[href]' |
|||
} |
|||
|
|||
}; |
|||
|
|||
})( jQuery, window, document ); |
|||
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,268 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Comment |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/ |
|||
|
|||
|
|||
/******************************* |
|||
Standard |
|||
*******************************/ |
|||
|
|||
|
|||
/*-------------- |
|||
Comments |
|||
---------------*/ |
|||
|
|||
.ui.comments { |
|||
margin: 1.5em 0em; |
|||
max-width: 650px; |
|||
} |
|||
.ui.comments:first-child { |
|||
margin-top: 0em; |
|||
} |
|||
.ui.comments:last-child { |
|||
margin-bottom: 0em; |
|||
} |
|||
|
|||
/*-------------- |
|||
Comment |
|||
---------------*/ |
|||
|
|||
.ui.comments .comment { |
|||
position: relative; |
|||
background: none; |
|||
margin: 0.5em 0em 0em; |
|||
padding: 0.5em 0em 0em; |
|||
border: none; |
|||
border-top: none; |
|||
line-height: 1.2; |
|||
} |
|||
.ui.comments .comment:first-child { |
|||
margin-top: 0em; |
|||
padding-top: 0em; |
|||
} |
|||
|
|||
/*-------------------- |
|||
Nested Comments |
|||
---------------------*/ |
|||
|
|||
.ui.comments .comment .comments { |
|||
margin: 0em 0em 0.5em 0.5em; |
|||
padding: 1em 0em 1em 1em; |
|||
} |
|||
.ui.comments .comment .comments:before { |
|||
position: absolute; |
|||
top: 0px; |
|||
left: 0px; |
|||
} |
|||
.ui.comments .comment .comments .comment { |
|||
border: none; |
|||
border-top: none; |
|||
background: none; |
|||
} |
|||
|
|||
/*-------------- |
|||
Avatar |
|||
---------------*/ |
|||
|
|||
.ui.comments .comment .avatar { |
|||
display: block; |
|||
width: 2.5em; |
|||
height: auto; |
|||
float: left; |
|||
margin: 0.2em 0em 0em; |
|||
} |
|||
.ui.comments .comment img.avatar, |
|||
.ui.comments .comment .avatar img { |
|||
display: block; |
|||
margin: 0em auto; |
|||
width: 100%; |
|||
height: 100%; |
|||
border-radius: 0.25rem; |
|||
} |
|||
|
|||
/*-------------- |
|||
Content |
|||
---------------*/ |
|||
|
|||
.ui.comments .comment > .content { |
|||
display: block; |
|||
} |
|||
|
|||
/* If there is an avatar move content over */ |
|||
.ui.comments .comment > .avatar ~ .content { |
|||
margin-left: 3.5em; |
|||
} |
|||
|
|||
/*-------------- |
|||
Author |
|||
---------------*/ |
|||
|
|||
.ui.comments .comment .author { |
|||
font-size: 1em; |
|||
color: rgba(0, 0, 0, 0.87); |
|||
font-weight: bold; |
|||
} |
|||
.ui.comments .comment a.author { |
|||
cursor: pointer; |
|||
} |
|||
.ui.comments .comment a.author:hover { |
|||
color: #1e70bf; |
|||
} |
|||
|
|||
/*-------------- |
|||
Metadata |
|||
---------------*/ |
|||
|
|||
.ui.comments .comment .metadata { |
|||
display: inline-block; |
|||
margin-left: 0.5em; |
|||
color: rgba(0, 0, 0, 0.4); |
|||
font-size: 0.875em; |
|||
} |
|||
.ui.comments .comment .metadata > * { |
|||
display: inline-block; |
|||
margin: 0em 0.5em 0em 0em; |
|||
} |
|||
.ui.comments .comment .metadata > :last-child { |
|||
margin-right: 0em; |
|||
} |
|||
|
|||
/*-------------------- |
|||
Comment Text |
|||
---------------------*/ |
|||
|
|||
.ui.comments .comment .text { |
|||
margin: 0.25em 0em 0.5em; |
|||
font-size: 1em; |
|||
word-wrap: break-word; |
|||
color: rgba(0, 0, 0, 0.87); |
|||
line-height: 1.3; |
|||
} |
|||
|
|||
/*-------------------- |
|||
User Actions |
|||
---------------------*/ |
|||
|
|||
.ui.comments .comment .actions { |
|||
font-size: 0.875em; |
|||
} |
|||
.ui.comments .comment .actions a { |
|||
cursor: pointer; |
|||
display: inline-block; |
|||
margin: 0em 0.75em 0em 0em; |
|||
color: rgba(0, 0, 0, 0.4); |
|||
} |
|||
.ui.comments .comment .actions a:last-child { |
|||
margin-right: 0em; |
|||
} |
|||
.ui.comments .comment .actions a.active, |
|||
.ui.comments .comment .actions a:hover { |
|||
color: rgba(0, 0, 0, 0.8); |
|||
} |
|||
|
|||
/*-------------------- |
|||
Reply Form |
|||
---------------------*/ |
|||
|
|||
.ui.comments > .reply.form { |
|||
margin-top: 1em; |
|||
} |
|||
.ui.comments .comment .reply.form { |
|||
width: 100%; |
|||
margin-top: 1em; |
|||
} |
|||
.ui.comments .reply.form textarea { |
|||
font-size: 1em; |
|||
height: 12em; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
State |
|||
*******************************/ |
|||
|
|||
.ui.collapsed.comments, |
|||
.ui.comments .collapsed.comments, |
|||
.ui.comments .collapsed.comment { |
|||
display: none; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Variations |
|||
*******************************/ |
|||
|
|||
|
|||
/*-------------------- |
|||
Threaded |
|||
---------------------*/ |
|||
|
|||
.ui.threaded.comments .comment .comments { |
|||
margin: -1.5em 0 -1em 1.25em; |
|||
padding: 3em 0em 2em 2.25em; |
|||
box-shadow: -1px 0px 0px rgba(34, 36, 38, 0.15); |
|||
} |
|||
|
|||
/*-------------------- |
|||
Minimal |
|||
---------------------*/ |
|||
|
|||
.ui.minimal.comments .comment .actions { |
|||
opacity: 0; |
|||
position: absolute; |
|||
top: 0px; |
|||
right: 0px; |
|||
left: auto; |
|||
transition: opacity 0.2s ease; |
|||
transition-delay: 0.1s; |
|||
} |
|||
.ui.minimal.comments .comment > .content:hover > .actions { |
|||
opacity: 1; |
|||
} |
|||
|
|||
/*------------------- |
|||
Sizes |
|||
--------------------*/ |
|||
|
|||
.ui.mini.comments { |
|||
font-size: 0.78571429rem; |
|||
} |
|||
.ui.tiny.comments { |
|||
font-size: 0.85714286rem; |
|||
} |
|||
.ui.small.comments { |
|||
font-size: 0.92857143rem; |
|||
} |
|||
.ui.comments { |
|||
font-size: 1rem; |
|||
} |
|||
.ui.large.comments { |
|||
font-size: 1.14285714rem; |
|||
} |
|||
.ui.big.comments { |
|||
font-size: 1.28571429rem; |
|||
} |
|||
.ui.huge.comments { |
|||
font-size: 1.42857143rem; |
|||
} |
|||
.ui.massive.comments { |
|||
font-size: 1.71428571rem; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Theme Overrides |
|||
*******************************/ |
|||
|
|||
|
|||
|
|||
/******************************* |
|||
User Variable Overrides |
|||
*******************************/ |
|||
|
|||
@ -0,0 +1,9 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Comment |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/.ui.comments{margin:1.5em 0;max-width:650px}.ui.comments:first-child{margin-top:0}.ui.comments:last-child{margin-bottom:0}.ui.comments .comment{position:relative;background:0 0;margin:.5em 0 0;padding:.5em 0 0;border:none;border-top:none;line-height:1.2}.ui.comments .comment:first-child{margin-top:0;padding-top:0}.ui.comments .comment .comments{margin:0 0 .5em .5em;padding:1em 0 1em 1em}.ui.comments .comment .comments:before{position:absolute;top:0;left:0}.ui.comments .comment .comments .comment{border:none;border-top:none;background:0 0}.ui.comments .comment .avatar{display:block;width:2.5em;height:auto;float:left;margin:.2em 0 0}.ui.comments .comment .avatar img,.ui.comments .comment img.avatar{display:block;margin:0 auto;width:100%;height:100%;border-radius:.25rem}.ui.comments .comment>.content{display:block}.ui.comments .comment>.avatar~.content{margin-left:3.5em}.ui.comments .comment .author{font-size:1em;color:rgba(0,0,0,.87);font-weight:700}.ui.comments .comment a.author{cursor:pointer}.ui.comments .comment a.author:hover{color:#1e70bf}.ui.comments .comment .metadata{display:inline-block;margin-left:.5em;color:rgba(0,0,0,.4);font-size:.875em}.ui.comments .comment .metadata>*{display:inline-block;margin:0 .5em 0 0}.ui.comments .comment .metadata>:last-child{margin-right:0}.ui.comments .comment .text{margin:.25em 0 .5em;font-size:1em;word-wrap:break-word;color:rgba(0,0,0,.87);line-height:1.3}.ui.comments .comment .actions{font-size:.875em}.ui.comments .comment .actions a{cursor:pointer;display:inline-block;margin:0 .75em 0 0;color:rgba(0,0,0,.4)}.ui.comments .comment .actions a:last-child{margin-right:0}.ui.comments .comment .actions a.active,.ui.comments .comment .actions a:hover{color:rgba(0,0,0,.8)}.ui.comments>.reply.form{margin-top:1em}.ui.comments .comment .reply.form{width:100%;margin-top:1em}.ui.comments .reply.form textarea{font-size:1em;height:12em}.ui.collapsed.comments,.ui.comments .collapsed.comment,.ui.comments .collapsed.comments{display:none}.ui.threaded.comments .comment .comments{margin:-1.5em 0 -1em 1.25em;padding:3em 0 2em 2.25em;box-shadow:-1px 0 0 rgba(34,36,38,.15)}.ui.minimal.comments .comment .actions{opacity:0;position:absolute;top:0;right:0;left:auto;transition:opacity .2s ease;transition-delay:.1s}.ui.minimal.comments .comment>.content:hover>.actions{opacity:1}.ui.mini.comments{font-size:.78571429rem}.ui.tiny.comments{font-size:.85714286rem}.ui.small.comments{font-size:.92857143rem}.ui.comments{font-size:1rem}.ui.large.comments{font-size:1.14285714rem}.ui.big.comments{font-size:1.28571429rem}.ui.huge.comments{font-size:1.42857143rem}.ui.massive.comments{font-size:1.71428571rem} |
|||
@ -0,0 +1,147 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Container |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/ |
|||
|
|||
|
|||
/******************************* |
|||
Container |
|||
*******************************/ |
|||
|
|||
|
|||
/* All Sizes */ |
|||
.ui.container { |
|||
display: block; |
|||
max-width: 100% !important; |
|||
} |
|||
|
|||
/* Mobile */ |
|||
@media only screen and (max-width: 767px) { |
|||
.ui.container { |
|||
width: auto !important; |
|||
margin-left: 1em !important; |
|||
margin-right: 1em !important; |
|||
} |
|||
.ui.grid.container { |
|||
width: auto !important; |
|||
} |
|||
.ui.relaxed.grid.container { |
|||
width: auto !important; |
|||
} |
|||
.ui.very.relaxed.grid.container { |
|||
width: auto !important; |
|||
} |
|||
} |
|||
|
|||
/* Tablet */ |
|||
@media only screen and (min-width: 768px) and (max-width: 991px) { |
|||
.ui.container { |
|||
width: 723px; |
|||
margin-left: auto !important; |
|||
margin-right: auto !important; |
|||
} |
|||
.ui.grid.container { |
|||
width: calc( 723px + 2rem ) !important; |
|||
} |
|||
.ui.relaxed.grid.container { |
|||
width: calc( 723px + 3rem ) !important; |
|||
} |
|||
.ui.very.relaxed.grid.container { |
|||
width: calc( 723px + 5rem ) !important; |
|||
} |
|||
} |
|||
|
|||
/* Small Monitor */ |
|||
@media only screen and (min-width: 992px) and (max-width: 1199px) { |
|||
.ui.container { |
|||
width: 933px; |
|||
margin-left: auto !important; |
|||
margin-right: auto !important; |
|||
} |
|||
.ui.grid.container { |
|||
width: calc( 933px + 2rem ) !important; |
|||
} |
|||
.ui.relaxed.grid.container { |
|||
width: calc( 933px + 3rem ) !important; |
|||
} |
|||
.ui.very.relaxed.grid.container { |
|||
width: calc( 933px + 5rem ) !important; |
|||
} |
|||
} |
|||
|
|||
/* Large Monitor */ |
|||
@media only screen and (min-width: 1200px) { |
|||
.ui.container { |
|||
width: 1127px; |
|||
margin-left: auto !important; |
|||
margin-right: auto !important; |
|||
} |
|||
.ui.grid.container { |
|||
width: calc( 1127px + 2rem ) !important; |
|||
} |
|||
.ui.relaxed.grid.container { |
|||
width: calc( 1127px + 3rem ) !important; |
|||
} |
|||
.ui.very.relaxed.grid.container { |
|||
width: calc( 1127px + 5rem ) !important; |
|||
} |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Types |
|||
*******************************/ |
|||
|
|||
|
|||
/* Text Container */ |
|||
.ui.text.container { |
|||
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; |
|||
max-width: 700px !important; |
|||
line-height: 1.5; |
|||
} |
|||
.ui.text.container { |
|||
font-size: 1.14285714rem; |
|||
} |
|||
|
|||
/* Fluid */ |
|||
.ui.fluid.container { |
|||
width: 100%; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Variations |
|||
*******************************/ |
|||
|
|||
.ui[class*="left aligned"].container { |
|||
text-align: left; |
|||
} |
|||
.ui[class*="center aligned"].container { |
|||
text-align: center; |
|||
} |
|||
.ui[class*="right aligned"].container { |
|||
text-align: right; |
|||
} |
|||
.ui.justified.container { |
|||
text-align: justify; |
|||
-webkit-hyphens: auto; |
|||
-ms-hyphens: auto; |
|||
hyphens: auto; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Theme Overrides |
|||
*******************************/ |
|||
|
|||
|
|||
|
|||
/******************************* |
|||
Site Overrides |
|||
*******************************/ |
|||
|
|||
@ -0,0 +1,9 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Container |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/.ui.container{display:block;max-width:100%!important}@media only screen and (max-width:767px){.ui.container{width:auto!important;margin-left:1em!important;margin-right:1em!important}.ui.grid.container{width:auto!important}.ui.relaxed.grid.container{width:auto!important}.ui.very.relaxed.grid.container{width:auto!important}}@media only screen and (min-width:768px) and (max-width:991px){.ui.container{width:723px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(723px + 2rem)!important}.ui.relaxed.grid.container{width:calc(723px + 3rem)!important}.ui.very.relaxed.grid.container{width:calc(723px + 5rem)!important}}@media only screen and (min-width:992px) and (max-width:1199px){.ui.container{width:933px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(933px + 2rem)!important}.ui.relaxed.grid.container{width:calc(933px + 3rem)!important}.ui.very.relaxed.grid.container{width:calc(933px + 5rem)!important}}@media only screen and (min-width:1200px){.ui.container{width:1127px;margin-left:auto!important;margin-right:auto!important}.ui.grid.container{width:calc(1127px + 2rem)!important}.ui.relaxed.grid.container{width:calc(1127px + 3rem)!important}.ui.very.relaxed.grid.container{width:calc(1127px + 5rem)!important}}.ui.text.container{font-family:Lato,'Helvetica Neue',Arial,Helvetica,sans-serif;max-width:700px!important;line-height:1.5}.ui.text.container{font-size:1.14285714rem}.ui.fluid.container{width:100%}.ui[class*="left aligned"].container{text-align:left}.ui[class*="center aligned"].container{text-align:center}.ui[class*="right aligned"].container{text-align:right}.ui.justified.container{text-align:justify;-webkit-hyphens:auto;-ms-hyphens:auto;hyphens:auto} |
|||
@ -0,0 +1,235 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Dimmer |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/ |
|||
|
|||
|
|||
/******************************* |
|||
Dimmer |
|||
*******************************/ |
|||
|
|||
.dimmable:not(body) { |
|||
position: relative; |
|||
} |
|||
.ui.dimmer { |
|||
display: none; |
|||
position: absolute; |
|||
top: 0em !important; |
|||
left: 0em !important; |
|||
width: 100%; |
|||
height: 100%; |
|||
text-align: center; |
|||
vertical-align: middle; |
|||
padding: 1em; |
|||
background-color: rgba(0, 0, 0, 0.85); |
|||
opacity: 0; |
|||
line-height: 1; |
|||
-webkit-animation-fill-mode: both; |
|||
animation-fill-mode: both; |
|||
-webkit-animation-duration: 0.5s; |
|||
animation-duration: 0.5s; |
|||
transition: background-color 0.5s linear; |
|||
flex-direction: column; |
|||
align-items: center; |
|||
justify-content: center; |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
will-change: opacity; |
|||
z-index: 1000; |
|||
} |
|||
|
|||
/* Dimmer Content */ |
|||
.ui.dimmer > .content { |
|||
-webkit-user-select: text; |
|||
-moz-user-select: text; |
|||
-ms-user-select: text; |
|||
user-select: text; |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
/* Loose Coupling */ |
|||
.ui.segment > .ui.dimmer { |
|||
border-radius: inherit !important; |
|||
} |
|||
|
|||
/* Scrollbars */ |
|||
.ui.dimmer:not(.inverted)::-webkit-scrollbar-track { |
|||
background: rgba(255, 255, 255, 0.1); |
|||
} |
|||
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb { |
|||
background: rgba(255, 255, 255, 0.25); |
|||
} |
|||
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive { |
|||
background: rgba(255, 255, 255, 0.15); |
|||
} |
|||
.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover { |
|||
background: rgba(255, 255, 255, 0.35); |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
States |
|||
*******************************/ |
|||
|
|||
|
|||
/* Animating */ |
|||
.animating.dimmable:not(body), |
|||
.dimmed.dimmable:not(body) { |
|||
overflow: hidden; |
|||
} |
|||
|
|||
/* Animating / Active / Visible */ |
|||
.dimmed.dimmable > .ui.animating.dimmer, |
|||
.dimmed.dimmable > .ui.visible.dimmer, |
|||
.ui.active.dimmer { |
|||
display: flex; |
|||
opacity: 1; |
|||
} |
|||
|
|||
/* Disabled */ |
|||
.ui.disabled.dimmer { |
|||
width: 0 !important; |
|||
height: 0 !important; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Variations |
|||
*******************************/ |
|||
|
|||
|
|||
/*-------------- |
|||
Legacy |
|||
---------------*/ |
|||
|
|||
|
|||
/* Animating / Active / Visible */ |
|||
.dimmed.dimmable > .ui.animating.legacy.dimmer, |
|||
.dimmed.dimmable > .ui.visible.legacy.dimmer, |
|||
.ui.active.legacy.dimmer { |
|||
display: block; |
|||
} |
|||
|
|||
/*-------------- |
|||
Alignment |
|||
---------------*/ |
|||
|
|||
.ui[class*="top aligned"].dimmer { |
|||
justify-content: flex-start; |
|||
} |
|||
.ui[class*="bottom aligned"].dimmer { |
|||
justify-content: flex-end; |
|||
} |
|||
|
|||
/*-------------- |
|||
Page |
|||
---------------*/ |
|||
|
|||
.ui.page.dimmer { |
|||
position: fixed; |
|||
transform-style: ''; |
|||
perspective: 2000px; |
|||
transform-origin: center center; |
|||
} |
|||
body.animating.in.dimmable, |
|||
body.dimmed.dimmable { |
|||
overflow: hidden; |
|||
} |
|||
body.dimmable > .dimmer { |
|||
position: fixed; |
|||
} |
|||
|
|||
/*-------------- |
|||
Blurring |
|||
---------------*/ |
|||
|
|||
.blurring.dimmable > :not(.dimmer) { |
|||
-webkit-filter: blur(0px) grayscale(0); |
|||
filter: blur(0px) grayscale(0); |
|||
transition: 800ms -webkit-filter ease; |
|||
transition: 800ms filter ease; |
|||
transition: 800ms filter ease, 800ms -webkit-filter ease; |
|||
} |
|||
.blurring.dimmed.dimmable > :not(.dimmer) { |
|||
-webkit-filter: blur(5px) grayscale(0.7); |
|||
filter: blur(5px) grayscale(0.7); |
|||
} |
|||
|
|||
/* Dimmer Color */ |
|||
.blurring.dimmable > .dimmer { |
|||
background-color: rgba(0, 0, 0, 0.6); |
|||
} |
|||
.blurring.dimmable > .inverted.dimmer { |
|||
background-color: rgba(255, 255, 255, 0.6); |
|||
} |
|||
|
|||
/*-------------- |
|||
Aligned |
|||
---------------*/ |
|||
|
|||
.ui.dimmer > .top.aligned.content > * { |
|||
vertical-align: top; |
|||
} |
|||
.ui.dimmer > .bottom.aligned.content > * { |
|||
vertical-align: bottom; |
|||
} |
|||
|
|||
/*-------------- |
|||
Inverted |
|||
---------------*/ |
|||
|
|||
.ui.inverted.dimmer { |
|||
background-color: rgba(255, 255, 255, 0.85); |
|||
} |
|||
.ui.inverted.dimmer > .content > * { |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
/*-------------- |
|||
Simple |
|||
---------------*/ |
|||
|
|||
|
|||
/* Displays without javascript */ |
|||
.ui.simple.dimmer { |
|||
display: block; |
|||
overflow: hidden; |
|||
opacity: 1; |
|||
width: 0%; |
|||
height: 0%; |
|||
z-index: -100; |
|||
background-color: rgba(0, 0, 0, 0); |
|||
} |
|||
.dimmed.dimmable > .ui.simple.dimmer { |
|||
overflow: visible; |
|||
opacity: 1; |
|||
width: 100%; |
|||
height: 100%; |
|||
background-color: rgba(0, 0, 0, 0.85); |
|||
z-index: 1; |
|||
} |
|||
.ui.simple.inverted.dimmer { |
|||
background-color: rgba(255, 255, 255, 0); |
|||
} |
|||
.dimmed.dimmable > .ui.simple.inverted.dimmer { |
|||
background-color: rgba(255, 255, 255, 0.85); |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Theme Overrides |
|||
*******************************/ |
|||
|
|||
|
|||
|
|||
/******************************* |
|||
User Overrides |
|||
*******************************/ |
|||
|
|||
@ -0,0 +1,733 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Dimmer |
|||
* http://github.com/semantic-org/semantic-ui/
|
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT
|
|||
* |
|||
*/ |
|||
|
|||
;(function ($, window, document, undefined) { |
|||
|
|||
'use strict'; |
|||
|
|||
window = (typeof window != 'undefined' && window.Math == Math) |
|||
? window |
|||
: (typeof self != 'undefined' && self.Math == Math) |
|||
? self |
|||
: Function('return this')() |
|||
; |
|||
|
|||
$.fn.dimmer = function(parameters) { |
|||
var |
|||
$allModules = $(this), |
|||
|
|||
time = new Date().getTime(), |
|||
performance = [], |
|||
|
|||
query = arguments[0], |
|||
methodInvoked = (typeof query == 'string'), |
|||
queryArguments = [].slice.call(arguments, 1), |
|||
|
|||
returnedValue |
|||
; |
|||
|
|||
$allModules |
|||
.each(function() { |
|||
var |
|||
settings = ( $.isPlainObject(parameters) ) |
|||
? $.extend(true, {}, $.fn.dimmer.settings, parameters) |
|||
: $.extend({}, $.fn.dimmer.settings), |
|||
|
|||
selector = settings.selector, |
|||
namespace = settings.namespace, |
|||
className = settings.className, |
|||
error = settings.error, |
|||
|
|||
eventNamespace = '.' + namespace, |
|||
moduleNamespace = 'module-' + namespace, |
|||
moduleSelector = $allModules.selector || '', |
|||
|
|||
clickEvent = ('ontouchstart' in document.documentElement) |
|||
? 'touchstart' |
|||
: 'click', |
|||
|
|||
$module = $(this), |
|||
$dimmer, |
|||
$dimmable, |
|||
|
|||
element = this, |
|||
instance = $module.data(moduleNamespace), |
|||
module |
|||
; |
|||
|
|||
module = { |
|||
|
|||
preinitialize: function() { |
|||
if( module.is.dimmer() ) { |
|||
|
|||
$dimmable = $module.parent(); |
|||
$dimmer = $module; |
|||
} |
|||
else { |
|||
$dimmable = $module; |
|||
if( module.has.dimmer() ) { |
|||
if(settings.dimmerName) { |
|||
$dimmer = $dimmable.find(selector.dimmer).filter('.' + settings.dimmerName); |
|||
} |
|||
else { |
|||
$dimmer = $dimmable.find(selector.dimmer); |
|||
} |
|||
} |
|||
else { |
|||
$dimmer = module.create(); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
initialize: function() { |
|||
module.debug('Initializing dimmer', settings); |
|||
|
|||
module.bind.events(); |
|||
module.set.dimmable(); |
|||
module.instantiate(); |
|||
}, |
|||
|
|||
instantiate: function() { |
|||
module.verbose('Storing instance of module', module); |
|||
instance = module; |
|||
$module |
|||
.data(moduleNamespace, instance) |
|||
; |
|||
}, |
|||
|
|||
destroy: function() { |
|||
module.verbose('Destroying previous module', $dimmer); |
|||
module.unbind.events(); |
|||
module.remove.variation(); |
|||
$dimmable |
|||
.off(eventNamespace) |
|||
; |
|||
}, |
|||
|
|||
bind: { |
|||
events: function() { |
|||
if(settings.on == 'hover') { |
|||
$dimmable |
|||
.on('mouseenter' + eventNamespace, module.show) |
|||
.on('mouseleave' + eventNamespace, module.hide) |
|||
; |
|||
} |
|||
else if(settings.on == 'click') { |
|||
$dimmable |
|||
.on(clickEvent + eventNamespace, module.toggle) |
|||
; |
|||
} |
|||
if( module.is.page() ) { |
|||
module.debug('Setting as a page dimmer', $dimmable); |
|||
module.set.pageDimmer(); |
|||
} |
|||
|
|||
if( module.is.closable() ) { |
|||
module.verbose('Adding dimmer close event', $dimmer); |
|||
$dimmable |
|||
.on(clickEvent + eventNamespace, selector.dimmer, module.event.click) |
|||
; |
|||
} |
|||
} |
|||
}, |
|||
|
|||
unbind: { |
|||
events: function() { |
|||
$module |
|||
.removeData(moduleNamespace) |
|||
; |
|||
$dimmable |
|||
.off(eventNamespace) |
|||
; |
|||
} |
|||
}, |
|||
|
|||
event: { |
|||
click: function(event) { |
|||
module.verbose('Determining if event occurred on dimmer', event); |
|||
if( $dimmer.find(event.target).length === 0 || $(event.target).is(selector.content) ) { |
|||
module.hide(); |
|||
event.stopImmediatePropagation(); |
|||
} |
|||
}, |
|||
}, |
|||
|
|||
addContent: function(element) { |
|||
var |
|||
$content = $(element) |
|||
; |
|||
module.debug('Add content to dimmer', $content); |
|||
if($content.parent()[0] !== $dimmer[0]) { |
|||
$content.detach().appendTo($dimmer); |
|||
} |
|||
}, |
|||
|
|||
create: function() { |
|||
var |
|||
$element = $( settings.template.dimmer() ) |
|||
; |
|||
if(settings.dimmerName) { |
|||
module.debug('Creating named dimmer', settings.dimmerName); |
|||
$element.addClass(settings.dimmerName); |
|||
} |
|||
$element |
|||
.appendTo($dimmable) |
|||
; |
|||
return $element; |
|||
}, |
|||
|
|||
show: function(callback) { |
|||
callback = $.isFunction(callback) |
|||
? callback |
|||
: function(){} |
|||
; |
|||
module.debug('Showing dimmer', $dimmer, settings); |
|||
module.set.variation(); |
|||
if( (!module.is.dimmed() || module.is.animating()) && module.is.enabled() ) { |
|||
module.animate.show(callback); |
|||
settings.onShow.call(element); |
|||
settings.onChange.call(element); |
|||
} |
|||
else { |
|||
module.debug('Dimmer is already shown or disabled'); |
|||
} |
|||
}, |
|||
|
|||
hide: function(callback) { |
|||
callback = $.isFunction(callback) |
|||
? callback |
|||
: function(){} |
|||
; |
|||
if( module.is.dimmed() || module.is.animating() ) { |
|||
module.debug('Hiding dimmer', $dimmer); |
|||
module.animate.hide(callback); |
|||
settings.onHide.call(element); |
|||
settings.onChange.call(element); |
|||
} |
|||
else { |
|||
module.debug('Dimmer is not visible'); |
|||
} |
|||
}, |
|||
|
|||
toggle: function() { |
|||
module.verbose('Toggling dimmer visibility', $dimmer); |
|||
if( !module.is.dimmed() ) { |
|||
module.show(); |
|||
} |
|||
else { |
|||
module.hide(); |
|||
} |
|||
}, |
|||
|
|||
animate: { |
|||
show: function(callback) { |
|||
callback = $.isFunction(callback) |
|||
? callback |
|||
: function(){} |
|||
; |
|||
if(settings.useCSS && $.fn.transition !== undefined && $dimmer.transition('is supported')) { |
|||
if(settings.useFlex) { |
|||
module.debug('Using flex dimmer'); |
|||
module.remove.legacy(); |
|||
} |
|||
else { |
|||
module.debug('Using legacy non-flex dimmer'); |
|||
module.set.legacy(); |
|||
} |
|||
if(settings.opacity !== 'auto') { |
|||
module.set.opacity(); |
|||
} |
|||
$dimmer |
|||
.transition({ |
|||
displayType : settings.useFlex |
|||
? 'flex' |
|||
: 'block', |
|||
animation : settings.transition + ' in', |
|||
queue : false, |
|||
duration : module.get.duration(), |
|||
useFailSafe : true, |
|||
onStart : function() { |
|||
module.set.dimmed(); |
|||
}, |
|||
onComplete : function() { |
|||
module.set.active(); |
|||
callback(); |
|||
} |
|||
}) |
|||
; |
|||
} |
|||
else { |
|||
module.verbose('Showing dimmer animation with javascript'); |
|||
module.set.dimmed(); |
|||
if(settings.opacity == 'auto') { |
|||
settings.opacity = 0.8; |
|||
} |
|||
$dimmer |
|||
.stop() |
|||
.css({ |
|||
opacity : 0, |
|||
width : '100%', |
|||
height : '100%' |
|||
}) |
|||
.fadeTo(module.get.duration(), settings.opacity, function() { |
|||
$dimmer.removeAttr('style'); |
|||
module.set.active(); |
|||
callback(); |
|||
}) |
|||
; |
|||
} |
|||
}, |
|||
hide: function(callback) { |
|||
callback = $.isFunction(callback) |
|||
? callback |
|||
: function(){} |
|||
; |
|||
if(settings.useCSS && $.fn.transition !== undefined && $dimmer.transition('is supported')) { |
|||
module.verbose('Hiding dimmer with css'); |
|||
$dimmer |
|||
.transition({ |
|||
displayType : settings.useFlex |
|||
? 'flex' |
|||
: 'block', |
|||
animation : settings.transition + ' out', |
|||
queue : false, |
|||
duration : module.get.duration(), |
|||
useFailSafe : true, |
|||
onStart : function() { |
|||
module.remove.dimmed(); |
|||
}, |
|||
onComplete : function() { |
|||
module.remove.variation(); |
|||
module.remove.active(); |
|||
callback(); |
|||
} |
|||
}) |
|||
; |
|||
} |
|||
else { |
|||
module.verbose('Hiding dimmer with javascript'); |
|||
module.remove.dimmed(); |
|||
$dimmer |
|||
.stop() |
|||
.fadeOut(module.get.duration(), function() { |
|||
module.remove.active(); |
|||
$dimmer.removeAttr('style'); |
|||
callback(); |
|||
}) |
|||
; |
|||
} |
|||
} |
|||
}, |
|||
|
|||
get: { |
|||
dimmer: function() { |
|||
return $dimmer; |
|||
}, |
|||
duration: function() { |
|||
if(typeof settings.duration == 'object') { |
|||
if( module.is.active() ) { |
|||
return settings.duration.hide; |
|||
} |
|||
else { |
|||
return settings.duration.show; |
|||
} |
|||
} |
|||
return settings.duration; |
|||
} |
|||
}, |
|||
|
|||
has: { |
|||
dimmer: function() { |
|||
if(settings.dimmerName) { |
|||
return ($module.find(selector.dimmer).filter('.' + settings.dimmerName).length > 0); |
|||
} |
|||
else { |
|||
return ( $module.find(selector.dimmer).length > 0 ); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
is: { |
|||
active: function() { |
|||
return $dimmer.hasClass(className.active); |
|||
}, |
|||
animating: function() { |
|||
return ( $dimmer.is(':animated') || $dimmer.hasClass(className.animating) ); |
|||
}, |
|||
closable: function() { |
|||
if(settings.closable == 'auto') { |
|||
if(settings.on == 'hover') { |
|||
return false; |
|||
} |
|||
return true; |
|||
} |
|||
return settings.closable; |
|||
}, |
|||
dimmer: function() { |
|||
return $module.hasClass(className.dimmer); |
|||
}, |
|||
dimmable: function() { |
|||
return $module.hasClass(className.dimmable); |
|||
}, |
|||
dimmed: function() { |
|||
return $dimmable.hasClass(className.dimmed); |
|||
}, |
|||
disabled: function() { |
|||
return $dimmable.hasClass(className.disabled); |
|||
}, |
|||
enabled: function() { |
|||
return !module.is.disabled(); |
|||
}, |
|||
page: function () { |
|||
return $dimmable.is('body'); |
|||
}, |
|||
pageDimmer: function() { |
|||
return $dimmer.hasClass(className.pageDimmer); |
|||
} |
|||
}, |
|||
|
|||
can: { |
|||
show: function() { |
|||
return !$dimmer.hasClass(className.disabled); |
|||
} |
|||
}, |
|||
|
|||
set: { |
|||
opacity: function(opacity) { |
|||
var |
|||
color = $dimmer.css('background-color'), |
|||
colorArray = color.split(','), |
|||
isRGB = (colorArray && colorArray.length == 3), |
|||
isRGBA = (colorArray && colorArray.length == 4) |
|||
; |
|||
opacity = settings.opacity === 0 ? 0 : settings.opacity || opacity; |
|||
if(isRGB || isRGBA) { |
|||
colorArray[3] = opacity + ')'; |
|||
color = colorArray.join(','); |
|||
} |
|||
else { |
|||
color = 'rgba(0, 0, 0, ' + opacity + ')'; |
|||
} |
|||
module.debug('Setting opacity to', opacity); |
|||
$dimmer.css('background-color', color); |
|||
}, |
|||
legacy: function() { |
|||
$dimmer.addClass(className.legacy); |
|||
}, |
|||
active: function() { |
|||
$dimmer.addClass(className.active); |
|||
}, |
|||
dimmable: function() { |
|||
$dimmable.addClass(className.dimmable); |
|||
}, |
|||
dimmed: function() { |
|||
$dimmable.addClass(className.dimmed); |
|||
}, |
|||
pageDimmer: function() { |
|||
$dimmer.addClass(className.pageDimmer); |
|||
}, |
|||
disabled: function() { |
|||
$dimmer.addClass(className.disabled); |
|||
}, |
|||
variation: function(variation) { |
|||
variation = variation || settings.variation; |
|||
if(variation) { |
|||
$dimmer.addClass(variation); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
remove: { |
|||
active: function() { |
|||
$dimmer |
|||
.removeClass(className.active) |
|||
; |
|||
}, |
|||
legacy: function() { |
|||
$dimmer.removeClass(className.legacy); |
|||
}, |
|||
dimmed: function() { |
|||
$dimmable.removeClass(className.dimmed); |
|||
}, |
|||
disabled: function() { |
|||
$dimmer.removeClass(className.disabled); |
|||
}, |
|||
variation: function(variation) { |
|||
variation = variation || settings.variation; |
|||
if(variation) { |
|||
$dimmer.removeClass(variation); |
|||
} |
|||
} |
|||
}, |
|||
|
|||
setting: function(name, value) { |
|||
module.debug('Changing setting', name, value); |
|||
if( $.isPlainObject(name) ) { |
|||
$.extend(true, settings, name); |
|||
} |
|||
else if(value !== undefined) { |
|||
if($.isPlainObject(settings[name])) { |
|||
$.extend(true, settings[name], value); |
|||
} |
|||
else { |
|||
settings[name] = value; |
|||
} |
|||
} |
|||
else { |
|||
return settings[name]; |
|||
} |
|||
}, |
|||
internal: function(name, value) { |
|||
if( $.isPlainObject(name) ) { |
|||
$.extend(true, module, name); |
|||
} |
|||
else if(value !== undefined) { |
|||
module[name] = value; |
|||
} |
|||
else { |
|||
return module[name]; |
|||
} |
|||
}, |
|||
debug: function() { |
|||
if(!settings.silent && settings.debug) { |
|||
if(settings.performance) { |
|||
module.performance.log(arguments); |
|||
} |
|||
else { |
|||
module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); |
|||
module.debug.apply(console, arguments); |
|||
} |
|||
} |
|||
}, |
|||
verbose: function() { |
|||
if(!settings.silent && settings.verbose && settings.debug) { |
|||
if(settings.performance) { |
|||
module.performance.log(arguments); |
|||
} |
|||
else { |
|||
module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); |
|||
module.verbose.apply(console, arguments); |
|||
} |
|||
} |
|||
}, |
|||
error: function() { |
|||
if(!settings.silent) { |
|||
module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); |
|||
module.error.apply(console, arguments); |
|||
} |
|||
}, |
|||
performance: { |
|||
log: function(message) { |
|||
var |
|||
currentTime, |
|||
executionTime, |
|||
previousTime |
|||
; |
|||
if(settings.performance) { |
|||
currentTime = new Date().getTime(); |
|||
previousTime = time || currentTime; |
|||
executionTime = currentTime - previousTime; |
|||
time = currentTime; |
|||
performance.push({ |
|||
'Name' : message[0], |
|||
'Arguments' : [].slice.call(message, 1) || '', |
|||
'Element' : element, |
|||
'Execution Time' : executionTime |
|||
}); |
|||
} |
|||
clearTimeout(module.performance.timer); |
|||
module.performance.timer = setTimeout(module.performance.display, 500); |
|||
}, |
|||
display: function() { |
|||
var |
|||
title = settings.name + ':', |
|||
totalTime = 0 |
|||
; |
|||
time = false; |
|||
clearTimeout(module.performance.timer); |
|||
$.each(performance, function(index, data) { |
|||
totalTime += data['Execution Time']; |
|||
}); |
|||
title += ' ' + totalTime + 'ms'; |
|||
if(moduleSelector) { |
|||
title += ' \'' + moduleSelector + '\''; |
|||
} |
|||
if($allModules.length > 1) { |
|||
title += ' ' + '(' + $allModules.length + ')'; |
|||
} |
|||
if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { |
|||
console.groupCollapsed(title); |
|||
if(console.table) { |
|||
console.table(performance); |
|||
} |
|||
else { |
|||
$.each(performance, function(index, data) { |
|||
console.log(data['Name'] + ': ' + data['Execution Time']+'ms'); |
|||
}); |
|||
} |
|||
console.groupEnd(); |
|||
} |
|||
performance = []; |
|||
} |
|||
}, |
|||
invoke: function(query, passedArguments, context) { |
|||
var |
|||
object = instance, |
|||
maxDepth, |
|||
found, |
|||
response |
|||
; |
|||
passedArguments = passedArguments || queryArguments; |
|||
context = element || context; |
|||
if(typeof query == 'string' && object !== undefined) { |
|||
query = query.split(/[\. ]/); |
|||
maxDepth = query.length - 1; |
|||
$.each(query, function(depth, value) { |
|||
var camelCaseValue = (depth != maxDepth) |
|||
? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) |
|||
: query |
|||
; |
|||
if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) { |
|||
object = object[camelCaseValue]; |
|||
} |
|||
else if( object[camelCaseValue] !== undefined ) { |
|||
found = object[camelCaseValue]; |
|||
return false; |
|||
} |
|||
else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) { |
|||
object = object[value]; |
|||
} |
|||
else if( object[value] !== undefined ) { |
|||
found = object[value]; |
|||
return false; |
|||
} |
|||
else { |
|||
module.error(error.method, query); |
|||
return false; |
|||
} |
|||
}); |
|||
} |
|||
if ( $.isFunction( found ) ) { |
|||
response = found.apply(context, passedArguments); |
|||
} |
|||
else if(found !== undefined) { |
|||
response = found; |
|||
} |
|||
if($.isArray(returnedValue)) { |
|||
returnedValue.push(response); |
|||
} |
|||
else if(returnedValue !== undefined) { |
|||
returnedValue = [returnedValue, response]; |
|||
} |
|||
else if(response !== undefined) { |
|||
returnedValue = response; |
|||
} |
|||
return found; |
|||
} |
|||
}; |
|||
|
|||
module.preinitialize(); |
|||
|
|||
if(methodInvoked) { |
|||
if(instance === undefined) { |
|||
module.initialize(); |
|||
} |
|||
module.invoke(query); |
|||
} |
|||
else { |
|||
if(instance !== undefined) { |
|||
instance.invoke('destroy'); |
|||
} |
|||
module.initialize(); |
|||
} |
|||
}) |
|||
; |
|||
|
|||
return (returnedValue !== undefined) |
|||
? returnedValue |
|||
: this |
|||
; |
|||
}; |
|||
|
|||
$.fn.dimmer.settings = { |
|||
|
|||
name : 'Dimmer', |
|||
namespace : 'dimmer', |
|||
|
|||
silent : false, |
|||
debug : false, |
|||
verbose : false, |
|||
performance : true, |
|||
|
|||
// whether should use flex layout
|
|||
useFlex : true, |
|||
|
|||
// name to distinguish between multiple dimmers in context
|
|||
dimmerName : false, |
|||
|
|||
// whether to add a variation type
|
|||
variation : false, |
|||
|
|||
// whether to bind close events
|
|||
closable : 'auto', |
|||
|
|||
// whether to use css animations
|
|||
useCSS : true, |
|||
|
|||
// css animation to use
|
|||
transition : 'fade', |
|||
|
|||
// event to bind to
|
|||
on : false, |
|||
|
|||
// overriding opacity value
|
|||
opacity : 'auto', |
|||
|
|||
// transition durations
|
|||
duration : { |
|||
show : 500, |
|||
hide : 500 |
|||
}, |
|||
|
|||
onChange : function(){}, |
|||
onShow : function(){}, |
|||
onHide : function(){}, |
|||
|
|||
error : { |
|||
method : 'The method you called is not defined.' |
|||
}, |
|||
|
|||
className : { |
|||
active : 'active', |
|||
animating : 'animating', |
|||
dimmable : 'dimmable', |
|||
dimmed : 'dimmed', |
|||
dimmer : 'dimmer', |
|||
disabled : 'disabled', |
|||
hide : 'hide', |
|||
legacy : 'legacy', |
|||
pageDimmer : 'page', |
|||
show : 'show' |
|||
}, |
|||
|
|||
selector: { |
|||
dimmer : '> .ui.dimmer', |
|||
content : '.ui.dimmer > .content, .ui.dimmer > .content > .center' |
|||
}, |
|||
|
|||
template: { |
|||
dimmer: function() { |
|||
return $('<div />').attr('class', 'ui dimmer'); |
|||
} |
|||
} |
|||
|
|||
}; |
|||
|
|||
})( jQuery, window, document ); |
|||
@ -0,0 +1,9 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Dimmer |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/.dimmable:not(body){position:relative}.ui.dimmer{display:none;position:absolute;top:0!important;left:0!important;width:100%;height:100%;text-align:center;vertical-align:middle;padding:1em;background-color:rgba(0,0,0,.85);opacity:0;line-height:1;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:.5s;animation-duration:.5s;transition:background-color .5s linear;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;will-change:opacity;z-index:1000}.ui.dimmer>.content{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text;color:#fff}.ui.segment>.ui.dimmer{border-radius:inherit!important}.ui.dimmer:not(.inverted)::-webkit-scrollbar-track{background:rgba(255,255,255,.1)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb{background:rgba(255,255,255,.25)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:window-inactive{background:rgba(255,255,255,.15)}.ui.dimmer:not(.inverted)::-webkit-scrollbar-thumb:hover{background:rgba(255,255,255,.35)}.animating.dimmable:not(body),.dimmed.dimmable:not(body){overflow:hidden}.dimmed.dimmable>.ui.animating.dimmer,.dimmed.dimmable>.ui.visible.dimmer,.ui.active.dimmer{display:flex;opacity:1}.ui.disabled.dimmer{width:0!important;height:0!important}.dimmed.dimmable>.ui.animating.legacy.dimmer,.dimmed.dimmable>.ui.visible.legacy.dimmer,.ui.active.legacy.dimmer{display:block}.ui[class*="top aligned"].dimmer{justify-content:flex-start}.ui[class*="bottom aligned"].dimmer{justify-content:flex-end}.ui.page.dimmer{position:fixed;transform-style:'';perspective:2000px;transform-origin:center center}body.animating.in.dimmable,body.dimmed.dimmable{overflow:hidden}body.dimmable>.dimmer{position:fixed}.blurring.dimmable>:not(.dimmer){-webkit-filter:blur(0) grayscale(0);filter:blur(0) grayscale(0);transition:.8s -webkit-filter ease;transition:.8s filter ease;transition:.8s filter ease,.8s -webkit-filter ease}.blurring.dimmed.dimmable>:not(.dimmer){-webkit-filter:blur(5px) grayscale(.7);filter:blur(5px) grayscale(.7)}.blurring.dimmable>.dimmer{background-color:rgba(0,0,0,.6)}.blurring.dimmable>.inverted.dimmer{background-color:rgba(255,255,255,.6)}.ui.dimmer>.top.aligned.content>*{vertical-align:top}.ui.dimmer>.bottom.aligned.content>*{vertical-align:bottom}.ui.inverted.dimmer{background-color:rgba(255,255,255,.85)}.ui.inverted.dimmer>.content>*{color:#fff}.ui.simple.dimmer{display:block;overflow:hidden;opacity:1;width:0%;height:0%;z-index:-100;background-color:rgba(0,0,0,0)}.dimmed.dimmable>.ui.simple.dimmer{overflow:visible;opacity:1;width:100%;height:100%;background-color:rgba(0,0,0,.85);z-index:1}.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,0)}.dimmed.dimmable>.ui.simple.inverted.dimmer{background-color:rgba(255,255,255,.85)} |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,258 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Divider |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/ |
|||
|
|||
|
|||
/******************************* |
|||
Divider |
|||
*******************************/ |
|||
|
|||
.ui.divider { |
|||
margin: 1rem 0rem; |
|||
line-height: 1; |
|||
height: 0em; |
|||
font-weight: bold; |
|||
text-transform: uppercase; |
|||
letter-spacing: 0.05em; |
|||
color: rgba(0, 0, 0, 0.85); |
|||
-webkit-user-select: none; |
|||
-moz-user-select: none; |
|||
-ms-user-select: none; |
|||
user-select: none; |
|||
-webkit-tap-highlight-color: rgba(0, 0, 0, 0); |
|||
} |
|||
|
|||
/*-------------- |
|||
Basic |
|||
---------------*/ |
|||
|
|||
.ui.divider:not(.vertical):not(.horizontal) { |
|||
border-top: 1px solid rgba(34, 36, 38, 0.15); |
|||
border-bottom: 1px solid rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
/*-------------- |
|||
Coupling |
|||
---------------*/ |
|||
|
|||
|
|||
/* Allow divider between each column row */ |
|||
.ui.grid > .column + .divider, |
|||
.ui.grid > .row > .column + .divider { |
|||
left: auto; |
|||
} |
|||
|
|||
/*-------------- |
|||
Horizontal |
|||
---------------*/ |
|||
|
|||
.ui.horizontal.divider { |
|||
display: table; |
|||
white-space: nowrap; |
|||
height: auto; |
|||
margin: ''; |
|||
line-height: 1; |
|||
text-align: center; |
|||
} |
|||
.ui.horizontal.divider:before, |
|||
.ui.horizontal.divider:after { |
|||
content: ''; |
|||
display: table-cell; |
|||
position: relative; |
|||
top: 50%; |
|||
width: 50%; |
|||
background-repeat: no-repeat; |
|||
} |
|||
.ui.horizontal.divider:before { |
|||
background-position: right 1em top 50%; |
|||
} |
|||
.ui.horizontal.divider:after { |
|||
background-position: left 1em top 50%; |
|||
} |
|||
|
|||
/*-------------- |
|||
Vertical |
|||
---------------*/ |
|||
|
|||
.ui.vertical.divider { |
|||
position: absolute; |
|||
z-index: 2; |
|||
top: 50%; |
|||
left: 50%; |
|||
margin: 0rem; |
|||
padding: 0em; |
|||
width: auto; |
|||
height: 50%; |
|||
line-height: 0em; |
|||
text-align: center; |
|||
transform: translateX(-50%); |
|||
} |
|||
.ui.vertical.divider:before, |
|||
.ui.vertical.divider:after { |
|||
position: absolute; |
|||
left: 50%; |
|||
content: ''; |
|||
z-index: 3; |
|||
border-left: 1px solid rgba(34, 36, 38, 0.15); |
|||
border-right: 1px solid rgba(255, 255, 255, 0.1); |
|||
width: 0%; |
|||
height: calc(100% - 1rem ); |
|||
} |
|||
.ui.vertical.divider:before { |
|||
top: -100%; |
|||
} |
|||
.ui.vertical.divider:after { |
|||
top: auto; |
|||
bottom: 0px; |
|||
} |
|||
|
|||
/* Inside grid */ |
|||
@media only screen and (max-width: 767px) { |
|||
.ui.stackable.grid .ui.vertical.divider, |
|||
.ui.grid .stackable.row .ui.vertical.divider { |
|||
display: table; |
|||
white-space: nowrap; |
|||
height: auto; |
|||
margin: ''; |
|||
overflow: hidden; |
|||
line-height: 1; |
|||
text-align: center; |
|||
position: static; |
|||
top: 0; |
|||
left: 0; |
|||
transform: none; |
|||
} |
|||
.ui.stackable.grid .ui.vertical.divider:before, |
|||
.ui.grid .stackable.row .ui.vertical.divider:before, |
|||
.ui.stackable.grid .ui.vertical.divider:after, |
|||
.ui.grid .stackable.row .ui.vertical.divider:after { |
|||
position: static; |
|||
left: 0; |
|||
border-left: none; |
|||
border-right: none; |
|||
content: ''; |
|||
display: table-cell; |
|||
position: relative; |
|||
top: 50%; |
|||
width: 50%; |
|||
background-repeat: no-repeat; |
|||
} |
|||
.ui.stackable.grid .ui.vertical.divider:before, |
|||
.ui.grid .stackable.row .ui.vertical.divider:before { |
|||
background-position: right 1em top 50%; |
|||
} |
|||
.ui.stackable.grid .ui.vertical.divider:after, |
|||
.ui.grid .stackable.row .ui.vertical.divider:after { |
|||
background-position: left 1em top 50%; |
|||
} |
|||
} |
|||
|
|||
/*-------------- |
|||
Icon |
|||
---------------*/ |
|||
|
|||
.ui.divider > .icon { |
|||
margin: 0rem; |
|||
font-size: 1rem; |
|||
height: 1em; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Variations |
|||
*******************************/ |
|||
|
|||
|
|||
/*-------------- |
|||
Hidden |
|||
---------------*/ |
|||
|
|||
.ui.hidden.divider { |
|||
border-color: transparent !important; |
|||
} |
|||
.ui.hidden.divider:before, |
|||
.ui.hidden.divider:after { |
|||
display: none; |
|||
} |
|||
|
|||
/*-------------- |
|||
Inverted |
|||
---------------*/ |
|||
|
|||
.ui.divider.inverted, |
|||
.ui.vertical.inverted.divider, |
|||
.ui.horizontal.inverted.divider { |
|||
color: #FFFFFF; |
|||
} |
|||
.ui.divider.inverted, |
|||
.ui.divider.inverted:after, |
|||
.ui.divider.inverted:before { |
|||
border-top-color: rgba(34, 36, 38, 0.15) !important; |
|||
border-left-color: rgba(34, 36, 38, 0.15) !important; |
|||
border-bottom-color: rgba(255, 255, 255, 0.15) !important; |
|||
border-right-color: rgba(255, 255, 255, 0.15) !important; |
|||
} |
|||
|
|||
/*-------------- |
|||
Fitted |
|||
---------------*/ |
|||
|
|||
.ui.fitted.divider { |
|||
margin: 0em; |
|||
} |
|||
|
|||
/*-------------- |
|||
Clearing |
|||
---------------*/ |
|||
|
|||
.ui.clearing.divider { |
|||
clear: both; |
|||
} |
|||
|
|||
/*-------------- |
|||
Section |
|||
---------------*/ |
|||
|
|||
.ui.section.divider { |
|||
margin-top: 2rem; |
|||
margin-bottom: 2rem; |
|||
} |
|||
|
|||
/*-------------- |
|||
Sizes |
|||
---------------*/ |
|||
|
|||
.ui.divider { |
|||
font-size: 1rem; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Theme Overrides |
|||
*******************************/ |
|||
|
|||
.ui.horizontal.divider:before, |
|||
.ui.horizontal.divider:after { |
|||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC'); |
|||
} |
|||
@media only screen and (max-width: 767px) { |
|||
.ui.stackable.grid .ui.vertical.divider:before, |
|||
.ui.grid .stackable.row .ui.vertical.divider:before, |
|||
.ui.stackable.grid .ui.vertical.divider:after, |
|||
.ui.grid .stackable.row .ui.vertical.divider:after { |
|||
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAABaAAAAACCAYAAACuTHuKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1OThBRDY4OUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1OThBRDY4QUNDMTYxMUU0OUE3NUVGOEJDMzMzMjE2NyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjU5OEFENjg3Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjU5OEFENjg4Q0MxNjExRTQ5QTc1RUY4QkMzMzMyMTY3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+VU513gAAADVJREFUeNrs0DENACAQBDBIWLGBJQby/mUcJn5sJXQmOQMAAAAAAJqt+2prAAAAAACg2xdgANk6BEVuJgyMAAAAAElFTkSuQmCC'); |
|||
} |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Site Overrides |
|||
*******************************/ |
|||
|
|||
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@ -0,0 +1,161 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Video |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/ |
|||
|
|||
|
|||
/******************************* |
|||
Types |
|||
*******************************/ |
|||
|
|||
.ui.embed { |
|||
position: relative; |
|||
max-width: 100%; |
|||
height: 0px; |
|||
overflow: hidden; |
|||
background: #DCDDDE; |
|||
padding-bottom: 56.25%; |
|||
} |
|||
|
|||
/*----------------- |
|||
Embedded Content |
|||
------------------*/ |
|||
|
|||
.ui.embed iframe, |
|||
.ui.embed embed, |
|||
.ui.embed object { |
|||
position: absolute; |
|||
border: none; |
|||
width: 100%; |
|||
height: 100%; |
|||
top: 0px; |
|||
left: 0px; |
|||
margin: 0em; |
|||
padding: 0em; |
|||
} |
|||
|
|||
/*----------------- |
|||
Embed |
|||
------------------*/ |
|||
|
|||
.ui.embed > .embed { |
|||
display: none; |
|||
} |
|||
|
|||
/*-------------- |
|||
Placeholder |
|||
---------------*/ |
|||
|
|||
.ui.embed > .placeholder { |
|||
position: absolute; |
|||
cursor: pointer; |
|||
top: 0px; |
|||
left: 0px; |
|||
display: block; |
|||
width: 100%; |
|||
height: 100%; |
|||
background-color: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); |
|||
} |
|||
|
|||
/*-------------- |
|||
Icon |
|||
---------------*/ |
|||
|
|||
.ui.embed > .icon { |
|||
cursor: pointer; |
|||
position: absolute; |
|||
top: 0px; |
|||
left: 0px; |
|||
width: 100%; |
|||
height: 100%; |
|||
z-index: 2; |
|||
} |
|||
.ui.embed > .icon:after { |
|||
position: absolute; |
|||
top: 0%; |
|||
left: 0%; |
|||
width: 100%; |
|||
height: 100%; |
|||
z-index: 3; |
|||
content: ''; |
|||
background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); |
|||
opacity: 0.5; |
|||
transition: opacity 0.5s ease; |
|||
} |
|||
.ui.embed > .icon:before { |
|||
position: absolute; |
|||
top: 50%; |
|||
left: 50%; |
|||
z-index: 4; |
|||
transform: translateX(-50%) translateY(-50%); |
|||
color: #FFFFFF; |
|||
font-size: 6rem; |
|||
text-shadow: 0px 2px 10px rgba(34, 36, 38, 0.2); |
|||
transition: opacity 0.5s ease, color 0.5s ease; |
|||
z-index: 10; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
States |
|||
*******************************/ |
|||
|
|||
|
|||
/*-------------- |
|||
Hover |
|||
---------------*/ |
|||
|
|||
.ui.embed .icon:hover:after { |
|||
background: radial-gradient(transparent 45%, rgba(0, 0, 0, 0.3)); |
|||
opacity: 1; |
|||
} |
|||
.ui.embed .icon:hover:before { |
|||
color: #FFFFFF; |
|||
} |
|||
|
|||
/*-------------- |
|||
Active |
|||
---------------*/ |
|||
|
|||
.ui.active.embed > .icon, |
|||
.ui.active.embed > .placeholder { |
|||
display: none; |
|||
} |
|||
.ui.active.embed > .embed { |
|||
display: block; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Video Overrides |
|||
*******************************/ |
|||
|
|||
|
|||
|
|||
/******************************* |
|||
Site Overrides |
|||
*******************************/ |
|||
|
|||
|
|||
|
|||
/******************************* |
|||
Variations |
|||
*******************************/ |
|||
|
|||
.ui.square.embed { |
|||
padding-bottom: 100%; |
|||
} |
|||
.ui[class*="4:3"].embed { |
|||
padding-bottom: 75%; |
|||
} |
|||
.ui[class*="16:9"].embed { |
|||
padding-bottom: 56.25%; |
|||
} |
|||
.ui[class*="21:9"].embed { |
|||
padding-bottom: 42.85714286%; |
|||
} |
|||
@ -0,0 +1,706 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Embed |
|||
* http://github.com/semantic-org/semantic-ui/
|
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT
|
|||
* |
|||
*/ |
|||
|
|||
;(function ($, window, document, undefined) { |
|||
|
|||
"use strict"; |
|||
|
|||
window = (typeof window != 'undefined' && window.Math == Math) |
|||
? window |
|||
: (typeof self != 'undefined' && self.Math == Math) |
|||
? self |
|||
: Function('return this')() |
|||
; |
|||
|
|||
$.fn.embed = function(parameters) { |
|||
|
|||
var |
|||
$allModules = $(this), |
|||
|
|||
moduleSelector = $allModules.selector || '', |
|||
|
|||
time = new Date().getTime(), |
|||
performance = [], |
|||
|
|||
query = arguments[0], |
|||
methodInvoked = (typeof query == 'string'), |
|||
queryArguments = [].slice.call(arguments, 1), |
|||
|
|||
returnedValue |
|||
; |
|||
|
|||
$allModules |
|||
.each(function() { |
|||
var |
|||
settings = ( $.isPlainObject(parameters) ) |
|||
? $.extend(true, {}, $.fn.embed.settings, parameters) |
|||
: $.extend({}, $.fn.embed.settings), |
|||
|
|||
selector = settings.selector, |
|||
className = settings.className, |
|||
sources = settings.sources, |
|||
error = settings.error, |
|||
metadata = settings.metadata, |
|||
namespace = settings.namespace, |
|||
templates = settings.templates, |
|||
|
|||
eventNamespace = '.' + namespace, |
|||
moduleNamespace = 'module-' + namespace, |
|||
|
|||
$window = $(window), |
|||
$module = $(this), |
|||
$placeholder = $module.find(selector.placeholder), |
|||
$icon = $module.find(selector.icon), |
|||
$embed = $module.find(selector.embed), |
|||
|
|||
element = this, |
|||
instance = $module.data(moduleNamespace), |
|||
module |
|||
; |
|||
|
|||
module = { |
|||
|
|||
initialize: function() { |
|||
module.debug('Initializing embed'); |
|||
module.determine.autoplay(); |
|||
module.create(); |
|||
module.bind.events(); |
|||
module.instantiate(); |
|||
}, |
|||
|
|||
instantiate: function() { |
|||
module.verbose('Storing instance of module', module); |
|||
instance = module; |
|||
$module |
|||
.data(moduleNamespace, module) |
|||
; |
|||
}, |
|||
|
|||
destroy: function() { |
|||
module.verbose('Destroying previous instance of embed'); |
|||
module.reset(); |
|||
$module |
|||
.removeData(moduleNamespace) |
|||
.off(eventNamespace) |
|||
; |
|||
}, |
|||
|
|||
refresh: function() { |
|||
module.verbose('Refreshing selector cache'); |
|||
$placeholder = $module.find(selector.placeholder); |
|||
$icon = $module.find(selector.icon); |
|||
$embed = $module.find(selector.embed); |
|||
}, |
|||
|
|||
bind: { |
|||
events: function() { |
|||
if( module.has.placeholder() ) { |
|||
module.debug('Adding placeholder events'); |
|||
$module |
|||
.on('click' + eventNamespace, selector.placeholder, module.createAndShow) |
|||
.on('click' + eventNamespace, selector.icon, module.createAndShow) |
|||
; |
|||
} |
|||
} |
|||
}, |
|||
|
|||
create: function() { |
|||
var |
|||
placeholder = module.get.placeholder() |
|||
; |
|||
if(placeholder) { |
|||
module.createPlaceholder(); |
|||
} |
|||
else { |
|||
module.createAndShow(); |
|||
} |
|||
}, |
|||
|
|||
createPlaceholder: function(placeholder) { |
|||
var |
|||
icon = module.get.icon(), |
|||
url = module.get.url(), |
|||
embed = module.generate.embed(url) |
|||
; |
|||
placeholder = placeholder || module.get.placeholder(); |
|||
$module.html( templates.placeholder(placeholder, icon) ); |
|||
module.debug('Creating placeholder for embed', placeholder, icon); |
|||
}, |
|||
|
|||
createEmbed: function(url) { |
|||
module.refresh(); |
|||
url = url || module.get.url(); |
|||
$embed = $('<div/>') |
|||
.addClass(className.embed) |
|||
.html( module.generate.embed(url) ) |
|||
.appendTo($module) |
|||
; |
|||
settings.onCreate.call(element, url); |
|||
module.debug('Creating embed object', $embed); |
|||
}, |
|||
|
|||
changeEmbed: function(url) { |
|||
$embed |
|||
.html( module.generate.embed(url) ) |
|||
; |
|||
}, |
|||
|
|||
createAndShow: function() { |
|||
module.createEmbed(); |
|||
module.show(); |
|||
}, |
|||
|
|||
// sets new embed
|
|||
change: function(source, id, url) { |
|||
module.debug('Changing video to ', source, id, url); |
|||
$module |
|||
.data(metadata.source, source) |
|||
.data(metadata.id, id) |
|||
; |
|||
if(url) { |
|||
$module.data(metadata.url, url); |
|||
} |
|||
else { |
|||
$module.removeData(metadata.url); |
|||
} |
|||
if(module.has.embed()) { |
|||
module.changeEmbed(); |
|||
} |
|||
else { |
|||
module.create(); |
|||
} |
|||
}, |
|||
|
|||
// clears embed
|
|||
reset: function() { |
|||
module.debug('Clearing embed and showing placeholder'); |
|||
module.remove.data(); |
|||
module.remove.active(); |
|||
module.remove.embed(); |
|||
module.showPlaceholder(); |
|||
settings.onReset.call(element); |
|||
}, |
|||
|
|||
// shows current embed
|
|||
show: function() { |
|||
module.debug('Showing embed'); |
|||
module.set.active(); |
|||
settings.onDisplay.call(element); |
|||
}, |
|||
|
|||
hide: function() { |
|||
module.debug('Hiding embed'); |
|||
module.showPlaceholder(); |
|||
}, |
|||
|
|||
showPlaceholder: function() { |
|||
module.debug('Showing placeholder image'); |
|||
module.remove.active(); |
|||
settings.onPlaceholderDisplay.call(element); |
|||
}, |
|||
|
|||
get: { |
|||
id: function() { |
|||
return settings.id || $module.data(metadata.id); |
|||
}, |
|||
placeholder: function() { |
|||
return settings.placeholder || $module.data(metadata.placeholder); |
|||
}, |
|||
icon: function() { |
|||
return (settings.icon) |
|||
? settings.icon |
|||
: ($module.data(metadata.icon) !== undefined) |
|||
? $module.data(metadata.icon) |
|||
: module.determine.icon() |
|||
; |
|||
}, |
|||
source: function(url) { |
|||
return (settings.source) |
|||
? settings.source |
|||
: ($module.data(metadata.source) !== undefined) |
|||
? $module.data(metadata.source) |
|||
: module.determine.source() |
|||
; |
|||
}, |
|||
type: function() { |
|||
var source = module.get.source(); |
|||
return (sources[source] !== undefined) |
|||
? sources[source].type |
|||
: false |
|||
; |
|||
}, |
|||
url: function() { |
|||
return (settings.url) |
|||
? settings.url |
|||
: ($module.data(metadata.url) !== undefined) |
|||
? $module.data(metadata.url) |
|||
: module.determine.url() |
|||
; |
|||
} |
|||
}, |
|||
|
|||
determine: { |
|||
autoplay: function() { |
|||
if(module.should.autoplay()) { |
|||
settings.autoplay = true; |
|||
} |
|||
}, |
|||
source: function(url) { |
|||
var |
|||
matchedSource = false |
|||
; |
|||
url = url || module.get.url(); |
|||
if(url) { |
|||
$.each(sources, function(name, source) { |
|||
if(url.search(source.domain) !== -1) { |
|||
matchedSource = name; |
|||
return false; |
|||
} |
|||
}); |
|||
} |
|||
return matchedSource; |
|||
}, |
|||
icon: function() { |
|||
var |
|||
source = module.get.source() |
|||
; |
|||
return (sources[source] !== undefined) |
|||
? sources[source].icon |
|||
: false |
|||
; |
|||
}, |
|||
url: function() { |
|||
var |
|||
id = settings.id || $module.data(metadata.id), |
|||
source = settings.source || $module.data(metadata.source), |
|||
url |
|||
; |
|||
url = (sources[source] !== undefined) |
|||
? sources[source].url.replace('{id}', id) |
|||
: false |
|||
; |
|||
if(url) { |
|||
$module.data(metadata.url, url); |
|||
} |
|||
return url; |
|||
} |
|||
}, |
|||
|
|||
|
|||
set: { |
|||
active: function() { |
|||
$module.addClass(className.active); |
|||
} |
|||
}, |
|||
|
|||
remove: { |
|||
data: function() { |
|||
$module |
|||
.removeData(metadata.id) |
|||
.removeData(metadata.icon) |
|||
.removeData(metadata.placeholder) |
|||
.removeData(metadata.source) |
|||
.removeData(metadata.url) |
|||
; |
|||
}, |
|||
active: function() { |
|||
$module.removeClass(className.active); |
|||
}, |
|||
embed: function() { |
|||
$embed.empty(); |
|||
} |
|||
}, |
|||
|
|||
encode: { |
|||
parameters: function(parameters) { |
|||
var |
|||
urlString = [], |
|||
index |
|||
; |
|||
for (index in parameters) { |
|||
urlString.push( encodeURIComponent(index) + '=' + encodeURIComponent( parameters[index] ) ); |
|||
} |
|||
return urlString.join('&'); |
|||
} |
|||
}, |
|||
|
|||
generate: { |
|||
embed: function(url) { |
|||
module.debug('Generating embed html'); |
|||
var |
|||
source = module.get.source(), |
|||
html, |
|||
parameters |
|||
; |
|||
url = module.get.url(url); |
|||
if(url) { |
|||
parameters = module.generate.parameters(source); |
|||
html = templates.iframe(url, parameters); |
|||
} |
|||
else { |
|||
module.error(error.noURL, $module); |
|||
} |
|||
return html; |
|||
}, |
|||
parameters: function(source, extraParameters) { |
|||
var |
|||
parameters = (sources[source] && sources[source].parameters !== undefined) |
|||
? sources[source].parameters(settings) |
|||
: {} |
|||
; |
|||
extraParameters = extraParameters || settings.parameters; |
|||
if(extraParameters) { |
|||
parameters = $.extend({}, parameters, extraParameters); |
|||
} |
|||
parameters = settings.onEmbed(parameters); |
|||
return module.encode.parameters(parameters); |
|||
} |
|||
}, |
|||
|
|||
has: { |
|||
embed: function() { |
|||
return ($embed.length > 0); |
|||
}, |
|||
placeholder: function() { |
|||
return settings.placeholder || $module.data(metadata.placeholder); |
|||
} |
|||
}, |
|||
|
|||
should: { |
|||
autoplay: function() { |
|||
return (settings.autoplay === 'auto') |
|||
? (settings.placeholder || $module.data(metadata.placeholder) !== undefined) |
|||
: settings.autoplay |
|||
; |
|||
} |
|||
}, |
|||
|
|||
is: { |
|||
video: function() { |
|||
return module.get.type() == 'video'; |
|||
} |
|||
}, |
|||
|
|||
setting: function(name, value) { |
|||
module.debug('Changing setting', name, value); |
|||
if( $.isPlainObject(name) ) { |
|||
$.extend(true, settings, name); |
|||
} |
|||
else if(value !== undefined) { |
|||
if($.isPlainObject(settings[name])) { |
|||
$.extend(true, settings[name], value); |
|||
} |
|||
else { |
|||
settings[name] = value; |
|||
} |
|||
} |
|||
else { |
|||
return settings[name]; |
|||
} |
|||
}, |
|||
internal: function(name, value) { |
|||
if( $.isPlainObject(name) ) { |
|||
$.extend(true, module, name); |
|||
} |
|||
else if(value !== undefined) { |
|||
module[name] = value; |
|||
} |
|||
else { |
|||
return module[name]; |
|||
} |
|||
}, |
|||
debug: function() { |
|||
if(!settings.silent && settings.debug) { |
|||
if(settings.performance) { |
|||
module.performance.log(arguments); |
|||
} |
|||
else { |
|||
module.debug = Function.prototype.bind.call(console.info, console, settings.name + ':'); |
|||
module.debug.apply(console, arguments); |
|||
} |
|||
} |
|||
}, |
|||
verbose: function() { |
|||
if(!settings.silent && settings.verbose && settings.debug) { |
|||
if(settings.performance) { |
|||
module.performance.log(arguments); |
|||
} |
|||
else { |
|||
module.verbose = Function.prototype.bind.call(console.info, console, settings.name + ':'); |
|||
module.verbose.apply(console, arguments); |
|||
} |
|||
} |
|||
}, |
|||
error: function() { |
|||
if(!settings.silent) { |
|||
module.error = Function.prototype.bind.call(console.error, console, settings.name + ':'); |
|||
module.error.apply(console, arguments); |
|||
} |
|||
}, |
|||
performance: { |
|||
log: function(message) { |
|||
var |
|||
currentTime, |
|||
executionTime, |
|||
previousTime |
|||
; |
|||
if(settings.performance) { |
|||
currentTime = new Date().getTime(); |
|||
previousTime = time || currentTime; |
|||
executionTime = currentTime - previousTime; |
|||
time = currentTime; |
|||
performance.push({ |
|||
'Name' : message[0], |
|||
'Arguments' : [].slice.call(message, 1) || '', |
|||
'Element' : element, |
|||
'Execution Time' : executionTime |
|||
}); |
|||
} |
|||
clearTimeout(module.performance.timer); |
|||
module.performance.timer = setTimeout(module.performance.display, 500); |
|||
}, |
|||
display: function() { |
|||
var |
|||
title = settings.name + ':', |
|||
totalTime = 0 |
|||
; |
|||
time = false; |
|||
clearTimeout(module.performance.timer); |
|||
$.each(performance, function(index, data) { |
|||
totalTime += data['Execution Time']; |
|||
}); |
|||
title += ' ' + totalTime + 'ms'; |
|||
if(moduleSelector) { |
|||
title += ' \'' + moduleSelector + '\''; |
|||
} |
|||
if($allModules.length > 1) { |
|||
title += ' ' + '(' + $allModules.length + ')'; |
|||
} |
|||
if( (console.group !== undefined || console.table !== undefined) && performance.length > 0) { |
|||
console.groupCollapsed(title); |
|||
if(console.table) { |
|||
console.table(performance); |
|||
} |
|||
else { |
|||
$.each(performance, function(index, data) { |
|||
console.log(data['Name'] + ': ' + data['Execution Time']+'ms'); |
|||
}); |
|||
} |
|||
console.groupEnd(); |
|||
} |
|||
performance = []; |
|||
} |
|||
}, |
|||
invoke: function(query, passedArguments, context) { |
|||
var |
|||
object = instance, |
|||
maxDepth, |
|||
found, |
|||
response |
|||
; |
|||
passedArguments = passedArguments || queryArguments; |
|||
context = element || context; |
|||
if(typeof query == 'string' && object !== undefined) { |
|||
query = query.split(/[\. ]/); |
|||
maxDepth = query.length - 1; |
|||
$.each(query, function(depth, value) { |
|||
var camelCaseValue = (depth != maxDepth) |
|||
? value + query[depth + 1].charAt(0).toUpperCase() + query[depth + 1].slice(1) |
|||
: query |
|||
; |
|||
if( $.isPlainObject( object[camelCaseValue] ) && (depth != maxDepth) ) { |
|||
object = object[camelCaseValue]; |
|||
} |
|||
else if( object[camelCaseValue] !== undefined ) { |
|||
found = object[camelCaseValue]; |
|||
return false; |
|||
} |
|||
else if( $.isPlainObject( object[value] ) && (depth != maxDepth) ) { |
|||
object = object[value]; |
|||
} |
|||
else if( object[value] !== undefined ) { |
|||
found = object[value]; |
|||
return false; |
|||
} |
|||
else { |
|||
module.error(error.method, query); |
|||
return false; |
|||
} |
|||
}); |
|||
} |
|||
if ( $.isFunction( found ) ) { |
|||
response = found.apply(context, passedArguments); |
|||
} |
|||
else if(found !== undefined) { |
|||
response = found; |
|||
} |
|||
if($.isArray(returnedValue)) { |
|||
returnedValue.push(response); |
|||
} |
|||
else if(returnedValue !== undefined) { |
|||
returnedValue = [returnedValue, response]; |
|||
} |
|||
else if(response !== undefined) { |
|||
returnedValue = response; |
|||
} |
|||
return found; |
|||
} |
|||
}; |
|||
|
|||
if(methodInvoked) { |
|||
if(instance === undefined) { |
|||
module.initialize(); |
|||
} |
|||
module.invoke(query); |
|||
} |
|||
else { |
|||
if(instance !== undefined) { |
|||
instance.invoke('destroy'); |
|||
} |
|||
module.initialize(); |
|||
} |
|||
}) |
|||
; |
|||
return (returnedValue !== undefined) |
|||
? returnedValue |
|||
: this |
|||
; |
|||
}; |
|||
|
|||
$.fn.embed.settings = { |
|||
|
|||
name : 'Embed', |
|||
namespace : 'embed', |
|||
|
|||
silent : false, |
|||
debug : false, |
|||
verbose : false, |
|||
performance : true, |
|||
|
|||
icon : false, |
|||
source : false, |
|||
url : false, |
|||
id : false, |
|||
|
|||
// standard video settings
|
|||
autoplay : 'auto', |
|||
color : '#444444', |
|||
hd : true, |
|||
brandedUI : false, |
|||
|
|||
// additional parameters to include with the embed
|
|||
parameters: false, |
|||
|
|||
onDisplay : function() {}, |
|||
onPlaceholderDisplay : function() {}, |
|||
onReset : function() {}, |
|||
onCreate : function(url) {}, |
|||
onEmbed : function(parameters) { |
|||
return parameters; |
|||
}, |
|||
|
|||
metadata : { |
|||
id : 'id', |
|||
icon : 'icon', |
|||
placeholder : 'placeholder', |
|||
source : 'source', |
|||
url : 'url' |
|||
}, |
|||
|
|||
error : { |
|||
noURL : 'No URL specified', |
|||
method : 'The method you called is not defined' |
|||
}, |
|||
|
|||
className : { |
|||
active : 'active', |
|||
embed : 'embed' |
|||
}, |
|||
|
|||
selector : { |
|||
embed : '.embed', |
|||
placeholder : '.placeholder', |
|||
icon : '.icon' |
|||
}, |
|||
|
|||
sources: { |
|||
youtube: { |
|||
name : 'youtube', |
|||
type : 'video', |
|||
icon : 'video play', |
|||
domain : 'youtube.com', |
|||
url : '//www.youtube.com/embed/{id}', |
|||
parameters: function(settings) { |
|||
return { |
|||
autohide : !settings.brandedUI, |
|||
autoplay : settings.autoplay, |
|||
color : settings.color || undefined, |
|||
hq : settings.hd, |
|||
jsapi : settings.api, |
|||
modestbranding : !settings.brandedUI |
|||
}; |
|||
} |
|||
}, |
|||
vimeo: { |
|||
name : 'vimeo', |
|||
type : 'video', |
|||
icon : 'video play', |
|||
domain : 'vimeo.com', |
|||
url : '//player.vimeo.com/video/{id}', |
|||
parameters: function(settings) { |
|||
return { |
|||
api : settings.api, |
|||
autoplay : settings.autoplay, |
|||
byline : settings.brandedUI, |
|||
color : settings.color || undefined, |
|||
portrait : settings.brandedUI, |
|||
title : settings.brandedUI |
|||
}; |
|||
} |
|||
} |
|||
}, |
|||
|
|||
templates: { |
|||
iframe : function(url, parameters) { |
|||
var src = url; |
|||
if (parameters) { |
|||
src += '?' + parameters; |
|||
} |
|||
return '' |
|||
+ '<iframe src="' + src + '"' |
|||
+ ' width="100%" height="100%"' |
|||
+ ' frameborder="0" scrolling="no" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>' |
|||
; |
|||
}, |
|||
placeholder : function(image, icon) { |
|||
var |
|||
html = '' |
|||
; |
|||
if(icon) { |
|||
html += '<i class="' + icon + ' icon"></i>'; |
|||
} |
|||
if(image) { |
|||
html += '<img class="placeholder" src="' + image + '">'; |
|||
} |
|||
return html; |
|||
} |
|||
}, |
|||
|
|||
// NOT YET IMPLEMENTED
|
|||
api : false, |
|||
onPause : function() {}, |
|||
onPlay : function() {}, |
|||
onStop : function() {} |
|||
|
|||
}; |
|||
|
|||
|
|||
|
|||
})( jQuery, window, document ); |
|||
@ -0,0 +1,9 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Video |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/.ui.embed{position:relative;max-width:100%;height:0;overflow:hidden;background:#dcddde;padding-bottom:56.25%}.ui.embed embed,.ui.embed iframe,.ui.embed object{position:absolute;border:none;width:100%;height:100%;top:0;left:0;margin:0;padding:0}.ui.embed>.embed{display:none}.ui.embed>.placeholder{position:absolute;cursor:pointer;top:0;left:0;display:block;width:100%;height:100%;background-color:radial-gradient(transparent 45%,rgba(0,0,0,.3))}.ui.embed>.icon{cursor:pointer;position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}.ui.embed>.icon:after{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;content:'';background:radial-gradient(transparent 45%,rgba(0,0,0,.3));opacity:.5;transition:opacity .5s ease}.ui.embed>.icon:before{position:absolute;top:50%;left:50%;z-index:4;transform:translateX(-50%) translateY(-50%);color:#fff;font-size:6rem;text-shadow:0 2px 10px rgba(34,36,38,.2);transition:opacity .5s ease,color .5s ease;z-index:10}.ui.embed .icon:hover:after{background:radial-gradient(transparent 45%,rgba(0,0,0,.3));opacity:1}.ui.embed .icon:hover:before{color:#fff}.ui.active.embed>.icon,.ui.active.embed>.placeholder{display:none}.ui.active.embed>.embed{display:block}.ui.square.embed{padding-bottom:100%}.ui[class*="4:3"].embed{padding-bottom:75%}.ui[class*="16:9"].embed{padding-bottom:56.25%}.ui[class*="21:9"].embed{padding-bottom:42.85714286%} |
|||
File diff suppressed because one or more lines are too long
@ -0,0 +1,281 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Feed |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/ |
|||
|
|||
|
|||
/******************************* |
|||
Activity Feed |
|||
*******************************/ |
|||
|
|||
.ui.feed { |
|||
margin: 1em 0em; |
|||
} |
|||
.ui.feed:first-child { |
|||
margin-top: 0em; |
|||
} |
|||
.ui.feed:last-child { |
|||
margin-bottom: 0em; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Content |
|||
*******************************/ |
|||
|
|||
|
|||
/* Event */ |
|||
.ui.feed > .event { |
|||
display: flex; |
|||
flex-direction: row; |
|||
width: 100%; |
|||
padding: 0.21428571rem 0em; |
|||
margin: 0em; |
|||
background: none; |
|||
border-top: none; |
|||
} |
|||
.ui.feed > .event:first-child { |
|||
border-top: 0px; |
|||
padding-top: 0em; |
|||
} |
|||
.ui.feed > .event:last-child { |
|||
padding-bottom: 0em; |
|||
} |
|||
|
|||
/* Event Label */ |
|||
.ui.feed > .event > .label { |
|||
display: block; |
|||
flex: 0 0 auto; |
|||
width: 2.5em; |
|||
height: auto; |
|||
align-self: stretch; |
|||
text-align: left; |
|||
} |
|||
.ui.feed > .event > .label .icon { |
|||
opacity: 1; |
|||
font-size: 1.5em; |
|||
width: 100%; |
|||
padding: 0.25em; |
|||
background: none; |
|||
border: none; |
|||
border-radius: none; |
|||
color: rgba(0, 0, 0, 0.6); |
|||
} |
|||
.ui.feed > .event > .label img { |
|||
width: 100%; |
|||
height: auto; |
|||
border-radius: 500rem; |
|||
} |
|||
.ui.feed > .event > .label + .content { |
|||
margin: 0.5em 0em 0.35714286em 1.14285714em; |
|||
} |
|||
|
|||
/*-------------- |
|||
Content |
|||
---------------*/ |
|||
|
|||
|
|||
/* Content */ |
|||
.ui.feed > .event > .content { |
|||
display: block; |
|||
flex: 1 1 auto; |
|||
align-self: stretch; |
|||
text-align: left; |
|||
word-wrap: break-word; |
|||
} |
|||
.ui.feed > .event:last-child > .content { |
|||
padding-bottom: 0em; |
|||
} |
|||
|
|||
/* Link */ |
|||
.ui.feed > .event > .content a { |
|||
cursor: pointer; |
|||
} |
|||
|
|||
/*-------------- |
|||
Date |
|||
---------------*/ |
|||
|
|||
.ui.feed > .event > .content .date { |
|||
margin: -0.5rem 0em 0em; |
|||
padding: 0em; |
|||
font-weight: normal; |
|||
font-size: 1em; |
|||
font-style: normal; |
|||
color: rgba(0, 0, 0, 0.4); |
|||
} |
|||
|
|||
/*-------------- |
|||
Summary |
|||
---------------*/ |
|||
|
|||
.ui.feed > .event > .content .summary { |
|||
margin: 0em; |
|||
font-size: 1em; |
|||
font-weight: bold; |
|||
color: rgba(0, 0, 0, 0.87); |
|||
} |
|||
|
|||
/* Summary Image */ |
|||
.ui.feed > .event > .content .summary img { |
|||
display: inline-block; |
|||
width: auto; |
|||
height: 10em; |
|||
margin: -0.25em 0.25em 0em 0em; |
|||
border-radius: 0.25em; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
/*-------------- |
|||
User |
|||
---------------*/ |
|||
|
|||
.ui.feed > .event > .content .user { |
|||
display: inline-block; |
|||
font-weight: bold; |
|||
margin-right: 0em; |
|||
vertical-align: baseline; |
|||
} |
|||
.ui.feed > .event > .content .user img { |
|||
margin: -0.25em 0.25em 0em 0em; |
|||
width: auto; |
|||
height: 10em; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
/*-------------- |
|||
Inline Date |
|||
---------------*/ |
|||
|
|||
|
|||
/* Date inside Summary */ |
|||
.ui.feed > .event > .content .summary > .date { |
|||
display: inline-block; |
|||
float: none; |
|||
font-weight: normal; |
|||
font-size: 0.85714286em; |
|||
font-style: normal; |
|||
margin: 0em 0em 0em 0.5em; |
|||
padding: 0em; |
|||
color: rgba(0, 0, 0, 0.4); |
|||
} |
|||
|
|||
/*-------------- |
|||
Extra Summary |
|||
---------------*/ |
|||
|
|||
.ui.feed > .event > .content .extra { |
|||
margin: 0.5em 0em 0em; |
|||
background: none; |
|||
padding: 0em; |
|||
color: rgba(0, 0, 0, 0.87); |
|||
} |
|||
|
|||
/* Images */ |
|||
.ui.feed > .event > .content .extra.images img { |
|||
display: inline-block; |
|||
margin: 0em 0.25em 0em 0em; |
|||
width: 6em; |
|||
} |
|||
|
|||
/* Text */ |
|||
.ui.feed > .event > .content .extra.text { |
|||
padding: 0em; |
|||
border-left: none; |
|||
font-size: 1em; |
|||
max-width: 500px; |
|||
line-height: 1.4285em; |
|||
} |
|||
|
|||
/*-------------- |
|||
Meta |
|||
---------------*/ |
|||
|
|||
.ui.feed > .event > .content .meta { |
|||
display: inline-block; |
|||
font-size: 0.85714286em; |
|||
margin: 0.5em 0em 0em; |
|||
background: none; |
|||
border: none; |
|||
border-radius: 0; |
|||
box-shadow: none; |
|||
padding: 0em; |
|||
color: rgba(0, 0, 0, 0.6); |
|||
} |
|||
.ui.feed > .event > .content .meta > * { |
|||
position: relative; |
|||
margin-left: 0.75em; |
|||
} |
|||
.ui.feed > .event > .content .meta > *:after { |
|||
content: ''; |
|||
color: rgba(0, 0, 0, 0.2); |
|||
top: 0em; |
|||
left: -1em; |
|||
opacity: 1; |
|||
position: absolute; |
|||
vertical-align: top; |
|||
} |
|||
.ui.feed > .event > .content .meta .like { |
|||
color: ''; |
|||
transition: 0.2s color ease; |
|||
} |
|||
.ui.feed > .event > .content .meta .like:hover .icon { |
|||
color: #FF2733; |
|||
} |
|||
.ui.feed > .event > .content .meta .active.like .icon { |
|||
color: #EF404A; |
|||
} |
|||
|
|||
/* First element */ |
|||
.ui.feed > .event > .content .meta > :first-child { |
|||
margin-left: 0em; |
|||
} |
|||
.ui.feed > .event > .content .meta > :first-child::after { |
|||
display: none; |
|||
} |
|||
|
|||
/* Action */ |
|||
.ui.feed > .event > .content .meta a, |
|||
.ui.feed > .event > .content .meta > .icon { |
|||
cursor: pointer; |
|||
opacity: 1; |
|||
color: rgba(0, 0, 0, 0.5); |
|||
transition: color 0.1s ease; |
|||
} |
|||
.ui.feed > .event > .content .meta a:hover, |
|||
.ui.feed > .event > .content .meta a:hover .icon, |
|||
.ui.feed > .event > .content .meta > .icon:hover { |
|||
color: rgba(0, 0, 0, 0.95); |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Variations |
|||
*******************************/ |
|||
|
|||
.ui.small.feed { |
|||
font-size: 0.92857143rem; |
|||
} |
|||
.ui.feed { |
|||
font-size: 1rem; |
|||
} |
|||
.ui.large.feed { |
|||
font-size: 1.14285714rem; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Theme Overrides |
|||
*******************************/ |
|||
|
|||
|
|||
|
|||
/******************************* |
|||
User Variable Overrides |
|||
*******************************/ |
|||
|
|||
@ -0,0 +1,9 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Feed |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/.ui.feed{margin:1em 0}.ui.feed:first-child{margin-top:0}.ui.feed:last-child{margin-bottom:0}.ui.feed>.event{display:flex;flex-direction:row;width:100%;padding:.21428571rem 0;margin:0;background:0 0;border-top:none}.ui.feed>.event:first-child{border-top:0;padding-top:0}.ui.feed>.event:last-child{padding-bottom:0}.ui.feed>.event>.label{display:block;flex:0 0 auto;width:2.5em;height:auto;align-self:stretch;text-align:left}.ui.feed>.event>.label .icon{opacity:1;font-size:1.5em;width:100%;padding:.25em;background:0 0;border:none;border-radius:none;color:rgba(0,0,0,.6)}.ui.feed>.event>.label img{width:100%;height:auto;border-radius:500rem}.ui.feed>.event>.label+.content{margin:.5em 0 .35714286em 1.14285714em}.ui.feed>.event>.content{display:block;flex:1 1 auto;align-self:stretch;text-align:left;word-wrap:break-word}.ui.feed>.event:last-child>.content{padding-bottom:0}.ui.feed>.event>.content a{cursor:pointer}.ui.feed>.event>.content .date{margin:-.5rem 0 0;padding:0;font-weight:400;font-size:1em;font-style:normal;color:rgba(0,0,0,.4)}.ui.feed>.event>.content .summary{margin:0;font-size:1em;font-weight:700;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .summary img{display:inline-block;width:auto;height:10em;margin:-.25em .25em 0 0;border-radius:.25em;vertical-align:middle}.ui.feed>.event>.content .user{display:inline-block;font-weight:700;margin-right:0;vertical-align:baseline}.ui.feed>.event>.content .user img{margin:-.25em .25em 0 0;width:auto;height:10em;vertical-align:middle}.ui.feed>.event>.content .summary>.date{display:inline-block;float:none;font-weight:400;font-size:.85714286em;font-style:normal;margin:0 0 0 .5em;padding:0;color:rgba(0,0,0,.4)}.ui.feed>.event>.content .extra{margin:.5em 0 0;background:0 0;padding:0;color:rgba(0,0,0,.87)}.ui.feed>.event>.content .extra.images img{display:inline-block;margin:0 .25em 0 0;width:6em}.ui.feed>.event>.content .extra.text{padding:0;border-left:none;font-size:1em;max-width:500px;line-height:1.4285em}.ui.feed>.event>.content .meta{display:inline-block;font-size:.85714286em;margin:.5em 0 0;background:0 0;border:none;border-radius:0;box-shadow:none;padding:0;color:rgba(0,0,0,.6)}.ui.feed>.event>.content .meta>*{position:relative;margin-left:.75em}.ui.feed>.event>.content .meta>:after{content:'';color:rgba(0,0,0,.2);top:0;left:-1em;opacity:1;position:absolute;vertical-align:top}.ui.feed>.event>.content .meta .like{color:'';transition:.2s color ease}.ui.feed>.event>.content .meta .like:hover .icon{color:#ff2733}.ui.feed>.event>.content .meta .active.like .icon{color:#ef404a}.ui.feed>.event>.content .meta>:first-child{margin-left:0}.ui.feed>.event>.content .meta>:first-child::after{display:none}.ui.feed>.event>.content .meta a,.ui.feed>.event>.content .meta>.icon{cursor:pointer;opacity:1;color:rgba(0,0,0,.5);transition:color .1s ease}.ui.feed>.event>.content .meta a:hover,.ui.feed>.event>.content .meta a:hover .icon,.ui.feed>.event>.content .meta>.icon:hover{color:rgba(0,0,0,.95)}.ui.small.feed{font-size:.92857143rem}.ui.feed{font-size:1rem}.ui.large.feed{font-size:1.14285714rem} |
|||
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because it is too large
File diff suppressed because one or more lines are too long
@ -0,0 +1,719 @@ |
|||
/*! |
|||
* # Semantic UI 2.5.0 - Header |
|||
* http://github.com/semantic-org/semantic-ui/ |
|||
* |
|||
* |
|||
* Released under the MIT license |
|||
* http://opensource.org/licenses/MIT |
|||
* |
|||
*/ |
|||
|
|||
|
|||
/******************************* |
|||
Header |
|||
*******************************/ |
|||
|
|||
|
|||
/* Standard */ |
|||
.ui.header { |
|||
border: none; |
|||
margin: calc(2rem - 0.14285714em ) 0em 1rem; |
|||
padding: 0em 0em; |
|||
font-family: 'Lato', 'Helvetica Neue', Arial, Helvetica, sans-serif; |
|||
font-weight: bold; |
|||
line-height: 1.28571429em; |
|||
text-transform: none; |
|||
color: rgba(0, 0, 0, 0.87); |
|||
} |
|||
.ui.header:first-child { |
|||
margin-top: -0.14285714em; |
|||
} |
|||
.ui.header:last-child { |
|||
margin-bottom: 0em; |
|||
} |
|||
|
|||
/*-------------- |
|||
Sub Header |
|||
---------------*/ |
|||
|
|||
.ui.header .sub.header { |
|||
display: block; |
|||
font-weight: normal; |
|||
padding: 0em; |
|||
margin: 0em; |
|||
font-size: 1rem; |
|||
line-height: 1.2em; |
|||
color: rgba(0, 0, 0, 0.6); |
|||
} |
|||
|
|||
/*-------------- |
|||
Icon |
|||
---------------*/ |
|||
|
|||
.ui.header > .icon { |
|||
display: table-cell; |
|||
opacity: 1; |
|||
font-size: 1.5em; |
|||
padding-top: 0em; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
/* With Text Node */ |
|||
.ui.header .icon:only-child { |
|||
display: inline-block; |
|||
padding: 0em; |
|||
margin-right: 0.75rem; |
|||
} |
|||
|
|||
/*------------------- |
|||
Image |
|||
--------------------*/ |
|||
|
|||
.ui.header > .image:not(.icon), |
|||
.ui.header > img { |
|||
display: inline-block; |
|||
margin-top: 0.14285714em; |
|||
width: 2.5em; |
|||
height: auto; |
|||
vertical-align: middle; |
|||
} |
|||
.ui.header > .image:not(.icon):only-child, |
|||
.ui.header > img:only-child { |
|||
margin-right: 0.75rem; |
|||
} |
|||
|
|||
/*-------------- |
|||
Content |
|||
---------------*/ |
|||
|
|||
.ui.header .content { |
|||
display: inline-block; |
|||
vertical-align: top; |
|||
} |
|||
|
|||
/* After Image */ |
|||
.ui.header > img + .content, |
|||
.ui.header > .image + .content { |
|||
padding-left: 0.75rem; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
/* After Icon */ |
|||
.ui.header > .icon + .content { |
|||
padding-left: 0.75rem; |
|||
display: table-cell; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
/*-------------- |
|||
Loose Coupling |
|||
---------------*/ |
|||
|
|||
.ui.header .ui.label { |
|||
font-size: ''; |
|||
margin-left: 0.5rem; |
|||
vertical-align: middle; |
|||
} |
|||
|
|||
/* Positioning */ |
|||
.ui.header + p { |
|||
margin-top: 0em; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Types |
|||
*******************************/ |
|||
|
|||
|
|||
/*-------------- |
|||
Page |
|||
---------------*/ |
|||
|
|||
h1.ui.header { |
|||
font-size: 2rem; |
|||
} |
|||
h2.ui.header { |
|||
font-size: 1.71428571rem; |
|||
} |
|||
h3.ui.header { |
|||
font-size: 1.28571429rem; |
|||
} |
|||
h4.ui.header { |
|||
font-size: 1.07142857rem; |
|||
} |
|||
h5.ui.header { |
|||
font-size: 1rem; |
|||
} |
|||
|
|||
/* Sub Header */ |
|||
h1.ui.header .sub.header { |
|||
font-size: 1.14285714rem; |
|||
} |
|||
h2.ui.header .sub.header { |
|||
font-size: 1.14285714rem; |
|||
} |
|||
h3.ui.header .sub.header { |
|||
font-size: 1rem; |
|||
} |
|||
h4.ui.header .sub.header { |
|||
font-size: 1rem; |
|||
} |
|||
h5.ui.header .sub.header { |
|||
font-size: 0.92857143rem; |
|||
} |
|||
|
|||
/*-------------- |
|||
Content Heading |
|||
---------------*/ |
|||
|
|||
.ui.huge.header { |
|||
min-height: 1em; |
|||
font-size: 2em; |
|||
} |
|||
.ui.large.header { |
|||
font-size: 1.71428571em; |
|||
} |
|||
.ui.medium.header { |
|||
font-size: 1.28571429em; |
|||
} |
|||
.ui.small.header { |
|||
font-size: 1.07142857em; |
|||
} |
|||
.ui.tiny.header { |
|||
font-size: 1em; |
|||
} |
|||
|
|||
/* Sub Header */ |
|||
.ui.huge.header .sub.header { |
|||
font-size: 1.14285714rem; |
|||
} |
|||
.ui.large.header .sub.header { |
|||
font-size: 1.14285714rem; |
|||
} |
|||
.ui.header .sub.header { |
|||
font-size: 1rem; |
|||
} |
|||
.ui.small.header .sub.header { |
|||
font-size: 1rem; |
|||
} |
|||
.ui.tiny.header .sub.header { |
|||
font-size: 0.92857143rem; |
|||
} |
|||
|
|||
/*-------------- |
|||
Sub Heading |
|||
---------------*/ |
|||
|
|||
.ui.sub.header { |
|||
padding: 0em; |
|||
margin-bottom: 0.14285714rem; |
|||
font-weight: bold; |
|||
font-size: 0.85714286em; |
|||
text-transform: uppercase; |
|||
color: ''; |
|||
} |
|||
.ui.small.sub.header { |
|||
font-size: 0.78571429em; |
|||
} |
|||
.ui.sub.header { |
|||
font-size: 0.85714286em; |
|||
} |
|||
.ui.large.sub.header { |
|||
font-size: 0.92857143em; |
|||
} |
|||
.ui.huge.sub.header { |
|||
font-size: 1em; |
|||
} |
|||
|
|||
/*------------------- |
|||
Icon |
|||
--------------------*/ |
|||
|
|||
.ui.icon.header { |
|||
display: inline-block; |
|||
text-align: center; |
|||
margin: 2rem 0em 1rem; |
|||
} |
|||
.ui.icon.header:after { |
|||
content: ''; |
|||
display: block; |
|||
height: 0px; |
|||
clear: both; |
|||
visibility: hidden; |
|||
} |
|||
.ui.icon.header:first-child { |
|||
margin-top: 0em; |
|||
} |
|||
.ui.icon.header .icon { |
|||
float: none; |
|||
display: block; |
|||
width: auto; |
|||
height: auto; |
|||
line-height: 1; |
|||
padding: 0em; |
|||
font-size: 3em; |
|||
margin: 0em auto 0.5rem; |
|||
opacity: 1; |
|||
} |
|||
.ui.icon.header .content { |
|||
display: block; |
|||
padding: 0em; |
|||
} |
|||
.ui.icon.header .circular.icon { |
|||
font-size: 2em; |
|||
} |
|||
.ui.icon.header .square.icon { |
|||
font-size: 2em; |
|||
} |
|||
.ui.block.icon.header .icon { |
|||
margin-bottom: 0em; |
|||
} |
|||
.ui.icon.header.aligned { |
|||
margin-left: auto; |
|||
margin-right: auto; |
|||
display: block; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
States |
|||
*******************************/ |
|||
|
|||
.ui.disabled.header { |
|||
opacity: 0.45; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Variations |
|||
*******************************/ |
|||
|
|||
|
|||
/*------------------- |
|||
Inverted |
|||
--------------------*/ |
|||
|
|||
.ui.inverted.header { |
|||
color: #FFFFFF; |
|||
} |
|||
.ui.inverted.header .sub.header { |
|||
color: rgba(255, 255, 255, 0.8); |
|||
} |
|||
.ui.inverted.attached.header { |
|||
background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); |
|||
box-shadow: none; |
|||
border-color: transparent; |
|||
} |
|||
.ui.inverted.block.header { |
|||
background: #545454 linear-gradient(transparent, rgba(0, 0, 0, 0.05)); |
|||
box-shadow: none; |
|||
} |
|||
.ui.inverted.block.header { |
|||
border-bottom: none; |
|||
} |
|||
|
|||
/*------------------- |
|||
Colors |
|||
--------------------*/ |
|||
|
|||
|
|||
/*--- Red ---*/ |
|||
|
|||
.ui.red.header { |
|||
color: #DB2828 !important; |
|||
} |
|||
a.ui.red.header:hover { |
|||
color: #d01919 !important; |
|||
} |
|||
.ui.red.dividing.header { |
|||
border-bottom: 2px solid #DB2828; |
|||
} |
|||
|
|||
/* Inverted */ |
|||
.ui.inverted.red.header { |
|||
color: #FF695E !important; |
|||
} |
|||
a.ui.inverted.red.header:hover { |
|||
color: #ff5144 !important; |
|||
} |
|||
|
|||
/*--- Orange ---*/ |
|||
|
|||
.ui.orange.header { |
|||
color: #F2711C !important; |
|||
} |
|||
a.ui.orange.header:hover { |
|||
color: #f26202 !important; |
|||
} |
|||
.ui.orange.dividing.header { |
|||
border-bottom: 2px solid #F2711C; |
|||
} |
|||
|
|||
/* Inverted */ |
|||
.ui.inverted.orange.header { |
|||
color: #FF851B !important; |
|||
} |
|||
a.ui.inverted.orange.header:hover { |
|||
color: #ff7701 !important; |
|||
} |
|||
|
|||
/*--- Olive ---*/ |
|||
|
|||
.ui.olive.header { |
|||
color: #B5CC18 !important; |
|||
} |
|||
a.ui.olive.header:hover { |
|||
color: #a7bd0d !important; |
|||
} |
|||
.ui.olive.dividing.header { |
|||
border-bottom: 2px solid #B5CC18; |
|||
} |
|||
|
|||
/* Inverted */ |
|||
.ui.inverted.olive.header { |
|||
color: #D9E778 !important; |
|||
} |
|||
a.ui.inverted.olive.header:hover { |
|||
color: #d8ea5c !important; |
|||
} |
|||
|
|||
/*--- Yellow ---*/ |
|||
|
|||
.ui.yellow.header { |
|||
color: #FBBD08 !important; |
|||
} |
|||
a.ui.yellow.header:hover { |
|||
color: #eaae00 !important; |
|||
} |
|||
.ui.yellow.dividing.header { |
|||
border-bottom: 2px solid #FBBD08; |
|||
} |
|||
|
|||
/* Inverted */ |
|||
.ui.inverted.yellow.header { |
|||
color: #FFE21F !important; |
|||
} |
|||
a.ui.inverted.yellow.header:hover { |
|||
color: #ffdf05 !important; |
|||
} |
|||
|
|||
/*--- Green ---*/ |
|||
|
|||
.ui.green.header { |
|||
color: #21BA45 !important; |
|||
} |
|||
a.ui.green.header:hover { |
|||
color: #16ab39 !important; |
|||
} |
|||
.ui.green.dividing.header { |
|||
border-bottom: 2px solid #21BA45; |
|||
} |
|||
|
|||
/* Inverted */ |
|||
.ui.inverted.green.header { |
|||
color: #2ECC40 !important; |
|||
} |
|||
a.ui.inverted.green.header:hover { |
|||
color: #22be34 !important; |
|||
} |
|||
|
|||
/*--- Teal ---*/ |
|||
|
|||
.ui.teal.header { |
|||
color: #00B5AD !important; |
|||
} |
|||
a.ui.teal.header:hover { |
|||
color: #009c95 !important; |
|||
} |
|||
.ui.teal.dividing.header { |
|||
border-bottom: 2px solid #00B5AD; |
|||
} |
|||
|
|||
/* Inverted */ |
|||
.ui.inverted.teal.header { |
|||
color: #6DFFFF !important; |
|||
} |
|||
a.ui.inverted.teal.header:hover { |
|||
color: #54ffff !important; |
|||
} |
|||
|
|||
/*--- Blue ---*/ |
|||
|
|||
.ui.blue.header { |
|||
color: #2185D0 !important; |
|||
} |
|||
a.ui.blue.header:hover { |
|||
color: #1678c2 !important; |
|||
} |
|||
.ui.blue.dividing.header { |
|||
border-bottom: 2px solid #2185D0; |
|||
} |
|||
|
|||
/* Inverted */ |
|||
.ui.inverted.blue.header { |
|||
color: #54C8FF !important; |
|||
} |
|||
a.ui.inverted.blue.header:hover { |
|||
color: #3ac0ff !important; |
|||
} |
|||
|
|||
/*--- Violet ---*/ |
|||
|
|||
.ui.violet.header { |
|||
color: #6435C9 !important; |
|||
} |
|||
a.ui.violet.header:hover { |
|||
color: #5829bb !important; |
|||
} |
|||
.ui.violet.dividing.header { |
|||
border-bottom: 2px solid #6435C9; |
|||
} |
|||
|
|||
/* Inverted */ |
|||
.ui.inverted.violet.header { |
|||
color: #A291FB !important; |
|||
} |
|||
a.ui.inverted.violet.header:hover { |
|||
color: #8a73ff !important; |
|||
} |
|||
|
|||
/*--- Purple ---*/ |
|||
|
|||
.ui.purple.header { |
|||
color: #A333C8 !important; |
|||
} |
|||
a.ui.purple.header:hover { |
|||
color: #9627ba !important; |
|||
} |
|||
.ui.purple.dividing.header { |
|||
border-bottom: 2px solid #A333C8; |
|||
} |
|||
|
|||
/* Inverted */ |
|||
.ui.inverted.purple.header { |
|||
color: #DC73FF !important; |
|||
} |
|||
a.ui.inverted.purple.header:hover { |
|||
color: #d65aff !important; |
|||
} |
|||
|
|||
/*--- Pink ---*/ |
|||
|
|||
.ui.pink.header { |
|||
color: #E03997 !important; |
|||
} |
|||
a.ui.pink.header:hover { |
|||
color: #e61a8d !important; |
|||
} |
|||
.ui.pink.dividing.header { |
|||
border-bottom: 2px solid #E03997; |
|||
} |
|||
|
|||
/* Inverted */ |
|||
.ui.inverted.pink.header { |
|||
color: #FF8EDF !important; |
|||
} |
|||
a.ui.inverted.pink.header:hover { |
|||
color: #ff74d8 !important; |
|||
} |
|||
|
|||
/*--- Brown ---*/ |
|||
|
|||
.ui.brown.header { |
|||
color: #A5673F !important; |
|||
} |
|||
a.ui.brown.header:hover { |
|||
color: #975b33 !important; |
|||
} |
|||
.ui.brown.dividing.header { |
|||
border-bottom: 2px solid #A5673F; |
|||
} |
|||
|
|||
/* Inverted */ |
|||
.ui.inverted.brown.header { |
|||
color: #D67C1C !important; |
|||
} |
|||
a.ui.inverted.brown.header:hover { |
|||
color: #c86f11 !important; |
|||
} |
|||
|
|||
/*--- Grey ---*/ |
|||
|
|||
.ui.grey.header { |
|||
color: #767676 !important; |
|||
} |
|||
a.ui.grey.header:hover { |
|||
color: #838383 !important; |
|||
} |
|||
.ui.grey.dividing.header { |
|||
border-bottom: 2px solid #767676; |
|||
} |
|||
|
|||
/* Inverted */ |
|||
.ui.inverted.grey.header { |
|||
color: #DCDDDE !important; |
|||
} |
|||
a.ui.inverted.grey.header:hover { |
|||
color: #cfd0d2 !important; |
|||
} |
|||
|
|||
/*------------------- |
|||
Aligned |
|||
--------------------*/ |
|||
|
|||
.ui.left.aligned.header { |
|||
text-align: left; |
|||
} |
|||
.ui.right.aligned.header { |
|||
text-align: right; |
|||
} |
|||
.ui.centered.header, |
|||
.ui.center.aligned.header { |
|||
text-align: center; |
|||
} |
|||
.ui.justified.header { |
|||
text-align: justify; |
|||
} |
|||
.ui.justified.header:after { |
|||
display: inline-block; |
|||
content: ''; |
|||
width: 100%; |
|||
} |
|||
|
|||
/*------------------- |
|||
Floated |
|||
--------------------*/ |
|||
|
|||
.ui.floated.header, |
|||
.ui[class*="left floated"].header { |
|||
float: left; |
|||
margin-top: 0em; |
|||
margin-right: 0.5em; |
|||
} |
|||
.ui[class*="right floated"].header { |
|||
float: right; |
|||
margin-top: 0em; |
|||
margin-left: 0.5em; |
|||
} |
|||
|
|||
/*------------------- |
|||
Fitted |
|||
--------------------*/ |
|||
|
|||
.ui.fitted.header { |
|||
padding: 0em; |
|||
} |
|||
|
|||
/*------------------- |
|||
Dividing |
|||
--------------------*/ |
|||
|
|||
.ui.dividing.header { |
|||
padding-bottom: 0.21428571rem; |
|||
border-bottom: 1px solid rgba(34, 36, 38, 0.15); |
|||
} |
|||
.ui.dividing.header .sub.header { |
|||
padding-bottom: 0.21428571rem; |
|||
} |
|||
.ui.dividing.header .icon { |
|||
margin-bottom: 0em; |
|||
} |
|||
.ui.inverted.dividing.header { |
|||
border-bottom-color: rgba(255, 255, 255, 0.1); |
|||
} |
|||
|
|||
/*------------------- |
|||
Block |
|||
--------------------*/ |
|||
|
|||
.ui.block.header { |
|||
background: #F3F4F5; |
|||
padding: 0.78571429rem 1rem; |
|||
box-shadow: none; |
|||
border: 1px solid #D4D4D5; |
|||
border-radius: 0.28571429rem; |
|||
} |
|||
.ui.tiny.block.header { |
|||
font-size: 0.85714286rem; |
|||
} |
|||
.ui.small.block.header { |
|||
font-size: 0.92857143rem; |
|||
} |
|||
.ui.block.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { |
|||
font-size: 1rem; |
|||
} |
|||
.ui.large.block.header { |
|||
font-size: 1.14285714rem; |
|||
} |
|||
.ui.huge.block.header { |
|||
font-size: 1.42857143rem; |
|||
} |
|||
|
|||
/*------------------- |
|||
Attached |
|||
--------------------*/ |
|||
|
|||
.ui.attached.header { |
|||
background: #FFFFFF; |
|||
padding: 0.78571429rem 1rem; |
|||
margin-left: -1px; |
|||
margin-right: -1px; |
|||
box-shadow: none; |
|||
border: 1px solid #D4D4D5; |
|||
} |
|||
.ui.attached.block.header { |
|||
background: #F3F4F5; |
|||
} |
|||
.ui.attached:not(.top):not(.bottom).header { |
|||
margin-top: 0em; |
|||
margin-bottom: 0em; |
|||
border-top: none; |
|||
border-radius: 0em; |
|||
} |
|||
.ui.top.attached.header { |
|||
margin-bottom: 0em; |
|||
border-radius: 0.28571429rem 0.28571429rem 0em 0em; |
|||
} |
|||
.ui.bottom.attached.header { |
|||
margin-top: 0em; |
|||
border-top: none; |
|||
border-radius: 0em 0em 0.28571429rem 0.28571429rem; |
|||
} |
|||
|
|||
/* Attached Sizes */ |
|||
.ui.tiny.attached.header { |
|||
font-size: 0.85714286em; |
|||
} |
|||
.ui.small.attached.header { |
|||
font-size: 0.92857143em; |
|||
} |
|||
.ui.attached.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { |
|||
font-size: 1em; |
|||
} |
|||
.ui.large.attached.header { |
|||
font-size: 1.14285714em; |
|||
} |
|||
.ui.huge.attached.header { |
|||
font-size: 1.42857143em; |
|||
} |
|||
|
|||
/*------------------- |
|||
Sizing |
|||
--------------------*/ |
|||
|
|||
.ui.header:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6) { |
|||
font-size: 1.28571429em; |
|||
} |
|||
|
|||
|
|||
/******************************* |
|||
Theme Overrides |
|||
*******************************/ |
|||
|
|||
|
|||
|
|||
/******************************* |
|||
Site Overrides |
|||
*******************************/ |
|||
|
|||
Some files were not shown because too many files changed in this diff
Loading…
Reference in new issue