scheduler.html 3.37 KB
<style type="text/css">
   .newUlView {
   padding: 5px;
   margin: 3px;
   }
   .subnavbar .mainnav > li:nth-child(4) > a{
   color: #ff9900;
   }
   .fc button, .fc-button-group, .fc-time-grid .fc-event .fc-time span{
      display: block;
   }
   .fc-state-default{
      background-color: #fff;
      background-image: none;
   }
   .fc-state-active, .fc-state-down{
      box-shadow: none;
      color: #fff;
      background-color: #ff9900;
   }
</style>
<div class="main">
   <div class="container">
      <div class="row">
         <div class="col-md-3 col-xs-12">
            <div class="widget stacked">
               <div class="widget-header">
                  <i class="fa fa-plane"></i>
                  <h3>Entry Support Service</h3>
               </div>
               <!-- /widget-header -->
               <div class="widget-content">
                  <div id='external-events'>
                     <h6>Drag a event and drop into callender</h6>
                     <ul style="list-style: none;padding: 0px">
                        <li class="active">
                           <div class='fc-event newUlView'>My Event 1</div>
                        </li>
                        <li class="active">
                           <div class='fc-event newUlView' >My Event 2</div>
                        </li>
                        <li class="active">
                           <div class='fc-event newUlView'>My Event 3</div>
                        </li>
                        <li class="active">
                           <div class='fc-event newUlView'>My Event 4</div>
                        </li>
                        <li class="active">
                           <div class='fc-event newUlView'>My Event 5</div>
                        </li>
                        <li class="active">
                           <div class='fc-event newUlView'>My Event 6</div>
                        </li>
                     </ul>
                  </div>
                  <button type="reset" style="margin-left: 145px;" class="btn btn-default btn-default-bottom"> Add Event</button>
               </div>
               <!-- /widget-content -->
            </div>
            <!-- /widget -->  
         </div>
         <!-- /span6 -->

         <div class="col-md-9">
            <div class="widget stacked">
               <div class="widget-header">
                  <i class="fa fa-calendar"></i>
                  <h3>Schedule</h3>
               </div>
               <!-- /widget-header -->
               <div class="widget-content">
                  <!-- <div class="btn-group">
                     <button class="btn btn-success" ng-click="changeView('agendaDay', 'myCalendar1')">AgendaDay</button>
                     <button class="btn btn-success" ng-click="changeView('agendaWeek', 'myCalendar1')">AgendaWeek</button>
                     <button class="btn btn-success" ng-click="changeView('month', 'myCalendar1')">Month</button>
                  </div>
                  <div ui-calendar="uiConfig.calendar" class="span8 calendar" ng-model="eventSources"></div> -->
                  <div id='calendar'></div>

                  <div style='clear:both'></div>
               </div>
               <!-- /widget-content -->
            </div>
            <!-- /widget -->
         </div>
         <!-- /span6 -->

      </div>
      <!-- /row -->
   </div>
   <!-- /container -->
</div>
<!-- /main -->