Uname: Linux business55.web-hosting.com 4.18.0-553.lve.el8.x86_64 #1 SMP Mon May 27 15:27:34 UTC 2024 x86_64
Software: LiteSpeed
PHP version: 8.1.32 [ PHP INFO ] PHP os: Linux
Server Ip: 162.213.251.212
Your Ip: 18.226.214.156
User: allssztx (535) | Group: allssztx (533)
Safe Mode: OFF
Disable Function:
NONE

name : task-status.ejs
<!DOCTYPE html>
<html>

<head>
  <title> Dashboard </title>
  <meta charset="UTF-8">
  <meta name="keywords" content="HTML, CSS, JavaScript">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="shortcut icon" href="/sites/little-groovin-guitar/images/favicon.png" type="image/x-icon">

  <%- include('includes/css-links') %>
</head>

<body>
  <style>
    body {
      margin: 40px 10px;
      padding: 0;
      font-family: Arial, Helvetica Neue, Helvetica, sans-serif;
      font-size: 14px;
    }

    #calendar {
      max-width: 1100px;
      margin: 0 auto;
    }
  </style>
  <main>
    <div class="dashboard-wrapper">
      <%- include('includes/sidebar') %>
        <div class="dashboard-content">
          <div class="dashboard-card">
            <ul>
              <li>
                <h5 class="theme-h5">Class Timetable</h5>
              </li>
              <li>
                <div class="main-profile-card">
                  <ul>
                    <li>
                      <img src="images/profile-3.png" class="img-fluid" alt="img">
                    </li>
                    <li>
                      <h2>John Edward</h2>
                      <p>student</p>
                    </li>
                  </ul>
                </div>
              </li>
            </ul>
          </div>
          <div class="youter">
            <h2>Rock Your Schedule with Guitar Grooves</h2>

            <div class="main-calender-loop">
              <div class="main-data-fetch">
                <select id="upcoming-classes" name="upcoming-classes">
                  <option value="" disabled selected>Select Upcoming Classes Dates</option>
                  <option value="coming-soon">Coming Soon</option>
                </select>
              </div>
              <div class="main-design-set">
                <ul>
                  <li>
                    <button onclick="hide()"> Day</button>
                  </li>
                  <li>
                    <button onclick="hide()">Week</button>
                  </li>
                  <li>
                    <button onclick="hide()"> Month</button>
                  </li>
                </ul>
              </div>
              <div class="main-design-tec">
                <p>dec 01,2024 - dec 31,2024</p>
              </div>
            </div>

          </div>
          <div class="hocky-looper">
          <div class="container">
            <h2>practice log Schedule</h2>
            <div id='calendar'></div>
          </div>

          </div>
        </div>
    </div>

  </main>
  <script>

    document.addEventListener('DOMContentLoaded', function () {
      var calendarEl = document.getElementById('calendar');

      var calendar = new FullCalendar.Calendar(calendarEl, {
        headerToolbar: {
          left: 'prev,next today',
          center: 'title',
          right: 'dayGridMonth,timeGridWeek,timeGridDay'
        },
        initialDate: '2024-12-12',
        navLinks: true, // can click day/week names to navigate views
        selectable: true,
        selectMirror: true,
        select: function (arg) {
          var title = prompt('Event Title:');
          if (title) {
            calendar.addEvent({
              title: title,
              start: arg.start,
              end: arg.end,
              allDay: arg.allDay
            })
          }
          calendar.unselect()
        },
        eventClick: function (arg) {
          if (confirm('Are you sure you want to delete this event?')) {
            arg.event.remove()
          }
        },
        // editable: true,
        dayMaxEvents: true, // allow "more" link when too many events
        events: [
          {
            title: 'All Day Event',
            start: '2024-12-01'
          },
          {
            title: 'Long Event',
            start: '2024-12-07',
            end: '2024-12-10'
          },
          {
            groupId: 999,
            title: 'Repeating Event',
            start: '2024-12-09T16:00:00'
          },
          {
            groupId: 999,
            title: 'Repeating Event',
            start: '2024-12-16T16:00:00'
          },
          {
            title: 'Conference',
            start: '2024-12-11',
            end: '2024-12-13'
          },
          {
            title: 'Meeting',
            start: '2024-12-12T10:30:00',
            end: '2024-12-12T12:30:00'
          },
          {
            title: 'Lunch',
            start: '2024-12-12T12:00:00'
          },
          {
            title: 'Meeting',
            start: '2024-12-12T14:30:00'
          },
          {
            title: 'Happy Hour',
            start: '2024-12-12T17:30:00'
          },
          {
            title: 'Dinner',
            start: '2024-12-12T20:00:00'
          },
          {
            title: 'Birthday Party',
            start: '2024-12-13T07:00:00'
          },
          {
            title: 'Click for Google',
            url: 'http://google.com/',
            start: '2024-12-28'
          }
        ]
      });

      calendar.render();
    });

  </script>
  <script src='./js/index.global.js'></script>
  <%- include('includes/footer')%>
    <%- include('includes/script-links')%>
</body>

</html>
© 2025 GrazzMean-Shell