1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098209921002101210221032104210521062107210821092110211121122113211421152116211721182119212021212122212321242125212621272128212921302131213221332134213521362137213821392140214121422143214421452146214721482149215021512152215321542155215621572158215921602161216221632164216521662167216821692170217121722173217421752176217721782179218021812182218321842185218621872188218921902191219221932194219521962197219821992200220122022203220422052206220722082209221022112212221322142215221622172218221922202221222222232224222522262227222822292230223122322233223422352236223722382239224022412242224322442245224622472248224922502251225222532254225522562257225822592260226122622263226422652266226722682269227022712272227322742275227622772278227922802281228222832284228522862287228822892290229122922293229422952296229722982299230023012302230323042305230623072308230923102311231223132314231523162317231823192320232123222323232423252326232723282329233023312332233323342335233623372338233923402341234223432344234523462347234823492350235123522353235423552356235723582359236023612362236323642365236623672368236923702371237223732374237523762377237823792380238123822383238423852386238723882389239023912392239323942395239623972398239924002401240224032404240524062407240824092410241124122413241424152416241724182419242024212422242324242425242624272428242924302431243224332434243524362437243824392440244124422443244424452446244724482449245024512452245324542455245624572458245924602461246224632464246524662467246824692470247124722473247424752476247724782479248024812482248324842485248624872488248924902491249224932494249524962497249824992500250125022503250425052506250725082509251025112512251325142515251625172518251925202521252225232524252525262527252825292530253125322533253425352536253725382539254025412542254325442545254625472548254925502551255225532554255525562557255825592560256125622563256425652566256725682569257025712572257325742575257625772578257925802581258225832584258525862587258825892590259125922593259425952596259725982599260026012602260326042605260626072608260926102611261226132614261526162617261826192620262126222623262426252626262726282629263026312632263326342635263626372638263926402641264226432644264526462647264826492650265126522653265426552656265726582659266026612662266326642665266626672668266926702671267226732674267526762677267826792680268126822683268426852686268726882689269026912692269326942695269626972698269927002701270227032704270527062707270827092710271127122713271427152716271727182719272027212722272327242725272627272728272927302731273227332734273527362737273827392740274127422743274427452746274727482749275027512752275327542755275627572758275927602761276227632764276527662767276827692770277127722773277427752776277727782779278027812782278327842785278627872788278927902791279227932794279527962797279827992800280128022803280428052806280728082809281028112812281328142815281628172818281928202821282228232824282528262827282828292830283128322833283428352836283728382839284028412842284328442845284628472848284928502851285228532854285528562857285828592860286128622863286428652866286728682869287028712872287328742875287628772878287928802881288228832884288528862887288828892890289128922893289428952896289728982899290029012902290329042905290629072908290929102911291229132914291529162917291829192920292129222923292429252926292729282929293029312932293329342935293629372938293929402941294229432944294529462947294829492950295129522953295429552956295729582959296029612962296329642965296629672968296929702971297229732974297529762977297829792980298129822983298429852986298729882989299029912992299329942995299629972998299930003001300230033004300530063007300830093010301130123013301430153016301730183019302030213022302330243025302630273028302930303031303230333034303530363037303830393040304130423043304430453046304730483049305030513052305330543055305630573058305930603061306230633064306530663067306830693070307130723073307430753076307730783079308030813082308330843085308630873088308930903091309230933094309530963097309830993100310131023103310431053106310731083109311031113112311331143115311631173118311931203121312231233124312531263127312831293130313131323133313431353136313731383139314031413142314331443145314631473148314931503151315231533154315531563157315831593160316131623163316431653166316731683169317031713172317331743175317631773178317931803181318231833184318531863187318831893190319131923193319431953196319731983199320032013202320332043205320632073208320932103211321232133214321532163217321832193220322132223223322432253226322732283229323032313232323332343235323632373238323932403241324232433244324532463247324832493250325132523253325432553256325732583259326032613262326332643265326632673268326932703271327232733274327532763277327832793280328132823283328432853286328732883289329032913292329332943295329632973298329933003301330233033304330533063307330833093310331133123313331433153316331733183319332033213322332333243325332633273328332933303331333233333334333533363337333833393340334133423343334433453346334733483349335033513352335333543355335633573358335933603361336233633364336533663367336833693370337133723373337433753376337733783379338033813382338333843385338633873388338933903391339233933394339533963397339833993400340134023403340434053406340734083409341034113412341334143415341634173418341934203421342234233424342534263427342834293430343134323433343434353436343734383439344034413442344334443445344634473448344934503451345234533454345534563457345834593460346134623463346434653466346734683469347034713472347334743475347634773478347934803481348234833484348534863487348834893490349134923493349434953496349734983499350035013502350335043505350635073508350935103511351235133514351535163517351835193520352135223523352435253526352735283529353035313532353335343535353635373538353935403541354235433544354535463547354835493550355135523553355435553556355735583559356035613562356335643565356635673568356935703571357235733574357535763577357835793580358135823583358435853586358735883589359035913592359335943595359635973598359936003601360236033604360536063607360836093610361136123613361436153616361736183619362036213622362336243625362636273628362936303631363236333634363536363637363836393640364136423643364436453646364736483649365036513652365336543655365636573658365936603661366236633664366536663667366836693670367136723673367436753676367736783679368036813682368336843685368636873688368936903691369236933694369536963697369836993700370137023703370437053706370737083709371037113712371337143715371637173718371937203721372237233724372537263727372837293730373137323733373437353736373737383739374037413742374337443745374637473748374937503751375237533754375537563757375837593760376137623763376437653766376737683769377037713772377337743775377637773778377937803781378237833784378537863787378837893790379137923793379437953796379737983799380038013802380338043805380638073808380938103811381238133814381538163817381838193820382138223823382438253826382738283829383038313832383338343835383638373838383938403841384238433844384538463847384838493850385138523853385438553856385738583859386038613862386338643865386638673868386938703871387238733874387538763877387838793880388138823883388438853886388738883889389038913892389338943895389638973898389939003901390239033904390539063907390839093910391139123913391439153916391739183919392039213922392339243925392639273928392939303931393239333934393539363937393839393940394139423943394439453946394739483949395039513952395339543955395639573958395939603961396239633964396539663967396839693970397139723973397439753976397739783979398039813982398339843985398639873988398939903991399239933994399539963997399839994000400140024003400440054006400740084009401040114012401340144015401640174018401940204021
/**
* Plugin Name: تخفیف روز
* Description: نمایش یک متن و یک کد تخفیف با قابلیت کپی، Popup و تنظیم کامل ظاهر.
* Version: 1.5.0
* Author: SAJAD.TAEB
* Requires at least: 5.8
* Requires PHP: 7.4
*/
if ( ! defined( 'ABSPATH' ) ) {
exit;
}
final class Gildata_Daily_Discount {
const VERSION = '1.5.0';
const TEXT_OPTION = 'gdd_text';
const CODE_OPTION = 'gdd_code';
const TEXT_COLOR_OPTION = 'gdd_text_color';
const CODE_COLOR_OPTION = 'gdd_code_color';
const CODE_BG_OPTION = 'gdd_code_bg';
const TEXT_SIZE_OPTION = 'gdd_text_size';
const CODE_SIZE_OPTION = 'gdd_code_size';
const BORDER_WIDTH_OPTION = 'gdd_border_width';
const BORDER_STYLE_OPTION = 'gdd_border_style';
const BORDER_RADIUS_OPTION = 'gdd_border_radius';
/**
* Constructor
*/
public function __construct() {
add_action(
'admin_menu',
array( $this, 'admin_menu' )
);
add_action(
'admin_enqueue_scripts',
array( $this, 'admin_assets' )
);
add_action(
'wp_enqueue_scripts',
array( $this, 'frontend_assets' )
);
add_shortcode(
'daily_discount',
array( $this, 'shortcode' )
);
}
/**
* =========================================================
* ADMIN MENU
* =========================================================
*/
public function admin_menu() {
add_menu_page(
'تخفیف روز',
'تخفیف روز',
'manage_options',
'gdd-daily-discount',
array( $this, 'admin_page' ),
'dashicons-tickets-alt',
25
);
}
/**
* =========================================================
* ADMIN PAGE
* =========================================================
*/
public function admin_page() {
if ( ! current_user_can( 'manage_options' ) ) {
return;
}
$saved = false;
/**
* =====================================================
* SAVE
* =====================================================
*/
if ( isset( $_POST['gdd_save'] ) ) {
if (
! isset( $_POST['gdd_nonce'] ) ||
! wp_verify_nonce(
sanitize_text_field(
wp_unslash(
$_POST['gdd_nonce']
)
),
'gdd_save_action'
)
) {
return;
}
/**
* متن
*/
$text = isset( $_POST['gdd_text'] )
? sanitize_textarea_field(
wp_unslash(
$_POST['gdd_text']
)
)
: '';
/**
* کد
*/
$code = isset( $_POST['gdd_code'] )
? sanitize_text_field(
wp_unslash(
$_POST['gdd_code']
)
)
: '';
/**
* رنگ متن
*/
$text_color = isset( $_POST['gdd_text_color'] )
? sanitize_hex_color(
wp_unslash(
$_POST['gdd_text_color']
)
)
: false;
/**
* رنگ متن کد
*/
$code_color = isset( $_POST['gdd_code_color'] )
? sanitize_hex_color(
wp_unslash(
$_POST['gdd_code_color']
)
)
: false;
/**
* بکگراند کد
*/
$code_bg = isset( $_POST['gdd_code_bg'] )
? sanitize_hex_color(
wp_unslash(
$_POST['gdd_code_bg']
)
)
: false;
/**
* سایز متن
*/
$text_size = isset( $_POST['gdd_text_size'] )
? absint(
$_POST['gdd_text_size']
)
: 14;
/**
* سایز کد
*/
$code_size = isset( $_POST['gdd_code_size'] )
? absint(
$_POST['gdd_code_size']
)
: 14;
/**
* ضخامت حاشیه
*/
$border_width = isset( $_POST['gdd_border_width'] )
? absint(
$_POST['gdd_border_width']
)
: 1;
/**
* گردی
*/
$border_radius = isset( $_POST['gdd_border_radius'] )
? absint(
$_POST['gdd_border_radius']
)
: 6;
/**
* نوع حاشیه
*/
$border_style = isset( $_POST['gdd_border_style'] )
? sanitize_key(
wp_unslash(
$_POST['gdd_border_style']
)
)
: 'solid';
/**
* استایلهای مجاز
*/
$allowed_styles = array(
'solid',
'dashed',
'dotted',
);
if (
! in_array(
$border_style,
$allowed_styles,
true
)
) {
$border_style = 'solid';
}
/**
* محدودیت سایز متن
*/
$text_size = min(
max(
$text_size,
8
),
60
);
/**
* محدودیت سایز کد
*/
$code_size = min(
max(
$code_size,
8
),
60
);
/**
* محدودیت حاشیه
*/
$border_width = min(
max(
$border_width,
0
),
10
);
/**
* محدودیت گردی
*/
$border_radius = min(
max(
$border_radius,
0
),
50
);
/**
* مقادیر پیشفرض
*/
if ( ! $text_color ) {
$text_color = '#FFFFFF';
}
if ( ! $code_color ) {
$code_color = '#FFFFFF';
}
if ( ! $code_bg ) {
$code_bg = '#0F6B4F';
}
/**
* =================================================
* SAVE OPTIONS
* =================================================
*
* فقط یک متن و یک کد ذخیره میشود.
* مقدار جدید جایگزین قبلی خواهد شد.
*/
update_option(
self::TEXT_OPTION,
$text,
false
);
update_option(
self::CODE_OPTION,
$code,
false
);
update_option(
self::TEXT_COLOR_OPTION,
$text_color,
false
);
update_option(
self::CODE_COLOR_OPTION,
$code_color,
false
);
update_option(
self::CODE_BG_OPTION,
$code_bg,
false
);
update_option(
self::TEXT_SIZE_OPTION,
$text_size,
false
);
update_option(
self::CODE_SIZE_OPTION,
$code_size,
false
);
update_option(
self::BORDER_WIDTH_OPTION,
$border_width,
false
);
update_option(
self::BORDER_STYLE_OPTION,
$border_style,
false
);
update_option(
self::BORDER_RADIUS_OPTION,
$border_radius,
false
);
$saved = true;
}
/**
* =====================================================
* GET OPTIONS
* =====================================================
*/
$text = get_option(
self::TEXT_OPTION,
''
);
$code = get_option(
self::CODE_OPTION,
''
);
$text_color = get_option(
self::TEXT_COLOR_OPTION,
'#FFFFFF'
);
$code_color = get_option(
self::CODE_COLOR_OPTION,
'#FFFFFF'
);
$code_bg = get_option(
self::CODE_BG_OPTION,
'#0F6B4F'
);
$text_size = absint(
get_option(
self::TEXT_SIZE_OPTION,
14
)
);
$code_size = absint(
get_option(
self::CODE_SIZE_OPTION,
14
)
);
$border_width = absint(
get_option(
self::BORDER_WIDTH_OPTION,
1
)
);
$border_style = get_option(
self::BORDER_STYLE_OPTION,
'solid'
);
$border_radius = absint(
get_option(
self::BORDER_RADIUS_OPTION,
6
)
);
/**
* اعتبارسنجی رنگها
*/
if (
! sanitize_hex_color(
$text_color
)
) {
$text_color = '#FFFFFF';
}
if (
! sanitize_hex_color(
$code_color
)
) {
$code_color = '#FFFFFF';
}
if (
! sanitize_hex_color(
$code_bg
)
) {
$code_bg = '#0F6B4F';
}
?>
<div class="gdd-admin-wrap">
<!-- =================================================
HEADER
================================================= -->
<div class="gdd-admin-head">
<div class="gdd-admin-head-content">
<div class="gdd-admin-logo">
<span class="dashicons dashicons-tickets-alt"></span>
</div>
<div>
<h1>
تخفیف روز
</h1>
<p>
مدیریت متن و کد تخفیف سایت
</p>
</div>
</div>
<div class="gdd-admin-status">
<span></span>
فعال
</div>
</div>
<!-- =================================================
SUCCESS
================================================= -->
<?php if ( $saved ) : ?>
<div class="gdd-admin-success">
<span class="dashicons dashicons-yes-alt"></span>
تغییرات با موفقیت ذخیره شد.
</div>
<?php endif; ?>
<!-- =================================================
GRID
================================================= -->
<div class="gdd-admin-grid">
<!-- =================================================
MAIN FORM
================================================= -->
<div class="gdd-admin-card gdd-main-card">
<div class="gdd-card-heading">
<div class="gdd-card-icon">
<span class="dashicons dashicons-edit"></span>
</div>
<div>
<h2>
اطلاعات تخفیف
</h2>
<p>
متن و کد تخفیف فعال
</p>
</div>
</div>
<form method="post">
<?php
wp_nonce_field(
'gdd_save_action',
'gdd_nonce'
);
?>
<!-- متن -->
<div class="gdd-field">
<label for="gdd_text">
متن تخفیف
</label>
<textarea
id="gdd_text"
name="gdd_text"
rows="4"
placeholder="تخفیف امروز 20% برای خرید بالای 2 میلیون تومان"
><?php echo esc_textarea( $text ); ?></textarea>
<div class="gdd-field-help">
فقط یک متن فعال در سایت نمایش داده میشود.
</div>
</div>
<!-- کد -->
<div class="gdd-field">
<label for="gdd_code">
کد تخفیف
</label>
<input
type="text"
id="gdd_code"
name="gdd_code"
value="<?php echo esc_attr( $code ); ?>"
placeholder="T20"
autocomplete="off"
maxlength="100"
/>
<div class="gdd-field-help">
با کلیک روی این کد، مقدار آن کپی میشود.
</div>
</div>
<!-- =================================================
APPEARANCE
================================================= -->
<div class="gdd-section-title">
<span>
تنظیمات ظاهر
</span>
</div>
<div class="gdd-settings-grid">
<!-- رنگ متن -->
<div class="gdd-setting">
<label>
رنگ متن
</label>
<div class="gdd-color-control">
<input
type="color"
id="gdd_text_color"
name="gdd_text_color"
value="<?php echo esc_attr( $text_color ); ?>"
/>
<input
type="text"
class="gdd-color-value"
value="<?php echo esc_attr( $text_color ); ?>"
readonly
/>
</div>
</div>
<!-- رنگ کد -->
<div class="gdd-setting">
<label>
رنگ متن کد
</label>
<div class="gdd-color-control">
<input
type="color"
id="gdd_code_color"
name="gdd_code_color"
value="<?php echo esc_attr( $code_color ); ?>"
/>
<input
type="text"
class="gdd-color-value"
value="<?php echo esc_attr( $code_color ); ?>"
readonly
/>
</div>
</div>
<!-- بکگراند کد -->
<div class="gdd-setting">
<label>
پسزمینه کد تخفیف
</label>
<div class="gdd-color-control">
<input
type="color"
id="gdd_code_bg"
name="gdd_code_bg"
value="<?php echo esc_attr( $code_bg ); ?>"
/>
<input
type="text"
class="gdd-color-value"
value="<?php echo esc_attr( $code_bg ); ?>"
readonly
/>
</div>
</div>
<!-- سایز متن -->
<div class="gdd-setting">
<label for="gdd_text_size">
سایز متن
</label>
<div class="gdd-range-row">
<input
type="range"
id="gdd_text_size"
name="gdd_text_size"
min="8"
max="60"
value="<?php echo esc_attr( $text_size ); ?>"
/>
<strong id="gdd_text_size_value">
<?php
echo esc_html(
$text_size
);
?>px
</strong>
</div>
</div>
<!-- سایز کد -->
<div class="gdd-setting">
<label for="gdd_code_size">
سایز کد تخفیف
</label>
<div class="gdd-range-row">
<input
type="range"
id="gdd_code_size"
name="gdd_code_size"
min="8"
max="60"
value="<?php echo esc_attr( $code_size ); ?>"
/>
<strong id="gdd_code_size_value">
<?php
echo esc_html(
$code_size
);
?>px
</strong>
</div>
</div>
<!-- ضخامت -->
<div class="gdd-setting">
<label for="gdd_border_width">
ضخامت حاشیه کد
</label>
<div class="gdd-range-row">
<input
type="range"
id="gdd_border_width"
name="gdd_border_width"
min="0"
max="10"
value="<?php echo esc_attr( $border_width ); ?>"
/>
<strong id="gdd_border_width_value">
<?php
echo esc_html(
$border_width
);
?>px
</strong>
</div>
</div>
<!-- گردی -->
<div class="gdd-setting">
<label for="gdd_border_radius">
گردی گوشه کد
</label>
<div class="gdd-range-row">
<input
type="range"
id="gdd_border_radius"
name="gdd_border_radius"
min="0"
max="50"
value="<?php echo esc_attr( $border_radius ); ?>"
/>
<strong id="gdd_border_radius_value">
<?php
echo esc_html(
$border_radius
);
?>px
</strong>
</div>
</div>
<!-- نوع حاشیه -->
<div class="gdd-setting">
<label for="gdd_border_style">
نوع حاشیه
</label>
<select
id="gdd_border_style"
name="gdd_border_style"
>
<option
value="solid"
<?php selected(
$border_style,
'solid'
); ?>
>
ساده
</option>
<option
value="dashed"
<?php selected(
$border_style,
'dashed'
); ?>
>
خطچین
</option>
<option
value="dotted"
<?php selected(
$border_style,
'dotted'
); ?>
>
نقطهای
</option>
</select>
</div>
</div>
<!-- =================================================
SAVE
================================================= -->
<div class="gdd-form-footer">
<button
type="submit"
name="gdd_save"
class="gdd-save-button"
>
<span class="dashicons dashicons-saved"></span>
ذخیره تغییرات
</button>
</div>
</form>
</div>
<!-- =================================================
PREVIEW
================================================= -->
<div class="gdd-admin-card">
<div class="gdd-card-heading">
<div class="gdd-card-icon">
<span class="dashicons dashicons-visibility"></span>
</div>
<div>
<h2>
پیشنمایش
</h2>
<p>
نمایش زنده
</p>
</div>
</div>
<div class="gdd-preview-area">
<div
id="gdd-live-preview"
class="gdd-preview-content"
style="
--gdd-text-color: <?php echo esc_attr( $text_color ); ?>;
--gdd-code-color: <?php echo esc_attr( $code_color ); ?>;
--gdd-code-bg: <?php echo esc_attr( $code_bg ); ?>;
--gdd-text-size: <?php echo esc_attr( $text_size ); ?>px;
--gdd-code-size: <?php echo esc_attr( $code_size ); ?>px;
--gdd-border-width: <?php echo esc_attr( $border_width ); ?>px;
--gdd-border-style: <?php echo esc_attr( $border_style ); ?>;
--gdd-border-radius: <?php echo esc_attr( $border_radius ); ?>px;
"
>
<span
id="gdd-preview-text"
class="gdd-preview-text"
>
<?php
echo esc_html(
$text
? $text
: 'تخفیف امروز 20% برای خرید بالای 2 میلیون تومان'
);
?>
</span>
<span
class="gdd-preview-separator"
>
|
</span>
<span
class="gdd-preview-label"
>
کد تخفیف :
</span>
<span
id="gdd-preview-code"
class="gdd-preview-code"
>
<?php
echo esc_html(
$code
? $code
: 'T20'
);
?>
</span>
</div>
</div>
<div class="gdd-preview-note">
بدون بکگراند برای کل بخش و با فونت پیشفرض سایت.
</div>
</div>
<!-- =================================================
SHORTCODE
================================================= -->
<div class="gdd-admin-card">
<div class="gdd-card-heading">
<div class="gdd-card-icon">
<span class="dashicons dashicons-editor-code"></span>
</div>
<div>
<h2>
شورتکد
</h2>
<p>
در Elementor یا هر بخش سایت استفاده کنید
</p>
</div>
</div>
<div class="gdd-shortcode-box">
<code>
[daily_discount]
</code>
<button
type="button"
class="gdd-copy-shortcode"
data-gdd-copy="[daily_discount]"
>
کپی
</button>
</div>
</div>
</div>
</div>
<?php
}
/**
* =========================================================
* FRONTEND CSS + JS
* =========================================================
*/
public function frontend_assets() {
wp_register_style(
'gdd-frontend',
false,
array(),
self::VERSION
);
wp_enqueue_style(
'gdd-frontend'
);
$css = <<<'CSS'
/* =========================================================
GDD FRONTEND
ALL CLASSES ARE ISOLATED
========================================================= */
.gdd-discount-root {
--gdd-text-color: #ffffff;
--gdd-code-color: #ffffff;
--gdd-code-bg: #0f6b4f;
--gdd-text-size: 14px;
--gdd-code-size: 14px;
--gdd-border-width: 1px;
--gdd-border-style: solid;
--gdd-border-radius: 6px;
display: inline-flex;
position: relative;
width: auto;
max-width: 100%;
margin: 0;
padding: 0;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
font-family: inherit;
direction: rtl;
overflow: visible !important;
box-sizing: border-box;
}
.gdd-discount-root *,
.gdd-discount-root *::before,
.gdd-discount-root *::after {
box-sizing: border-box;
}
/* =========================================================
CONTENT
========================================================= */
.gdd-discount-content {
display: inline-flex;
align-items: center;
justify-content: center;
flex-wrap: wrap;
gap: 7px;
position: relative;
width: auto;
max-width: 100%;
margin: 0;
padding: 0;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
font-family: inherit;
overflow: visible !important;
}
/* =========================================================
TEXT
========================================================= */
.gdd-discount-text {
display: inline;
margin: 0;
padding: 0;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
font-family: inherit;
font-size: var(--gdd-text-size);
font-weight: inherit;
line-height: 1.35;
color: var(--gdd-text-color);
white-space: normal;
}
/* =========================================================
SEPARATOR
========================================================= */
.gdd-discount-separator {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
margin: 0 1px;
padding: 0;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: var(--gdd-text-color);
font-family: inherit;
font-size: var(--gdd-text-size);
font-weight: 400;
line-height: 1;
opacity: .75;
user-select: none;
}
/* =========================================================
CODE LABEL
========================================================= */
.gdd-discount-label {
display: inline-flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
margin: 0;
padding: 0;
background: transparent !important;
border: 0 !important;
box-shadow: none !important;
color: var(--gdd-text-color);
font-family: inherit;
font-size: var(--gdd-text-size);
font-weight: inherit;
line-height: 1.35;
white-space: nowrap;
}
/* =========================================================
DISCOUNT CODE
========================================================= */
.gdd-discount-code {
display: inline-flex !important;
align-items: center !important;
justify-content: center !important;
flex: 0 0 auto;
position: relative;
box-sizing: border-box !important;
width: auto !important;
min-width: 0 !important;
min-height: 0 !important;
height: auto !important;
margin: 0 !important;
/*
* ارتفاع کم و جمعوجور
*/
padding: 3px 10px !important;
background:
var(--gdd-code-bg) !important;
border:
var(--gdd-border-width)
var(--gdd-border-style)
var(--gdd-code-color) !important;
border-radius:
var(--gdd-border-radius) !important;
box-shadow:
none !important;
font-family:
inherit !important;
font-size:
var(--gdd-code-size) !important;
font-weight:
700 !important;
line-height:
1.2 !important;
color:
var(--gdd-code-color) !important;
text-decoration:
none !important;
text-align:
center !important;
white-space:
nowrap !important;
cursor:
pointer;
appearance:
none !important;
-webkit-appearance:
none !important;
outline:
none;
vertical-align:
middle;
transition:
transform .18s ease,
box-shadow .18s ease,
filter .18s ease,
opacity .18s ease;
}
/*
* حذف ظاهر احتمالی قالب
*/
.gdd-discount-code:hover,
.gdd-discount-code:focus,
.gdd-discount-code:active {
background:
var(--gdd-code-bg) !important;
color:
var(--gdd-code-color) !important;
}
/* =========================================================
HOVER
========================================================= */
.gdd-discount-code:hover {
transform:
translateY(-1px);
box-shadow:
0 4px 12px
rgba(0,0,0,.12) !important;
filter:
brightness(1.05);
}
/* =========================================================
ACTIVE
========================================================= */
.gdd-discount-code:active {
transform:
translateY(0)
scale(.97);
box-shadow:
none !important;
}
/* =========================================================
FOCUS
========================================================= */
.gdd-discount-code:focus-visible {
outline:
2px solid
var(--gdd-code-color);
outline-offset:
2px;
}
/* =========================================================
POPUP
========================================================= */
.gdd-discount-popup {
position: fixed;
z-index: 2147483647;
display: block;
width: max-content;
max-width:
calc(100vw - 24px);
padding:
8px 12px;
background:
linear-gradient(
135deg,
#111827 0%,
#1f2937 100%
) !important;
border:
1px solid
rgba(255,255,255,.09) !important;
border-radius:
9px;
box-shadow:
0 10px 30px
rgba(0,0,0,.20),
0 3px 8px
rgba(0,0,0,.10);
color:
#ffffff !important;
font-family:
inherit;
font-size:
12px;
font-weight:
500;
line-height:
1.45;
text-align:
center;
white-space:
nowrap;
opacity:
0;
visibility:
hidden;
pointer-events:
none;
transform:
translateY(6px)
scale(.96);
transition:
opacity .18s ease,
transform .18s cubic-bezier(.2,.8,.2,1),
visibility .18s ease;
}
/* =========================================================
POPUP ARROW
========================================================= */
.gdd-discount-popup::after {
content: "";
position: absolute;
left: 50%;
bottom: -5px;
width: 10px;
height: 10px;
background:
#1f2937;
border-right:
1px solid
rgba(255,255,255,.06);
border-bottom:
1px solid
rgba(255,255,255,.06);
transform:
translateX(-50%)
rotate(45deg);
}
/* =========================================================
POPUP VISIBLE
========================================================= */
.gdd-discount-popup.gdd-popup-visible {
opacity:
1;
visibility:
visible;
transform:
translateY(0)
scale(1);
}
/* =========================================================
POPUP BOTTOM
========================================================= */
.gdd-discount-popup.gdd-popup-bottom {
transform:
translateY(-6px)
scale(.96);
}
.gdd-discount-popup.gdd-popup-bottom.gdd-popup-visible {
transform:
translateY(0)
scale(1);
}
.gdd-discount-popup.gdd-popup-bottom::after {
top:
-5px;
bottom:
auto;
transform:
translateX(-50%)
rotate(225deg);
}
/* =========================================================
COPY MESSAGE
========================================================= */
.gdd-copy-message {
position: fixed;
left: 50%;
bottom: 24px;
z-index: 2147483647;
display: flex;
align-items: center;
gap: 7px;
padding:
8px 14px;
background:
linear-gradient(
135deg,
#111827,
#374151
) !important;
border:
1px solid
rgba(255,255,255,.08) !important;
border-radius:
8px;
box-shadow:
0 10px 30px
rgba(0,0,0,.18);
color:
#fff !important;
font-family:
inherit;
font-size:
13px;
line-height:
1.5;
white-space:
nowrap;
transform:
translateX(-50%)
translateY(10px)
scale(.96);
opacity:
0;
visibility:
hidden;
pointer-events:
none;
transition:
opacity .2s ease,
transform .2s ease,
visibility .2s ease;
}
/* =========================================================
COPY MESSAGE VISIBLE
========================================================= */
.gdd-copy-message.gdd-copy-visible {
opacity:
1;
visibility:
visible;
transform:
translateX(-50%)
translateY(0)
scale(1);
}
/* =========================================================
MOBILE
========================================================= */
@media (max-width: 600px) {
.gdd-discount-content {
gap:
5px;
}
.gdd-discount-text,
.gdd-discount-separator,
.gdd-discount-label {
line-height:
1.35;
}
.gdd-discount-code {
padding:
3px 9px !important;
}
.gdd-discount-popup {
padding:
7px 10px;
font-size:
11px;
}
}
CSS;
wp_add_inline_style(
'gdd-frontend',
$css
);
/**
* =====================================================
* JAVASCRIPT
* =====================================================
*/
wp_register_script(
'gdd-frontend',
false,
array(),
self::VERSION,
true
);
wp_enqueue_script(
'gdd-frontend'
);
$js = <<<'JS'
(function () {
'use strict';
var gddPopup = null;
var gddCopyTimer = null;
/* =========================================================
CREATE POPUP
========================================================= */
function gddCreatePopup() {
if ( gddPopup ) {
return gddPopup;
}
gddPopup =
document.createElement(
'div'
);
gddPopup.className =
'gdd-discount-popup';
gddPopup.textContent =
'برای کپی کردن کلیک کنید';
/*
* Popup مستقیماً داخل body
* قرار میگیرد تا توسط Elementor
* یا overflow:hidden بریده نشود.
*/
document.body.appendChild(
gddPopup
);
return gddPopup;
}
/* =========================================================
POSITION POPUP
========================================================= */
function gddPositionPopup( button ) {
var popup =
gddCreatePopup();
var rect =
button.getBoundingClientRect();
popup.style.left =
'0px';
popup.style.top =
'0px';
var popupWidth =
popup.offsetWidth;
var popupHeight =
popup.offsetHeight;
var margin =
10;
var left =
rect.left +
(
rect.width /
2
) -
(
popupWidth /
2
);
var top =
rect.top -
popupHeight -
12;
popup.classList.remove(
'gdd-popup-bottom'
);
/*
* جلوگیری از خروج از سمت چپ
*/
if (
left <
margin
) {
left =
margin;
}
/*
* جلوگیری از خروج از سمت راست
*/
if (
left +
popupWidth >
window.innerWidth -
margin
) {
left =
window.innerWidth -
popupWidth -
margin;
}
/*
* اگر بالای صفحه جا نبود
*/
if (
top <
margin
) {
top =
rect.bottom +
12;
popup.classList.add(
'gdd-popup-bottom'
);
}
/*
* جلوگیری از خروج پایین صفحه
*/
if (
top +
popupHeight >
window.innerHeight -
margin
) {
top =
window.innerHeight -
popupHeight -
margin;
}
popup.style.left =
Math.round(
left
) + 'px';
popup.style.top =
Math.round(
top
) + 'px';
}
/* =========================================================
SHOW POPUP
========================================================= */
function gddShowPopup( button ) {
var popup =
gddCreatePopup();
gddPositionPopup(
button
);
/*
* Force reflow
*/
void popup.offsetWidth;
popup.classList.add(
'gdd-popup-visible'
);
}
/* =========================================================
HIDE POPUP
========================================================= */
function gddHidePopup() {
if ( ! gddPopup ) {
return;
}
gddPopup.classList.remove(
'gdd-popup-visible'
);
}
/* =========================================================
COPY MESSAGE
========================================================= */
function gddShowCopyMessage() {
var oldMessage =
document.querySelector(
'.gdd-copy-message'
);
if ( oldMessage ) {
oldMessage.remove();
}
var message =
document.createElement(
'div'
);
message.className =
'gdd-copy-message';
message.innerHTML =
'<span>✓</span>' +
'<span>کد تخفیف کپی شد</span>';
document.body.appendChild(
message
);
requestAnimationFrame(
function () {
message.classList.add(
'gdd-copy-visible'
);
}
);
if ( gddCopyTimer ) {
clearTimeout(
gddCopyTimer
);
}
gddCopyTimer =
setTimeout(
function () {
message.classList.remove(
'gdd-copy-visible'
);
setTimeout(
function () {
if ( message ) {
message.remove();
}
},
250
);
},
1700
);
}
/* =========================================================
COPY TEXT
========================================================= */
function gddCopyText( text ) {
/*
* Clipboard API
*/
if (
navigator.clipboard &&
window.isSecureContext
) {
return navigator.clipboard.writeText(
text
);
}
/*
* Fallback
*/
return new Promise(
function (
resolve,
reject
) {
var textarea =
document.createElement(
'textarea'
);
textarea.value =
text;
textarea.setAttribute(
'readonly',
''
);
textarea.style.position =
'fixed';
textarea.style.left =
'-99999px';
textarea.style.top =
'0';
textarea.style.opacity =
'0';
document.body.appendChild(
textarea
);
textarea.focus();
textarea.select();
try {
var successful =
document.execCommand(
'copy'
);
textarea.remove();
if ( successful ) {
resolve();
} else {
reject();
}
} catch ( error ) {
textarea.remove();
reject(
error
);
}
}
);
}
/* =========================================================
MOUSE ENTER
========================================================= */
document.addEventListener(
'mouseenter',
function ( event ) {
var button =
event.target.closest(
'.gdd-discount-code'
);
if ( ! button ) {
return;
}
gddShowPopup(
button
);
},
true
);
/* =========================================================
MOUSE LEAVE
========================================================= */
document.addEventListener(
'mouseleave',
function ( event ) {
var button =
event.target.closest(
'.gdd-discount-code'
);
if ( ! button ) {
return;
}
gddHidePopup();
},
true
);
/* =========================================================
FOCUS
========================================================= */
document.addEventListener(
'focusin',
function ( event ) {
var button =
event.target.closest(
'.gdd-discount-code'
);
if ( ! button ) {
return;
}
gddShowPopup(
button
);
}
);
/* =========================================================
BLUR
========================================================= */
document.addEventListener(
'focusout',
function ( event ) {
var button =
event.target.closest(
'.gdd-discount-code'
);
if ( ! button ) {
return;
}
gddHidePopup();
}
);
/* =========================================================
CLICK / COPY
========================================================= */
document.addEventListener(
'click',
function ( event ) {
var button =
event.target.closest(
'.gdd-discount-code'
);
if ( ! button ) {
return;
}
var code =
button.getAttribute(
'data-gdd-code'
);
if ( ! code ) {
return;
}
gddCopyText(
code
)
.then(
function () {
gddShowCopyMessage();
}
)
.catch(
function () {
window.prompt(
'کد تخفیف را کپی کنید:',
code
);
}
);
}
);
/* =========================================================
RESIZE
========================================================= */
window.addEventListener(
'resize',
function () {
if (
gddPopup &&
gddPopup.classList.contains(
'gdd-popup-visible'
)
) {
var active =
document.querySelector(
'.gdd-discount-code:hover'
);
if ( active ) {
gddPositionPopup(
active
);
}
}
}
);
/* =========================================================
SCROLL
========================================================= */
window.addEventListener(
'scroll',
function () {
if (
gddPopup &&
gddPopup.classList.contains(
'gdd-popup-visible'
)
) {
var active =
document.querySelector(
'.gdd-discount-code:hover'
);
if ( active ) {
gddPositionPopup(
active
);
}
}
},
true
);
})();
JS;
wp_add_inline_script(
'gdd-frontend',
$js
);
}
/**
* =========================================================
* SHORTCODE
* =========================================================
*/
public function shortcode() {
/**
* فقط یک متن
*/
$text = trim(
get_option(
self::TEXT_OPTION,
''
)
);
/**
* فقط یک کد
*/
$code = trim(
get_option(
self::CODE_OPTION,
''
)
);
/**
* رنگ متن
*/
$text_color = sanitize_hex_color(
get_option(
self::TEXT_COLOR_OPTION,
'#FFFFFF'
)
);
/**
* رنگ کد
*/
$code_color = sanitize_hex_color(
get_option(
self::CODE_COLOR_OPTION,
'#FFFFFF'
)
);
/**
* بکگراند کد
*/
$code_bg = sanitize_hex_color(
get_option(
self::CODE_BG_OPTION,
'#0F6B4F'
)
);
/**
* سایز متن
*/
$text_size = absint(
get_option(
self::TEXT_SIZE_OPTION,
14
)
);
/**
* سایز کد
*/
$code_size = absint(
get_option(
self::CODE_SIZE_OPTION,
14
)
);
/**
* ضخامت
*/
$border_width = absint(
get_option(
self::BORDER_WIDTH_OPTION,
1
)
);
/**
* نوع حاشیه
*/
$border_style = get_option(
self::BORDER_STYLE_OPTION,
'solid'
);
/**
* گردی
*/
$border_radius = absint(
get_option(
self::BORDER_RADIUS_OPTION,
6
)
);
/**
* مقادیر پیشفرض
*/
if ( ! $text_color ) {
$text_color = '#FFFFFF';
}
if ( ! $code_color ) {
$code_color = '#FFFFFF';
}
if ( ! $code_bg ) {
$code_bg = '#0F6B4F';
}
/**
* استایلهای مجاز
*/
$allowed_styles = array(
'solid',
'dashed',
'dotted',
);
if (
! in_array(
$border_style,
$allowed_styles,
true
)
) {
$border_style =
'solid';
}
/**
* محدودیتها
*/
$text_size = min(
max(
$text_size,
8
),
60
);
$code_size = min(
max(
$code_size,
8
),
60
);
$border_width = min(
max(
$border_width,
0
),
10
);
$border_radius = min(
max(
$border_radius,
0
),
50
);
/**
* اگر هیچ اطلاعاتی وجود نداشته باشد
*/
if (
empty( $text ) &&
empty( $code )
) {
return '';
}
ob_start();
?>
<div
class="gdd-discount-root"
style="
--gdd-text-color: <?php echo esc_attr( $text_color ); ?>;
--gdd-code-color: <?php echo esc_attr( $code_color ); ?>;
--gdd-code-bg: <?php echo esc_attr( $code_bg ); ?>;
--gdd-text-size: <?php echo esc_attr( $text_size ); ?>px;
--gdd-code-size: <?php echo esc_attr( $code_size ); ?>px;
--gdd-border-width: <?php echo esc_attr( $border_width ); ?>px;
--gdd-border-style: <?php echo esc_attr( $border_style ); ?>;
--gdd-border-radius: <?php echo esc_attr( $border_radius ); ?>px;
"
>
<div class="gdd-discount-content">
<!-- =================================================
TEXT
================================================= -->
<?php if ( ! empty( $text ) ) : ?>
<span class="gdd-discount-text">
<?php
echo esc_html(
$text
);
?>
</span>
<?php endif; ?>
<!-- =================================================
SEPARATOR
================================================= -->
<?php if (
! empty( $text ) &&
! empty( $code )
) : ?>
<span
class="gdd-discount-separator"
aria-hidden="true"
>
|
</span>
<?php endif; ?>
<!-- =================================================
CODE LABEL
================================================= -->
<?php if ( ! empty( $code ) ) : ?>
<span class="gdd-discount-label">
کد تخفیف :
</span>
<!-- =================================================
CLICKABLE CODE
================================================= -->
<button
type="button"
class="gdd-discount-code"
data-gdd-code="<?php echo esc_attr( $code ); ?>"
aria-label="کپی کد تخفیف"
>
<?php
echo esc_html(
$code
);
?>
</button>
<?php endif; ?>
</div>
</div>
<?php
return ob_get_clean();
}
/**
* =========================================================
* ADMIN ASSETS
* =========================================================
*/
public function admin_assets( $hook ) {
if (
'toplevel_page_gdd-daily-discount' !== $hook
) {
return;
}
/**
* =====================================================
* ADMIN CSS
* =====================================================
*/
wp_register_style(
'gdd-admin',
false,
array(),
self::VERSION
);
wp_enqueue_style(
'gdd-admin'
);
$css = <<<'CSS'
/* =========================================================
ADMIN
========================================================= */
.gdd-admin-wrap {
max-width:
1120px;
margin:
25px 20px 40px 0;
direction:
rtl;
}
/* =========================================================
HEADER
========================================================= */
.gdd-admin-head {
display:
flex;
align-items:
center;
justify-content:
space-between;
gap:
20px;
margin-bottom:
20px;
}
.gdd-admin-head-content {
display:
flex;
align-items:
center;
gap:
12px;
}
.gdd-admin-logo {
width:
44px;
height:
44px;
display:
flex;
align-items:
center;
justify-content:
center;
border-radius:
10px;
background:
#111827;
color:
#ffffff;
}
.gdd-admin-logo .dashicons {
font-size:
21px;
width:
21px;
height:
21px;
}
.gdd-admin-head h1 {
margin:
0 0 4px;
font-size:
24px;
font-weight:
700;
}
.gdd-admin-head p {
margin:
0;
color:
#64748b;
font-size:
12px;
}
/* =========================================================
STATUS
========================================================= */
.gdd-admin-status {
display:
flex;
align-items:
center;
gap:
7px;
padding:
6px 11px;
border-radius:
20px;
background:
#f0fdf4;
color:
#166534;
font-size:
12px;
}
.gdd-admin-status span {
width:
7px;
height:
7px;
border-radius:
50%;
background:
#22c55e;
}
/* =========================================================
SUCCESS
========================================================= */
.gdd-admin-success {
display:
flex;
align-items:
center;
gap:
7px;
margin-bottom:
18px;
padding:
11px 14px;
border-right:
3px solid #22c55e;
border-radius:
7px;
background:
#f0fdf4;
color:
#166534;
font-size:
13px;
}
/* =========================================================
GRID
========================================================= */
.gdd-admin-grid {
display:
grid;
grid-template-columns:
minmax(0, 1.35fr)
minmax(300px, 1fr);
gap:
18px;
}
/* =========================================================
CARD
========================================================= */
.gdd-admin-card {
background:
#ffffff;
border:
1px solid #e5e7eb;
border-radius:
12px;
padding:
22px;
box-shadow:
0 2px 8px
rgba(15,23,42,.04);
}
.gdd-main-card {
grid-row:
span 2;
}
/* =========================================================
CARD HEADING
========================================================= */
.gdd-card-heading {
display:
flex;
align-items:
center;
gap:
11px;
margin-bottom:
20px;
}
.gdd-card-icon {
width:
38px;
height:
38px;
display:
flex;
align-items:
center;
justify-content:
center;
border:
1px solid #e5e7eb;
border-radius:
8px;
background:
#f8fafc;
color:
#475569;
}
.gdd-card-heading h2 {
margin:
0 0 3px;
font-size:
15px;
font-weight:
700;
color:
#111827;
}
.gdd-card-heading p {
margin:
0;
font-size:
11px;
color:
#64748b;
}
/* =========================================================
FIELDS
========================================================= */
.gdd-field {
margin-bottom:
18px;
}
.gdd-field label,
.gdd-setting label {
display:
block;
margin-bottom:
7px;
font-size:
13px;
font-weight:
600;
color:
#111827;
}
.gdd-field textarea,
.gdd-field input[type="text"],
.gdd-setting select {
width:
100%;
box-sizing:
border-box;
padding:
10px 12px;
border:
1px solid #dbe2ea;
border-radius:
8px;
background:
#ffffff;
font-size:
13px;
box-shadow:
none;
}
.gdd-field textarea {
min-height:
110px;
resize:
vertical;
line-height:
1.8;
}
.gdd-field textarea:focus,
.gdd-field input[type="text"]:focus,
.gdd-setting select:focus {
border-color:
#94a3b8;
box-shadow:
0 0 0 2px
rgba(148,163,184,.12);
outline:
none;
}
.gdd-field-help {
margin-top:
5px;
color:
#94a3b8;
font-size:
11px;
}
/* =========================================================
SECTION
========================================================= */
.gdd-section-title {
display:
flex;
align-items:
center;
margin:
25px 0 15px;
padding-bottom:
9px;
border-bottom:
1px solid #eef2f7;
color:
#111827;
font-size:
13px;
font-weight:
700;
}
/* =========================================================
SETTINGS
========================================================= */
.gdd-settings-grid {
display:
grid;
grid-template-columns:
1fr 1fr;
gap:
16px;
}
.gdd-setting {
min-width:
0;
}
/* =========================================================
COLORS
========================================================= */
.gdd-color-control {
display:
flex;
align-items:
center;
gap:
7px;
}
.gdd-color-control input[type="color"] {
width:
45px;
height:
40px;
padding:
3px;
border:
1px solid #dbe2ea;
border-radius:
7px;
background:
#ffffff;
cursor:
pointer;
}
.gdd-color-value {
direction:
ltr;
text-align:
left;
}
/* =========================================================
RANGE
========================================================= */
.gdd-range-row {
display:
flex;
align-items:
center;
gap:
9px;
}
.gdd-range-row input[type="range"] {
flex:
1;
min-width:
0;
}
.gdd-range-row strong {
min-width:
47px;
padding:
6px 7px;
border:
1px solid #e5e7eb;
border-radius:
6px;
background:
#f8fafc;
color:
#475569;
font-size:
11px;
text-align:
center;
}
/* =========================================================
FOOTER
========================================================= */
.gdd-form-footer {
margin-top:
22px;
padding-top:
17px;
border-top:
1px solid #eef2f7;
}
/* =========================================================
SAVE BUTTON
========================================================= */
.gdd-save-button {
display:
inline-flex;
align-items:
center;
justify-content:
center;
gap:
7px;
min-width:
135px;
height:
38px;
padding:
0 15px;
border:
0;
border-radius:
7px;
background:
#2271b1;
color:
#ffffff;
cursor:
pointer;
font-size:
13px;
}
.gdd-save-button:hover {
background:
#135e96;
}
/* =========================================================
PREVIEW
========================================================= */
.gdd-preview-area {
display:
flex;
align-items:
center;
justify-content:
center;
min-height:
110px;
padding:
20px;
border:
1px dashed #dbe2ea;
border-radius:
9px;
overflow:
visible;
}
.gdd-preview-content {
display:
inline-flex;
align-items:
center;
justify-content:
center;
flex-wrap:
wrap;
gap:
7px;
font-family:
inherit;
direction:
rtl;
}
.gdd-preview-text {
font-size:
var(--gdd-text-size);
color:
var(--gdd-text-color);
line-height:
1.35;
}
.gdd-preview-separator {
display:
inline-flex;
color:
var(--gdd-text-color);
font-size:
var(--gdd-text-size);
line-height:
1;
opacity:
.75;
}
.gdd-preview-label {
display:
inline-flex;
color:
var(--gdd-text-color);
font-size:
var(--gdd-text-size);
line-height:
1.35;
white-space:
nowrap;
}
.gdd-preview-code {
display:
inline-flex;
align-items:
center;
justify-content:
center;
padding:
3px 10px;
background:
var(--gdd-code-bg);
border:
var(--gdd-border-width)
var(--gdd-border-style)
var(--gdd-code-color);
border-radius:
var(--gdd-border-radius);
color:
var(--gdd-code-color);
font-size:
var(--gdd-code-size);
font-weight:
700;
line-height:
1.2;
white-space:
nowrap;
}
.gdd-preview-note {
margin-top:
10px;
color:
#94a3b8;
font-size:
11px;
text-align:
center;
}
/* =========================================================
SHORTCODE
========================================================= */
.gdd-shortcode-box {
display:
flex;
align-items:
center;
gap:
8px;
}
.gdd-shortcode-box code {
flex:
1;
padding:
9px 10px;
border:
1px solid #e5e7eb;
border-radius:
7px;
background:
#f8fafc;
direction:
ltr;
text-align:
left;
font-size:
12px;
}
.gdd-copy-shortcode {
height:
36px;
padding:
0 13px;
border:
1px solid #d1d5db;
border-radius:
7px;
background:
#ffffff;
cursor:
pointer;
font-size:
12px;
}
.gdd-copy-shortcode:hover {
background:
#f8fafc;
}
/* =========================================================
MOBILE ADMIN
========================================================= */
@media (max-width: 782px) {
.gdd-admin-wrap {
margin-right:
10px;
margin-left:
10px;
}
.gdd-admin-grid,
.gdd-settings-grid {
grid-template-columns:
1fr;
}
.gdd-main-card {
grid-row:
auto;
}
.gdd-admin-head {
align-items:
flex-start;
}
}
CSS;
wp_add_inline_style(
'gdd-admin',
$css
);
/**
* =====================================================
* ADMIN JS
* =====================================================
*/
wp_register_script(
'gdd-admin',
false,
array(),
self::VERSION,
true
);
wp_enqueue_script(
'gdd-admin'
);
$js = <<<'JS'
(function () {
'use strict';
/* =========================================================
RANGE
========================================================= */
function gddBindRange(
id,
outputId,
cssVariable
) {
var input =
document.getElementById(
id
);
var output =
document.getElementById(
outputId
);
var preview =
document.getElementById(
'gdd-live-preview'
);
if (
! input ||
! output ||
! preview
) {
return;
}
input.addEventListener(
'input',
function () {
output.textContent =
input.value +
'px';
preview.style.setProperty(
cssVariable,
input.value +
'px'
);
}
);
}
gddBindRange(
'gdd_text_size',
'gdd_text_size_value',
'--gdd-text-size'
);
gddBindRange(
'gdd_code_size',
'gdd_code_size_value',
'--gdd-code-size'
);
gddBindRange(
'gdd_border_width',
'gdd_border_width_value',
'--gdd-border-width'
);
gddBindRange(
'gdd_border_radius',
'gdd_border_radius_value',
'--gdd-border-radius'
);
/* =========================================================
COLOR
========================================================= */
function gddBindColor(
id,
cssVariable
) {
var input =
document.getElementById(
id
);
var preview =
document.getElementById(
'gdd-live-preview'
);
if (
! input ||
! preview
) {
return;
}
var text =
input.parentNode.querySelector(
'.gdd-color-value'
);
input.addEventListener(
'input',
function () {
if ( text ) {
text.value =
input.value;
}
preview.style.setProperty(
cssVariable,
input.value
);
}
);
}
gddBindColor(
'gdd_text_color',
'--gdd-text-color'
);
gddBindColor(
'gdd_code_color',
'--gdd-code-color'
);
gddBindColor(
'gdd_code_bg',
'--gdd-code-bg'
);
/* =========================================================
BORDER STYLE
========================================================= */
var borderStyle =
document.getElementById(
'gdd_border_style'
);
var preview =
document.getElementById(
'gdd-live-preview'
);
if (
borderStyle &&
preview
) {
borderStyle.addEventListener(
'change',
function () {
preview.style.setProperty(
'--gdd-border-style',
borderStyle.value
);
}
);
}
/* =========================================================
LIVE TEXT
========================================================= */
var textInput =
document.getElementById(
'gdd_text'
);
var previewText =
document.getElementById(
'gdd-preview-text'
);
if (
textInput &&
previewText
) {
textInput.addEventListener(
'input',
function () {
previewText.textContent =
textInput.value ||
'تخفیف امروز 20% برای خرید بالای 2 میلیون تومان';
}
);
}
/* =========================================================
LIVE CODE
========================================================= */
var codeInput =
document.getElementById(
'gdd_code'
);
var previewCode =
document.getElementById(
'gdd-preview-code'
);
if (
codeInput &&
previewCode
) {
codeInput.addEventListener(
'input',
function () {
previewCode.textContent =
codeInput.value ||
'T20';
}
);
}
/* =========================================================
COPY SHORTCODE
========================================================= */
document.addEventListener(
'click',
function (event) {
var button =
event.target.closest(
'.gdd-copy-shortcode'
);
if ( ! button ) {
return;
}
var value =
button.getAttribute(
'data-gdd-copy'
);
if ( ! value ) {
return;
}
function success() {
var oldText =
button.textContent;
button.textContent =
'کپی شد';
setTimeout(
function () {
button.textContent =
oldText;
},
1200
);
}
if (
navigator.clipboard &&
window.isSecureContext
) {
navigator.clipboard
.writeText(
value
)
.then(
success
);
} else {
var textarea =
document.createElement(
'textarea'
);
textarea.value =
value;
textarea.style.position =
'fixed';
textarea.style.left =
'-99999px';
document.body.appendChild(
textarea
);
textarea.select();
try {
document.execCommand(
'copy'
);
success();
} catch ( error ) {}
textarea.remove();
}
}
);
})();
JS;
wp_add_inline_script(
'gdd-admin',
$js
);
}
}
/**
* =========================================================
* START PLUGIN
* =========================================================
*/
new Gildata_Daily_Discount();
