## گجت هـــای انتشار

دســـته بندی

- اخبار ورزشی
  - فوتبال
    - باشگاهی - ایران
    - باشگاهی - اسپانیا
    - باشگاهی - پرتقال
  - بسکتبال
  - هندبال
  - شطرنج
- اخبار فرهنگی
- اخبار اقتصادی
- اخبار هنری
  - سینما
  - موسیقی
  - تجسمی
- اخبار جنجالی

مدل انتــشار
انتـــشار - عمومی
انتـــشار - خصوصی
انتـــشار - بازبینی مدیر
انتـــشار - با رمز عبور
زمان انتــشار
انتــشار

## نحوه استفاده و فراخوانی

کد های گجت دسته بندی

    <!--category-->
         <div class="col-12 col-md-3">
             <div class="content-box">
                   <div class="title-box">
                        <span>دســـته بندی</span>
                        <i class="bi bi-list-nested"></i>
                   </div>
                   <div class="category-box">
                         <ul>
                         <li>
                         <div class="form-check">
                         <input class="form-check-input" type="checkbox" value="" id="item1" checked="checked">
                         <label class="form-check-label" for="item1">اخبار ورزشی</label>
                         </div>
                         <ul>
                         <li>
                         <div class="form-check">
                         <input class="form-check-input" type="checkbox" value="" id="item2" checked="checked">
                         <label class="form-check-label" for="item2">فوتبال</label>
                         </div>
                         <ul>
                         <li>
                         <div class="form-check">
                         <input class="form-check-input" type="checkbox" value="" id="item3" checked="checked">
                         <label class="form-check-label" for="item3">باشگاهی - ایران</label>
                         </div>
                         </li>
                         <li>
                         <div class="form-check">
                         <input class="form-check-input" type="checkbox" value="" id="item4">
                         <label class="form-check-label" for="item4">باشگاهی - اسپانیا</label>
                         </div>
                         </li>
                         <li>
                         <div class="form-check">
                         <input class="form-check-input" type="checkbox" value="" id="item5">
                         <label class="form-check-label" for="item5">باشگاهی - پرتقال</label>
                         </div>
                         </li>
                         </ul>
                         </li>
                         <li>
                         <div class="form-check">
                         <input class="form-check-input" type="checkbox" value="" id="item6">
                         <label class="form-check-label" for="item6">بسکتبال</label>
                         </div>
                         </li>
                         <li>
                         <div class="form-check">
                         <input class="form-check-input" type="checkbox" value="" id="item7">
                         <label class="form-check-label" for="item7">هندبال</label>
                         </div>
                         </li>
                         <li>
                         <div class="form-check">
                         <input class="form-check-input" type="checkbox" value="" id="item8">
                         <label class="form-check-label" for="item8">شطرنج</label>
                         </div>
                         </li>
                         </ul>
                         </li>
                         <li>
                         <div class="form-check">
                         <input class="form-check-input" type="checkbox" value="" id="item9">
                         <label class="form-check-label" for="item9">اخبار فرهنگی</label>
                         </div>
                         </li>
                         <li>
                         <div class="form-check">
                         <input class="form-check-input" type="checkbox" value="" id="item10">
                         <label class="form-check-label" for="item10">اخبار اقتصادی</label>
                         </div>
                         </li>
                         <li>
                         <div class="form-check">
                         <input class="form-check-input" type="checkbox" value="" id="item11">
                         <label class="form-check-label" for="item11">اخبار هنری</label>
                         </div>
                         <ul>
                         <li>
                         <div class="form-check">
                         <input class="form-check-input" type="checkbox" value="" id="item12">
                         <label class="form-check-label" for="item12">سینما</label>
                         </div>
                         </li>
                         <li>
                         <div class="form-check">
                         <input class="form-check-input" type="checkbox" value="" id="item13">
                         <label class="form-check-label" for="item13">موسیقی</label>
                         </div>
                         </li>
                         <li>
                         <div class="form-check">
                         <input class="form-check-input" type="checkbox" value="" id="item14">
                         <label class="form-check-label" for="item14">تجسمی</label>
                         </div>
                         </li>
                         </ul>
                         </li>
                         <li>
                         <div class="form-check">
                         <input class="form-check-input" type="checkbox" value="" id="item15">
                         <label class="form-check-label" for="item15">اخبار جنجالی</label>
                         </div>
                         </li>
                         </ul>
                   </div>
             </div>
         </div>
    <!--end category-->

کد های گجت مدل انتــشار

    <!--Publish Model-->
        <div class="col-12 col-md-3">
        <div class="content-box">
        <div class="title-box">
        <span>مدل انتــشار</span>
        <i class="bi bi-bullseye"></i>
        </div>
        <div class="publish-box">
        <div class="form-check">
        <input class="form-check-input" type="radio" name="publishPost" id="publish-radio" checked="checked" onclick="checkRadioPassword();">
        <label class="form-check-label" for="publish-radio">انتـــشار - عمومی</label>
        </div>
        <div class="form-check">
        <input class="form-check-input" type="radio" name="publishPost" id="private-radio" onclick="checkRadioPassword();">
        <label class="form-check-label" for="private-radio">انتـــشار - خصوصی</label>
        </div>
        <div class="form-check">
        <input class="form-check-input" type="radio" name="publishPost" id="manager-radio" onclick="checkRadioPassword();">
        <label class="form-check-label" for="manager-radio">انتـــشار - بازبینی مدیر</label>
        </div>
        <div class="form-check">
        <input class="form-check-input" type="radio" name="publishPost" id="password-radio" onclick="checkRadioPassword();">
        <label class="form-check-label" for="password-radio">انتـــشار - با رمز عبور</label>
        </div>
        <input type="password" class="form-control" style="display:none" id="PassPublish" placeholder="رمز عبور را مشاهده کنید">
        </div>
        </div>
        </div>
    <!--end Publish Model-->

کد های گجت زمان انتــشار - توجه داشته باشید که برای استفاده از گجت دیت پیکر باید کد های استایل و جاوا اسکریپت آن را اضافه کنید. بیشتر بدانید.

    <!--Publish Time-->
        <div class="col-12 col-md-3">
        <div class="content-box">
        <div class="title-box">
        <span>زمان انتــشار</span>
        <i class="bi bi-alarm"></i>
        </div>
        <div class="publish-box">
        <div class="mb-3">
        <input type="text" class="form-control MyDatePicker" id="DatePicker-2" name="DatePicker-2" data-jdp data-jdp-only-date placeholder="تاریخ انتشار">
        </div>
        <div class="">
        <input type="text" class="form-control MyDatePicker" id="DatePicker-8" name="DatePicker-8" data-jdp data-jdp-only-time placeholder="ساعت انتشار" />
        </div>
        </div>
        </div>
        </div>
    <!--end Publish Time-->

کد های گجت انتــشار

    <!--Publish Btn-->
        <div class="col-12 col-md-3">
        <div class="content-box">
        <div class="title-box">
        <span>انتــشار</span>
        <i class="bi bi-send-arrow-up"></i>
        </div>
        <div class="publishBtn-box">
        <div>
        <button class="bt btn-publish">انتشار</button>
        <button class="bt btn-update">بروزرسانی</button>
        <button class="bt btn-remove">حذف</button>
        </div>
        </div>
        </div>
        </div>
    <!--end Publish Btn-->