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/UI/modals.html | 180 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++--- 1 files changed, 171 insertions(+), 9 deletions(-) diff --git a/grails-app/assets/templates/xdashangular/UI/modals.html b/grails-app/assets/templates/xdashangular/UI/modals.html index de155ea..caf4dea 100644 --- a/grails-app/assets/templates/xdashangular/UI/modals.html +++ b/grails-app/assets/templates/xdashangular/UI/modals.html @@ -1,10 +1,172 @@ -<!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8"> - <title>Title</title> -</head> -<body> +<!-- Content Header (Page header) --> +<section class="content-header"> + <h1> + Modals + <small>new</small> + </h1> + <ol class="breadcrumb"> + <li><a href="#"><i class="fa fa-dashboard"></i> Home</a></li> + <li><a href="#">UI</a></li> + <li class="active">Modals</li> + </ol> +</section> -</body> -</html> \ No newline at end of file +<!-- Main content --> +<section class="content"> + <div class="callout callout-info"> + <h4>Reminder!</h4> + Instructions for how to use modals are available on the + <a href="http://getbootstrap.com/javascript/#modals">Bootstrap documentation</a> + </div> + + <div class="example-modal"> + <div class="modal"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span></button> + <h4 class="modal-title">Default Modal</h4> + </div> + <div class="modal-body"> + <p>One fine body…</p> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-default pull-left" data-dismiss="modal">Close</button> + <button type="button" class="btn btn-primary">Save changes</button> + </div> + </div> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> + </div> + <!-- /.modal --> + </div> + <!-- /.example-modal --> + + <div class="example-modal"> + <div class="modal modal-primary"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span></button> + <h4 class="modal-title">Primary Modal</h4> + </div> + <div class="modal-body"> + <p>One fine body…</p> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button> + <button type="button" class="btn btn-outline">Save changes</button> + </div> + </div> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> + </div> + <!-- /.modal --> + </div> + <!-- /.example-modal --> + + <div class="example-modal"> + <div class="modal modal-info"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span></button> + <h4 class="modal-title">Info Modal</h4> + </div> + <div class="modal-body"> + <p>One fine body…</p> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button> + <button type="button" class="btn btn-outline">Save changes</button> + </div> + </div> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> + </div> + <!-- /.modal --> + </div> + <!-- /.example-modal --> + + <div class="example-modal"> + <div class="modal modal-warning"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span></button> + <h4 class="modal-title">Warning Modal</h4> + </div> + <div class="modal-body"> + <p>One fine body…</p> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button> + <button type="button" class="btn btn-outline">Save changes</button> + </div> + </div> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> + </div> + <!-- /.modal --> + </div> + <!-- /.example-modal --> + + <div class="example-modal"> + <div class="modal modal-success"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span></button> + <h4 class="modal-title">Success Modal</h4> + </div> + <div class="modal-body"> + <p>One fine body…</p> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button> + <button type="button" class="btn btn-outline">Save changes</button> + </div> + </div> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> + </div> + <!-- /.modal --> + </div> + <!-- /.example-modal --> + + <div class="example-modal"> + <div class="modal modal-danger"> + <div class="modal-dialog"> + <div class="modal-content"> + <div class="modal-header"> + <button type="button" class="close" data-dismiss="modal" aria-label="Close"> + <span aria-hidden="true">×</span></button> + <h4 class="modal-title">Danger Modal</h4> + </div> + <div class="modal-body"> + <p>One fine body…</p> + </div> + <div class="modal-footer"> + <button type="button" class="btn btn-outline pull-left" data-dismiss="modal">Close</button> + <button type="button" class="btn btn-outline">Save changes</button> + </div> + </div> + <!-- /.modal-content --> + </div> + <!-- /.modal-dialog --> + </div> + <!-- /.modal --> + </div> + <!-- /.example-modal --> +</section> +<!-- /.content --> -- Gitblit v0.0.0-SNAPSHOT