Add file view.

2012-05-18 11:50:38 -06:00
parent 3c10a6bf94
commit ebcd30fadc
10 changed files with 311 additions and 2 deletions
@@ -200,6 +200,13 @@ module Precious
      mustache :pages
    end

+    get '/fileview' do
+      wiki = Gollum::Wiki.new(settings.gollum_path, settings.wiki_options)
+      @results = Gollum::FileView.new(wiki.pages).render_files
+      @ref = wiki.ref
+      mustache :fileview
+    end
+
    get '/*' do
      show_page_or_file(params[:splat].first)
    end
@@ -0,0 +1,110 @@
+/* Just some base styles not needed for example to function */
+*, html { font-family: Verdana, Arial, Helvetica, sans-serif; }
+
+
+#results a:hover {
+  background-color: #4c4c4c;
+}
+
+#home_button {
+  position: absolute;
+  top: 10px;
+  left: 50%;
+}
+
+#home_button .minibutton {
+/* controls size of home btn */
+font-size: 1em;
+text-align: center;
+}
+
+#results {
+  position: absolute;
+  top: 60px;
+  left: 10px;
+}
+
+
+body, form, ul, li, p, h1, h2, h3, h4, h5
+{
+	margin: 0;
+	padding: 0;
+}
+body { background-color: #606061; color: #ffffff; margin: 0; }
+img { border: none; }
+p
+{
+	font-size: 1em;
+	margin: 0 0 1em 0;
+}
+
+html { font-size: 100%; /* IE hack */ }
+body { font-size: 1em; /* Sets base font size to 16px */ }
+table { font-size: 100%; /* IE hack */ }
+input, select, textarea, th, td { font-size: 1em; }
+	
+/* CSS Tree menu styles */
+ol.tree
+{
+	padding: 0 0 0 30px;
+	width: 300px;
+}
+	li 
+	{ 
+		position: relative; 
+		margin-left: -15px;
+		list-style: none;
+	}
+	li.file
+	{
+		margin-left: -1px !important;
+    height: 1.5em;
+	}
+		li.file a
+		{
+			background: url(/images/fileview/document.png) 0 0 no-repeat;
+			color: #fff;
+			padding-left: 21px;
+			text-decoration: none;
+			display: block;
+		}
+		li.file a[href *= '.pdf']	{ background: url(/images/fileview/document.png) 0 0 no-repeat; }
+		li.file a[href *= '.html']	{ background: url(/images/fileview/document.png) 0 0 no-repeat; }
+		li.file a[href $= '.css']	{ background: url(/images/fileview/document.png) 0 0 no-repeat; }
+		li.file a[href $= '.js']		{ background: url(/images/fileview/document.png) 0 0 no-repeat; }
+	li input
+	{
+		position: absolute;
+		left: 0;
+		margin-left: 0;
+		opacity: 0;
+		z-index: 2;
+		cursor: pointer;
+		height: 1em;
+		width: 1em;
+		top: 0;
+	}
+		li input + ol
+		{
+			background: url(/images/fileview/toggle-small-expand.png) 40px 0 no-repeat;
+			margin: -1.188em 0 0 -44px; /* 15px */
+			height: 1.5em;
+		}
+		li input + ol > li { display: none; margin-left: -14px !important; padding-left: 1px; }
+	li label
+	{
+		background: url(/images/fileview/folder-horizontal.png) 15px 1px no-repeat;
+		cursor: pointer;
+		display: block;
+		padding-left: 37px;
+	}
+
+	li input:checked + ol
+	{
+		background: url(/images/fileview/toggle-small.png) 40px 5px no-repeat;
+		margin: -1.5em 0 0 -44px; /* 20px */
+		padding: 1.563em 0 0 80px;
+		height: auto;
+	}
+		li input:checked + ol > li { display: block; margin: 0 0 0.125em;  /* 2px */}
+		li input:checked + ol > li:last-child { margin: 0 0 0.063em; /* 1px */ }
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+  <meta http-equiv="Content-type" content="text/html;charset=utf-8">
+  <link rel="stylesheet" type="text/css" href="/css/_styles.css" media="all">
+  <title>File View</title>
+</head>
+<body>
+
+<div id="home_button">
+  <ul class="actions">
+    <li class="minibutton"><a href="/"
+       class="action-edit-page">Home</a></li>
+  </ul>
+</div>
+
+{{#has_results}}
+  <div id="results">
+  {{{results}}}
+  </div>
+{{/has_results}}
+
+{{#no_results}}
+  <p id="no-results">
+    There are no pages in <strong>{{ref}}</strong>.
+  </p>
+{{/no_results}}
+</body>
+</html>