timeline.html 10.4 KB
<div ng-controller="timelineCtrl">
    <div class="lg-con-header">
        <div class="lg-con-group">
            <button class="btn btn-default" ng-class="getActiveClass('/es/address/typelist')" lgclick="/es/address/typelist"><i
                    class="fa fa-calendar-o"></i> 新增任务计划
            </button>
            <button class="btn btn-default" ng-class="getActiveClass('/es/address/typelist')" lgclick="/es/address/typelist"><i
                class="fa fa-calendar-o"></i> 查看任务计划
            </button>
        </div>
    </div>
    <div class="timelineview panel-body" scrollerisediter>

        <!-- START timeline-->
        <ul ng-class="timelineAlt ? 'timeline-alt' : 'timeline'" ng-init="timelineAlt=true">
            <li data-datetime="今天 (周三)" class="timeline-separator"></li>
            <!-- START timeline item-->
            <li>
                <div class="timeline-badge primary">
                    <em class="fa fa-envelope-o"></em>
                </div>
                <div class="timeline-panel">
                    <div ng-class="timelineAlt ? 'right' : 'left'" class="popover">
                        <h4 class="popover-title">此任务将在 <span class="color-red">23:15</span> 进行邮件发送 <label
                                class="label label-success">未执行</label> <label
                                class="label label-danger btn-right lg-pointer hovershow">删除</label> <label
                                class="label label-info btn-right lg-pointer hovershow">编辑</label></h4>

                        <div class="arrow"></div>
                        <div class="popover-content">
                            <p>
                                Led客户资料发送
                                <br/>
                                <label openpic>
                                    <small class="color-grav lg-pointer">查看邮件模板 <i class="fa fa-eye"></i></small>
                                </label>
                            <div class="photo-view" opencheck="0" style="display: none;">
                                <div class="photo-view-list">
                                    <a href="#" class="photo-addview-list-link" title="LED欧洲客户模板">
                                        <img src="app/images/90.jpg" ng-src="app/images/1.jpg">
                                        <span class="photo-view-list-checkbox"></span>
                                        <span class="photo-addview-list-mask"></span>
                                    </a>
                                </div>
                            </div>
                            </p>
                        </div>
                    </div>
                </div>
            </li>
            <!-- END timeline item-->
            <!-- START timeline item-->
            <li class="timeline-inverted">
                <div class="timeline-panel">
                    <div class="popover right">
                        <h4 class="popover-title">此任务将在 <span class="color-red">13:15</span> 进行邮件发送 <label
                                class="label label-default">已执行</label> <label
                                class="label label-danger btn-right lg-pointer hovershow">删除</label> <label
                                class="label label-info btn-right lg-pointer hovershow">编辑</label></h4>

                        <div class="arrow"></div>
                        <div class="popover-content">
                            <p>你要给德国客户进行邮件营销</p>
                        </div>
                    </div>
                </div>
            </li>
            <!-- END timeline item-->
            <!-- START timeline separator-->
            <li data-datetime="昨天 (周二)" class="timeline-separator"></li>
            <!-- END timeline separator-->
            <!-- START timeline item-->
            <li>
                <div class="timeline-badge warning">
                    <em class="fa fa-envelope-o"></em>
                </div>
                <div class="timeline-panel">
                    <div ng-class="timelineAlt ? 'right' : 'left'" class="popover">
                        <h4 class="popover-title">此任务将在 <span class="color-red">13:15</span> 进行邮件发送 <label
                                class="label label-default">已执行</label> <label
                                class="label label-danger btn-right lg-pointer hovershow">删除</label> <label
                                class="label label-info btn-right lg-pointer hovershow">编辑</label></h4>

                        <div class="arrow"></div>
                        <div class="popover-content">
                            <p>
                                Led客户资料发送 <label class="label label-info">多主题</label>
                                <br/>
                                <label openpic>
                                    <small class="color-grav lg-pointer">查看邮件模板 <i class="fa fa-eye"></i></small>
                                </label>
                            <div class="photo-view" opencheck="0" style="display: none;">
                                <div class="photo-view-list">
                                    <a href="#" class="photo-addview-list-link" title="节日模板">
                                        <img src="app/images/90.jpg" ng-src="app/images/2.jpg">
                                        <span class="photo-view-list-checkbox"></span>
                                        <span class="photo-addview-list-mask"></span>
                                    </a>
                                </div>
                            </div>
                            </p>
                        </div>
                    </div>
                </div>
            </li>
            <!-- END timeline item-->
            <!-- START timeline item-->
            <li class="timeline-inverted">
                <div class="timeline-panel">
                    <div class="popover right">
                        <h4 class="popover-title">此任务将在 <span class="color-red">13:15</span> 进行邮件发送 <label
                                class="label label-default">已执行</label> <label
                                class="label label-danger btn-right lg-pointer hovershow">删除</label> <label
                                class="label label-info btn-right lg-pointer hovershow">编辑</label></h4>

                        <div class="arrow"></div>
                        <div class="popover-content">
                            <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem
                                lacinia quam.</p>


                        </div>
                    </div>
                </div>
            </li>
            <!-- END timeline item-->
            <!-- START timeline item-->
            <li>
                <div class="timeline-panel">
                    <div ng-class="timelineAlt ? 'right' : 'left'" class="popover">
                        <h4 class="popover-title">此任务将在 <span class="color-red">13:15</span> 进行邮件发送 <label
                                class="label label-default">已执行</label> <label
                                class="label label-danger btn-right lg-pointer hovershow">删除</label> <label
                                class="label label-info btn-right lg-pointer hovershow">编辑</label></h4>

                        <div class="arrow"></div>
                        <div class="popover-content">
                            <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem
                                lacinia quam venenatis vestibulum.</p>
                        </div>
                    </div>
                </div>
            </li>
            <!-- END timeline item-->
            <!-- START timeline item-->
            <li>
                <div class="timeline-panel">
                    <div ng-class="timelineAlt ? 'right' : 'left'" class="popover">
                        <h4 class="popover-title">此任务将在 <span class="color-red">13:15</span> 进行邮件发送 <label
                                class="label label-default">已执行</label> <label
                                class="label label-danger btn-right lg-pointer hovershow">删除</label> <label
                                class="label label-info btn-right lg-pointer hovershow">编辑</label></h4>

                        <div class="arrow"></div>
                        <div class="popover-content">
                            <p>Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem
                                lacinia quam venenatis vestibulum.</p>
                        </div>
                    </div>
                </div>
            </li>
            <!-- END timeline item-->
            <!-- START timeline separator-->
            <li data-datetime="2015-10-26" class="timeline-separator"></li>
            <!-- END timeline separator-->
            <!-- START timeline item-->
            <li class="timeline-inverted">
                <div class="timeline-badge success">
                    <em class="fa fa-envelope-o"></em>
                </div>
                <div class="timeline-panel">
                    <div class="popover right">
                        <h4 class="popover-title">此任务将在 <span class="color-red">13:15</span> 进行邮件发送 <label
                                class="label label-default">已执行</label> <label
                                class="label label-danger btn-right lg-pointer hovershow">删除</label> <label
                                class="label label-info btn-right lg-pointer hovershow">编辑</label></h4>

                        <div class="arrow"></div>
                        <div class="popover-content">
                            <p>Listen some music</p>
                        </div>
                    </div>
                </div>
            </li>
            <!-- END timeline item-->
            <!-- START timeline item-->
            <li class="timeline-end">
                <a href="#" class="timeline-badge">
                    <em class="fa fa-plus"></em>
                </a>
            </li>
            <!-- END timeline item-->
        </ul>
        <!-- END timeline-->
    </div>
</div>