Commit 81092c01984a481e312de10a28e3f1a6dda182a3
1 parent
7d279f93
Exists in
master
and in
4 other branches
Status codes for errors, New error pages
Showing
6 changed files
with
71 additions
and
41 deletions
Show diff stats
app/controllers/application_controller.rb
| ... | ... | @@ -9,7 +9,7 @@ class ApplicationController < ActionController::Base |
| 9 | 9 | end |
| 10 | 10 | |
| 11 | 11 | rescue_from ActiveRecord::RecordNotFound do |exception| |
| 12 | - render "errors/not_found", :layout => "error" | |
| 12 | + render "errors/not_found", :layout => "error", :status => 404 | |
| 13 | 13 | end |
| 14 | 14 | |
| 15 | 15 | layout :layout_by_resource |
| ... | ... | @@ -58,15 +58,15 @@ class ApplicationController < ActionController::Base |
| 58 | 58 | end |
| 59 | 59 | |
| 60 | 60 | def access_denied! |
| 61 | - render "errors/access_denied", :layout => "error" | |
| 61 | + render "errors/access_denied", :layout => "error", :status => 404 | |
| 62 | 62 | end |
| 63 | 63 | |
| 64 | 64 | def not_found! |
| 65 | - render "errors/not_found", :layout => "error" | |
| 65 | + render "errors/not_found", :layout => "error", :status => 404 | |
| 66 | 66 | end |
| 67 | 67 | |
| 68 | 68 | def git_not_found! |
| 69 | - render "errors/git_not_found", :layout => "error" | |
| 69 | + render "errors/git_not_found", :layout => "error", :status => 404 | |
| 70 | 70 | end |
| 71 | 71 | |
| 72 | 72 | def method_missing(method_sym, *arguments, &block) | ... | ... |
app/controllers/projects_controller.rb
public/404.html
| ... | ... | @@ -2,22 +2,12 @@ |
| 2 | 2 | <html> |
| 3 | 3 | <head> |
| 4 | 4 | <title>The page you were looking for doesn't exist (404)</title> |
| 5 | - <style type="text/css"> | |
| 6 | - body { background-color: #EAEAEA; color: #666; text-align: center; font-family: arial, sans-serif; } | |
| 7 | - div.dialog { | |
| 8 | - width: 600px; | |
| 9 | - padding: 0 4em; | |
| 10 | - margin: 4em auto 0 auto; | |
| 11 | - } | |
| 12 | - h1 { font-size: 48px; color: #444; line-height: 1.5em; } | |
| 13 | - h2 { font-size: 24px; color: #666; line-height: 1.5em; } | |
| 14 | - </style> | |
| 5 | + <link href="static.css" media="screen" rel="stylesheet" type="text/css" /> | |
| 15 | 6 | </head> |
| 16 | 7 | |
| 17 | 8 | <body> |
| 18 | - <!-- This file lives in public/404.html --> | |
| 19 | - <div class="dialog"> | |
| 20 | - <h1>404</h1> | |
| 9 | + <h1>404</h1> | |
| 10 | + <div class="alert-message block-message error"> | |
| 21 | 11 | <h2>The page you were looking for doesn't exist.</h2> |
| 22 | 12 | <p>You may have mistyped the address or the page may have moved.</p> |
| 23 | 13 | </div> | ... | ... |
public/422.html
| ... | ... | @@ -2,22 +2,13 @@ |
| 2 | 2 | <html> |
| 3 | 3 | <head> |
| 4 | 4 | <title>The change you wanted was rejected (422)</title> |
| 5 | - <style type="text/css"> | |
| 6 | - body { background-color: #EAEAEA; color: #666; text-align: center; font-family: arial, sans-serif; } | |
| 7 | - div.dialog { | |
| 8 | - width: 600px; | |
| 9 | - padding: 0 4em; | |
| 10 | - margin: 4em auto 0 auto; | |
| 11 | - } | |
| 12 | - h1 { font-size: 48px; color: #444; line-height: 1.5em; } | |
| 13 | - h2 { font-size: 24px; color: #666; line-height: 1.5em; } | |
| 14 | - </style> | |
| 5 | + <link href="static.css" media="screen" rel="stylesheet" type="text/css" /> | |
| 15 | 6 | </head> |
| 16 | 7 | |
| 17 | 8 | <body> |
| 18 | 9 | <!-- This file lives in public/422.html --> |
| 19 | - <div class="dialog"> | |
| 20 | - <h1>422</h1> | |
| 10 | + <h1>422</h1> | |
| 11 | + <div class="alert-message block-message error"> | |
| 21 | 12 | <h2>The change you wanted was rejected.</h2> |
| 22 | 13 | <p>Maybe you tried to change something you didn't have access to.</p> |
| 23 | 14 | </div> | ... | ... |
public/500.html
| ... | ... | @@ -2,22 +2,13 @@ |
| 2 | 2 | <html> |
| 3 | 3 | <head> |
| 4 | 4 | <title>We're sorry, but something went wrong (500)</title> |
| 5 | - <style type="text/css"> | |
| 6 | - body { background-color: #EAEAEA; color: #666; text-align: center; font-family: arial, sans-serif; } | |
| 7 | - div.dialog { | |
| 8 | - width: 600px; | |
| 9 | - padding: 0 4em; | |
| 10 | - margin: 4em auto 0 auto; | |
| 11 | - } | |
| 12 | - h1 { font-size: 48px; color: #444; line-height: 1.5em; } | |
| 13 | - h2 { font-size: 24px; color: #666; line-height: 1.5em; } | |
| 14 | - </style> | |
| 5 | + <link href="static.css" media="screen" rel="stylesheet" type="text/css" /> | |
| 15 | 6 | </head> |
| 16 | 7 | |
| 17 | 8 | <body> |
| 18 | 9 | <!-- This file lives in public/500.html --> |
| 19 | - <div class="dialog"> | |
| 20 | - <h1>500</h1> | |
| 10 | + <h1>500</h1> | |
| 11 | + <div class="alert-message block-message error"> | |
| 21 | 12 | <h2>We're sorry, but something went wrong.</h2> |
| 22 | 13 | <p>We've been notified about this issue and we'll take a look at it shortly.</p> |
| 23 | 14 | </div> | ... | ... |
| ... | ... | @@ -0,0 +1,57 @@ |
| 1 | +body { color: #666; text-align: center; font-family: arial, sans-serif; margin:0; padding:0; } | |
| 2 | +h1 { font-size: 48px; color: #444; line-height: 1.5em; } | |
| 3 | +h2 { font-size: 24px; color: #666; line-height: 1.5em; } | |
| 4 | + | |
| 5 | +.alert-message { | |
| 6 | + position: relative; | |
| 7 | + padding: 7px 15px; | |
| 8 | + margin-bottom: 18px; | |
| 9 | + color: #404040; | |
| 10 | + background-color: #eedc94; | |
| 11 | + background-repeat: repeat-x; | |
| 12 | + background-image: -khtml-gradient(linear, left top, left bottom, from(#fceec1), to(#eedc94)); | |
| 13 | + background-image: -moz-linear-gradient(top, #fceec1, #eedc94); | |
| 14 | + background-image: -ms-linear-gradient(top, #fceec1, #eedc94); | |
| 15 | + background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fceec1), color-stop(100%, #eedc94)); | |
| 16 | + background-image: -webkit-linear-gradient(top, #fceec1, #eedc94); | |
| 17 | + background-image: -o-linear-gradient(top, #fceec1, #eedc94); | |
| 18 | + background-image: linear-gradient(top, #fceec1, #eedc94); | |
| 19 | + filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFCEEC1', endColorstr='#FFEEDC94', GradientType=0); | |
| 20 | + text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); | |
| 21 | + border-color: #eedc94 #eedc94 #e4c652; | |
| 22 | + border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%); | |
| 23 | + text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); | |
| 24 | + border-width: 1px; | |
| 25 | + border-style: solid; | |
| 26 | + -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); | |
| 27 | + -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); | |
| 28 | + box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25); | |
| 29 | +} | |
| 30 | +.alert-message .close { | |
| 31 | + margin-top: 1px; | |
| 32 | + *margin-top: 0; | |
| 33 | +} | |
| 34 | +.alert-message a { | |
| 35 | + font-weight: bold; | |
| 36 | + color: #404040; | |
| 37 | +} | |
| 38 | +.alert-message.danger p a, .alert-message.error p a, .alert-message.success p a, .alert-message.info p a { | |
| 39 | + color: #404040; | |
| 40 | +} | |
| 41 | +.alert-message h5 { | |
| 42 | + line-height: 18px; | |
| 43 | +} | |
| 44 | +.alert-message p { | |
| 45 | + margin-bottom: 0; | |
| 46 | +} | |
| 47 | +.alert-message div { | |
| 48 | + margin-top: 5px; | |
| 49 | + margin-bottom: 2px; | |
| 50 | + line-height: 28px; | |
| 51 | +} | |
| 52 | + | |
| 53 | +.alert-message.block-message.error { | |
| 54 | + background: #FDDFDE; | |
| 55 | + border-color: #FBC7C6; | |
| 56 | +} | |
| 57 | + | ... | ... |