Add Japanese messages

.gitignore

@@ -15,3 +15,5 @@ node_modules/*
 /nbproject/private/
 dist/specs/
 test/specs/local/
+dist
+gh

Makefile

@@ -0,0 +1,15 @@
+all: clone_gh deploy
+
+clone_gh:
+	@if [ ! -d gh ]; then                                       \
+		git clone [email protected]:goadesign/swagger-service-ui gh; \
+		cd gh && git config [email protected] && git checkout gh-pages;                           \
+	fi
+
+deploy:
+	@rm -rf dist
+	@gulp
+	@cp -r dist/* gh/
+	@cd gh && git commit -am "auto-deploy" && git push origin gh-pages
+
+

lang/ja.js

@@ -26,22 +26,25 @@ window.SwaggerTranslator.learn({
     "Show/Hide":"表示/非表示",
     "List Operations":"操作一覧",
     "Expand Operations":"操作の展開",
-    "Raw":"Raw",
+    "Raw":"未加工",
     "can't parse JSON.  Raw result":"JSONへ解釈できません.  未加工の結果",
+    "Example Value":"値の例",
     "Model Schema":"モデルスキーマ",
     "Model":"モデル",
+    "Click to set as parameter value":"パラメータ値と設定するにはクリック",
     "apply":"実行",
     "Username":"ユーザ名",
     "Password":"パスワード",
     "Terms of service":"サービス利用規約",
     "Created by":"Created by",
-    "See more at":"See more at",
+    "See more at":"詳細を見る",
     "Contact the developer":"開発者に連絡",
     "api version":"APIバージョン",
     "Response Content Type":"レスポンス コンテンツタイプ",
+    "Parameter content type:":"パラメータコンテンツタイプ:",
     "fetching resource":"リソースの取得",
     "fetching resource list":"リソース一覧の取得",
-    "Explore":"Explore",
+    "Explore":"調査",
     "Show Swagger Petstore Example Apis":"SwaggerペットストアAPIの表示",
     "Can't read from server.  It may not have the appropriate access-control-origin settings.":"サーバから読み込めません.  適切なaccess-control-origin設定を持っていない可能性があります.",
     "Please specify the protocol for":"プロトコルを指定してください",

src/main/html/css/modal.css

@@ -1,75 +1,63 @@
-.modal {
-  display: none;
-  position: absolute;
-  top: 100px;
-  left: 2%;
-  width: 96%;
-}
-.prompt {
-  font-size: 36px;
-  color: #556677;
-  margin-bottom: 20px;
-  text-align: center;
-}
-.wrap {
-  position: relative;
+/* Remove button margins in Webkit */
+* {
   margin: 0;
-  padding: 10px;
-}
-.left {
-  position: relative;
-  top: -10px;
-  left: -10px;
-  float: left;
-  width: 120px;
-  /* for IE5/WIN */
-  voice-family: "\"}\"";
-  voice-family: inherit;
-  width: 200px;
-  /* actual value */
-  margin: 0 0 -10px 0;
-  padding: 10px;
-  z-index: 100;
+  padding: 0;
 }
-.center {
-  position: relative;
-  padding: 0 220px;
+/* Remove button padding in FF */
+button::-moz-focus-inner {
+  border: 0;
+  padding: 0;
 }
-.center input[type=text] {
-  border: solid 1px #89b3af;
-  font-size: 20px;
+form#prompt {
+  /* style */
+  background-color: #333;
   padding: 5px;
-  height: 24px;
-  width: 100%;
+}
+.center {
+  margin: auto;
+  width: 500px;
+  font-size: 1.2em;
+  color: #444;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  margin-bottom: 30px;
 }
 .right {
-  position: relative;
-  top: -10px;
-  right: -10px;
   float: right;
-  width: 40px;
-  /* for IE5/WIN */
-  voice-family: "\"}\"";
-  voice-family: inherit;
-  width: 200px;
-  /* actual value */
-  margin: 0 0 -10px 0;
-  padding: 10px;
-  z-index: 99;
-}
-.filename {
-  font-size: 20px;
-  color: #99aabb;
-  height: 36px;
-  text-align: right;
-  margin-top: 6px;
-}
-#explore {
-  display: block;
-  background: url("../images/go-button.png");
-  background-size: 36px 36px;
-  width: 36px;
-  height: 36px;
-  margin-left: 10px;
-  text-indent: -360000px;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 1.2em;
+}
+form#prompt input {
+  /* style */
+  border: none;
+  padding: 7px;
+  /* default input size isn't wide enough */
+  width: 100%;
+  /* keeps input from overflowing its container */
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  /* prevents input from flowing behind the button */
+  padding-right: 60px;
+  /* line-height (which determines height) renders slightly different across browsers.
+    But specifiying a fixed line-height: 14px caused a 1px difference in IE.
+    I found it easier just to lock in the height */
+  height: 38px;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
+}
+form button {
+  /* style */
+  background-color: #56BAFD;
+  border: none;
+  padding: 7px;
+  /* to match input height above */
+  height: 38px;
+  /* removes the box from DOM */
+  float: right;
+  /* alternative to negative margin-top,
+    which seems to hide my button behind the input */
+  position: relative;
+  top: -38px;
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
+  font-size: 14px;
 }

src/main/html/css/screen.css

@@ -1229,6 +1229,14 @@
 .swagger-section .api-popup-actions {
   padding-top: 10px;
 }
+body {
+  margin: 0;
+  padding: 0;
+  background-color: #f0f0f0;
+}
+p {
+  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;
+}
 .swagger-section .access {
   float: right;
 }
@@ -1296,12 +1304,9 @@
   cursor: pointer;
 }
 .swagger-section #header {
-  background-color: #89bf04;
+  background-color: #fafafa;
   padding: 14px;
 }
-.swagger-section #input_baseUrl {
-  width: 400px;
-}
 .swagger-section #api_selector {
   display: block;
   clear: none;
@@ -1321,31 +1326,19 @@
 .swagger-section #input_apiKey {
   width: 200px;
 }
-.swagger-section #explore {
-  display: block;
-  text-decoration: none;
-  font-weight: bold;
-  padding: 6px 8px;
-  font-size: 0.9em;
-  color: white;
-  background-color: #547f00;
-  -moz-border-radius: 4px;
-  -webkit-border-radius: 4px;
-  -o-border-radius: 4px;
-  -ms-border-radius: 4px;
-  -khtml-border-radius: 4px;
-  border-radius: 4px;
-}
-.swagger-section #explore:hover {
-  background-color: #547f00;
-}
 .swagger-section #header #logo {
+  font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-size: 1.5em;
   font-weight: bold;
   text-decoration: none;
-  background: transparent url(../images/logo_small.png) no-repeat left center;
-  padding: 20px 0 20px 40px;
-  color: white;
+  padding: 25px 0 25px 90px;
+  margin: 10px;
+  color: #444;
+}
+.swagger-section div.logo {
+  margin-left: 20px;
+  float: left;
+  width: 120px;
 }
 .swagger-section #content_message {
   margin: 10px 15px;
@@ -1356,6 +1349,7 @@
   min-height: 30px;
   text-align: center;
   padding-top: 10px;
+  padding-bottom: 10px;
 }
 .swagger-section .swagger-collapse:before {
   content: "-";

src/main/html/images/code.txt

@@ -0,0 +1,20 @@
+<link rel="apple-touch-icon-precomposed" sizes="57x57" href="apple-touch-icon-57x57.png" />
+<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114.png" />
+<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72.png" />
+<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144.png" />
+<link rel="apple-touch-icon-precomposed" sizes="60x60" href="apple-touch-icon-60x60.png" />
+<link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120.png" />
+<link rel="apple-touch-icon-precomposed" sizes="76x76" href="apple-touch-icon-76x76.png" />
+<link rel="apple-touch-icon-precomposed" sizes="152x152" href="apple-touch-icon-152x152.png" />
+<link rel="icon" type="image/png" href="favicon-196x196.png" sizes="196x196" />
+<link rel="icon" type="image/png" href="favicon-96x96.png" sizes="96x96" />
+<link rel="icon" type="image/png" href="favicon-32x32.png" sizes="32x32" />
+<link rel="icon" type="image/png" href="favicon-16x16.png" sizes="16x16" />
+<link rel="icon" type="image/png" href="favicon-128.png" sizes="128x128" />
+<meta name="application-name" content="&nbsp;"/>
+<meta name="msapplication-TileColor" content="#FFFFFF" />
+<meta name="msapplication-TileImage" content="mstile-144x144.png" />
+<meta name="msapplication-square70x70logo" content="mstile-70x70.png" />
+<meta name="msapplication-square150x150logo" content="mstile-150x150.png" />
+<meta name="msapplication-wide310x150logo" content="mstile-310x150.png" />
+<meta name="msapplication-square310x310logo" content="mstile-310x310.png" />