Permalink
Browse files

サイトリニューアル対応

  • Loading branch information...
1 parent 6bccb0d commit 318474973f190c6d9cc17b029126598bb3a55b24 @ShikemokuMK committed Dec 13, 2016
Showing with 59 additions and 123 deletions.
  1. +23 −89 doc.html
  2. +36 −34 tyrano/doc.js
View
@@ -22,103 +22,38 @@
<script type="text/javascript" src="./tyrano/plugins/kag/kag.tag_audio.js" ></script>
<script type="text/javascript" src="./tyrano/plugins/kag/kag.tag_system.js" ></script>
<script type="text/javascript" src="./tyrano/plugins/kag/kag.tag_ext.js" ></script>
+<script type="text/javascript" src="./tyrano/plugins/kag/kag.tag_camera.js" ></script>
<link href="http://tyrano.jp/css/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
-<textarea id="src_html">
- </textarea>
+<input id="button_gen" type="button" value="タグリファレンス生成" />
+
+<textarea id="src_html" style="height:300px">
+</textarea>
オートコンプリート用のJS文字列
-<textarea id="auto_complete_tag"></textarea>
+<textarea id="auto_complete_tag" style="height:300px"></textarea>
-<article>
-
-<!-- div.sectionArea -->
- <div class="sectionArea">
- <h2>リファレンス</h2>
- <p>ライブラリパラメータデモ</p>
- <!-- div.howtoArea -->
- <div class="howtoArea">
- <!-- div.howtoMain -->
-
-
-
- <div class="howtoMain">
- <h2>基本</h2>
- <p>
-
- [ ] で囲まれた部分がタグになります。 <br/ >
- @で始まる行も、タグとして認識しますが、1行で記述しなければなりません<br/ >
- ;(セミコロン)で始まる行はコメントとして扱われます。<br/ >
- cond属性があります。JS式を記述して、その結果が真の場合のみタグが実行されます<br/ >
-
- </p>
-
- <div>
- <a name="タグ名"></a>
- <h3>【l】クリック待ち</h3>
- <p>クリックをまつ命令です</p>
- <table>
- <tr>
- <th>
- パラメータ名
- </th>
- <th>
- 必須
- </th>
- <th>
- 説明
- </th>
- <tr>
-
- <tr>
- <td>あああああ</td>
- <td>◯</td>
- <td>これはいいな</td>
-
- </tr>
- <tr>
- <td>あああああ</td>
- <td>◯</td>
- <td>これはいいな</td>
-
- </tr>
-
- </table>
-
- <h5>サンプルコード</h5>
- <p>
- <code>
-
- サンプルコード
-
- </code>
-
- </p>
-
- </div>
-
- </div>
- <!-- /div.howtoMain -->
- <!-- div.howtoNav -->
-
-
- <div class="howtoNav">
-
- </div>
-
- <!-- /div.howtoNav -->
- </div>
- <!-- /div.howtoArea -->
- </div>
- <!-- /div.sectionArea -->
-
-</article>
+
+<div class="container content-md">
+ <div class="row area_main">
+ <div class="col-xs-4" style="background-color:white;border:0">
+ <ul class="area_group list-group sidebar-nav-v1" id="sidebar-nav-1">
+ <!-- ここにグループHTMLが格納される -->
+ </ul>
+
+ </div>
+ <div class="area_ref col-xs-8">
+ <!-- ここにタグの解説がはいる -->
+ </div>
+
+ </div>
+</div>
@@ -127,9 +62,8 @@
$(function(){
//masterタグの作成
-
- $("body").click(function(){
- $.generateHtml();
+ $("#button_gen").click(function(){
+ $.generateHtml();
});
View
@@ -158,27 +158,33 @@ tyrano.plugin.kag ={};
}
+ var num_index = 0;
+
+ //グループをつくる
for(key in group_map){
- ghtml +="<p style='font-weight:bold'>■"+key+"</p>";
+
+ ghtml+='<li class="list-group-item list-toggle">';
+ ghtml +='<a data-toggle="collapse" data-parent="#sidebar-nav-1" href="#nav_'+num_index+'" class="collapsed" aria-expanded="false">'+key+'</a>';
var tmp = group_map[key];
- ghtml +="<ul >";
+ ghtml += '<ul id="nav_'+num_index+'" class="collapse" aria-expanded="false" style="height: 0px;">';
for (key2 in tmp){
var obj = tmp[key2];
- ghtml +='<div style="padding:2px"><a href="#'+key2+'">['+key2+'] <span style="font-style:italic;color:gray">('+obj.title+')</span></a></div>';
+ //ghtml +='<div style="padding:2px"><a href="#'+key2+'">['+key2+'] <span style="font-style:italic;color:gray">('+obj.title+')</span></a></div>';
+ ghtml +='<li><a href="#'+key2+'"> ['+key2+'] '+obj.title+'</a></li>';
}
ghtml +="</ul>";
+ ghtml +="</li>";
+
+ num_index++;
}
- $(".howtoNav").html(ghtml);
-
- console.log("=== group =====");
- console.log(group_map);
+ $(".area_group").html(ghtml);
var j_root = $("<div></div>");
@@ -190,19 +196,16 @@ tyrano.plugin.kag ={};
console.log(obj.exp.split("\n"));
- var html =""
- +'<hr /><br />'
- +' <a name="'+key+'"></a>'
- +' <h3>【'+key+''+obj.title+'</h3>'
- +' <p>'+$.br($.escapeHTML(obj.exp))+'</p>'
+ var html =''
+ +'<div class="news-v3 bg-color-white margin-bottom-20">'
+ +'<div class="news-v3-in"><a name="'+key+'"></a>'
+ +'<h3 style="color:#a10f2b">['+key+']'+obj.title+'</h3>'
+ +'<ul class="list-inline posted-info"><li>'+obj.group+'</li></ul>'
+ +'<p>'+$.br($.escapeHTML(obj.exp))+'</p>'
+ +'<table class="table table-bordered">'
+ +'<thead style="background-color:pink"><tr><th>パラメータ</th><th>必須</th><th>解説</th></tr></thead>'
+ +'<tbody>';
- +'';
-
- html+=''
-
- +' <table>'
- +' <tr><th>パラメータ名</th><th>必須 </th><th>説明 </th><tr>'
- +'';
//繰り返し
@@ -240,9 +243,7 @@ tyrano.plugin.kag ={};
}
}
-
-
-
+
html+=' <tr>'
+' <td>'+param_name+'</td>'
+' <td>'+vital+'</td>'
@@ -254,23 +255,24 @@ tyrano.plugin.kag ={};
}//end for loop
- html+=' </table><br />';
-
+ html +='</tbody></table>';
+
+
if(obj.sample!=""){
html+=''
- +' '
- +' <p><span style="font-style:italic">サンプルコード</span><br />'
- +' <code><br />'
+ +'<ul class="list-inline posted-info"><li>サンプルコード</li></ul>'
+ +'<code><br />'
+$.br($.escapeHTML(obj.sample))
+'<br /></code>'
- +'<p style="float:right;font-size:10px;font-style:italic">'+obj.group+'</p>'
- +'<br style="clear:both">'
- +'</p>';
+ +'</div></div>'
+ +'';
}
+
+ html +='<div class="clearfix "><hr style="margin:0"></div>';
//htmlをぶち込みます
@@ -280,7 +282,7 @@ tyrano.plugin.kag ={};
- $(".howtoMain").empty();
+ $(".area_ref").empty();
//基本説明部分n
@@ -298,9 +300,9 @@ tyrano.plugin.kag ={};
+' </p> '
+''
+'</div>';
- $(".howtoMain").append(basic_exp);
- $(".howtoMain").append(j_root);
- $("#src_html").val(html);
+ $(".area_ref").append(basic_exp);
+ $(".area_ref").append(j_root);
+ $("#src_html").val($(".area_main").html());
var js_auto_complete = "";
for(key in master_tag ){

0 comments on commit 3184749

Please sign in to comment.