README.md

تقویم مناسبت های تاریخی شمسی میلادی و قمری

توضیحات :

با مقداری کد پایتون + جنگو میتونید تقویم بالا رو داشته باشید

• files:

  • models.py
  • calenter_to_db.py
  • calendar.csv
  • view.py
  • calendar.html

• مراحل کار :

  • ابتدا مدل را در دیتابیس طبق فایل داده شده ایجاد میکنیم
  • سپس دیتای موجود با پسوند سی اس وی که شامل بیش از 250 مناسبت میباشد را با کد پایتون داده شده به دیتابیس اضافه میکنیم
  • سپس یک ویو تعریف کرده جهت استفاده به عنوان ای پی آی (توجه کنید که آن را در یو ار ال خود اعمال کنید)
  • تکه کد داده شده در فایل اچ تی ام ال را در هر کجای صفحه که میخواهید جایگزاری کنید

calendar.csv

calendar.html

<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.bundle.min.js" integrity="sha384-LtrjvnR4Twt/qOuYxE721u19sVFLVSA4hf/rRt6PrZTmiPltdZcI7q7PXQBYTKyf" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
{% verbatim %}
<div class="col-sm-6 col-xl-6" id="app">
    <div v-if="calendar.length != 0">
        <div class="card" style="background-color: #28b779;">
            <div class="card-body d-flex justify-content-between">
                <div class="crm-widget-content d-flex">
                    <i class="icon-calendar text-white" style="font-size: 50px;"></i>
                    <div class="content-text ml-3">
                        <p class="mb-1 font-15 text-white">{{calendar[calendar_i]['date_name']}}
                        </p>
                        <ul>
                            <li v-for="item in calendar[calendar_i]['list']">
                                <a :href="'/portal/posts_list?date_name='+item" target="_blank">
                                    <span style="font-size: small; color: black;">{{ item }}</span>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="icon">
                    <a href="#"><i class="pe-7s-refresh font-16 text-white font-weight-bold"></i></a>
                </div>
            </div>
            <div class="card-footer text-white">
                <span class="badge badge-secondary badge-pill">{{calendar.length}}</span>
                رویداد های 10 روز آینده
                <button class="btn btn-light btn-sm float-right" @click="dayUp" style="padding: 0px 10px;"><i
                        class="pe-7s-angle-left" style="font-size: 20px;"></i></button>
                <button class="btn btn-light btn-sm float-right mr-2" @click="dayDown" style="padding: 0px 10px;"><i
                        class="pe-7s-angle-right" style="font-size: 20px;"></i></button>
            </div>
        </div>
    </div>
</div>
{% endverbatim %}

<script>
    var vm = new Vue({
        el: "#app",
        data:{
            calendar: '',
            calendar_i: 0,
        },
        methods: {
            getCalendar() {
                m = this
                // یک ای پی آی بنویسید و با متد گت طبق کد های پایتون قبل دیتا رو بصورت جیسون خروجی بدید. 
                $.get("/dashboard_api?data=calendar")
                    .then((res) => {
                        m.calendar = res
                })
            },
            dayUp(){
                if (this.calendar_i+1 <= 9){
                    this.calendar_i += 1
                }
            },
            dayDown(){
                if (this.calendar_i-1 >= 0){
                    this.calendar_i -= 1
                }
            },
        },
        created() {
            this.getCalendar()
        },
    })
</script>

calenter_to_db.py

f = open('calendar.csv', 'r')
  for x in f.readlines():
    data = x.split(',')
    IranCalendar.objects.create(
      title=data[1].replace('"', ''),
      isvacation=data[2].replace('"', ''),
      calendar=data[3].replace('"', ''),
      day=data[4].replace('"', ''),
      month=data[5].replace('"', ''),
      rule_type=data[6].replace('"', ''),
      day_of_week=data[7].replace('"', ''),
      nth=data[8].replace('"', '')
    )

models.py

class IranCalendar(models.Model):
  title = models.CharField(max_length=258, null=True, blank=True)
  isvacation = models.IntegerField()
  calendar = models.CharField(max_length=21)
  day = models.IntegerField()
  month = models.IntegerField()
  rule_type = models.IntegerField()
  day_of_week = models.IntegerField()
  nth = models.IntegerField()