123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121 |
- <template>
- <div class="card-body">
- <ul class="todo-list" data-widget="todo-list">
- <li>
- <!-- drag handle -->
- <span class="handle">
- <i class="fas fa-ellipsis-v"></i>
- <i class="fas fa-ellipsis-v"></i>
- </span>
- <div class="icheck-primary d-inline ml-2">
- <input type="checkbox" value="" name="todo1" id="todoCheck1">
- <label for="todoCheck1"></label>
- </div>
- <span class="text">Design a nice theme</span>
- <!-- Emphasis label -->
- <small class="badge badge-danger"><i class="far fa-clock"></i> 2 mins</small>
- <!-- General tools such as edit or delete-->
- <div class="tools">
- <i class="fas fa-edit"></i>
- <i class="fas fa-trash-o"></i>
- </div>
- </li>
- <li>
- <span class="handle">
- <i class="fas fa-ellipsis-v"></i>
- <i class="fas fa-ellipsis-v"></i>
- </span>
- <div class="icheck-primary d-inline ml-2">
- <input type="checkbox" value="" name="todo2" id="todoCheck2" checked>
- <label for="todoCheck2"></label>
- </div>
- <span class="text">Make the theme responsive</span>
- <small class="badge badge-info"><i class="far fa-clock"></i> 4 hours</small>
- <div class="tools">
- <i class="fas fa-edit"></i>
- <i class="fas fa-trash-o"></i>
- </div>
- </li>
- <li>
- <span class="handle">
- <i class="fas fa-ellipsis-v"></i>
- <i class="fas fa-ellipsis-v"></i>
- </span>
- <div class="icheck-primary d-inline ml-2">
- <input type="checkbox" value="" name="todo3" id="todoCheck3">
- <label for="todoCheck3"></label>
- </div>
- <span class="text">Let theme shine like a star</span>
- <small class="badge badge-warning"><i class="far fa-clock"></i> 1 day</small>
- <div class="tools">
- <i class="fas fa-edit"></i>
- <i class="fas fa-trash-o"></i>
- </div>
- </li>
- <li>
- <span class="handle">
- <i class="fas fa-ellipsis-v"></i>
- <i class="fas fa-ellipsis-v"></i>
- </span>
- <div class="icheck-primary d-inline ml-2">
- <input type="checkbox" value="" name="todo4" id="todoCheck4">
- <label for="todoCheck4"></label>
- </div>
- <span class="text">Let theme shine like a star</span>
- <small class="badge badge-success"><i class="far fa-clock"></i> 3 days</small>
- <div class="tools">
- <i class="fas fa-edit"></i>
- <i class="fas fa-trash-o"></i>
- </div>
- </li>
- <li>
- <span class="handle">
- <i class="fas fa-ellipsis-v"></i>
- <i class="fas fa-ellipsis-v"></i>
- </span>
- <div class="icheck-primary d-inline ml-2">
- <input type="checkbox" value="" name="todo5" id="todoCheck5">
- <label for="todoCheck5"></label>
- </div>
- <span class="text">Check your messages and notifications</span>
- <small class="badge badge-primary"><i class="far fa-clock"></i> 1 week</small>
- <div class="tools">
- <i class="fas fa-edit"></i>
- <i class="fas fa-trash-o"></i>
- </div>
- </li>
- <li>
- <span class="handle">
- <i class="fas fa-ellipsis-v"></i>
- <i class="fas fa-ellipsis-v"></i>
- </span>
- <div class="icheck-primary d-inline ml-2">
- <input type="checkbox" value="" name="todo6" id="todoCheck6">
- <label for="todoCheck6"></label>
- </div>
- <span class="text">Let theme shine like a star</span>
- <small class="badge badge-secondary"><i class="far fa-clock"></i> 1 month</small>
- <div class="tools">
- <i class="fas fa-edit"></i>
- <i class="fas fa-trash-o"></i>
- </div>
- </li>
- </ul>
- </div>
- </template>
- <script>
- export default {
- //
- }
- </script>
|