added messaging thanks to jquery-notify

[myslice.git] / views / templates / messages.html

diff --git a/views/templates/messages.html b/views/templates/messages.html
new file mode 100644 (file)
index 0000000..b684336
--- /dev/null
+++ b/views/templates/messages.html
@@ -0,0 +1,38 @@
+       <!--- container to hold notifications, and default templates --->
+<div id="notifications" style="display:none">
+               
+               <div id="default">
+                       <h1>#{title}</h1>
+                       <p>#{text}</p>
+               </div>
+               
+               <div id="sticky">
+                       <a class="ui-notify-close ui-notify-cross" href="#">x</a>
+                       <h1>#{title}</h1>
+                       <p>#{text}</p>
+               </div>
+               
+               <div id="themeroller" class="ui-state-error" style="padding:10px; -moz-box-shadow:0 0 6px #980000; -webkit-box-shadow:0 0 6px #980000; box-shadow:0 0 6px #980000;">
+                       <a class="ui-notify-close" href="#"><span class="ui-icon ui-icon-close" style="float:right"></span></a>
+                       <span style="float:left; margin:2px 5px 0 0;" class="ui-icon ui-icon-alert"></span>
+                       <h1>#{title}</h1>
+                       <p>#{text}</p>
+                       <p style="text-align:center"><a class="ui-notify-close" href="#">Close Me</a></p>
+               </div>
+               
+               <div id="withIcon">
+                       <a class="ui-notify-close ui-notify-cross" href="#">x</a>
+
+                       <div style="float:left;margin:0 10px 0 0"><img src="#{icon}" alt="warning" /></div>
+                       <h1>#{title}</h1>
+                       <p>#{text}</p>
+               </div>
+               
+               <div id="buttons">
+                       <h1>#{title}</h1>
+                       <p>#{text}</p>
+                       <p style="margin-top:10px;text-align:center">
+                               <input type="button" class="confirm" value="Close Dialog" />
+                       </p>
+               </div>
+       </div>