在 91APP 商店前台新增快速編輯功能，可快速跳轉至後台編輯頁面
// ==UserScript==
// @name 91APP 後台快速編輯選單
// @name:zh-TW 91APP 後台快速編輯選單
// @version 1.0
// @description 在 91APP 商店前台新增快速編輯功能，可快速跳轉至後台編輯頁面
// @description:zh-TW 在 91APP 商店前台新增快速編輯功能，可快速跳轉至後台編輯頁面
// @author 元魁魁
// @match https://www.example.com/*
// @icon https://www.google.com/s2/favicons?sz=64&domain=91app.com
// @grant GM_addStyle
// @license MIT
// @namespace https://greasyfork.org/users/1211943
// ==/UserScript==
// 注入 CSS 樣式
GM_addStyle(`
.admin-quick-menu {
position: fixed !important;
top: 1rem !important;
right: 1rem !important;
z-index: 999999 !important;
font-family: system-ui, -apple-system, sans-serif !important;
user-select: none !important;
}
.menu-container {
display: flex !important;
align-items: stretch !important;
background: linear-gradient(135deg, #6366f1, #4f46e5) !important;
border-radius: 0.5rem !important;
box-shadow: 0 4px 12px rgba(79, 70, 229, 0.2) !important;
cursor: move !important;
transition: transform 0.2s, box-shadow 0.2s !important;
}
.drag-handle {
padding: 0 0.5rem !important;
display: flex !important;
align-items: center !important;
color: rgba(255, 255, 255, 0.6) !important;
cursor: move !important;
}
.menu-container:hover {
transform: translateY(-1px) !important;
box-shadow: 0 6px 16px rgba(79, 70, 229, 0.3) !important;
}
.edit-button {
background: none !important;
color: white !important;
padding: 0.625rem 1rem !important;
border: none !important;
cursor: pointer !important;
font-size: 0.875rem !important;
white-space: nowrap !important;
font-weight: 500 !important;
position: relative !important;
overflow: hidden !important;
}
.toggle-button {
background: none !important;
color: white !important;
padding: 0.625rem 0.75rem !important;
border: none !important;
border-left: 1px solid rgba(255, 255, 255, 0.2) !important;
cursor: pointer !important;
display: flex !important;
align-items: center !important;
}
.menu-content {
display: none !important;
position: absolute !important;
right: 0 !important;
top: calc(100% + 0.5rem) !important;
width: 16rem !important;
background-color: white !important;
border-radius: 0.5rem !important;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1) !important;
border: 1px solid #e5e7eb !important;
padding: 0.5rem !important;
}
.menu-content.show {
display: block !important;
}
.menu-item {
width: 100% !important;
text-align: left !important;
padding: 0.625rem 1rem !important;
color: #374151 !important;
border-radius: 0.375rem !important;
border: none !important;
cursor: pointer !important;
font-size: 0.875rem !important;
background: none !important;
display: block !important;
margin: 0.25rem 0 !important;
transition: all 0.2s !important;
}
.menu-item:hover {
background-color: #f3f4f6 !important;
color: #4f46e5 !important;
padding-left: 1.25rem !important;
}
`);
// 主要程式碼
(function() {
'use strict';
function getCurrentPageType() {
const url = window.location.href;
if (url.includes('/Article/Detail/')) {
return 'article';
} else if (url.includes('/SalePage/Index/')) {
return 'product';
}
return null;
}
function getIdFromUrl() {
const url = window.location.href;
const matches = url.match(/\/(\d+)$/);
return matches ? matches[1] : null;
}
function createAdminMenu() {
const menuDiv = document.createElement('div');
menuDiv.className = 'admin-quick-menu';
menuDiv.id = 'adminQuickMenu';
const pageType = getCurrentPageType();
const buttonText = pageType ? '編輯此頁' : '管理選單';
menuDiv.innerHTML = `
<div class="menu-container" id="menuHeader">
<div class="drag-handle">
<svg width="16" height="16" fill="currentColor" viewBox="0 0 16 16">
<path d="M4 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm0-3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm0 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm6-6a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm0 3a1 1 0 1 1-2 0 1 1 0 0 1 2 0zm0 6a1 1 0 1 1-2 0 1 1 0 0 1 2 0z"/>
</svg>
</div>
<button class="edit-button" id="edit-button">${buttonText}</button>
<button class="toggle-button" id="menu-toggle">
<svg width="16" height="16" fill="none" stroke="currentColor" viewBox="0 0 24 24">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7" />
</svg>
</button>
<div class="menu-content" id="menu-content">
<button class="menu-item" id="goto-article-list">部落格後台</button>
<button class="menu-item" id="goto-channel-list">頻道頁後台</button>
</div>
</div>
`;
document.body.appendChild(menuDiv);
}
function initializeDrag() {
const menuDiv = document.getElementById('adminQuickMenu');
const menuHeader = document.getElementById('menuHeader');
let isDragging = false;
let currentX;
let currentY;
let initialX;
let initialY;
let xOffset = 0;
let yOffset = 0;
function dragStart(e) {
if (e.target.tagName.toLowerCase() === 'button') return;
if (e.type === "touchstart") {
initialX = e.touches[0].clientX - xOffset;
initialY = e.touches[0].clientY - yOffset;
} else {
initialX = e.clientX - xOffset;
initialY = e.clientY - yOffset;
}
isDragging = true;
}
function dragEnd() {
initialX = currentX;
initialY = currentY;
isDragging = false;
}
function drag(e) {
if (!isDragging) return;
e.preventDefault();
if (e.type === "touchmove") {
currentX = e.touches[0].clientX - initialX;
currentY = e.touches[0].clientY - initialY;
} else {
currentX = e.clientX - initialX;
currentY = e.clientY - initialY;
}
xOffset = currentX;
yOffset = currentY;
setTranslate(currentX, currentY, menuDiv);
}
function setTranslate(xPos, yPos, el) {
el.style.transform = `translate3d(${xPos}px, ${yPos}px, 0)`;
}
menuHeader.addEventListener('mousedown', dragStart);
document.addEventListener('mousemove', drag);
document.addEventListener('mouseup', dragEnd);
menuHeader.addEventListener('touchstart', dragStart);
document.addEventListener('touchmove', drag);
document.addEventListener('touchend', dragEnd);
}
function initializeMenu() {
const menuToggle = document.getElementById('menu-toggle');
const menuContent = document.getElementById('menu-content');
const editButton = document.getElementById('edit-button');
menuToggle.addEventListener('click', (e) => {
e.stopPropagation();
menuContent.classList.toggle('show');
});
editButton.addEventListener('click', () => {
handleEditClick();
});
document.addEventListener('click', (e) => {
if (!menuContent.contains(e.target) && e.target !== menuToggle) {
menuContent.classList.remove('show');
}
});
}
function handleEditClick() {
const pageType = getCurrentPageType();
const id = getIdFromUrl();
const shopId = '2351';
if (pageType === 'article' && id) {
window.location.href = `https://store.91app.com/InfoModule/ArticleEdit?shopId=${shopId}&id=${id}`;
} else if (pageType === 'product' && id) {
window.location.href = `https://store.91app.com/SalePage/Edit?type=edit&shopId=${shopId}&salepageId=${id}`;
}
}
function initializeButtons() {
document.getElementById('goto-article-list').addEventListener('click', () => {
window.location.href = 'https://store.91app.com/InfoModule/List?shopId=2351';
});
document.getElementById('goto-channel-list').addEventListener('click', () => {
window.location.href = 'https://store.91app.com/ShopCategory/List?shopId=2351';
});
}
function init() {
createAdminMenu();
initializeDrag();
initializeMenu();
initializeButtons();
}
if (document.readyState === 'loading') {
document.addEventListener('DOMContentLoaded', init);
} else {
init();
}
})();