Merge branch 'master-redesign' of github.com:sharelatex/web-sharelatex into master-redesign

2014-07-22 17:09:52 +01:00
parent dfb82015f7 234bc5e0e9
commit 20a5d3742a
4 changed files with 86 additions and 38 deletions
@@ -1,46 +1,57 @@
 extends ../layout

 block content
-	.content.content-alt
+
+	.page-header.template-page-header
 		.container
 			.row
-				#searchArea().span12
-					div(ng-controller="SearchController")
-						.row-fluid
-							.span6.offset3.search-field
-								i.icon-search
-								input(type='text', ng-model='searchQueryText', ng-keyup='search()', placeholder="Search")#searchField.span12
-						ul.unstyled
-							li(ng-repeat='hit in hits')
-								.thumbnail.searchResult
-									.row-fluid
-										a(ng-href='{{hit.url}}')
-											.span3
-												img(ng-src='{{hit.image_url}}')
-											.span9
-												h2(ng-bind-html='hit.name')
-												p(ng-bind-html='hit.description')
-
-
-				.row
-					-each tag in tags
-						-if(tag.totalNumberOfTemplates > 0)
-							.page-header.span12
-								h2 
-									a(href=tag.tagPagePath) #{tag.name}
-							.span12
+				.col-md-2
+					h1 Templates
+				.col-md-8(ng-controller="SearchController")
+					form.project-search.form-horizontal(role="form")
+						.form-group.has-feedback.has-feedback-left.col-md-12
+							input.form-control.col-md-12(type='text', ng-model='searchQueryText', ng-keyup='search()', placeholder="Search template library....")
+							i.fa.fa-search.form-control-feedback-left
+							i.fa.fa-times.form-control-feedback(
+								ng-click="clearSearchText()",
+								style="cursor: pointer;",
+								ng-show="searchQueryText.length > 0"
+							)
+					ul.unstyled
+						li(ng-repeat='hit in hits')
+							.thumbnail.searchResult
 								.row-fluid
-									-each template in tag.exampleTemplates
-										.span3
-											a(href=template.templatePagePath ? template.templatePagePath : template.canonicalUrl) 
-												.template-thumbnail.thumbnail
-													img(src=template.thumbnailUrl)
-													h3.txt-middle #{template.name}
-
-								-if(tag.totalNumberOfTemplates > 4)
-									.row-fluid
-										.span6.offset3.more-templates
-											a(href=tag.tagPagePath) View all #{tag.totalNumberOfTemplates} #{tag.name} templates
+									a(ng-href='{{hit.url}}')
+										.col-md-3
+											img(ng-src='{{hit.image_url}}')
+										.col-md-9
+											h2(ng-bind-html='hit.name')
+											p(ng-bind-html='hit.description')
+
+
+
+
+
+	.container
+		-each tag in tags
+			-if(tag.totalNumberOfTemplates > 0)
+				.page-header.col-md-12
+					h2 
+						a(href=tag.tagPagePath) #{tag.name}
+				.col-md-12
+					.row-fluid
+						-each template in tag.exampleTemplates
+							.col-md-3.template-thumbnail
+								a(href=template.templatePagePath ? template.templatePagePath : template.canonicalUrl).thumbnail
+									//- img(src=template.thumbnailUrl)
+									img(src="https://d1hk1zhcb5hn6i.cloudfront.net/52fb8c1f33621a613683ecad/v/0/pdf-converted-cache/style-thumbnail")
+									div.caption
+										h3.txt-middle #{template.name}
+
+					-if(tag.totalNumberOfTemplates > 4)
+						.row-fluid
+							.col-md-6.offset3.more-templates
+								a(href=tag.tagPagePath) View all #{tag.totalNumberOfTemplates} #{tag.name} templates