次世代サンドボックスシステムモック

ここでは、導入を検討中の新しいサンドボックス管理・批評システムのモックアップを作成しています。このページではメインとなる批評ハブ、ポータルページ作成システム、サイドバー自動追加システムを作成します。

議論についてはこちら
http://05command-ja.wikidot.com/forum/t-5315147
仕様書についてはこちら
http://05command-ja.wikidot.com/advanced-sandbox-system-hub
を参照して下さい

批評ハブページ

並び替え

作成日時が新しい順 / 更新日時が古い順
更新日時が新しい順 / 作成日時が古い順
コメント数が多い順 / コメント数が少ない順
文字数が多い順 / 文字数が少ない順
ランダム

タイトル 作者 投稿 最終投稿者 概要
html等の構文のテストデータ圧縮の際のSCP-XXX-JPの描画ウィンドウの様子1。 アイテム番号: SCP-XXX-JP オブジェクトクラス: Safe Euclid 特別収容プロトコル:... (7237文字) physicslikephysicslike
25 Feb 2018 08:17
3 physicslikephysicslike
27 Feb 2018 15:10

Tips

コメント順リスト

コメントの新しい順に並び替えたリストを作成したい。
→ほぼ想定通りの機能の実装に成功。ただしIE系統はURL文字数制限により完全には対応不可。
 重要な制限として、タイトル内に全/半角スペースを使用すると一覧に表示されなくなる。
 なんとかリストがずれないように出来ないものか。

下書きページ

下書きページテンプレート

ポータルページ作成システム

完成

<style>
@import url(http://d3g0gp89917ko0.cloudfront.net/v--de24f08b1628/common--theme/base/css/style.css);
@import url(http://d3g0gp89917ko0.cloudfront.net/v--de24f08b1628/common--theme/shiny/css/style.css);
@import url(http://scp-jp.wdfiles.com/local--theme/scp-sigma-9-off-canvas/style.css);
@import url(http://scp-jp.wdfiles.com/local--files/japanese-syntax/scp-WikidotCss.css);
body {
background-color: transparent;
}
</style>
<script type="text/javascript">
window.onload = function(){
var URL=location.href;
var baseURL = "http://shitake-crude-production.wdfiles.com/local--code/advanced-sandbox-system/2#";
var name = URL.replace(baseURL, "");
var nameO = name;
name = name.toLowerCase()
var firstC = name.substring(0,1);
if(firstC.match(/[^0-9a-zA-Z]/)){
firstC = "null";
}
document.getElementById("link").innerHTML = "<a href='http://shitake-crude-production.wikidot.com/portal-test:" + name + "/tags/initial_" + firstC + 
"/parentPage/advanced-sandbox-system/title/" + nameO + "のサンドボックスポータル#_editpage' target='_blank'>" + nameO + "のサンドボックスポータルを作成する</a>";
}
</script>
<div id="link" style='font-size:150%; text-align: center;'></div>

ポータルページテンプレート

サイドバー自動追加システム

完成
ソート方式については、ポータル作成システムで付与した頭文字用タグを使った、ListPagesによる絞り込みを行っています。
表示系本体はhtmlブロックを利用し、その内部に孫フレームとしてListPagesを仕込んだ外部ページを表示する形式を採用。孫フレーム内の曾孫フレームから、表示数データに基づいて孫フレームの高さを調整しています。
表示文字範囲の設定は、表示用のhtml内部のjavascriptの配列一つを編集するだけで手軽にできるようになっています。

ポータルページ一覧

表示ページ本体
http://shitake-crude-production.wikidot.com/advanced-sandbox-system-side

#navi-bar,
#navi-bar-shadow,
#header,
#side-bar,
#page-title,
#breadcrumbs,
#page-info,
.page-watch-options,
.page-options-bottom,
.page-tags,
#footer,
#license-area,
#footer-bar,
.odialog-shader,
.hide-embed,
.hiddenDisclaimer,
#page-info-break {display: none !important;}
 
body{
margin:0!important;
padding:0!important;
}
#main-content{
margin-left: 0!important;
padding: 0em!important;
}
p {
margin-top: 0px;
margin-bottom: 0px;
}
a {
color: #b01;
text-decoration: none;
background: transparent;
}
a:hover {
text-decoration: underline;
background-color: transparent;
}
Unless otherwise stated, the content of this page is licensed under Creative Commons Attribution-ShareAlike 3.0 License