itsm-pc-handle/assets/views/scheduling/mine.html

<!-- start: PAGE TITLE -->
<!-- <section id="page-title">
    <div class="row">
        <div class="col-sm-8">
            <h1 class="mainTitle" translate="sidebar.nav.scheduling.MINE">{{ mainTitle }}</h1>
            <span class="mainDescription" translate="sidebar.nav.scheduling.MINEDesc">A port of the bootstrap calendar widget to AngularJS (no jQuery required).</span>
        </div>
    </div>
</section> -->
<div ng-controller="myCalendarCtrl">
    <section id="page-title">
        <div class="row">
            <div class="col-sm-8">
                <h1 class="mainTitle">我的排班<i tooltip='在此处查看个人排班情况。' tooltip-placement="right" class="fa  ti-help-alt margin-left-10 fontcolor-five pointfont"></i></h1>
            </div>
        </div>
    </section>
    <!-- end: PAGE TITLE -->
    <div class="listbote">
        <div class="list-controls clearfix">
            <div class="btn-group">
                <button class="btn btn-statebutton statebutton  keepleftbottom" ng-class="{'statecolor':searchstate==1}" ng-click="order(1)">我的排班</button>
                <button class="btn btn-statebutton statebutton keeprightbottom" ng-class="{'statecolor':searchstate==2}" ng-click="order(2)">全部排班</button>
            </div>
        </div>
        <div class="row searchlistback" style="margin-left:0;" id="searchid">
            <div class="row" style="padding-right: 0px !important;">
                <form class="col-xs-12 form-inline schesearchsize">
                    <div class="col-xs-3">
                        <button class="btn btn-weekbutton weekbutton" mwl-date-modifier date="calendarDate" set-to-today>
                                <span translate="calendar.TODAY">TODAY</span>
                            </button>
                    </div>
                    <div class="col-xs-6  text-center">
                        <button class="btn btn-weekbutton weekbutton" mwl-date-modifier date="calendarDate" decrement="calendarView">
                                    <i class="ti-angle-left"></i>
                                </button>
                        <h2 class="form-group padding-left-10 padding-right-10 text-center" style="width:110px;font-weight:bold">{{ calendarTitle }} </h2>
                        <button class="btn btn-weekbutton weekbutton" mwl-date-modifier date="calendarDate" increment="calendarView">
                                    <i class="ti-angle-right"></i>
                                </button>
                    </div>
                    <div class="col-xs-3">
                        <div class="btn-group pull-right">
                            <!-- <label class="btn btn-primary" ng-model="calendarView" btn-radio="'month'">
									<span translate="calendar.MONTH">Month</span>
								</label>
                            <label class="btn btn-primary" ng-model="calendarView" btn-radio="'week'">
									<span translate="calendar.WEEK">Week</span>
                                </label> -->
                            <!-- <div class="visible-md visible-lg hidden-sm hidden-xs">
                                <div class="btn-group ">
                                    <button class="btn btn-statebutton btn-o ui-grid-render-container" ng-click="order(1)">我的排班</button>
                                    <button class="btn btn-statebutton btn-o ui-grid-render-container" ng-click="order(2)">全部排班</button>
                                </div>
                            </div> -->
                            <!-- <div class="visible-md visible-lg hidden-sm hidden-xs">
                                <div class="btn-group ">
                                    <label class="btn btn-pributtom" ng-model="calendarView" btn-radio="'month'">
									<span translate="calendar.MONTH">Month</span>
								</label>
                                    <label class="btn btn-pributtom" ng-model="calendarView" btn-radio="'week'">
									<span translate="calendar.WEEK">Week</span>
								</label>
                                </div>
                            </div>
                            <div class="visible-xs visible-sm hidden-md hidden-lg">
                                <div class="btn-group" dropdown>
                                    <button type="button" class="btn btn-primary dropdown-toggle" dropdown-toggle>
                                            <i class="fa fa-cog"></i>&nbsp;<span class="caret"></span>
                                        </button>
                                    <ul class="dropdown-menu pull-right dropdown-light" role="menu">
                                        <li>
                                            <a ng-model="calendarView" btn-radio="'year'" href="">
                                                    年视图
                                                </a>
                                        </li>
                                        <li>
                                            <a ng-model="calendarView" btn-radio="'month'" href="">
                                                    月视图
                                                </a>
                                        </li>
                                        <li>
                                            <a ng-model="calendarView" btn-radio="'week'" href="">
                                                    周视图
                                                </a>
                                        </li>
                                        <li>
                                            <a ng-model="calendarView" btn-radio="'day'" href="">
                                                    天视图
                                                </a>
                                        </li>
                                    </ul>
                                </div>
                            </div> -->
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
    <!-- start: CALENDAR -->
    <!-- <div class=""> -->
    <div class="row">
        <div class="col-md-12">
            <!-- /// controller:  'myCalendarCtrl' -  localtion: assets/js/controllers//mycalendarCtrl.js /// -->
            <div id="demo" class=" col-md-12 borderall borderrou-8 margin-bottom-15">
                <div class="margin-bottom-15">
                    <!-- <div class="row text-left">
                        <div class="col-xs-5">
                            <div class="btn-group col-md-5">
                                <button class="btn btn-primary" mwl-date-modifier date="calendarDate" decrement="calendarView">
								<i class="ti-angle-left"></i>
							</button>
                                <button class="btn btn-primary" mwl-date-modifier date="calendarDate" increment="calendarView">
								<i class="ti-angle-right"></i>
							</button>
                            </div>
                            <button class="btn btn-primary btn-o col-md-3" mwl-date-modifier date="calendarDate" set-to-today>
							<span translate="calendar.TODAY">TODAY</span>
						</button>
                            <h2 class="form-group col-md-4" style="font-weight:bold">{{ calendarTitle }} </h2>
                        </div>
                        <div class="col-xs-4 text-left">
                            <div class="visible-md visible-lg hidden-sm hidden-xs">
                                <div class="btn-group ">
                                    <button class="btn btn-primary" ng-click="order(1)">我的排班</button>
                                    <button class="btn btn-primary" ng-click="order(2)">全部排班</button>
                                </div>
                            </div>
                            <div class="visible-xs visible-sm hidden-md hidden-lg">
                                <div class="btn-group" dropdown>
                                    <button type="button" class="btn btn-primary dropdown-toggle" dropdown-toggle>
									<i class="fa fa-cog"></i>&nbsp;<span class="caret"></span>
								</button>
                                    <ul class="dropdown-menu pull-right dropdown-light" role="menu">
                                        <li>
                                            <a ng-model="calendarView" btn-radio="'year'" href="">
											Year
										</a>
                                        </li>
                                        <li>
                                            <a ng-model="calendarView" btn-radio="'month'" href="">
											Month
										</a>
                                        </li>
                                        <li>
                                            <a ng-model="calendarView" btn-radio="'week'" href="">
											Week
										</a>
                                        </li>
                                        <li>
                                            <a ng-model="calendarView" btn-radio="'day'" href="">
											Day
										</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                        <div class="col-xs-3 text-left">
                            <div class="visible-md visible-lg hidden-sm hidden-xs">
                                <div class="btn-group ">
                                    <label class="btn btn-primary" ng-model="calendarView" btn-radio="'month'">
									<span translate="calendar.MONTH">Month</span>
								</label>
                                    <label class="btn btn-primary" ng-model="calendarView" btn-radio="'week'">
									<span translate="calendar.WEEK">Week</span>
								</label>
                                </div>
                            </div>
                            <div class="visible-xs visible-sm hidden-md hidden-lg">
                                <div class="btn-group" dropdown>
                                    <button type="button" class="btn btn-primary dropdown-toggle" dropdown-toggle>
									<i class="fa fa-cog"></i>&nbsp;<span class="caret"></span>
								</button>
                                    <ul class="dropdown-menu pull-right dropdown-light" role="menu">
                                        <li>
                                            <a ng-model="calendarView" btn-radio="'year'" href="">
											Year
										</a>
                                        </li>
                                        <li>
                                            <a ng-model="calendarView" btn-radio="'month'" href="">
											Month
										</a>
                                        </li>
                                        <li>
                                            <a ng-model="calendarView" btn-radio="'week'" href="">
											Week
										</a>
                                        </li>
                                        <li>
                                            <a ng-model="calendarView" btn-radio="'day'" href="">
											Day
										</a>
                                        </li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                    <br> -->
                    <mwl-calendar view="calendarView" view-date="calendarDate" events="events" view-title="calendarTitle" on-event-click="eventClicked(calendarEvent)" on-event-times-changed="calendarEvent.startsAt = calendarNewEventStart; calendarEvent.endsAt = calendarNewEventEnd"
                        edit-event-html="'<i class=\'glyphicon glyphicon-pencil\'></i>'" delete-event-html="'<i class=\'glyphicon glyphicon-remove\'></i>'" on-edit-event-click="eventEdited(calendarEvent)" on-delete-event-click="eventDeleted(calendarEvent)"
                        calendar-time-label="时间" calendar-event-label="描述" cell-is-open="false">
                    </mwl-calendar>
                    <!-- <mwl-calendar
				calendar-events="events"
				calendar-view="calendarView"
				calendar-current-day="calendarDay"
				calendar-control="calendarControl"
				calendar-event-click="eventClicked($event)"
				calendar-edit-event-html="'<div class=\'btn btn-primary btn-sm pull-left\'><i class=\'ti-pencil\'></i></div>'"
				calendar-delete-event-html="'<div class=\'btn btn-danger btn-sm margin-left-10 pull-left\'><i class=\'ti-close\'></i></div>'"
				calendar-time-label="时间"
				calendar-event-label="描述"
				calendar-week-title-label="{year}年{week}周"
				calendar-edit-event-click="eventEdited($event)"
				calendar-auto-open="false"
				></mwl-calendar> -->

                    <!-- start: EDIT EVENT TEMPLATE -->
                    <script type="text/ng-template" id="scheduleEvent.html">
                        <!-- <div class="modal-body">

                            <div class="form-group">
                                <label>
					开始
					</label>
                                <span class="input-icon">
					<input type="text" class="form-control underline"
				           datepicker-popup="yyyy-MM-dd HH:mm:ss" ng-disabled="'disabled'"
				           ng-model="event.starts_at" is-open="false"
				           close-text="关闭" current-text="今天" clear-text="清空" />
				    <i class="ti-calendar"></i>
					</span>
                            </div>
                            <label>
					
					<div class="form-group">
					<label>
					结束
					</label>

                            <span class="input-icon">
					<input type="text" class="form-control underline"
				           datepicker-popup="yyyy-MM-dd HH:mm:ss" ng-disabled="'disabled'"
				           ng-model="event.ends_at" is-open="false"
				           close-text="关闭" current-text="今天" clear-text="清空" />
				    <i class="ti-calendar"></i>
					</span>
                        </div>
                        <div class="form-group">
                            <label>
					值班类型
					</label>
                            <div class="row">
                                <div class="col-xs-6">
                                    <label for="job">
                                    {{scheduleClassic[event.type].name}}
                                </label>
                                </div>
                            </div>
                        </div>

                        <div class="modal-footer">

                            <button class="btn btn-primary btn-o" ng-click="cancel()">
					关闭
					</button>
                        </div> -->
                        <div class="col-xs-12 col-md-12  padding-top-10 padding-bottom-10" style="height:100%">
                            <div class="row" style="height:100%">
                                <div class="col-xs-12 col-md-12">
                                    <!-- <div class="col-xs-12 col-md-12 " style="height:100%"> -->
                                    <div class="schudright" style="height:100%">
                                        <div class="modal-header">
                                            <div class="modal-title fontcolor-two fontsizes-14">
                                                <div>
                                                    值班详情
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-body fontsizes-14">
                                            <div class="row">
                                                <div class="col-xs-12 col-md-12">
                                                    <div class="col-xs-12 col-md-12">
                                                        <div class="form-group">
                                                            <div class="control-label padding-top-5 padding-bottom-5">
                                                                开始:
                                                            </div>
                                                            <span class="input-icon">
                                                        <input type="text" class="form-control"
                                                               datepicker-popup="yyyy-MM-dd HH:mm:ss" ng-disabled="'disabled'"
                                                               ng-model="event.starts_at" is-open="false"
                                                               close-text="关闭" current-text="今天" clear-text="清空" />
                                                        <i class="ti-calendar"></i>
                                                        </span>
                                                        </div>

                                                        <div class="form-group">
                                                            <div class="control-label padding-top-5 padding-bottom-5">
                                                                结束:
                                                            </div>
                                                            <span class="input-icon">
                                                        <input type="text" class="form-control"
                                                               datepicker-popup="yyyy-MM-dd HH:mm:ss" ng-disabled="'disabled'"
                                                               ng-model="event.ends_at" is-open="false"
                                                               close-text="关闭" current-text="今天" clear-text="清空" />
                                                        <i class="ti-calendar"></i>
                                                        </span>
                                                        </div>
                                                        <div class="form-group">
                                                            <div class="control-label padding-top-10 padding-bottom-5">
                                                                值班类型:
                                                            </div>
                                                            <div class="row">
                                                                <div class="col-xs-6">
                                                                    <label for="job">
                                                                        {{scheduleClassic.title}}
                                                                    </label>
                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="modal-footer text-center">
                                            <button class=" btn btn-removebutton removebutton" ng-click="cancel()">关闭</button>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </script>
                    <!-- end: EDIT EVENT TEMPLATE -->
                    <!-- </div> -->
                </div>
            </div>
        </div>
    </div>
</div>
<!-- end: CALENDAR -->