Blame view

app/partials/scheduler/scheduler.html 5.94 KB
feacde5ff   Rishav   setup acuefuel in...
1
2
3
4
5
6
7
8
  <style type="text/css">
     .newUlView {
     padding: 5px;
     margin: 3px;
     }
     .subnavbar .mainnav > li:nth-child(4) > a{
     color: #ff9900;
     }
a55ef20b5   Swarn Singh   schedular added
9
10
11
12
13
14
15
16
17
18
19
20
     .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;
     }
4728ddfdd   Swarn Singh   schedule module f...
21
22
23
24
25
26
27
28
29
30
     .stacked:after, .stacked:before{
        display: none;
     }
     .btn-white, .btn-white:hover{
        background-color: #fff;
        background-image: none;
     }
     .fc-day-grid-event .fc-time{
        display: none;
     }
e95d89b77   Swarn Singh   integrate editor ...
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
  
     /*#wrap {
        width: 1100px;
        margin: 0 auto;
     }
        
     #external-events {
        float: left;
        width: 150px;
        padding: 0 10px;
        border: 1px solid #ccc;
        background: #eee;
        text-align: left;
     }
        
     #external-events h4 {
        font-size: 16px;
        margin-top: 0;
        padding-top: 1em;
     }
        
     #external-events .fc-event {
        margin: 10px 0;
        cursor: pointer;
     }
        
     #external-events p {
        margin: 1.5em 0;
        font-size: 11px;
        color: #666;
     }
        
     #external-events p input {
        margin: 0;
        vertical-align: middle;
     }
  
     #calendar {
        float: right;
        width: 900px;
     }*/
feacde5ff   Rishav   setup acuefuel in...
72
  </style>
4728ddfdd   Swarn Singh   schedule module f...
73
74
75
76
  
  <div class="myLoader" ng-show="showLoader">
    <img src="../img/hourglass.gif" width="50px;">
  </div>
feacde5ff   Rishav   setup acuefuel in...
77
78
79
  <div class="main">
     <div class="container">
        <div class="row">
e95d89b77   Swarn Singh   integrate editor ...
80
           <div class="col-xs-12">
4728ddfdd   Swarn Singh   schedule module f...
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
              <div class="col-xs-12 col-md-3">
                 <div class="widget stacked">
                    <div class="widget-header">
                       <i class="fa fa-plane" aria-hidden="true"></i>
                       <h3>Enter Support Service</h3>
                    </div>
                    <div class="widget-content">
                       <label ng-repeat="item in events" ng-click="editEvent(item)" style="width: 100%;">
                          <!-- <div class="fc-event" data-drag="true" data-jqyoui-options="{revert: 'invalid'}" jqyoui-draggable="{index: {{$index}},placeholder:true,animate:true}">
                             {{item.title}}
                          </div> -->
                          <div class="fc-event">
                             {{item.title}}
                          </div>
                       </label>
                       <!-- <p>
                          <input type='checkbox' id='drop-remove' />
                          <label for='drop-remove'>remove after drop</label>
                       </p> -->
                    </div>
                 </div>
                 <div class="text-right">
                    <button class="btn btn-default btn-white" data-toggle="modal" data-target="#addEvent">Add Event</button>
                 </div>
              </div>
  
              <div class="col-xs-12 col-md-9">
                 <div class="widget stacked">
                    <div class="widget-header">
                       <i class="fa fa-calendar" aria-hidden="true"></i>
                       <h3>Schedule</h3>
                    </div>
                    <div class="widget-content">
                       <div ui-calendar="uiConfig.calendar" ng-model="eventSources" data-drop="true"></div>
                    </div>
                 </div>
              </div>
              <div style='clear:both'></div>
e95d89b77   Swarn Singh   integrate editor ...
119

4728ddfdd   Swarn Singh   schedule module f...
120
              <!-- <div ui-calendar="uiConfig.calendar" ng-model="eventSources" class="col-xs-12 col-md-9" data-drop="true" jqyoui-droppable="{multiple:true, onDrop: 'addEvent($index)'}"></div> -->
e95d89b77   Swarn Singh   integrate editor ...
121

4728ddfdd   Swarn Singh   schedule module f...
122
                 
e95d89b77   Swarn Singh   integrate editor ...
123

4728ddfdd   Swarn Singh   schedule module f...
124
              
4bb02bb84   Rishav   new integration w...
125

4728ddfdd   Swarn Singh   schedule module f...
126
              </div>
03cf7c388   Swarn Singh   minor changes due...
127

a55ef20b5   Swarn Singh   schedular added
128

feacde5ff   Rishav   setup acuefuel in...
129
           </div>
4bb02bb84   Rishav   new integration w...
130

feacde5ff   Rishav   setup acuefuel in...
131
        </div>
03cf7c388   Swarn Singh   minor changes due...
132
133
        <div>
        </div>
feacde5ff   Rishav   setup acuefuel in...
134
135
136
137
        <!-- /row -->
     </div>
     <!-- /container -->
  </div>
4728ddfdd   Swarn Singh   schedule module f...
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
  <!-- /main -->
  
  
  <div id="addEvent" class="modal fade" role="dialog" data-backdrop="static">
    <div class="modal-dialog">
      <form ng-submit="addNewEvent()">
         <div class="modal-content">
           <div class="modal-header">
             <button type="button" ng-click="cancelAdd()" class="close" data-dismiss="modal">&times;</button>
             <h4 class="modal-title">Schedule New Event</h4>
          </div>
          <div class="modal-body">
             <div class="col-md-6" style="padding-left: 0;">
              <label>Event Name:</label>
              <input type="text" ng-model="newEvent.aircraft" class="form-control">
           </div>
           <div class="col-md-6" style="padding-right: 0;">
              <label>Deploy Date:</label>
              <input type="text" datepicker ng-model="newEvent.deployDate" class="form-control">
           </div>
           <div class="clearfix"></div>
        </div>
        <div class="modal-footer">
           <input type="submit" value="Add" class="btn btn-primary">
           <button type="button" class="btn btn-default" ng-click="cancelAdd()" data-dismiss="modal">Close</button>
        </div>
      </div>
     </form>
  
     </div>
  </div>
  
  <div id="editEvent" class="modal fade" role="dialog" data-backdrop="static">
    <div class="modal-dialog">
      <form ng-submit="updateEvent()">
         <div class="modal-content">
           <div class="modal-header">
             <button type="button" ng-click="cancelAdd()" class="close" data-dismiss="modal">&times;</button>
956e0d9ed   Swarn Singh   contact view effe...
176
             <h4 class="modal-title">Update Scheduled Event</h4>
4728ddfdd   Swarn Singh   schedule module f...
177
178
179
180
181
182
183
184
185
186
187
188
189
          </div>
          <div class="modal-body">
             <div class="col-md-6" style="padding-left: 0;">
              <label>Event Name:</label>
              <input type="text" ng-model="editData.title" class="form-control">
           </div>
           <div class="col-md-6" style="padding-right: 0;">
              <label>Deploy Date:</label>
              <input type="text" datepicker ng-model="editData.start" class="form-control">
           </div>
           <div class="clearfix"></div>
        </div>
        <div class="modal-footer">
956e0d9ed   Swarn Singh   contact view effe...
190
           <input type="submit" value="Update" class="btn btn-primary">
4728ddfdd   Swarn Singh   schedule module f...
191
192
193
194
195
196
197
           <button type="button" class="btn btn-default" ng-click="cancelUpdate()" data-dismiss="modal">Close</button>
        </div>
      </div>
     </form>
  
     </div>
  </div>