From 01eaa246c7aebcea616eccf7989c63ac6f54fdf0 Mon Sep 17 00:00:00 2001 From: Jules Laplace Date: Thu, 4 Sep 2014 15:30:07 -0400 Subject: project view --- public/assets/javascripts/ui/site/ProjectList.js | 1 - public/assets/javascripts/ui/site/StaffView.js | 14 ++++++ public/assets/stylesheets/staff.css | 54 +++++++++++++++++++++--- 3 files changed, 63 insertions(+), 6 deletions(-) create mode 100644 public/assets/javascripts/ui/site/StaffView.js (limited to 'public') diff --git a/public/assets/javascripts/ui/site/ProjectList.js b/public/assets/javascripts/ui/site/ProjectList.js index 959aa43..ee1b89f 100644 --- a/public/assets/javascripts/ui/site/ProjectList.js +++ b/public/assets/javascripts/ui/site/ProjectList.js @@ -24,4 +24,3 @@ var ProjectList = View.extend({ } }) - diff --git a/public/assets/javascripts/ui/site/StaffView.js b/public/assets/javascripts/ui/site/StaffView.js new file mode 100644 index 0000000..115d417 --- /dev/null +++ b/public/assets/javascripts/ui/site/StaffView.js @@ -0,0 +1,14 @@ +var StaffView = View.extend({ + + initialize: function() { + }, + + load: function() { + $(".json").each(function(){ + $(this).JSONView( this.innerText ) + }) + + this.projectList = new ProjectList () + } + +}) diff --git a/public/assets/stylesheets/staff.css b/public/assets/stylesheets/staff.css index 2d1f802..9b9226f 100644 --- a/public/assets/stylesheets/staff.css +++ b/public/assets/stylesheets/staff.css @@ -13,21 +13,24 @@ td, th { text-align: left; padding: 2px 5px; } -.staff .body { +.page { text-align: left; } -.staff h1 { +.footer { + text-align: center; +} +h1 { text-align: left; display: inline-block; } -.staff nav { +nav { display: inline-block; text-align: left; } -.staff nav a { +nav a { padding-left: 20px; } -.staff hr { +hr { border: 1px solid #bbb; margin: 5px auto 10px; } @@ -35,12 +38,53 @@ td, th { width: 80%; margin: 0 auto; } +.jsonview { + border: 1px solid #ddd; + background: rgba(238,238,238,0.5); + padding: 4px; + margin: 0 auto; + max-width: 100%; + overflow-x: auto; + margin-bottom: 20px; + max-height: 60vh; +} .jsonview * { font-family: monospace !important; + font-size: 12px; +} +.jsonview .collapser { + -webkit-user-select: none; + -moz-user-select: none; + user-select: none; } .staff { font-size: 15px; } .staff .editLinks a { color: #00f; +} +#iframe-embed, #iframe-embed tr, #iframe-embed td { + width: 79vw; +} +#iframe-embed td { + padding: 0; +} +h2 { + margin: 20px auto; +} +.avatar { + height: 40px; + width: 40px; + display: inline-block; + background-size: cover; +} +iframe.embed { + position: static; + width: 100%; + height: 44vw; + border: 1px solid black; +} +.page table.projectList, +.page table.projectList td.border { + border: 0; } \ No newline at end of file -- cgit v1.2.3-70-g09d2