DeokHong Kim (a.k.a insanehong) DeokHong Kim (a.k.a insanehong) 2014-02-25
UnSupport: add noti for unsupported version of internet expolorer
@5fb8193c46cfda16dbd77883fbb6036630782c48
app/assets/stylesheets/less/_page.less
--- app/assets/stylesheets/less/_page.less
+++ app/assets/stylesheets/less/_page.less
@@ -3,6 +3,33 @@
     color:#202020;
 }
 
+.unsupported {
+    text-align: center;
+    font-size: 14px;
+    color: #FFF;
+    background-color: #4687FA;
+    z-index: 999;
+    line-height: 20px;
+    padding: 5px 40px;
+    font-weight: bold;  
+    display:none;
+
+    .unsupported-inner {
+        width: 1170px;
+        margin:0 auto;
+
+        p {
+            font-weight: bold;
+            padding: 5px 0;
+
+            a:hover {
+                color:#fff;
+               
+            }
+        }
+    }
+}
+
 .gnb-outer {
     height:40px;
     background-color:#1d2d46;
app/assets/stylesheets/less/_reponsive.less
--- app/assets/stylesheets/less/_reponsive.less
+++ app/assets/stylesheets/less/_reponsive.less
@@ -1,5 +1,14 @@
 // responsive
 @media all and (max-width:1199px){
+    .unsupported {
+        min-width: 1000px;
+        padding: 0 10px;
+
+        .unsupported-inner {
+            width:980px;
+        }
+    }
+
     .gnb-outer {
         min-width: 1000px;
         padding:0 10px;
app/views/common/scripts.scala.html
--- app/views/common/scripts.scala.html
+++ app/views/common/scripts.scala.html
@@ -133,6 +133,11 @@
             welTarget.popover("hide");
         });
 
+          
+        if(navigator.userAgent.match(/MSIE ([0-9])\./)){
+           $('.unsupported').show();
+        }
+        
         // notify flash messages
         @for(key <- flash.keys) {
             $yobi.notify("@Messages(flash.get(key))", 3000);
app/views/project/navbar.scala.html
--- app/views/project/navbar.scala.html
+++ app/views/project/navbar.scala.html
@@ -1,5 +1,12 @@
 @(project:Project)
-
+<div class="unsupported">
+    <div class="unsupported-inner">
+        <p id="unsupported-content">
+            <i class="yobicon-alert"></i>
+            @Html(Messages("error.unsupported.ie"))
+        </p>
+    </div>
+</div>
 <header class="gnb-outer">
     <div class="gnb-inner">
         <a href="@routes.Application.index()" class="logo"><h1 class="blind">@Messages("app.name")</h1></a>
app/views/siteLayout.scala.html
--- app/views/siteLayout.scala.html
+++ app/views/siteLayout.scala.html
@@ -7,6 +7,14 @@
 }
 
 @layout(Messages(title))(""){
+    <div class="unsupported">
+        <div class="unsupported-inner">
+            <p id="unsupported-content">
+                <i class="yobicon-alert"></i>
+                @Html(Messages("error.unsupported.ie"))
+            </p>
+        </div>
+    </div>
     <header class="gnb-outer">
         <div class="gnb-inner">
             <a href="@routes.Application.index()" class="logo"><h1 class="blind">@Messages("app.name")</h1></a>
conf/messages
--- conf/messages
+++ conf/messages
@@ -182,6 +182,7 @@
 error.validation = Input validation check error
 error.wrong.format = Wrong format
 error.failedTo = Failed to {0}<br>({1} {2})
+error.unsupported.ie = Please note that you're using an unsupported version of Internet Expolorer.<br>we recommend the <a href="http://www.google.com/chrome/" target="_blank">Google Chrome</a> or 10+ version of Internet Expolorer web browser.
 fork = Fork
 fork.already.exist = There is already forked the same project.
 fork.failed = Failed to fork the project.
conf/messages.ko
--- conf/messages.ko
+++ conf/messages.ko
@@ -182,6 +182,7 @@
 error.validation = 입력값 유효성검사 오류
 error.wrong.format = 잘못된 형식의 값 입니다.
 error.failedTo = {0}에 실패했습니다.<br>({1} {2})
+error.unsupported.ie = 현재 사용중이신 Internet Expolorer 는 공식 지원이 되는 버전이 아닙니다.<br><a href="http://www.google.com/chrome/" target="_blank">Google Chrome</a> 또는 Internet Expolorer 10+ 버전의 웹 브라우저 사용을 권장 합니다. 
 fork = 프로젝트 복사
 fork.already.exist = 동일한 원본 프로젝트를 복사한 프로젝트가 있습니다.
 fork.failed = 프로젝트를 복사하지 못했습니다.
Add a comment
List