From f58eed4ff744969bc10af8ef1c4bed42c1e31eb0 Mon Sep 17 00:00:00 2001 From: Dennis Kao <ulysseskao@gmail.com> Date: Tue, 26 Apr 2016 01:57:12 +0800 Subject: [PATCH] ui-router templates --- grails-app/assets/templates/xdashangular/index/calendar.html | 99 +++++++++++++++++++++++++++++++++++++++++++++---- 1 files changed, 90 insertions(+), 9 deletions(-) diff --git a/grails-app/assets/templates/xdashangular/index/calendar.html b/grails-app/assets/templates/xdashangular/index/calendar.html index de155ea..230c49a 100644 --- a/grails-app/assets/templates/xdashangular/index/calendar.html +++ b/grails-app/assets/templates/xdashangular/index/calendar.html @@ -1,10 +1,91 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <title>Title</title> -</head> -<body> +<!-- Content Header (Page header) --> +<section class="content-header"> + <h1> + Calendar + <small>Control panel</small> + </h1> + <ol class="breadcrumb"> + <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li> + <li class="active">Calendar</li> + </ol> +</section> -</body> -</html> \ No newline at end of file +<!-- Main content --> +<section class="content"> + <div class="row"> + <div class="col-md-3"> + <div class="box box-solid"> + <div class="box-header with-border"> + <h4 class="box-title">Draggable Events</h4> + </div> + <div class="box-body"> + <!-- the events --> + <div id="external-events"> + <div class="external-event bg-green">Lunch</div> + <div class="external-event bg-yellow">Go home</div> + <div class="external-event bg-aqua">Do homework</div> + <div class="external-event bg-light-blue">Work on UI design</div> + <div class="external-event bg-red">Sleep tight</div> + <div class="checkbox"> + <label for="drop-remove"> + <input type="checkbox" id="drop-remove"> + remove after drop + </label> + </div> + </div> + </div> + <!-- /.box-body --> + </div> + <!-- /. box --> + <div class="box box-solid"> + <div class="box-header with-border"> + <h3 class="box-title">Create Event</h3> + </div> + <div class="box-body"> + <div class="btn-group" style="width: 100%; margin-bottom: 10px;"> + <!--<button type="button" id="color-chooser-btn" class="btn btn-info btn-block dropdown-toggle" data-toggle="dropdown">Color <span class="caret"></span></button>--> + <ul class="fc-color-picker" id="color-chooser"> + <li><a class="text-aqua" href="#"><i class="fa fa-square"></i></a></li> + <li><a class="text-blue" href="#"><i class="fa fa-square"></i></a></li> + <li><a class="text-light-blue" href="#"><i class="fa fa-square"></i></a></li> + <li><a class="text-teal" href="#"><i class="fa fa-square"></i></a></li> + <li><a class="text-yellow" href="#"><i class="fa fa-square"></i></a></li> + <li><a class="text-orange" href="#"><i class="fa fa-square"></i></a></li> + <li><a class="text-green" href="#"><i class="fa fa-square"></i></a></li> + <li><a class="text-lime" href="#"><i class="fa fa-square"></i></a></li> + <li><a class="text-red" href="#"><i class="fa fa-square"></i></a></li> + <li><a class="text-purple" href="#"><i class="fa fa-square"></i></a></li> + <li><a class="text-fuchsia" href="#"><i class="fa fa-square"></i></a></li> + <li><a class="text-muted" href="#"><i class="fa fa-square"></i></a></li> + <li><a class="text-navy" href="#"><i class="fa fa-square"></i></a></li> + </ul> + </div> + <!-- /btn-group --> + <div class="input-group"> + <input id="new-event" type="text" class="form-control" placeholder="Event Title"> + + <div class="input-group-btn"> + <button id="add-new-event" type="button" class="btn btn-primary btn-flat">Add</button> + </div> + <!-- /btn-group --> + </div> + <!-- /input-group --> + </div> + </div> + </div> + <!-- /.col --> + <div class="col-md-9"> + <div class="box box-primary"> + <div class="box-body no-padding"> + <!-- THE CALENDAR --> + <div id="calendar"></div> + </div> + <!-- /.box-body --> + </div> + <!-- /. box --> + </div> + <!-- /.col --> + </div> + <!-- /.row --> +</section> +<!-- /.content --> -- Gitblit v0.0.0-SNAPSHOT