最近編集された記事

Simple To Do Test

Thu, 16 Jul 2026 04:25:01 +0000

折りたたみコンテンツ

最初のチェックボックスを選択すると、この内容が表示されます。

通常のWikidot構文
表
画像
include
ListPagesなどのモジュール

これらはすべて、この領域内に配置できます。

SimpleToDoを利用したCSSのみの折りたたみ表示

この例では、Wikidotの標準的な折りたたみ構文である `[[collapsible]]` を使用せず、`[[module SimpleToDo]]` が出力するチェックボックスを利用して、CSSのみでコンテンツの表示状態を切り替えています。

これは実用を目的とした実装ではなく、Wikidot上でCSSのみの折りたたみ表示が技術的に可能かを検証するための実験です。

注意

この実装は `SimpleToDo` モジュールのHTML構造を本来とは異なる用途で利用するCSSハックです。実際のサイト機能としての使用は推奨されません。

動作の仕組み

`SimpleToDo` モジュールは、各タスクに次のようなチェックボックスを出力します。

<input type="checkbox" class="checkbox">

このチェックボックスを折りたたみ状態の保存に利用します。

チェックされていない場合：コンテンツを非表示にする
チェックされている場合：コンテンツを表示する

CSSでは、`:checked` によってチェックボックスの状態を判定し、`:has()` によってチェック済みのチェックボックスを含む親要素を選択します。

.todo-fold-test > .todo-fold-content { display: none; } .todo-fold-test:has( .simpletodo-sub-box > .task:first-child input[type="checkbox"].checkbox:checked ) > .todo-fold-content { display: block; }

これにより、JavaScriptやURLフラグメントを使用せず、同じチェックボックスで開閉状態を切り替えられます。

使用例

[[div_ class="todo-fold-test"]] [[module SimpleToDo id="test1"]] [[div_ class="todo-fold-content"]] + 折りたたみコンテンツ 最初のチェックボックスを選択すると、この内容が表示されます。 * 通常のWikidot構文 * 表 * 画像 * include * ListPagesなどのモジュール これらはすべて、この領域内に配置できます。 [[/div]] [[/div]]

`.todo-fold-content` は `SimpleToDo` モジュールと同じ `.todo-fold-test` 内に配置する必要があります。

`:has()` は子孫要素の状態を条件として親要素を選択するために使用しています。

SimpleToDoの外観変更

`SimpleToDo` 本来のタイトル、タスク本文、編集リンク、削除リンク、項目追加ボタンはCSSで非表示にしています。

最初のタスクだけを残し、そのタスク全体に透明なチェックボックスを重ねることで、折りたたみボタンのように操作できるようにしています。

表示される「展開する」「折りたたむ」という文字は、実際のタスク名ではなく、CSSの疑似要素によって追加されています。

.task:first-child::before { content: "展開する"; } .todo-fold-test:has(input.checkbox:checked) .task:first-child::before { content: "折りたたむ"; }

同様に、右側の `+` と `−` も疑似要素によって表示しています。

ダークモード

折りたたみコンテンツの背景色だけを暗くすると、サイト側で指定されている文字色がそのまま継承され、文字がほとんど見えなくなる場合があります。

そのため、ダークモードでは背景色だけでなく、本文、見出し、リンクなどの文字色も明示的に指定する必要があります。

@media (prefers-color-scheme: dark) { .todo-fold-test > .todo-fold-content { border-color: hsl(0deg 0% 32%); background: hsl(0deg 0% 13%); color: hsl(0deg 0% 86%) !important; } .todo-fold-test > .todo-fold-content h1, .todo-fold-test > .todo-fold-content h2, .todo-fold-test > .todo-fold-content h3, .todo-fold-test > .todo-fold-content h4, .todo-fold-test > .todo-fold-content h5, .todo-fold-test > .todo-fold-content h6 { color: hsl(0deg 0% 96%) !important; } .todo-fold-test > .todo-fold-content p, .todo-fold-test > .todo-fold-content li, .todo-fold-test > .todo-fold-content td, .todo-fold-test > .todo-fold-content th { color: inherit !important; } .todo-fold-test > .todo-fold-content a { color: hsl(205deg 80% 72%) !important; } }

利点

`[[collapsible]]` を使用しない
独自のJavaScriptを使用しない
YUIに依存しない
URLのフラグメントを変更しない
ブラウザの履歴を増やさない
通常のWikidot構文を内部に配置できる
同じ操作領域で展開と折りたたみを切り替えられる

制限事項

`SimpleToDo` モジュールに依存する
CSSの `:has()` に対応したブラウザが必要
`SimpleToDo` のHTML構造が変更されると動作しなくなる
最初のタスクが削除されると操作用のチェックボックスも失われる
タスクの並び順が変更されると対象が変わる可能性がある
チェック状態が `SimpleToDo` の完了状態として保存される可能性がある
閲覧者の権限によってチェックボックスの動作が異なる可能性がある
`aria-expanded` などのアクセシビリティ属性を状態に応じて変更できない
`SimpleToDo` 本来の用途とは異なるため、安定した仕様として扱うことはできない

技術的な位置付け

この実装は、CSS自体がクリック状態を保存しているわけではありません。

状態の保存と変更は、ブラウザが管理するチェックボックスによって行われます。

~役割	~担当
チェックボックスの生成	`SimpleToDo` モジュール
開閉状態の保存	`input[type="checkbox"]`
状態の判定	`:checked`
親要素への状態伝達	`:has()`
コンテンツの表示切り替え	CSS

つまり、この実装は次の構造で動作しています。

SimpleToDoがチェックボックスを出力 ↓ ユーザーがチェック状態を変更 ↓ :checkedが状態を判定 ↓ :has()が親の折りたたみ領域を選択 ↓ CSSがコンテンツを表示または非表示にする

結論

Wikidotの通常構文では、任意のチェックボックスや `

` 要素を直接生成できません。

しかし、`SimpleToDo` モジュールが出力するチェックボックスを状態管理用の要素として再利用すれば、`:checked` と `:has()` を組み合わせることで、URLを変更しないCSSベースの折りたたみ表示を実現できます。

ただし、これはWikidotの公式な折りたたみ機能を置き換えるものではなく、既存モジュールの出力構造を利用した実験的なCSSハックです。

by Dr Devan

デバンの実験室

Sun, 12 Nov 2017 15:25:14 +0000

edit sections

Fold

進行中

SimpleToDoのチェックボックス検証

一部色違いの折りたたみ

Wikidot Mass Page Editor

SVG Animationを勉強しています

フォーラムスタイル記事に関して考えています

管理者とモデレーター専用のメニューを作りましょう

ニコニコワークショップのログを韓国語に訳しています。

iftagsがどう動いていくのか確認したいっす。

新たなOff-Canvas方式をWikidotに適用

Twitterをページに直接含めるのはできないのでしょうか

文字が少ない記事の高さを調整するため

Wikidotでポップアップを作る！

偽装タグにリンクを付けることができるか

WikidotサイトにGoogle検索バーを適用することについて

ListPages Tableの見直し

進行中

SimpleToDoのチェックボックス検証

Simple To Do Test

一部色違いの折りたたみ

Folding In Different Colors

Wikidot Mass Page Editor

Wikidot Mass Page Editor

SCP-987-KO 和訳

SCP-987-KO

チェックリスト改造

チェックリスト検討

テーマ作成チェックリスト

GoIテーマチェックリスト

画像差し止め

画像スライダー

ソーシャルボタン

Talk Button

トークボタン
- Talk Buttonに関して話すページ
  - TalkカテゴリのTalk Buttonに関して話すページ

embedのテスト

Test Of Embed

オーディオプレーヤーのデザイン

d-player-2-mock
- d-player-2
- d-player-2-base

サンドボックス

Test

SCP-313の力学的な分析

SCP-313を力学的に分析してみた

メールフォームの研究

Mail Form Button

new theme

外部サイトへ飛びます

Flat Design Shadow

Flat Design Shadow

new tab

SVG Animationを勉強しています

SVG Animation

フォーラムスタイル記事に関して考えています

フォーラムスタイル記事

HTML5用のオーディオを作っています。

オーディオプレイヤー

CSSnippetsのテスト

最小化された検索バー
 最小化されたログインステイタス
 Font-Awesome Editor

構文ハイライター

構文ハイライター
 SH Start Base
SH Start
SH End

サイドバーの構造の下書き

ナビゲーション
 サイド

管理者とモデレーター専用のメニューを作りましょう

スタッフ専用のメニュー

ニコニコワークショップのログを韓国語に訳しています。

니코니코 워크숍 대사 기록
니코니코 워크숍 대사 기록 2
ko:niconicoworkshop-log3

本家用に財団テーマをアップデート

Site Theme (SCP-Sigma-9)

日本支部用に最適化

サイトテーマ (SCP-Sigma-9-JP)

GOIテーマの研究

カスタムテーマCSS改修用モック管理ページ

デバン博士の講義

HTML5の講義
 lecture:css3

完了

Wikidot Codebox 開発

Codebox

クレジット表記機能を研究

ニコニコ動画に踏み込んでみます

ニコニコ動画のコード

サイトテーマに隠されている変なもの

セクシー・ボックスってなに？

iftagsがどう動いていくのか確認したいっす。

_template
Test1
Test2
Test3

新たなOff-Canvas方式をWikidotに適用

Cocoonist's Sidebar

Twitterをページに直接含めるのはできないのでしょうか

Twitterを含めることについて

文字が少ない記事の高さを調整するため

記事の基本的な高さを超調整したい

Wikidotでポップアップを作る！

Popup

偽装タグにリンクを付けることができるか

リンク付きの偽装タグ

WikidotサイトにGoogle検索バーを適用することについて

ListPages Tableの見直し

Listpages Table

by Dr Devan

Codebox

Mon, 11 May 2026 03:40:36 +0000

はじめに

このページは、Wikidot Codebox の表示確認用サンプルページです。

Wikidot Codebox は内部で [[html]] と を使用してコード本文を保持します。 そのため、表示したいコードの種類によっては、Wikidot 構文や HTML 構文をそのまま書くと、Wikidot 側で実行されたり、HTML として解釈されたりする場合があります。 安全に表示するため、次の文字は必要に応じてエンコードしてください。 <ul> <li>HTML コードの場合 <ul> <li>< は < に変換</li> <li>> は > に変換</li> <li>& は & に変換</li> </ul> </li> </ul> <ul> <li>Wikidot 構文の場合 <ul> <li>[ は [ に変換</li> <li>] は ] に変換</li> </ul> </li> </ul> 特に、HTML の <textarea> や 、Wikidot の [[include]]、[[module]]、[[html]] などを例として表示する場合は、必ず安全な形式に変換してから貼り付けてください。

変換済みのコードは、次のツールページから生成できます。

Codebox Safe Encoder / Decoder

このツールを使うと、タイトル、言語、ソースコードを入力するだけで、このページにそのまま貼り付けられる [[include snippet:codebox]] 形式のコードを出力できます。

1. Wikidot Example

2. HTML Example

3. CSS Example

4. JavaScript Example

5. JSON Example

6. YAML Example

7. Python Example

8. Bash Example

9. TypeScript Example

by Dr Devan

チャットOP用ハンドガイド(仮)

Tue, 17 Mar 2020 09:02:55 +0000

ガイドラインには抵触しないが危うい会話について

Discord運営ご意見箱チャンネルについて

announceチャンネルについて

SCPJP公式チャット運営用サーバ上の主な活動

チャンネル及びカテゴリの使い分け

稼働中プロジェクトチャンネル登録処理について

リアクションの追加について

ノウハウ

即抜けスパムその他について

はじめに

この文書は、SCP-JPのチャットオペレーター(以降、チャットOP)が知っておくべき/知っておいた方がいいことをまとめた文書です。チャットOPの業務遂行用のハンドマニュアルです。この文書の記述とSCP-JPのサイトルール・チャットガイドを始めとするSCP-JP公式の文書が直接矛盾した場合は、後者が優先されます。

必要となる事前知識

以下の項目は、チャットOPとして活動するにあたって必要となる知識です。特に、下線のある項目は必要となる頻度が高いため、優先的に確認をしてください。

Discordに関する知識
- BAN、KICK、タイムアウトの方法
- メンション機能
- リアクションの利用方法及び、確認方法
- メンバーのID取得方法(発言及びサーバのIDではないことに注意)
- DMの利用方法
- チャンネル及びカテゴリの増設・削除・順番移動
- ロールの扱い・チャンネルまたはカテゴリ毎の設定
Bot"皐月"と"狭雲"の使い方(後述するSCPJP公式チャット運営用サーバ(以降、チャットOPサーバ)にコマンドを記載)

公式チャット上の主な活動

公式チャットでは、参加メンバーが心地よく利用出来るようにTLの確認を行います。メンバーが絶対活動していない時間帯と言うものが存在しないため、無理のない範囲で時折目を通し、問題があれば対応しましょう。基本的にはディスコードに関するルールとポリシーや各チャンネルにあるトピック・ピン留めに則って対応が可能です。

特に覚えておくと良い内容については以下に記します。

ガイドライン違反となる発言を見つけた場合

チャットOPは、自治行為の範囲に踏み込んで注意等の処分に当たらない指摘を行えます。¹
これはチャットガイドにおける合議が行われていない介入に該当します。
慣れない場合はチャットOPサーバで確認を行って構いません。

注意・警告等チャットガイド上の処分については必ず合議ならびに記録が必要となります。

実際の発言記録の保存などには、皐月の転送機能かスクリーンショットを使用してください。表に出したくない時や、スパムリンク、公開するのが不適切なメッセージは非公開チャンネルに転送してください。

例外として、スパム等、急を要する場合は確認無しにタイムアウト、KICK及びBANを行って構いません。その際は、必ず事前にスクリーンショットを撮る・IDを取得しておくなど、証拠を残してください。

ガイドラインには抵触しないが危うい会話について

例として、いじめ問題などのセンシティブな内容や、下ネタなどの過剰な盛り上がりなどが挙げられます。

チャットOPの職務はあくまでもチャット上の環境保全です。そのため、指摘や注意は最小限に留めたいと考えています。よって、発展すると場の雰囲気に支障をきたすと判断した場合は緩く別の話に逸らしたり、誘導したりしましょう。この際、同じ話題に何度も執着する等の様子が見られた場合は軽く注意しても構いません。

Discord運営ご意見箱チャンネルについて

メンバーからチャットに関する要望が届きます。もしメンバーからの発言があった場合、前例がある場合を除き、原則チャットOPサーバに持ち寄ってください。その際、「ご意見ありがとうございます。チャットOP間で議論しますのでお待ちください」等の返信をしておくと親切かもしれません。

announceチャンネルについて

メンバー全体に対する告知や、特定のメンバーに対する注意、警告等²はこのチャンネルで行われます。原則、チャットOP間で協議した内容について記述するため、独断で投稿することはありません。

SCPJP公式チャット運営用サーバ上の主な活動

チャットOPサーバでは、主にチャットに関する諸問題についての議論や記録を行います。議論にはチャットOPの他に、管理者、モデレーターが参加できます。一般メンバーについては閲覧・傍聴のみ可能です。

原則、各チャンネルについてタスクが終了した場合、"closed"などと投稿して、終了したことがわかりやすいようにしてください。

チャットOPサーバについて特に覚えておくと良い内容については以下に記します。

チャンネル及びカテゴリの使い分け

チャンネルによっては利用方法をピン留めしています。確認をしておいてください。ここに記述していないチャンネルについて、わからないことがあれば他のチャットOPにこっそり聞いてみると良いでしょう。尚、これらのチャンネル及びカテゴリについては増減する可能性があります。

タスク管理その他カテゴリ: このカテゴリでは、主に運営に必要な知識の共有、タスクの管理、活動が困難なチャットOPの把握を行います。

ノウハウ共有: 必要な知識を記録します。項目毎に投稿を行ってください。
タスク管理関連チャンネル: 消化すべきタスクのメモ用チャンネルです。長引く可能性がある/優先順位の問題ですぐに対応できないタスクについて、一つずつ詳細を含めてメモして下さい。終了したタスクについては削除するようお願いします。尚、タスクの記録者=担当ではないため、消化可能なタスクがあれば担当していただいて構いません。
stuff_update: 活動頻度が下がる/短期間活動できない等の報告はこのチャンネルで行ってください。その際、復帰できるようになった場合も報告していただけると幸いです。

メンバー向けカテゴリ: 一般メンバーがチャットOPに対して連絡を行ったり、特定の内容について一部のメンバーとスタッフが話し合いをするためのチャンネルをまとめたカテゴリです。

連絡_メンバー向け: メンバーからのチャットに関する連絡窓口です。
会議場: 特定の事例について、一部のメンバーとスタッフが話し合いをする必要がある場合に用いるチャンネルです。原則、チャットOPが議論の開始を宣言しない限り用いられることはありません。

議論カテゴリ: 議論を行うためのカテゴリです。比較的短期的、且つ後述するその他プロジェクトのいずれにも属さない議題を扱います。

軽く話し合う場所: ちょっとしたタスクに関する報告や、確認等を行うチャンネルです。チャットOP業務に関してわからない事があった場合についてもこのチャンネルを利用してください。
議論: ある程度議論の必要となるタスクを取り扱うチャンネルです。基本的に案件ごとにスレッドを立てます。
定例会: 定例会に関する議論や報告、確認等を行うチャンネルです。このチャンネルは主に"定例会コントリビューター"が利用します。
稼働中のプロジェクト議論用: 稼働中のプロジェクトに関する議論を行うチャンネルです。

記録カテゴリ: 注意、指摘、警告、質問回答などの記録を行うチャンネルです。

その他プロジェクト: 長期に渡る可能性がある、定期的に同じ議題について議論する必要がある場合等に個別に作成するチャンネルをまとめたカテゴリです。必要のなくなったチャンネルはこのカテゴリからclosedカテゴリに移動します。

稼働中プロジェクトチャンネル登録処理について

稼働中プロジェクトは一定期間運用するチャンネルをメンバーの申請により作成します。

新設/延長手順

プロジェクトチャンネルの新規設置/延長の申請を受けた場合、 ⁠稼動中のプロジェクト議論用にてチャット運営で投票を行います。

新規設置である場合、稼働中プロジェクトカテゴリにチャンネルを新設します。次に、延長である場合も含めて新しく申請された期限をチャンネルに記入しピン留めします。

期限日をイベントとして設定します。タイトルは「稼働中Prj-Ch : 〇〇」で統一し、場所の名前はプロジェクト名にしてください。開始日時は期限日の00:00、終了日時は期限日の23:45に設定します。

終了手順

チャンネルをclosedカテゴリに移動する。その際、権限はカテゴリと同期してください。

チャンネルでclosed宣言を行う。

チャットOPサーバの稼働中プロジェクト期間等チャンネルにある、申請文と運用期間のURLを削除

リアクションの追加について

リアクションはメンバーの申請により追加されます。メンバーから申請があった場合、チャットOPサーバで議論してください。受理された場合、該当するリアクションの画像を公式チャットに追加し、クレジットをスタンプのクレジットチャンネルに投稿してください。

ノウハウ

即抜けスパムその他について

即抜けスパム等、正規の手段でBANを行うことができないユーザーに対してBANを行う場合は #通知チャンネルの皐月のwelcomeメッセージのメンションを選択することでBANを行うことができます。

by apple3

Footnotes

蒐集院フォーマット

Fri, 30 Mar 2018 15:00:13 +0000

by Wanazawawww

Folding In Different Colors

Thu, 27 Oct 2022 13:59:21 +0000

by Dr Devan

MikuKanekoの実験室

Thu, 23 Jun 2022 13:21:29 +0000

取り敢えず何か作ったときに置きます。

by KanekoLiku

Wikidot Mass Page Editor

Sat, 13 Nov 2021 16:21:36 +0000

<!DOCTYPE html>
 
<!--
 
     Edmund - Open source Wikidot site explorer
     Copyright (c) 2011, Bryce Cameron.
 
    This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License version 3 as
    published by the Free Software Foundation.
 
    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.
 
    A copy of the GNU General Public License is available from
    <http://www.gnu.org/copyleft/gpl.html>.
 
-->
 
<html>
<head>
<title>Edmund - Wikidot Explorer</title>
 
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<meta http-equiv="Content-Script-Type" content="text/javascript"/>
<meta name="description" content="Explore your Wikidot.com site with Edmund."/>
<meta name="keywords" content="Wikidot, free, Edmund, explore"/>
<meta name="apple-mobile-web-app-capable" content="yes"/>
<meta name="apple-mobile-web-app-status-bar-style" content="default"/>
<meta name="viewport" content="initial-scale=1.0, user-scalable=yes"/>
 
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.14/jquery-ui.min.js"></script>
<script type="text/javascript" src="https://css3.wdfiles.com/local--files/edmund/edmund.ext.combined.min.js"></script>
<!--
<script src="https://raw.github.com/jeresig/jquery.hotkeys/master/jquery.hotkeys.js" type="text/javascript"></script>
-->
 
<link rel="stylesheet" href="https://css3.wdfiles.com/local--code/admin:explorer-css/1" type="text/css" />
 
<script type="text/javascript">
 
//Sidebar lists
var goToPageList = function() {
       $('.sidebar-list-container.left').removeClass('current');
       $('.sidebar-list-container.right').addClass('current');
   };
var goToCategoryList = function() {
       $('.sidebar-list-container.right').removeClass('current');
       $('.sidebar-list-container.left').addClass('current');
   };
 
//Main sliding navs
var showEditor = function() {
        $('#main section').removeClass('current');
        $('#main-editor').addClass('current');
};
var showIntro = function() {
        $('#main section').removeClass('current');
        $('#main-intro').addClass('current');
};
 
//Universal show/hide draws
var showDraw = function(draw) {
        $('#' + draw).addClass('show');
};
var hideDraw = function(draw) {
        $('#' + draw).removeClass('show nudge');
};
var nudgeDraw = function(draw) {
        $('#' + draw).addClass('nudge');
};
var unNudgeDraw = function(draw) {
        $('#' + draw).removeClass('nudge');
};
var hideAllDraws = function(draw) {
        $('.draw').removeClass('show nudge');
};
 
//If a nudged draw is clicked, remove the 'nudge' class & close other draws
$('section.draw.nudge').live('click', function() {
    $('section.draw:not(.nudge)').removeClass('show'); //Close other draws
    $(this).removeClass('nudge'); //Return to normal position
    console.log('nudge draw clicked');
 
});
 
function show_modal(id) {
    $('#' + id).addClass('show').draggable({ containment: 'window', handle: 'h4:first' }).css({marginTop: $(this).height()/-4, marginLeft: $(this).height()/-4});
    $('#overlay').addClass('show').css({height: $(document).height()});
    if(id == 'modal-import') {
     $('#import-page').focus();
     }
}
 
//Close settings window (called on click of submit button)  
function close_settings() {
    $('.modal').removeClass('show');
    $('#overlay').removeClass('show').css({height: '0'});
    var settingsSite = $('#settings-site').val();
    window.location.hash = '#';
}
function close_modal(id) {
    var $modal = $('#' + id);
    $modal.removeClass('show');
    $('#overlay').removeClass('show').css({height: '0'});
    if ($modal.hasClass('removable') === true) {
     $modal.remove();
    }
 
}
 
function import_modal() {
    $('body').append('<div id="modal-import" class="modal removable"><div class="modal-inner"> <h4>Import page</h4><a href="#" class="modal-close" onclick=close_modal("modal-import");>Close</a><form name="import-form" id="import-form" class="modal-form" onsubmit="return false;"><label for="import-site">Site:</label> <!--<input type="text" name="import-site" id="import-site" value="'+ wdSite +'" disabled="true" />--> <label for="import-site" class="url-end">'+wdSite+'.wikidot.com</label><br><label for="import-page">Page:</label> <input type="text" name="import-page" id="import-page" value="" /><br> <input type="submit" name="import-submit" id="import-submit" value="Import page" /></form></div></div>');  
    $('#import-page').focus();
}
//Allow for parameters to passed via the URL
function url_param(name) {
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
    if( results === null ) {
    return "";
    }
   else {
    return results[1];
    }
}
 
//Google Analytics event tracking
function ga_trackEvent(category, action, label) { //Event tracking - not currently enabled
/*
    if (setting_analytics == 'true') {
    _gaq.push(['_trackEvent', category, action, label]);
    console.log('Event tracked: ' + category + ':' + action + ':' + label);
    }
*/
}
 
$(document).ready(function() {
 
//Tabbed interface
$('#mass-tabs').tabs({ fx: { height: 'toggle', opacity: 'toggle' } });
 
//Initialise API settings, & define users API key
var update_wd = function() {
        wd = $.wikidot('bmc-explorer', $('#settings-api-key').val());
       };
 
    $('#settings-api-key').val(localStorage.getItem('wikidot_api_key')).change(function() {
        localStorage.setItem('wikidot_api_key', $(this).val());
        update_wd();
     });
    update_wd();
 
//Save wikidot site to cookie
var update_site = function() {
    wdSite = $('#settings-site').val();
    $('#info-site').html(wdSite + '.wikidot.com');
};
 
$('#settings-site').val(localStorage.getItem('wikidot_site')).change(function() {
        localStorage.setItem('wikidot_site', $(this).val());
        update_site();
});
update_site();
 
//Check notifications checkbox
var update_settings = function() {
    window.setting_notifications = localStorage.getItem('wikidot_notifications');
    window.setting_analytics = localStorage.getItem('edmund_analytics');
    window.setting_startup = localStorage.getItem('edmund_startup');
    window.setting_saveConfirm = localStorage.getItem('edmund_save-confirm');
    window.setting_revisionComment = localStorage.getItem('edmund_revision-comment');
    if (setting_notifications == 'true') {
     $('#notify-notifications').addClass('show').tipsy({gravity: 'ne', fade: true}); //Show email icon
     $('#settings-notifications').attr('checked', true); //Check the checkbox
    }
    else {
    $('#notify-notifications').removeClass('show');
    }
 
    if (setting_analytics == 'true') {
     $('#settings-analytics').attr('checked', true); //Check the checkbox
    }
    if (setting_startup == 'true') {
     $('#settings-startup').attr('checked', true); //Check the checkbox
    }
    if (setting_saveConfirm == 'true') {
     $('#settings-save-confirm').attr('checked', true); //Check the checkbox
    }
    if (setting_revisionComment == 'true') {
     $('#settings-revision-comment').attr('checked', true); //Check the checkbox
    }
};
 
$('#settings-notifications').click(function() {
    if ($(this).is(':checked')) {
            console.log('Yes, send notifications.');
            localStorage.setItem('wikidot_notifications', true);
        }
    else {
            console.log('No, don\'t send notifications.');
            localStorage.setItem('wikidot_notifications', false);
        }
    update_settings();
});
 
$('#settings-analytics').click(function() {
    if ($(this).is(':checked')) {
            console.log('Yes, allow analytics.');
            localStorage.setItem('edmund_analytics', true);
        }
    else {
            console.log('No, don\'t allow analytics');
            localStorage.setItem('edmund_analytics', false);  
        }
    update_settings();
});
$('#settings-startup').click(function() {
    if ($(this).is(':checked')) {
            localStorage.setItem('edmund_startup', true);
        }
    else {
            localStorage.setItem('edmund_startup', false);  
        }
    update_settings();
});
$('#settings-save-confirm').click(function() {
    if ($(this).is(':checked')) {
            localStorage.setItem('edmund_save-confirm', true);
        }
    else {
            localStorage.setItem('edmund_save-confirm', false);  
        }
    update_settings();
});
$('#settings-revision-comment').click(function() {
    if ($(this).is(':checked')) {
            localStorage.setItem('edmund_revision-comment', true);
        }
    else {
            localStorage.setItem('edmund_revision-comment', false);  
        }
    update_settings();
});
update_settings();
 
//Loading Message
var loading = $('#loading');
 
var  loadingMessage = function(message) {
     loading.html(message).fadeIn(250);
};
var clearLoadingMessage = function() {
    loading.fadeOut(250);
};
 
//Generate page structure
window.getPageMeta = function(page) {
 
        loadingMessage('Loading page...');
 
        wd.pages.get_one({'site': wdSite, 'page': page}, function(data) {
 
         if(data) {
 
         clearLoadingMessage();
 
         $('#info-page').html('<a href="http://' + wdSite + '.wikidot.com/' + data.fullname + '" target="_blank">' + data.title + '</a>');
 
         created_at = FriendlyDate(data.created_at, '[mmmm] [d], [yyyy] at [h]:[MM] [p]');
         updated_at = FriendlyDate(data.updated_at, '[mmmm] [d], [yyyy] at [h]:[MM] [p]');
 
         //Load into the table
         $('#meta-name').html(data.fullname);
         $('#meta-title').html(data.title);
         $('#meta-parent').html(data.parent_fullname);
         $('#meta-created_by').html(data.created_by);
         $('#meta-created_at').html(created_at);
         $('#meta-updated_by').html(data.updated_by);
         $('#meta-updated_at').html(updated_at);
         $('#meta-revisions').html(data.revisions);
         $('#meta-rating').html(data.rating);
         $('#meta-children').html(data.children);
         $('#meta-comments').html(data.comments);
         $('#meta-content').val(data.content);
 
         //Load tags into tags field
         var tagNumber = data.tags.length;
         var metaTagsArray = '';
 
         if (tagNumber > 0) {
             for(i=0; i<tagNumber; i++) {
             metaTagsArray += data.tags[i] + ' ';
             }
         }
         $('#meta-tags').html(metaTagsArray);
 
         //Pre-load the hidden input fields
         $('#save-page-name').val(data.fullname);
         $('#save-page-original-name').val(data.fullname);
         $('#save-page-title').val(data.title);
         $('#save-page-parent').val(data.parent_fullname);
         $('#save-page-tags').val(metaTagsArray);
 
         //Load pagename into "children" link
         $('#show-children-link').attr('title',data.fullname);
         //Load pagename into "tags" link
         $('#show-tags-link').attr('title',data.fullname);
         }
         else {
         loadingMessage('Error fetching data.');
          }
        });
    };  
 
//Page list
var getPageList = function(category) {
 
        loadingMessage('Loading pages...');
        //Clear any existing pages in the list
        $('#page-list').html('');
        $('#info-page-count').html('');
        wd.pages.select({'site' : wdSite, 'categories' : [category]}, function(data) {
 
            var totalPages = data.length;
 
            if(data) {
 
            clearLoadingMessage();
 
            var pageList = $('#page-list');
            var pageListParent = pageList.parent();
            var pageListItems = '';
 
            //Generate new pages
            for(i=0; i<totalPages; i++) {
                if ($('#mass-editor-toggle').is(':checked')) {
                    if($.inArray(data[i], massEditorPagesArray) > -1) {
                        pageListItems += '<li><a href="#" class="page-link edit disabled" data-category="' + category + '" title="' + data[i] + '">' + data[i] + '</a></li>';
                    }
                    else {
                        pageListItems += '<li><a href="#" class="page-link edit" data-category="' + category + '" title="' + data[i] + '">' + data[i] + '</a></li>';
                    }
                }
                else {
                    pageListItems += '<li><a href="#" class="page-link" data-category="' + category + '" title="' + data[i] + '">' + data[i] + '</a></li>';
                }
            }
            pageList.html(pageListItems);
            $('#info-page-count').html('(' + totalPages + ')');
            }
            else {
 
            }
        });
};
 
//If a page link is clicked, load that page in the editor.
 
$('a.page-link:not(.edit)').live('click', function() {
    getPageMeta($(this).attr('title'));
});
//If a page link is clicked from a draw, load that page & close the draw
$('section.draw a.page-link').live('click', function() {
    getPageMeta($(this).attr('title'));
    hideAllDraws();
});
 
//Generate category list
var getCatList = function() {
 
    loadingMessage('Loading site...');
 
    wd.categories.select({'site' : wdSite}, function(data) {
 
        var totalCategories = data.length;
        var categoryList = $('#category-list');
        var categoryListItems = '';
 
        if(data) {
         clearLoadingMessage();
            for(i=0; i<totalCategories; i++) {
                   categoryListItems += '<li><a href="#" id="catlink-' + data[i] + '" class="category-link" title="' + data[i] + '">' + data[i] + '</a></li>';
            }
            categoryList.html(categoryListItems);
            $('#info-category-count').html('(' + totalCategories + ')');
        }
        else {
            loadingMessage('Error generating list of categories.');
        }
    });
};
 
//If category link in sidebar is clicked, generate page list
$('a.category-link').live('click', function() {
    getPageList($(this).attr('title'));
    if ($('#mass-editor-toggle').is(':checked')) {
        $('#info-category').html('<a href="#" class="category-title-link edit" title="Click to add all pages in this category to the mass editor." data-category="' + $(this).attr("title") + '">' + $(this).attr("title") + '</a>');
    }
    else {
        $('#info-category').html('<a href="#" class="category-title-link disabled" title="Click to add all pages in this category to the mass editor." data-category="' + $(this).attr("title") + '">' + $(this).attr("title") + '</a>');
    }
    $('#info-category a').tipsy({gravity: 's', fade: true});
    goToPageList();
});
 
//Get list of children
var getChildList = function(parent) {
        loadingMessage('Loading children...');
                //Clear any existing pages in the list
                $('#children-list').html('');
 
                wd.pages.select({'site' : wdSite, 'parent' : parent}, function(data) {
 
                    var totalPages = data.length;
 
                    if(totalPages > 0) {
 
                    clearLoadingMessage();
 
                    //Clear existing messages in the draw
                    $('#children p').html('');
 
                    var childrenList = $('#children-list');
                    var childrenListItems = '';
 
                    //Generate new pages
                    for(i=0; i<totalPages; i++) {
                        childrenListItems += '<li><a href="#" class="page-link" title="' + data[i] + '">' + data[i] + '</a></li>';
                    }
                     childrenList.html(childrenListItems);
                    }
                    else {
                    clearLoadingMessage();
                    $('#children p').html('This page has no children.');
                    console.log('No children');
                    }
                });
};
 
//If 'Children' is clicked, open draw & load children pages & close tags draw if it's open
$('#show-children-link').live('click', function() {
    getChildList($(this).attr('title'));
    hideAllDraws();
    showDraw('children');
});
 
//Get list of tags for the entire site
var getSiteTagsList = function() {
        loadingMessage('Loading tags...');
                //Clear any existing pages in the list
                $('#tags-list').html('');
 
                wd.tags.select({'site' : wdSite}, function(data) {
 
                    var totalTags = data.length;
 
                    if(data) {
 
                    clearLoadingMessage();
 
                    $('#tags p').html('Currently showing tags for the entire site.');
 
                    var tagsList = $('#tags-list');
                    var tagsListItems = '';
 
                    //Generate new pages
                    for(i=0; i<totalTags; i++) {
                        tagsListItems += '<li><a href="#" class="tag-link" title="' + data[i] + '">' + data[i] + '</a></li>';
                    }
                     tagsList.html(tagsListItems);
                    }
                    else {
                    $('#tags p').html('This site has no tags.');
                    }
                });
};
 
//Get list of tags attached to a particular page
var getPageTagsList = function(page) {
        loadingMessage('Loading tags...');
                //Clear any existing pages in the list
                $('#tags-list').html('');
                //Clear any messages in the draw
                $('#tags p').html('');
 
                wd.tags.select({'site' : wdSite, 'pages' : [page]}, function(data) {
 
                    var totalTags = data.length;
 
                    if(totalTags > 0) {
 
                    clearLoadingMessage();
 
                    $('#tags p').html('<p>Currently showing tags for <strong>' + page + '</strong>.<br><a href="#" id="show-site-tags-link">Show tags for entire site</a><p>');
 
                    var tagsList = $('#tags-list');
                    var tagsListItems = '';
 
                    //Generate new pages
                    for(i=0; i<totalTags; i++) {
                        tagsListItems += '<li><a href="#" class="tag-link" title="' + data[i] + '">' + data[i] + '</a></li>';
                    }
                     tagsList.html(tagsListItems);
                    }
                    else {
                    clearLoadingMessage();
                    $('#tags p').html('This page has no tags.');
                    console.log('No tags');
                    }
                });
};
 
//If 'Tags' is clicked, open draw & load tags & close children draw
$('#show-tags-link').live('click', function() {
    getPageTagsList($(this).attr('title'));
    hideAllDraws();
    showDraw('tags');
});
$('#show-site-tags-link').live('click', function() {
    getSiteTagsList();
});
 
//Tagged Pages list
var getTaggedPagesList = function(tag) {
 
        loadingMessage('Loading pages...');
        //Clear any existing pages in the list
        $('#tagged-pages-list').html('');
        wd.pages.select({'site' : wdSite, 'tags_any' : [tag]}, function(data) {
 
            var totalPages = data.length;
 
            if(data) {
 
            clearLoadingMessage();
 
            $('#tagged-pages').find('p').html('<span class="tag">' + tag + '</span>');
 
            var TaggedPagesList = $('#tagged-pages-list');
            var TaggedPagesListItems = '';
 
            //Generate new pages
            for(i=0; i<totalPages; i++) {
                TaggedPagesListItems += '<li><a href="#" class="page-link" title="' + data[i] + '">' + data[i] + '</a></li>';
            }
            TaggedPagesList.html(TaggedPagesListItems);
            }
            else {
 
            }
        });
};
 
//If a tag is clicked, open the tagged pages draw, load the list & nudge the tags draw
$('.tag-link').live('click', function() {
    getTaggedPagesList($(this).attr('title'));
    showDraw('tagged-pages');
    nudgeDraw('tags');
});
 
//Save a page
var savePage = function() {
 
        loadingMessage('Saving page...');
 
        var saveTitle = $('#save-page-title').val();
        var saveName = $('#save-page-name').val();
        var pageName = $('#save-page-original-name').val();
        var saveContent = $('#meta-content').val();
 
        //Create array of tags
        var saveTagsString = $('#save-page-tags').val();
        var saveTags = saveTagsString.split(' ');
 
       //Check if parent page is present
       if($('#save-page-parent').val() === ''){
                         var saveParent = '-';
                     }
                         else {
                     var saveParent = $('#save-page-parent').val();
                     }
 
       //Description of changes popup prompt
       if(setting_revisionComment == 'true') {
        jPrompt('Enter a short description of the changes you have made to this page.', '', 'Description of changes', function(r) {
                  if(r === '') {
                   savePageContinue('Edited with Edmund - Wikidot Explorer.');
                  }
                  else if (r !== null) {
                   savePageContinue(r);
                  }
                  else if (r === null){
                   loading.html('');
                   return;
                  }
              });
       }
       else {
       savePageContinue('Edited with Edmund - Wikidot Explorer.');
       }
 
       function savePageContinue(revisionComment) {
        //Check if page already exists before continuing...
              if(setting_saveConfirm == 'true') {
                                  console.log('save confirm is true');              
                                  wd.pages.get_one({'site': wdSite, 'page':pageName}, function(data) {
                                  if(data) {
                                  jConfirm('This page already exists. Would you like to overwrite it?', 'Page already exists', function(r) {
                                            if(r === true) {
                                                savePageContinue2();
                                            }
                                            else {
                                             loading.html('');
                                                return;
                                            }
                                        });
                                  }
                                  });
                                  }
                                    else {
                                      savePageContinue2();
                                  }
 
              function savePageContinue2() {
 
              wd.pages.save_one({'site': wdSite, 'page': pageName, 'title': saveTitle, 'tags' : saveTags, 'parent_fullname' : saveParent, 'content' : saveContent, 'rename_as' : saveName, 'revision_comment' : revisionComment, 'notify_watchers' : setting_notifications}, function(data) {
               if(data) {
               loading.html('Page was saved successfully.').delay(3000).fadeOut(200);
               ga_trackEvent('Editor','Export','Successful');
 
               //Load new page into editor
 
               $('#info-page').html('<a href="http://' + wdSite + '.wikidot.com/' + data.fullname + '" target="_blank">' + data.title + '</a>');
 
               created_at = FriendlyDate(data.created_at, '[mmmm] [d], [yyyy] at [h]:[MM] [p]');
               updated_at = FriendlyDate(data.updated_at, '[mmmm] [d], [yyyy] at [h]:[MM] [p]');
 
               //Load into the table
               $('#meta-name').html(data.fullname);
               $('#meta-title').html(data.title);
               $('#meta-parent').html(data.parent_fullname);
               $('#meta-created_by').html(data.created_by);
               $('#meta-created_at').html(created_at);
               $('#meta-updated_by').html(data.updated_by);
               $('#meta-updated_at').html(updated_at);
               $('#meta-revisions').html(data.revisions);
               $('#meta-rating').html(data.rating);
               $('#meta-children').html(data.children);
               $('#meta-comments').html(data.comments);
               $('#meta-content').val(data.content);
 
               //Load tags into tags field
                       var tagNumber = data.tags.length;
                       var metaTagsArray = '';
 
                       if (tagNumber > 0) {
                           for(i=0; i<tagNumber; i++) {
                           metaTagsArray += data.tags[i] + ' ';
                           }
                       }
                       else {
                       }
                       $('#meta-tags').html(metaTagsArray);
 
               //Pre-load the hidden input fields
               $('#save-page-name').val(data.fullname);
               $('#save-page-original-name').val(data.fullname);
               $('#save-page-title').val(data.title);
               $('#save-page-parent').val(data.parent_fullname);
               $('#save-page-tags').val(metaTagsArray);
 
               //Load pagename into "children" link
               $('#show-children-link').attr('title',data.fullname);
               //Load pagename into "tags" link
               $('#show-tags-link').attr('title',data.fullname);
               }
               else {
               loading.html('Error saving page.').delay(3000).fadeOut(200);
               ga_trackEvent('Editor','Export','Error');
                }
              });
             };
       };
 
   };
//Save page on submit button click
$('#save-page-submit').live('click', function() {
    savePage();
});
 
//Delete a page
var deletePage = function() {
 
        loadingMessage('Renaming page...');
 
        var saveTitle = $('#save-page-title').val();
        var saveName = $('#save-page-name').val();
        var pageName = $('#save-page-original-name').val();
        var saveContent = $('#meta-content').val();
 
         //Create string of tags
         var saveTagsString = $('#save-page-tags').val();
         var saveTags = saveTagsString.split(' ');
 
       //Check if parent page is present
       if($('#save-page-parent').val() === ''){
                         var saveParent = '-';
                     }
                         else {
                     var saveParent = $('#save-page-parent').val();
                     }
 
       wd.pages.save_one({'site': wdSite, 'page': pageName, 'title': saveTitle, 'tags' : saveTags, 'parent_fullname' : saveParent, 'content' : saveContent, 'rename_as' : 'deleted:' + saveName, 'revision_comment' : 'Edited with Edmund - Wikidot Explorer.', 'notify_watchers' : setting_notifications}, function(data) {
        if(data) {
        loading.html('Page was successfully renamed.').delay(3000).fadeOut(200);
        ga_trackEvent('Editor','Delete','Successful');
 
        //Load new page into editor
 
        $('#info-page').html('<a href="http://' + wdSite + '.wikidot.com/' + data.fullname + '" target="_blank">' + data.title + '</a>');
 
        created_at = FriendlyDate(data.created_at, '[mmmm] [d], [yyyy] at [h]:[MM] [p]');
        updated_at = FriendlyDate(data.updated_at, '[mmmm] [d], [yyyy] at [h]:[MM] [p]');
 
        //Load into the table
        $('#meta-name').html(data.fullname);
        $('#meta-title').html(data.title);
        $('#meta-parent').html(data.parent_fullname);
        $('#meta-created_by').html(data.created_by);
        $('#meta-created_at').html(created_at);
        $('#meta-updated_by').html(data.updated_by);
        $('#meta-updated_at').html(updated_at);
        $('#meta-revisions').html(data.revisions);
        $('#meta-rating').html(data.rating);
        $('#meta-children').html(data.children);
        $('#meta-comments').html(data.comments);
        $('#meta-content').val(data.content);
 
        //Load tags into tags field
                var tagNumber = data.tags.length;
                var metaTagsArray = '';
 
                if (tagNumber > 0) {
                    for(i=0; i<tagNumber; i++) {
                    metaTagsArray += data.tags[i] + ' ';
                    }
                }
                else {
                }
                $('#meta-tags').html(metaTagsArray);
 
        //Pre-load the hidden input fields
        $('#save-page-name').val(data.fullname);
        $('#save-page-original-name').val(data.fullname);
        $('#save-page-title').val(data.title);
        $('#save-page-parent').val(data.parent_fullname);
        $('#save-page-tags').val(data.tags);
 
        //Load pagename into "children" link
        $('#show-children-link').attr('title',data.fullname);
        //Load pagename into "tags" link
        $('#show-tags-link').attr('title',data.fullname);
        //Close  the draw
        hideAllDraws();
        }
        else {
        loading.html('Error renaming page.').delay(3000).fadeOut(200);
        ga_trackEvent('Editor','Delete','Error');
         }
       });
   };
//Delete page on 'delete' button click
$('#options-delete').live('click', function() {
    jConfirm('This will rename the current page into the deleted category. Are you sure you want to continue?', 'Please confirm', function(r) {
        if(r === true) {
            deletePage();
        }
    });
});
 
//jEditable - title
$('#meta-title').editable(function(value, settings) {
        $('#save-page-title').val(value);
        return(value);
        }, {
        tooltip : 'Click to edit',
        submit : 'Save',
        indicator : 'Saving...',
        placeholder : '',
        cssclass : 'jedit'
});
//jEditable - parent
$('.edit-parent').editable(function(value, settings) {
        $('#save-page-parent').val(value);
        return(value);
        }, {
        tooltip : 'Click to edit',
        submit : 'Save',
        indicator : 'Saving...',
        placeholder : '',
        cssclass : 'jedit'
});    
//jEditable - tags
$('#meta-tags').editable(function(value, settings) {
        $('#save-page-tags').val(value);
        return(value);
        }, {
        tooltip : 'Click to edit',
        submit : 'Save',
        indicator : 'Saving...',
        placeholder : '',
        cssclass : 'jedit'
});
//jEditable - name
$('#meta-name').editable(function(value, settings) {
        $('#save-page-name').val(value);
        return(value);
        }, {
        tooltip : 'Click to edit',
        submit : 'Save',
        indicator : 'Saving...',
        placeholder : '',
        cssclass : 'jedit'
});
 
//When launch button is clicked, get category list
$('#launch-button').live('click', function() {
       getCatList();
       hideDraw('intro');
       $('#sidebar').removeClass('disabled');
       var notify = localStorage.getItem('wikidot_notifications');
       if (notify === null) {
               localStorage.setItem('wikidot_notifications', false);
       }
       var analytics = localStorage.getItem('edmund_analytics');
       if (analytics === null) {
               localStorage.setItem('edmund_analytics', false);
       }     
       update_settings();
});
 
//Immediate launch
if (setting_startup == 'true') {
 getCatList();
 hideDraw('intro');
 $('#sidebar').removeClass('disabled');
 var notify = localStorage.getItem('wikidot_notifications');
 if (notify === null) {
         localStorage.setItem('wikidot_notifications', false);
 }
 var analytics = localStorage.getItem('edmund_analytics');
 if (analytics === null) {
         localStorage.setItem('edmund_analytics', false);
 }       
 update_settings();
}
 
//When settings form is submitted, hide draws, close settings window & load category list
$('#settings-form').submit(function() {
       getCatList();
       goToCategoryList();
       hideDraw('intro');
       close_settings();
       $('#sidebar').removeClass('disabled');
       return false;
});    
 
//When import page button is clicked, import the page & category
$('#import-submit').live('click', function() {
 
       var importPage = $('#import-page').val();
       getPageMeta(importPage);
 
       var pageNameSplit = importPage.replace(':', ':::edmund-splitter:::');
       var pageNameArray = pageNameSplit.split(':::edmund-splitter:::');
       var pageName = pageNameArray[1];
       var pageCategory = pageNameArray[0];
 
       if (importPage.indexOf(':') == -1) {getPageList('_default');} //Check if import page contains a category
       else   {getPageList(pageCategory);}
 
       goToPageList();
       close_modal('modal-import');
       $('#modal-import').remove();
       return false;
});
 
//Get site & page from URL
var urlSite = url_param('site');
var urlPage = url_param('page');
 
if (urlSite.length) {
    $('#settings-site').val(urlSite);
    update_site();
    localStorage.setItem('wikidot_site', urlSite);
    getCatList();
    getPageMeta(urlPage);
    hideAllDraws();
    $('#sidebar').removeClass('disabled');
}
 
//Mass Editor //
//Initialise mass editor array
var massEditorPagesArray = [];
var massEditorPagesList = $('#mass-editor-pages');
var massEditorPagesListItems = '';
 
var update_massEditorPagesList = function() {
        massEditorPagesList.html(''); //Reset list
        massEditorPagesListItems = '';
        for(i=0; i<massEditorPagesArray.length; i++) {
            massEditorPagesListItems += '<li><a href="#" class="mass-editor-page-link" title="' + massEditorPagesArray[i] + '">' + massEditorPagesArray[i] + '</a></li>'; //Generate new items
        }
        massEditorPagesList.html(massEditorPagesListItems); //Add items to list
};
 
//Begin mass editor...
$('#mass-editor-toggle').live('click', function() {
    if ($('#mass-editor-toggle').is(':checked')) {
            showDraw('mass-editor'); //Show mass editor draw
            $('a.page-link').addClass('edit'); //Show edit option on page links   
            $('a.category-link').addClass('edit');
            $('a.category-title-link').addClass('edit').removeClass('disabled');
      }
    else {
            $('a.page-link').removeClass('edit disabled');
            $('a.category-link').removeClass('edit disabled');
            $('a.category-title-link').removeClass('edit').addClass('disabled');
            hideDraw('mass-editor');
        }
});
 
//Add individual pages to mass editor
$('a.page-link.edit').live('click', function() {
    massEditorPagesArray.push($(this).attr('title')); //When a page is clicked, add it to the array
    $(this).addClass('disabled'); //Add disabled class => pointer-events:none; in CSS.
    update_massEditorPagesList();
});
 
//Add a whole category to mass editor
$('a.category-title-link.edit').live('click', function() {
    $(this).addClass('disabled'); //Disable category link
    var categoryPages = $('a.page-link.edit[data-category="' + $(this).attr('data-category') + '"]');
    categoryPages.each(function() {
        massEditorPagesArray.push($(this).attr('title'));
        $(this).addClass('disabled'); //Disable each page link
    });
    update_massEditorPagesList();
});
 
//Remove item from array
function removeMassEditorPage(page){
    for(var i=0; i<massEditorPagesArray.length; i++){
        if(massEditorPagesArray[i] == page){
            massEditorPagesArray.splice(i, 1);
            break;
        }
    }
}
 
$('a.mass-editor-page-link').live('click', function() {
    removeMassEditorPage($(this).attr('title')); //When a mass editor page is clicked, remove it from the array
    $('a.page-link[title="' + $(this).attr('title') + '"]').removeClass('disabled'); //Remove disabled class from main pages list in sidebar
    update_massEditorPagesList();
});
 
$('a.clear-mass-editor').live('click', function() {
    massEditorPagesArray.splice(0,massEditorPagesArray.length); //Clear the array
    update_massEditorPagesList();
    $('a.page-link.edit').removeClass('disabled'); //Return pages in list to normal state
    $('a.category-title-link.edit').removeClass('disabled');
    });
 
//Mass Function - change tags
function mass_changeTags(index) {
    var thisPage = massEditorPagesArray[index];
    var totalPagesToTag = massEditorPagesArray.length;
    var thisPageNumber = index + 1;
 
    if(massEditorPagesArray.length === 0) {
        jAlert('Hmm, you haven\'t selected any pages yet. Select pages to tag using the list on the left.', 'No pages selected', function(r) {
            $('#mass-tags-submit').removeClass('disabled');
        });
 
    }
    else {
 
        if(thisPage) {
 
                if($('#mass-tags-removeAll').is(':checked')) {
                        loadingMessage('Tagging page: ' + thisPage + ' (' + thisPageNumber + '/' + totalPagesToTag + ')');
                        wd.pages.save_one({'site': wdSite, 'page': thisPage, 'tags': []}, function(data) {mass_changeTags(index + 1);});
 
                }
 
                else {
 
                loadingMessage('Tagging page: ' + thisPage + ' (' + thisPageNumber + '/' + totalPagesToTag + ')');
 
               wd.pages.get_one({'site': wdSite, 'page': thisPage}, function(data) {
 
                   var massTags_existing = data.tags;
                   var massTags_add = $('#mass-tags-add').val().split(' ');
                   var massTags_remove = $('#mass-tags-remove').val().split(' ');
 
                   var pageFullname = data.fullname;
                   var pageParent = data.parent_fullname;
                   if (pageParent == null) {pageParent = '';}
                   var pageTitle = data.title.replace(/ /g, '-');
 
                   var pageNameSplit = data.fullname.replace(':', ':::edmund-splitter:::');
                   var pageNameArray = pageNameSplit.split(':::edmund-splitter:::');
                   var pageName = pageNameArray[1];
                   var pageCategory = pageNameArray[0];
 
                   //Remove tags
                   $.each(massTags_remove, function(index, value) {
                                      for(var i=0; i<massTags_existing.length; i++){
                                          if(massTags_existing[i] == value){
                                              massTags_existing.splice(i, 1);
                                              break;
                                          }
                                  }
                   });
 
                   //Variables in tags to add
 
                   $.each(massTags_add, function(index, value) {
     var newTag = value.replace('%%fullname%%', pageFullname).replace('%%parent_fullname%%', pageParent).replace('%%title%%', pageTitle).replace('%%name%%', pageName).replace('%%category%%', pageCategory);
     massTags_add[index] = newTag;                         
                   });                   
 
                   $.merge(massTags_existing, massTags_add); //Merge existing tags (- removed tags) with tags to add
 
               wd.pages.save_one({'site': wdSite, 'page': thisPage, 'tags': massTags_existing}, function(data) {
 
                if(data) {
               mass_changeTags(index + 1);
               }
               else {
     loading.html('Error tagging pages.').delay(3000).fadeOut(200);
     }
 
     });
 
               });
        }
        }
        else {
        loading.html('Pages have been tagged.').delay(3000).fadeOut(200);
        $('#mass-tags-submit').removeClass('disabled');
        ga_trackEvent('Mass Editor','Change Tags','Successful');
        }
 
 }
}
 
$('#mass-tags-submit').click(function() {
      jConfirm('This will edit the tags on all of the pages you have selected. Are you sure you want to continue?', 'Please confirm', function(r) {
          if(r === true) {
              mass_changeTags(0);
              $('#mass-tags-submit').addClass('disabled');
          }
      });    
});
 
//Disable form elements when 'remove all tags' is checked
var massTags_removeInput = $('#mass-tags-remove');
var massTags_addInput = $('#mass-tags-add');
$('#mass-tags-removeAll').click(function() {
        if ($(this).is(':checked')) {
                massTags_removeInput.attr('disabled', true);
                massTags_addInput.attr('disabled', true);
            } else {
                massTags_removeInput.removeAttr('disabled');
                massTags_addInput.removeAttr('disabled');
            }
});
 
//Mass Editor - Rename Pages
$('.mass-rename-input').attr('disabled', true);
$(document.massRenameForm.massRename).click(function() {
        if ($(this).is(':checked')) {
         $('.mass-rename-input').attr('disabled', true);
                $('#mass-rename-' + $(this).val()).removeAttr('disabled').focus();
            }
 });
 
function mass_rename(index) {
    var thisPage = massEditorPagesArray[index];
    var totalPagesToRename = massEditorPagesArray.length;
    var thisPageNumber = index + 1;
 
    if(massEditorPagesArray.length === 0) {
        jAlert('Hmm, you haven\'t selected any pages yet. Select pages to rename using the list on the left.', 'No pages selected', function(r) {
            $('#mass-rename-submit').removeClass('disabled');
        });
 
    }
    else {
 
        if(thisPage) {  
 
                loadingMessage('Renaming page: ' + thisPage + ' (' + thisPageNumber + '/' + totalPagesToRename + ')');
 
               if ($('#mass-rename-prepend-radio').is(':checked')) {
                   var newPage = $('#mass-rename-prepend').val() + thisPage;
               }
               else if ($('#mass-rename-append-radio').is(':checked')) {
                   var newPage = thisPage + $('#mass-rename-append').val();
               }
               else if ($('#mass-rename-category-radio').is(':checked')) {
                   var pageNameSplit = thisPage.replace(':', ':::edmund-splitter:::');
                   var pageNameArray = pageNameSplit.split(':::edmund-splitter:::');
 
                   var newPage = $('#mass-rename-category').val() + ':' + pageNameArray[1];
               }
               else if ($('#mass-rename-delete-radio').is(':checked')) {
                   var newPage = $('#mass-rename-delete').val() + thisPage;
               }
 
               wd.pages.save_one({'site': wdSite, 'page': thisPage, 'rename_as': newPage}, function(data) {
 
               if(data) {
                mass_rename(index + 1);
               }
         else {
      loading.html('Error renaming page.').delay(3000).fadeOut(200);
         }
 
               });
 
        }
        else {
        loading.html('Pages have been renamed.').delay(3000).fadeOut(200);
        $('#mass-rename-submit').removeClass('disabled');
        ga_trackEvent('Mass Editor','Rename','Successful');
        }
 
 }
}
 
$('#mass-rename-submit').click(function() {
      jConfirm('This will rename all of the pages you have selected. Are you sure you want to continue?', 'Please confirm', function(r) {
          if(r === true) {
              mass_rename(0);
              $('#mass-rename-submit').addClass('disabled');
          }
      });    
});
 
//Keyboard shortcuts
/*
$(document).bind('keydown', 'ctrl+i', function(e) {e.preventDefault();import_modal();show_modal('modal-import')});
$(document).bind('keydown', 'ctrl+p', function(e) {e.preventDefault();show_modal('settings')});
$(document).bind('keydown', 'ctrl+s', function(e) {e.preventDefault();savePage()});
*/
 
});
</script>
 
<!-- Google Analytics -->
<script type="text/javascript">
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-25082132-1']);
  _gaq.push(['_gat._anonymizeIp']);
  _gaq.push(['_trackPageview']);
  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();
</script>
 
</head>
<body id="top">
<header>
<div class="inner">
<span id="loading"></span>
<h1>Edmund - Wikidot Explorer</h1>
</div>
</header>
 
<div id="content">
 
<div id="sidebar" class="disabled">
<div class="menubar side"><a href="javascript:;" onclick="show_modal('settings');" class="settings-link menubar-link" title="Edit settings">Settings</a> <a href="javascript:;" onclick="import_modal();show_modal('modal-import');" class="import-link menubar-link" title="Import a page">Import</a></div>
 
 <form onsubmit="return false;" class="switch-form">
 <label for="mass-editor-toggle" class="switch-label">
 <span>Editor mode:</span>
 <input type="checkbox" name="mass-editor-toggle" id="mass-editor-toggle" class="switch-checkbox"/>
 <div class="switch">
 <div class="handle"></div>
 <div class="track">
 <span>Mass</span>
 <span>Normal</span>
 </div>
 </div>
 </label>
 </form>
 
<div id="side-menubar">
<div class="sidebar-list-container left current"><h4>Categories</h4><span id="info-category-count" class="count"></span></div>
<div class="sidebar-list-container right"><a href="#" class="menubar-back" onclick="goToCategoryList();">Back</a><h4 id="info-category"></h4><span id="info-page-count" class="count"></span></div>
</div>
<div id="sidebar-lists">
<ul id="category-list" class="sidebar-list-container left current">
</ul>
<ul id="page-list" class="sidebar-list-container right">
</ul>    
</div>
 
</div>
 
 <div id="main">
 
 <section id="main-editor">
 
 <div class="menubar main">
 <span id="info-site"></span> <span id="info-page"></span>
 <a href="#" id="save-page-submit">Save Changes</a>
 <a href="#" id="page-options-link" onclick="showDraw('page-options');">Page Options</a>
 </div>
 <div class="notification-center">
 <div id="notify-notifications" title="Email notifications will be sent"></div>
 </div>
 <div class="table-wrapper">
 <table class="page-meta full top">
 <tr>
 <td>Title</td><td id="meta-title" class="editable"></td>
 </tr>
 </table>
 
 <table class="page-meta left">
 <tr>
 <td>Fullname</td><td id="meta-name" class="editable"></td>
 </tr>
 <tr>
 <td>Created by</td><td id="meta-created_by"></td>
 </tr>
 <tr>
 <td>Creation date</td><td id="meta-created_at"></td>
 </tr>
 <tr>
 <td>Updated by</td><td id="meta-updated_by"></td>
 </tr>
 <tr>
 <td>Update date</td><td id="meta-updated_at"></td>
 </tr>
  </table>
 
  <table class="page-meta right">
  <tr>
  <td>Parent</td><td id="meta-parent" class="edit-parent editable"></td>
  </tr>
  <tr>
  <td>Revisions</td><td id="meta-revisions"></td>
  </tr>
  <tr>
  <td>Rating</td><td id="meta-rating"></td>
  </tr>
  <tr>
  <td><a href="#" id="show-children-link">Children</a></td><td id="meta-children"></td>
  </tr>
  <tr>
  <td>Comments</td><td id="meta-comments"></td>
  </tr>
  </table>
 
  <table class="page-meta full bottom">
  <tr>
  <td><a href="#" id="show-tags-link">Tags</a></td><td id="meta-tags" class="editable"></td>
  </tr>
  </table>
 
 <textarea id="meta-content"></textarea>
 </div>
 
<form id="save-page-form" name="save page" onsubmit="return false;">
<input type="hidden" name="save-page-title" id="save-page-title" value="" />
<input type="hidden" name="save-page-parent" id="save-page-parent" value="" />
<input type="hidden" name="save-page-tags" id="save-page-tags" value="" />
<input type="hidden" name="save-page-name" id="save-page-name" value="" />
<input type="hidden" name="save-page-original-name" id="save-page-original-name" value="" />
</form>
 
</section>
 
<section id="intro" class="draw wide show">
<div class="menubar draw">
<span>Welcome to Edmund</span><a href="#" onclick="hideDraw('intro');">Close</a>
</div>
 
<div class="inner scrollable">
 
<p><strong>First timers:</strong></p>
 
<p>If this is the first time you've visited Edmund, then you'll need to enter your Wikidot API key and a site to explore in the <a href="javascript:;" onclick="show_modal('settings');">settings panel</a>.</p>
 
<p><strong>Regulars:</strong></p>
 
<p>If you've  visited Edmund before, then your settings should be saved. Click the button below to start exploring.</p>
 
<p><a href="#" id="launch-button">Launch App</a></p>
 
<p><strong>Finding your way around</strong></p>
 
<p>The sidebar on the left shows all the categories in your site. Click on a category to show all the pages in that category. Click on a page to load it into the main window.</p>
 
<p>The main window shows all the meta information attached to the page as well as the content of the page. Fields that change colour when you hover over them can be edited - click to edit their contents, then press enter or the save button to save your changes locally. Once you've edited all that you want to, click the <em>Save Changes</em> button in the top right to export the page to your Wikidot site.</p>
 
<p>Status messages will appear in the very top right of the page (in the header) - this is where Edmund tells you what he's doing.</p>
 
<p><strong>'Open in Edmund' Bookmarlet</strong></p>
 
<p>Since version 0.71, Edmund supports importing a page using a bookmarlet. Drag the button below to your bookmarks bar, and when on a Wikidot page, click it to import that page into Edmund. It does not currently support custom domains.</p>
 
<p><a href="javascript:domain=WIKIREQUEST.info.domain.match(/^(.*?)\.wikidot\.com$/);if(domain){unix=WIKIREQUEST.info.pageUnixName;window.location='https://css3.wdfiles.com/edmund/code/1#?site='+domain[1]+'&page='+unix}else{alert('Custom domains are not yet supported.');}" class="button">Open in Edmund</a></p>
</div>
</section>
 
<section id="mass-editor" class="draw wide">
<div class="menubar draw">
<span>Mass Editor</span>
</div>
 
<div class="inner scrollable">
 
<p>Select pages from the left to add to the mass editor. Clicking the category title will add all pages from that category.</p>
 
<div class="mass-pages">
<ul class="mass-editor-page-list">
<li><a href="#" class="clear-mass-editor">Clear Mass Editor List</a></li>
</ul>
<ul id="mass-editor-pages" class="mass-editor-page-list">
</ul>
</div>
<div id="mass-tabs" class="tab-container">
<ul class="tabnav">
<li><a href="#mass-tags">Tags</a></li>  
<li><a href="#mass-rename">Rename</a></li>  
<li><a href="#mass-export">Export</a></li>
</ul>
 
<div id="mass-tags" class="tabdiv">
<h4>Change Tags</h4>
<p>Enter a space separated list of tags in the relevant fields below.</p>
<table>
<tr>
<td>Tags to remove:</td><td><input type="text" name="mass-tags-remove" value="" id="mass-tags-remove" class="mass-tags-input" /></td>
</tr>
<tr>
<td>Tags to add:</td><td><input type="text" name="mass-tags-add" value="" id="mass-tags-add" class="mass-tags-input" /></td>
</tr>
<tr>
<td>Remove all tags:</td><td><input type="checkbox" name="mass-tags-removeAll" id="mass-tags-removeAll"/></td>
</tr>
</table>
 
<input type="button" class="button" name="mass-tags-go" id="mass-tags-submit" value="Change Tags" />
</div>
 
<div id="mass-rename" class="tabdiv">
<h4>Rename Pages</h4>
<p>Choose an option below to begin renaming your pages.</p>
<form name="massRenameForm"onsubmit="return false;">
<table>
<tr>
<td><input type="radio" name="massRename" id="mass-rename-prepend-radio" value="prepend" /></td><td>Prepend</td><td><input type="text" name="mass-rename-prepend" value="" id="mass-rename-prepend" class="mass-rename-input" /></td>
</tr>
<tr>
<td><input type="radio" name="massRename" id="mass-rename-append-radio" value="append" /></td><td>Append</td><td><input type="text" name="mass-rename-append" value="" id="mass-rename-append" class="mass-rename-input" /></td>
</tr>
<tr>
<td><input type="radio" name="massRename" id="mass-rename-category-radio" value="category" /></td><td>Change category</td><td><input type="text" name="mass-rename-category" value="" id="mass-rename-category" class="mass-rename-input" /></td>
</tr>
<tr>
<td><input type="radio" name="massRename" id="mass-rename-delete-radio" value="delete" /></td><td>Delete</td><td><input type="text" name="mass-rename-delete" value="deleted:" id="mass-rename-delete" class="mass-rename-input" /></td>
</tr>
</table>
 
<input type="button" class="button" name="mass-rename-go" id="mass-rename-submit" value="Rename pages" />
</form>
</div>
 
<div id="mass-export" class="tabdiv">
<h4>Export Pages</h4>
<p>This feature is coming soon.</p>
</div>
 
</div>
 
</div>
</section>
 
<section id="page-options" class="draw">
<div class="menubar draw">
<span>Page options</span><a href="#" onclick="hideDraw('page-options');">Close</a>
</div>
<p><a href="#" id="options-delete" class="button">Delete page</a></p>
<p><strong>Note:</strong> Deleting a page renames it to the <em>deleted</em> category.</p>
</section>
 
<section id="children" class="draw">
<div class="menubar draw">
<span>Children</span><a href="#" onclick="hideDraw('children');">Close</a>
</div>
 
<p></p>
 
<ul id="children-list">
</ul>
 
</section>
 
<section id="tags" class="draw">
<div class="menubar draw">
<span>Tags</span><a href="#" onclick="hideDraw('tags');">Close</a>
</div>
 
<p></p>
 
<ul id="tags-list">
</ul>
 
</section>
 
<section id="tagged-pages" class="draw">
<div class="menubar draw">
<span>Tagged pages</span><a href="#" onclick="hideDraw('tagged-pages');unNudgeDraw('tags');">Close</a>
</div>
 
<p></p>
 
<ul id="tagged-pages-list">
</ul>
 
</section>
 
<section id="about" class="draw">
<div class="menubar draw">
<span>About Edmund</span><a href="#" onclick="hideDraw('about');">Close</a>
</div>
 
<div class="inner scrollable">
 
<p><strong>Edmund</strong> let's you explore your Wikidot site like never before. He's currently in beta, so be careful - you never know when he might throw a tantrum. He especially doesn't like really big sites.</p>
 
<p><strong>What's with the name?</strong></p>
<p>Count Paweł <strong>Edmund</strong> Strzelecki was a Polish explorer who adventured across to Australia in the early 1800s. Among other things, Strzelecki climbed the highest peak, naming it Mount Kosciuszko, after Tadeusz Kościuszko, a national Hero of Poland. He's also in the first result when you search <em>Polish Explorer</em> on Google.</p>
 
<p><strong>Credits</strong></p>
<p>Edmund was hand crafted by <a href="http://bmccreative.com">BMC Creative</a>. A big thanks to <strong><a href="http://www.wikidot.com">Wikidot</a></strong> for building this awesome platform, <strong>Piotr Gabryjeluk</strong> for the jQuery API Library and <strong>James Kanjo</strong> for the date parser.</p>
 
<p><strong>License</strong></p>
<p>This program is free software: you can redistribute it and/or modify
    it under the terms of the GNU General Public License version 3 as
    published by the Free Software Foundation.<br>
 
    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
    GNU General Public License for more details.<br>
 
    A copy of the GNU General Public License is available from
    <a href="http://www.gnu.org/copyleft/gpl.html">http://www.gnu.org/copyleft/gpl.html</a>.</p>
</div>
</section>
 
 </div>
 
 <div id="activity"></div>
 
 </div>
 
 <div id="settings" class="modal">
 <div class="modal-inner">
 <h4>Wikidot Settings</h4>
  <a href="#" class="modal-close" onclick="close_modal('settings');">Close</a>
 <form name="settings-form" id="settings-form" class="modal-form">
 <label for="settings-site">Site:</label>
 <input type="text" name="settings-site" id="settings-site" value="" />
 <label for="settings-site" class="url-end">.wikidot.com</label><br>
 
 <label for="settings-api-key">API Key:</label>
 <input type="text" name="settings-api-key" id="settings-api-key" value="" /><br>
 
 <input type="submit" name="settings-submit" value="Go Explore..." onsubmit="return false;" />
 </form>
 <h4>Edmund Options</h4>
 <form class="settings-form" onsubmit="return false;">
 <span class="settings-group-label">Export:</span><input type="checkbox" name="settings-notifications" id="settings-notifications" value="" />
 <label for="settings-notifications" class="checkbox-label">Send watching notifcations</label> <br>
 <div class="settings-group-label"></div><input type="checkbox" name="settings-revision-comment" id="settings-revision-comment" value="" />
 <label for="settings-revision-comment" class="checkbox-label">Prompt for revision comment when saving</label> <br>
 <div class="settings-group-label"></div><input type="checkbox" name="settings-save-confirm" id="settings-save-confirm" value="" />
 <label for="settings-save-confirm" class="checkbox-label">Check if page exists before saving</label> <br>
 <span class="settings-group-label">Startup:</span><input type="checkbox" name="settings-startup" id="settings-startup" value="" />
 <label for="settings-startup" class="checkbox-label">Launch Edmund immediately</label> <br>
 
 <!-- Event tracking - not currently enabled.
 <span class="settings-group-label">Statistics:</span><input type="checkbox" name="settings-analytics" id="settings-analytics" value="" />
 <label for="settings-analytics" class="checkbox-label">Allow anonymous usage analytics</label><br>
 -->
 </form>  
 </div>
 </div>
 
<footer>
<div class="left">
Edmund v0.87 beta | <a href="#" onclick="hideAllDraws(); showDraw('intro');">Intro</a> | <a href="#" onclick="hideAllDraws(); showDraw('about');">About</a> | <a href="javascript:;" onClick="show_modal('settings');">Settings</a>
</div>
<div class="right">
Brought to you by <a href="http://bmccreative.com">BMC Creative</a>
</div>
 
</footer>
 
<div id="overlay"></div>
<noscript>
<div id="modal-nojs" class="modal show">
<div class="modal-inner">
<h4>JavaScript is required.</h4>
<p>Edmund depends on JavaScript in order to function properly. Please enable JavaScript in your browser and try again.</p>
</div>
</div>
<div class="overlay show nojs"></div>
</noscript>
</body>
</html>

by Dr Devan

shu_yabiyabiの実験室

Sun, 22 Jul 2018 07:51:03 +0000

あああ
いいい
ううう
えお

by shu_yabiyabi

Scp Xxx Jp

Mon, 25 May 2020 13:04:42 +0000

by 7happy7

Promotion Tool

Mon, 20 Apr 2020 10:32:54 +0000

http://shitake-crude-production.wikidot.com/promotion-tool/code/1

<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0"/>
<style>
body {
  color: #333;
  margin: auto auto 0;
    max-width: 650px;
    padding: 0 1em;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body::-webkit-scrollbar {
  display: none;
}
 
blockquote {
    background-color: #fff;
    border: 1px dashed #999;
    padding: 2em;
    position: fixed;
    text-align: center;
    top: 30%;
}
blockquote:before {
    background: rgba(0,0,0,.25);
    content: "";
    display: block;
    height: 100vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100vw;
    z-index: -1;
}
form {
    padding: .5em;
}
input[type="text"] {
    appearance: none;
        -webkit-appearance: none;
        -moz-appearance: none;
    border: 1px solid #aaa;
    border-radius: .25em;
    display: block;
    font-size: 1.5em;
    padding: .25em 0;
    text-align: center;
    width: 100%;
}
ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
ul li {
    background: #fff;
    border: solid #aaa;
    border-width: 0 1px 1px;
    cursor: pointer;
    padding: 0.25em;
    transition: all .25s ease;
}
ul li:not(.no):before {
    content: "> ";
}
ul li:not(.no):hover {
    background: #fff0f0;
    color: #b01;
}
ul li.no {
    background: #ddd;
    color: #999;
    cursor: auto;
}
a, button, input[type="button"] {
    appearance: none;
    -webkit-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    background: #b01;
    border: none;
    box-shadow: 2px 2px 2px #333;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 0.8em;
    font-weight: bold;
    margin: 0 0.5em 0.25em 0;
    outline: none!important;
    padding: 0.25em 1em;
    text-shadow: 0 0 2px #ddd;
    transition: all 0.25s ease-in-out;
}
button, input[type="button"] {
    background: #33b;
}
a.unverified {
    background: orange;
}
a:hover, a:active,
button:hover, button:active {
    text-shadow: 0 0 4px #fff, 0 0 7px #fff;
}
a:active, button:active {
    box-shadow:  1px 1px 2px #777;
}
div a:before {
    content: "×";
    margin: 0 0.25em 0 0;
}
div a:after {
    content: " ("attr(data-x)")";
}
 
</style>
<script>
    function _Q(query, callback) {
        var xhr = new XMLHttpRequest();
        xhr.onreadystatechange = function() {
            if(xhr.readyState == 4){
                try{
                    var res = JSON.parse(xhr.responseText);
                    res = res[Object.keys(res)[0]];
                    callback(res);
                }catch(e){console.log(e);}
            }
        };
        xhr.open("GET", "/quickmodule.php?module=MemberLookupQModule&s=578002&q=" + query, true);
        xhr.send();
    }
</script>
</head>
<body>
<input type="text" class="new" placeholder="新しい役職"/>
<input type="button" onclick="New();" value="追加"/>
<ol></ol>
<hr>
<button onclick="Add()">強制追加（検索にマッチしなかった時用）</button>
<form>
<input type="text" class="input" placeholder="2文字以上入力すると、候補が表示されます。"/>
<ul></ul>
</form>
 
<div><span></span></div>
<hr>
<button onclick="Gen()">生成</button>
<pre></pre>
URL: <input type="text" class="res" onfocus="this.select();"/>
 
<script>
if(window !== window.parent) {//based on C-take's resizing iframe method
    var site = `http://${document.referrer.split("http://")[1].split("/")[0]}/`;
    var _wrap = document.createElement("div");
    document.body.appendChild(_wrap);
    var _old= 0;
    var url = location.href.replace(/^.*\//,'/');
    (function() {
        var _new = _wrap.getBoundingClientRect().top;
        if(_new !== _old){
            var iframe = document.createElement("iframe");
            var _rand = String(Math.floor(Math.random() * 10000));
            _wrap.innerHTML = '';
            iframe.src = `${site}common--javascript/resize-iframe.html?${_rand}#${_new}${url}`;
            iframe.style.display = "none";
            _wrap.appendChild(iframe);
            _old = _new;
        }
        setTimeout(arguments.callee, 50);
   })();
}
 
var _n = document.querySelector('.new');
var _i = document.querySelector('.input');
var _o = document.querySelector('ol');
var _u = document.querySelector('ul');
var _d = document.querySelector('div');
var _p = document.querySelector('pre');
var Which = {
    0: "ウィキ運営チーム",
    1: "タグ専任チーム",
    2: "テクニカルチーム",
    3: "グローバルチーム",
    4: "渉外チーム",
    5: "チャット運営チーム",
    6: "管理者"
}
 
_i.oninput = function(e) {
    if(e.target.value.length > 1) {
        _func(e.target.value);
        function _func(que) {
            _Q(que, function(r) {
                for(var _l of document.querySelectorAll('ul > li')) {
                    _l.remove();
                }
                var list = Array.from(document.querySelectorAll('div > *')).map(function(v) {
                    return v.innerHTML;
                }).filter(function(v) {
                    return v;
                });
                if(r) {
                    r.forEach(function(v) {
                        var _li = document.createElement("li");
                        _li.innerHTML = v.name;
                        _u.appendChild(_li);
                        if(list.indexOf(v.name) > -1) {
                            _li.setAttribute("class", "no");
                        }else {
                            _li.onclick = function(e) {
                                Add(e);
                                _i.value = "";
                                _u.innerHTML = "";
                            }
                        }
                    });
                }else {
                    var _li = document.createElement("li");
                    _li.innerHTML = "No results.";
                    _li.setAttribute("class", "no");
                    _u.appendChild(_li);
                }
            });
        }
    }
}
function New() {
    if(_n.value!=="") {
        var a = Object.keys(Which), b = Number(a[a.length-1]) + 1;
        Which[b] = _n.value;
    }
    _o.innerHTML = Object.keys(Which).map(function(v) {
        return "<li>" + Which[v] + "</li>";
    }).join("");
}
New();
 
function Add(e) {
    Pop(function(n) {
        var tgt = e ? e.target.innerHTML : _i.value;
        var _a = document.createElement("a");
        _a.innerHTML = tgt;
        _a.setAttribute("data-x", n);
        if(!e){_a.setAttribute("class", "unverified");}
        _d.appendChild(_a);
        _a.onclick = function(e) {Del(e);};
    });
}
function Del(e) {
    e.target.remove();
}
function Pop(callback) {
    var _b = document.createElement("blockquote");
    document.body.appendChild(_b);
    function e(num) {
        var a = document.createElement("button");
        _b.appendChild(a);
        a.onclick = function() {
            callback(Which[num]);
            _b.remove();
        }
        a.innerHTML = Which[num];
    }
    var a = Object.keys(Which), b = Number(a[a.length-1]);
    for(var i = 0; i <= b; i++) {e(i)};
}
 
function Gen() {
    var obj = {};
    var res = "||~ 候補者 ||~ 職種 ||~ YES ||~ NO ||";
    for(var a of document.querySelectorAll('div > a')) {
        var b = a.getAttribute("data-x");
        var c = a.innerHTML;
        if(!obj[b]) {obj[b] = [];}
        obj[b].push(c);
    }
    var i = 0;
    for(var k in obj) {
        for(var a of obj[k]) {
            i++;
            res += "\n||[[*user " + a + "]]|| " + k + " || || ||";
        }
    }
    _p.innerHTML = res;
 
    document.querySelectorAll('input[type="text"]')[2].value = "http://shitake-crude-production.wikidot.com/promotion-tool/code/2#" + encodeURIComponent(JSON.stringify(obj));
}
</script>
</body>

<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0,minimum-scale=1.0"/>
<link rel="stylesheet" href="http://d3g0gp89917ko0.cloudfront.net/v--3e3a6f7dbcc9/common--theme/base/css/style.css">
<style>
body {
  color: #333;
  font-size: .75em;
  margin: 0;
  padding: 0;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
body::-webkit-scrollbar {
  display: none;
}
</style>
</head>
<body>
<table class="wiki-content-table"><tbody>
<tr>
<th>候補者</th>
<th>職種</th>
<th>YES</th>
<th>NO</th>
<th>棄権</th>
</tr>
</tbody></table>
<pre contenteditable="true"></pre>
<script>
if(window !== window.parent) {//based on C-take's resizing iframe method
    var site = `http://${document.referrer.split("http://")[1].split("/")[0]}/`;
    var _wrap = document.createElement("div");
    document.body.appendChild(_wrap);
    var _old= 0;
    var url = location.href.replace(/^.*\//,'/');
    (function() {
        var _new = _wrap.getBoundingClientRect().top;
        if(_new !== _old){
            var iframe = document.createElement("iframe");
            var _rand = String(Math.floor(Math.random() * 10000));
            _wrap.innerHTML = '';
            iframe.src = `${site}common--javascript/resize-iframe.html?${_rand}#${_new}${url}`;
            iframe.style.display = "none";
            _wrap.appendChild(iframe);
            _old = _new;
        }
        setTimeout(arguments.callee, 50);
   })();
}
 
var tbl = document.querySelector("table tbody");
var pre = document.querySelector("pre");
var hash = location.href.split("#")[1];
var data = JSON.parse(decodeURIComponent(hash));
var ext = {};
for(var k in data) {
    for(var a of data[k]) {
        ext[a] = {
            "type": k,
            "check": null
        };
    }
}
 
for(var k in ext) {
    Tr(k, ext[k].type);
}
 
function check(name, num, elm) {
    ext[name].check = num;
    var E = elm.parentElement;
    for(var e of E.parentElement.querySelectorAll("td")) {
        e.style.background = "unset";
    }
    E.style.background = "#b01";
 
    var neg = [];
    var res = "||~ 候補者 ||~ 職種 ||~ YES ||~ NO ||";
    for(var k in ext) {
        var n = ext[k].check;
        res += `\n||[[*user ${k}]]|| ${ext[k].type} `
        if(n) {
            res += (n == 1) ? "|| ✔️ || ||" : (n == 2) ? "|| || ✔️ ||" : "|| 棄権 || 棄権 ||";
            if(n !== 1) {
                neg.push(k);
            }
        }else {
            res += "|| || ||";
        }
    }
    if(neg.length) {
        res += `\n\n[[collapsible show="+ 反対/棄権事由"]]`;
        for(var _n of neg) {
            res += `\n[[*user ${_n}]]氏: `;
        }
        res += `\n[[/collapsible]]`;
    }
 
    pre.innerHTML = res;
}
 
function Tr(name, type) {
    var tr = document.createElement("tr");
    function _td(f) {
        var a = document.createElement("td");
        tr.appendChild(a);
        f(a);
    }
    for(var i = 0; i < 5; i++) {
        _td(function(td) {
            td.innerHTML = (i == 0) ? `<a target="_blank" href="http://www.wikidot.com/user:info/${name.replace(/ /g, "-")}">${name}</a>` : (i == 1) ? type : (i == 2) ? (`<button onclick="check('${name}', 1, this)">YES</button>`) : (i == 3) ? (`<button onclick="check('${name}', 2, this)">NO</button>`) : (`<button onclick="check('${name}', 3, this)">棄権</button>`);
        });
    }
    tbl.appendChild(tr);
    return tr;
}
</script>
</body>

by 7happy7

C-take実験室

Thu, 14 Sep 2017 16:14:50 +0000

Storage

砂箱みたいなもの:
_template
news:test

Play

%%name%%

c-take-rate-module-design-rule

テクニカルシステム
_template

副アカウント
a-ring-test

a-ring-test-b

ソーシャルシステム構想:
投稿のタミングはいつにすべきか？
Wikidot標準検索機能のエラー調査
 サンドボックス3利用規定ネタ出し

Sandbox3 Guest Users Rule

通信テスト:
Multi Purpose Light 3
Multi Purpose Light 2

モック
一時モック置き場
 Ratemodule Fix

新システム
設定ファイルを使用したスクリプトの試作
 設定ファイル読み込みスクリプト実験場
 設定ファイル読み込み型オブジェクト雛形仕様書

単一システム試作品:
Interwikiの自動調整に必要なもの
 Resize Interwiki Innerscript
Interwikiデモサンプル試作室

ユーザーシステム:
クレジット実験室
 対訳表作成ツール

汎用
GoogleApi実験室

実地試験室

SCP財団標準オーディオ実験（実地試験場）

SCP財団標準オーディオ実験（インクルード実験1）
SCP財団標準オーディオ実験（インクルード実験2）
SCP財団標準オーディオ実験（インクルード実験3）

わからない

ディスカッションにのみ評価モジュールを設置する
 ハイパーテキストチェンジャーを使わないでディスカッションにだけ評価モジュールを出す方法

管理

css-manage

テスト用モック

タイトル取得テストSCP-002-JP pagename scp-002-jp
コードネーム：Kwanaの提言001-JP実験用 pagename kwana-s-proposal
SCP-1/2-JP-J JP-Jテスト pagename scp-one-half-jp-j
SCウォオオアアアアアアアア-JP-J テスト pagename scpaaaaaaaaaaaaaaaaaa-jp-j
Scp Series 2
Scp 1403 Jp
Scp 1401 Jpkai

Goiフォーマット対応用Interwikiモック
 Forinnersystemcss

LocalstorageTest1
Localstorage 2

http://shitake-crude-production.wikidot.com/author:test

遊び

データ上少ない文字列になるページ

by C-take

SCP-987-KO

Sun, 14 Mar 2021 10:55:36 +0000

by Dr Devan

Indexed Db

Sat, 26 Sep 2020 15:29:51 +0000

function _err(x) {
    throw new Error(x);
}
function DB(name) {
    this.name = name;
}
DB.prototype.delete = ()=>{
    return new Promise((r,_)=>{
        var con = indexedDB.deleteDatabase(this.name);
        con.onsuccess = e=>{
            r(this);
        };
        con.onerror = e=>{
            _(e);
        };
    });
}
DB.prototype.table = (storename)=>{
    this.storename = storename;
    return this;
}
DB.prototype.create = (primaryKey,...indexInfo)=>{//'id', {name: '', (path: '', unque: false)}
    return new Promise((r,_)=>{
        this.storename||_('You have to use "table" before using this method.');
        var con = indexedDB.open(this.name);
        var exist = true;
        con.onupgradeneeded = e=>{
            exist = false;
            var db = e.target.result;
            var store = db.createObjectStore(this.storename, {keyPath: primaryKey});
            indexInfo.forEach(v=>store.createIndex(v.name, v.path||v.name, {unique: v.unique||false}));
            r(this);
        }
        con.onsuccess = e=>exist&&_(`The table "${this.storename}" already exist.`);
        con.onerror =e=>_(e);
    });
}
DB.prototype.put = (...obj)=>{
    return new Promise((r,_)=>{
        this.storename||_('You have to use "table" before using this method.');
        var con = indexedDB.open(this.name);
        con.onsuccess = e=>{
            var db = e.target.result;
            var trans = db.transaction([this.storename], "readwrite");
            trans.oncomplete = e=>r(this);
            trans.onerror = e=>_(e);
            var store = trans.objectStore(this.storename);
            obj.forEach(v=>store.put(v));
        }
        con.onerror =e=>_(e);
    });
}
DB.prototype.add = (...obj)=>{
    return new Promise((r,_)=>{
        this.storename||_('You have to use "table" before using this method.');
        var con = indexedDB.open(this.name);
        con.onsuccess = e=>{
            var db = e.target.result;
            var trans = db.transaction([this.storename], "readwrite");
            trans.oncomplete = e=>r(this);
            trans.onerror = e=>_(e);
            var store = trans.objectStore(this.storename);
            obj.forEach(v=>store.add(v));
        }
        con.onerror =e=>_(e);
    });
}
DB.prototype.key = (key, f=(v=>v))=>{
    return new Promise((r,_)=>{
        this.storename||_('You have to use "table" before using this method.');
        var con = indexedDB.open(this.name);
        con.onsuccess = e=>{
            var db = e.target.result;
            var trans = db.transaction([this.storename], "readwrite");
            var store = trans.objectStore(this.storename);
            var req = store.get(key);
            req.onsuccess = e=>{
                var data = e.target.result;
                var upd = store.put(f(data));
                upd.onsuccess = e=>r(this);
                upd.onerror = e=>_(e);
            }
            req.onerror = e=>_(e);
        }
        con.onerror =e=>_(e);
    });
}
DB.prototype.getAll = ()=>{
    return new Promise((r,_)=>{
        var trans = this.db.transaction([this.storename], "readonly");
        var store = trans.objectStore(this.storename);
        var request = store.openCursor();
        var values = [];
        request.onsuccess = e=>{
            var data = e.target.result;
            (data && (values.push(data.value), data.continue(), data)) || r(values);
        };
        request.onerror = e=>_(e);
    });
}
 
(async()=>{
    var db = new DB('testDB');
    await db.delete();
    var table = db.table('testTable')
    await table.create('id',
        {name: 'name'},
        {name: 'contact', path: ['contact.email', 'contact.tel']}
    );
    await db.add(
        {id: 1, name: 'John'},
        {id: 2, name: 'Doe'},
        {id: 3, name: 'Taro'}
    );
    console.log(await db.getAll())
})();

by 7happy7

Scp Xxx Jp 2

Mon, 25 May 2020 13:28:40 +0000

by 7happy7

RTaの実験室

Mon, 24 Aug 2020 13:58:51 +0000

なにか作ったら追加します。

Created by RTa_sub
Thank you Boyu12& Karma PoC!!
Source:Boyu12
Karma PoC
CC BY-SA 3.0

2020/09/10 RTa_sub

クレジット

タイトル: Colalt - 多重折り畳み
著者: RTa_sub

多重折り畳みといえば、Boyu12さんのcolmodがありますね。
私も似たようなの作ってみようと思いまして、純正のcollapsible-blockのコードを使って多重折り畳みを作成しました。
まずは、動作を見ていただいた方が早いでしょう。

デモ1

colaltは colalt自身を…

+開く

で、ソースコードが、奇数層、偶数層で異なっています。
奇数層、偶数層は何ぞやと。思ったことでしょう。

colaltの一番初めを第1層として、順にcolaltを入れ子にしていったときに第2層、第3層…と続いていきます。
その場合に、第〇目の〇が奇数か、偶数かで奇数層、偶数層と決まります。

項目名	データ型	初期値	説明
oddtop	`[`	null(なし)	上記説明にそって、`[`を追加してください。
oddend	`[`	null(なし)	上記説明にそって、`[`を追加してください。
eventop	`[`	null(なし)	上記説明にそって、`[`を追加してください。
evenend	`[`	null(なし)	上記説明にそって、`[`を追加してください。
show	文字列	+ show block	開くリンクテキストです。
hide	文字列	- hide block	閉じるリンクテキストです。
nohide	`true`,`false`	`false`	`true`を指定すると閉じるリンクを表示しません。
folded	`true`,`false`	`true`	`false`を指定すると開きっぱなしになり、ユーザーが任意に折り畳めます。この場合、oddtop, eventop, oddend, evenendの初めに `f`を付けてください。 oddtop → foddtop eventop → feventop oddend → foddend evenend → fevenend となります。詳しくはデモ4をご覧ください。

導入方法

折り畳みたい箇所を下記のcolaltで囲い必要に応じてパラメータを追加/変更して下さい。

[[include :rtas:component:colalt |oddtop=[|show=+開く|hide=-閉じる]]
…
[[include :rtas:component:colalt |eventop=[|show=+開く|hide=-閉じる]]
…
[[include :rtas:component:colalt |evenend=[|show=+開く|hide=-閉じる|nohide=true]]
[[include :rtas:component:colalt |oddend=[|nohide=true]]

注意

[[iftags]]の中では使えません。

飛ばして奇数番目を閉じるとつっかえます。

デモ2

oddend もしくは evenend の nohide を省略し hide を指定すると…

+ 開く

デモ3

更にoddtop もしくは eventopの hide を省略し nohide=true を指定すると…

+ 開く

デモ4

folded=false を指定すると…

- 閉じる

collapsibleの folded="no" を再現できます。
oddtop → foddtop
eventop → feventop
oddend → foddend
evenend → fevenendと変換する必要があります。

デモ5

colaltを [[div class="collapsiblealt"]]と[[/div]] で囲むと…

認証

デモ6

+ おまけ:colaltのソースコード

▽ 閉じる

この構文は折り畳みブロックのコードを逆手にとって出来ています。

一部改行/コメントアウトの挿入をしています。

WIKIDOT.combined.js:formatted(一部抜粋)

-閉じる

c("div.collapsible-block a.collapsible-block-link").livequery("click", function() {
  var d = c(this).parents("div.collapsible-block").first();
  if (d.find(".collapsible-block-folded").is(":visible")) {
    d.find(".collapsible-block-folded").hide();
    var e = d.find(".collapsible-block-unfolded");
    e.find(".collapsible-block-content").hide();
    e.show();
    e.find(".collapsible-block-content").fadeIn("fast")
  } else {
    d.find(".collapsible-block-unfolded").hide();
    d.find(".collapsible-block-folded").show()
  }
});

と、codeを載せましたが、大まかに…[[div class="collapsible-block"]] ~ [[/div]]内部の[[a class="collapsible-block-link"]]~[[/a]]を基準として、
[[div class="collapsible-block"]] ~ [[/div]]内部にある

[class="collapsible-block-folded"]が、visibleの時
[class="collapsible-block-folded"]が、hiddenの時

の2種類の状態があるとします。
1の場合、
まず、
折り畳み部分の開くリンクをhidden→折り畳み内部要素をhidden→折り畳み部分の閉じるリンクをvisible→折り畳み内部要素をfadeIn
という動作が行われています。
2の場合、
折り畳み部分の閉じるリンクと折り畳み内部要素をhidden→折り畳み部分の開くリンクをvisible
という動作が行われています。

ここまでは、通常の折り畳みブロックと同じです。
で、通常の折り畳みブロックをそのまま入れ子にすると以下のような動作になります。

+開く

なので、通常、開くリンクを閉じるとし、閉じるリンクを開くとして、折り畳み内部要素をもう一方の部分に入れることで、互い違いとなり、同時に開くということがなくなりこの構文を実現することができました。

colalt-base 深層インクルード(初期値代入用)…

[[include :rtas:component:colalt-base
|odtop={$oddtop}|odend={$oddend}
|evtop={$eventop}|evend={$evenend}
|fodtop={$foddtop}|fodend={$foddend}
|fevtop={$feventop}|fevend={$fevenend}
|nohide={$nohide}|nohide=0
|hide={$hide}|hide=- hide block]]

colalt-base 折り畳み本体…

-閉じる

[[iftags]]
[{$odtop}/iftags]]
[{$odtop}include :rtas:component:colalt-base odtopbase=[|show={$show}|hide={$hide}|nohide={$nohide}]]
[{$odtop}iftags]]
[{$odtopbase}/iftags]]
[[div class="collapsible-block"]]
[[div class="collapsible-block-folded"]]
[[a class="collapsible-block-link" href="javascript:void(0)"]]{$show}[[/a]]
[[/div]]
[[div class="collapsible-block-unfolded" style="display: none;"]]
[[div class="collapsible-block-unfolded-link"]]
[[a class="collapsible-block-link" href="javascript:void(0)"]][[#if {$nohide} |  | {$hide} ]][[/a]]
[[/div]]
[[div class="collapsible-block-content"]]
[{$odtopbase}iftags]]
[{$evtop}/iftags]]
[{$evtop}include :rtas:component:colalt-base evtopbase=[|hide={$hide}|nohide={$nohide}]]
[{$evtop}iftags]]
[{$evtopbase}/iftags]]
[[div class="collapsible-block"]]
[[div class="collapsible-block-folded"]]
[[a class="collapsible-block-link" href="javascript:void(0)"]][[#if {$nohide} |  | {$hide} ]][[/a]]
[[div class="collapsible-block-content"]]
[{$evtopbase}iftags]]
[{$odend}/iftags]]
[{$odend}include :rtas:component:colalt-base odendbase=[|hide={$hide}|nohide={$nohide}]]
[{$odend}iftags]]
[{$odendbase}/iftags]]
[[/div]][[div class="collapsible-block-unfolded-link"]]
[[a class="collapsible-block-link" href="javascript:void(0)"]][[#if {$nohide} |  | {$hide} ]][[/a]][[/div]][[/div]][[/div]]
[{$odendbase}iftags]]
[{$evend}/iftags]]
[{$evend}include :rtas:component:colalt-base evendbase=[|show={$show}|hide={$hide}|nohide={$nohide}]]
[{$evend}iftags]]
[{$evendbase}/iftags]]
[[/div]][[a class="collapsible-block-link" href="javascript:void(0)"]][[#if {$nohide} |  | {$hide} ]][[/a]][[/div]]
[[div class="collapsible-block-unfolded" style="display: none;"]]
[[div class="collapsible-block-unfolded-link"]]
[[a class="collapsible-block-link" href="javascript:void(0)"]]{$show}[[/a]]
[[/div]][[/div]][[/div]]
[{$evendbase}iftags]]
[[#if {$folded} |  | [[/iftags] ]][[#if {$folded} |  | ] ]]
[[#if {$folded} |  | [[iftags] ]][[#if {$folded} |  | ] ]]
[{$fodtop}/iftags]]
[{$fodtop}include :rtas:component:colalt-base fodtopbase=[|hide={$hide}|nohide={$nohide}]]
[{$fodtop}iftags]]
[{$fodtopbase}/iftags]]
[[div class="collapsible-block"]]
[[div class="collapsible-block-folded"]]
[[a class="collapsible-block-link" href="javascript:void(0)"]][[#if {$nohide} |  | {$hide} ]][[/a]]
[[div class="collapsible-block-content"]]
[{$fodtopbase}iftags]]
[{$fodend}/iftags]]
[{$fodend}include :rtas:component:colalt-base fodendbase=[|show={$show}|hide={$hide}|nohide={$nohide}]]
[{$fodend}iftags]]
[{$fodendbase}/iftags]]
[[/div]][[a class="collapsible-block-link" href="javascript:void(0)"]][[#if {$nohide} |  | {$hide} ]][[/a]][[/div]]
[[div class="collapsible-block-unfolded" style="display: none;"]]
[[div class="collapsible-block-unfolded-link"]]
[[a class="collapsible-block-link" href="javascript:void(0)"]]{$show}[[/a]][[/div]]
[[/div]][[/div]]
[{$fodendbase}iftags]]
[{$fevtop}/iftags]]
[{$fevtop}include :rtas:component:colalt-base fevtopbase=[|show={$show}|hide={$hide}|nohide={$nohide}]]
[{$fevtop}iftags]]
[{$fevtopbase}/iftags]]
[[div class="collapsible-block"]]
[[div class="collapsible-block-folded"]]
[[a class="collapsible-block-link" href="javascript:void(0)"]]{$show}[[/a]][[/div]]
[[div class="collapsible-block-unfolded" style="display: none;"]]
[[div class="collapsible-block-unfolded-link"]]
[[a class="collapsible-block-link" href="javascript:void(0)"]][[#if {$nohide} |  | {$hide} ]][[/a]]
[[div class="collapsible-block-content"]]
[{$fevtopbase}iftags]]
[{$fevend}/iftags]]
[{$fevend}include :rtas:component:colalt-base fevendbase=[|hide={$hide}|nohide={$nohide}]]
[{$fevend}iftags]]
[{$fevendbase}/iftags]]
[[/div]][[a class="collapsible-block-link" href="javascript:void(0)"]][[#if {$nohide} |  | {$hide} ]][[/a]][[/div]][[/div]][[/div]]
[{$fevendbase}iftags]]
[[/iftags]]
[[module css]]
.collapsible-block-content {
    opacity: unset !important;
    -webkit-animation: colalt-fade-in 0.2s ease-in-out;
    -moz-animation: colalt-fade-in 0.2s ease-in-out;
    animation: colalt-fade-in 0.2s ease-in-out;
    -webkit-animation-timing-function: cubic-bezier(0.3649610494,0,0.6350389506,1);
    -moz-animation-timing-function: cubic-bezier(0.3649610494,0,0.6350389506,1);
    animation-timing-function: cubic-bezier(0.3649610494,0,0.6350389506,1);
}
@-webkit-keyframes colalt-fade-in { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes colalt-fade-in { from { opacity:0; } to { opacity:1; } }
@keyframes colalt-fade-in { from { opacity:0; } to { opacity:1; } }
.collapsiblealt .collapsible-block-link {
  padding: 0.1em 0.5em;
  text-decoration: none;
  background-color: #F4F4F4;
  border: 1px solid #AAA;
  color: #000;
}
.collapsiblealt .collapsible-block-unfolded-link:not(:first-child) .collapsible-block-link {
  padding: 0;
  text-decoration: none;
  background-color: unset;
  border: unset;
  color: unset;
}
.collapsiblealt .collapsible-block-link:hover {
  background-color: #DDD;
  color: #000;
}
.collapsiblealt .collapsible-block-link:active {
  background-color: #DDD;
  color: #000;
}
.collapsiblealt .collapsible-block-unfolded-link {
  margin: 0.5em 0;
  text-align: center;
}
.collapsiblealt .collapsible-block-folded {
  margin: 0.5em 0;
  text-align: center;
}
[[/module]]

colaltの内容がわからない場合…

-閉じる

SNB-B12-JP2を見たらいいと思います。([[iftags]]の使い方はここに載ってます。)

△ 閉じる

+ 見せる

by RTa_sub

Scp Xxx Jp 3

Sun, 16 Aug 2020 14:33:27 +0000

by 7happy7

Promotion Tool Test

Tue, 11 Aug 2020 11:33:35 +0000

下記のツールでURLを生成する

「テクニカルスタッフ」「渉外スタッフ」「チャット運営スタッフ」「グローバルスタッフ」「ウィキ運営スタッフ」「管理者」以外の役職を使う時（例: 「イベント常任委員」）は、「新しい役職」に役職名を入れ、「追加」をクリックしてから作業を開始する。

「2文字以上入力すると…」にユーザー名を入力すると、マッチしたSCP-JPのメンバーが一覧で表示されるので、目的のユーザー名をクリック、続いて表示されたダイアログから役職をクリックする。

マッチしなかった場合は、「強制追加」を押すと、フィールド内の文字列がユーザー名として登録される。

「生成」をクリックする。

生成されたURLを以下の例の赤字部分と置き換え、フォーラムポストに貼る

[[iframe http://shitake-crude-production.wdfiles.com/local--code/promotion-tool/2#%7B%22%E7%AE%A1%E7%90%86%E8%80%85%22%3A%5B%22C-take%22%2C%22hannyahara%22%2C%22Gokipo%22%5D%7D style="border: none; height: 0; width: 100%;" class="html-block-iframe"]]

例↓

by 7happy7

Highlight Area

Tue, 28 Jul 2020 02:04:33 +0000

sample

[[iframe http://shitake-crude-production.wdfiles.com/local--code/highlight-area/2#zy style="height: 0; width: 100%;" class="html-block-iframe"]]

export var container = {};
 
export var init = (deco=(r=>r), val={}) => {
  var H = document.querySelectorAll('highlight-area');
 
  var resizeTA = (deco, elm) => {
    var cur = elm.selectionEnd || elm.selectionStart || 0;
    var changed = (container[elm.parentElement.id].focus.index !== cur);
    container[elm.parentElement.id].focus.index = cur;
    var rep = t => t.replace(/</g, "&lt;");
 
    elm.tgtElm.innerHTML = rep(elm.value.slice(0,cur)) + '<span class="cursor"></span>' + rep(elm.value.slice(cur)) + '\u200b';
 
    deco(elm.tgtElm);
    elm.tgtElm.style.height = "unset";
    elm.parentElement.style.height = (elm.tgtElm.scrollHeight + 20) + "px";
    elm.tgtElm.style.height = "100%";
 
    var tgt = elm.tgtElm.querySelector(".cursor");
    var thisNode = false;
 
    if(tgt.previousSibling==tgt.parentElement) {;}
    else if(tgt && tgt.previousSibling && tgt.previousSibling.classList) {
      container[elm.parentElement.id].focus.text = tgt.previousSibling.innerText;
      container[elm.parentElement.id].focus.class = tgt.previousSibling.classList.value;
      tgt.previousSibling.classList.add("cursor_before");
    }else {
      try {
        var node = tgt.previousSibling;
        var text = node.textContent;
        var s = document.createElement('span');
        s.textContent = text;
        s.setAttribute("class", "cursor_before _node");
        var d;
        for (var i = 0, c = node.parentElement.childNodes; i < c.length; i++) {
          if (node == c[i]) {
            d = i;
            break;
          }
        }
        if(!isNaN(d)) {
          container[elm.parentElement.id].focus.text = text;
      container[elm.parentElement.id].focus.class = false;
          node.parentElement.insertBefore(s, node.parentElement.childNodes[d]);
          node.remove();
          thisNode = true;
        }
      }catch(e) {}
    }
 
    if(tgt && tgt.nextSibling && tgt.nextSibling.classList) {
      if(!thisNode) {
        tgt.nextSibling.classList.add("cursor_after");
        container[elm.parentElement.id].focus.text += tgt.nextSibling.innerText;
      }
    }
    else if(thisNode) {
      try {
        var node = tgt.nextSibling;
        var text = node.textContent;
        var s = document.createElement('span');
        s.textContent = text;
        s.setAttribute("class", "cursor_after _node");
        var d;
        for (var i = 0, c = node.parentElement.childNodes; i < c.length; i++) {
          if (node == c[i]) {
            d = i;
            break;
          }
        }
        if(!isNaN(d)) {
          container[elm.parentElement.id].focus.text += text;
          node.parentElement.insertBefore(s, node.parentElement.childNodes[d]);
          node.remove();
        }
      }catch(e) {}
    }
    if(changed) {
      container[elm.parentElement.id].onChange(container[elm.parentElement.id].focus);
    }
 
  }
 
  for(var h of H) {
    container[h.id] = {element: h, focus: {text: "", class: "", index: 0}, onChange: function() {}};
    var t = h.querySelector('textarea');
    var c = h.querySelector('code');
    t.tgtElm = c;
    if(val[h.id]) {
      t.value = val[h.id];
    }
    resizeTA(deco, t);
    for(var _ of ["blur", "input", "focus", "keydown", "keyup", "click", "touchend", "selectionchange"]) {
      t.addEventListener(_, (e)=> {
        resizeTA(deco, e.target);
      })
    }
 
  }
 
  window.addEventListener('hl-all-resize', () => {
    for(var h of H) {
      var t = h.querySelector('textarea');
      resizeTA(deco, t);
    }
  });
 
  if(window !== window.parent) {//based on C-take's resizing iframe method
    var site = `http://${document.referrer.split("http://")[1].split("/")[0]}/`;
    var _wrap = document.createElement("div");
    document.body.appendChild(_wrap);
    var _old= 0;
    var url = location.href.replace(/^.*\//,'/');
 
    (function _f() {
      var _new = _wrap.getBoundingClientRect().top;
      if(_new !== _old){
        var iframe = document.createElement("iframe");
        var _rand = String(Math.floor(Math.random() * 10000));
        _wrap.innerHTML = '';
        iframe.src = `${site}common--javascript/resize-iframe.html?${_rand}#${_new}${url}`;
        iframe.style.display = "none";
        _wrap.appendChild(iframe);
        _old = _new;
      }
      setTimeout(_f, 250);
    })();
  }
 
}
 
class highlightArea extends HTMLElement {
    constructor() {
        super();
        this.render();
    }
    render() {
        var t = document.createElement('textarea'),
        p = document.createElement('pre'),
        c = document.createElement('code'),
        cls = this.getAttribute('data-type'),
        val = this.getAttribute('data-value');
 
        !cls || t.setAttribute('placeholder', cls.toUpperCase()), c.setAttribute('class', cls);
        !val || t.setAttribute('value', val);
 
        t.setAttribute('spellcheck', 'false');
 
        this.append(t);
        this.append(p);
        p.append(c);
        this.removeAttribute('data-type');
        this.removeAttribute('data-value');
    }
}
customElements.define('highlight-area', highlightArea);
 
class highlightSetUp extends HTMLElement {
    constructor() {
        super();
        this.render();
    }
    render() {
        var _1 = document.createElement('script'),
        _2 = document.createElement('link'),
        _3 = document.createElement('style');
        _1.src = 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/highlight.min.js';
        _2.setAttribute('rel', 'stylesheet');
        _2.setAttribute('href', 'https://cdnjs.cloudflare.com/ajax/libs/highlight.js/9.12.0/styles/atom-one-dark.min.css');
        _3.innerHTML = `@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@0,400;1,300&display=swap');body {-webkit-text-size-adjust: 100%;}highlight-area {display: block;position: relative;}highlight-area textarea {-webkit-appearance: none;background: #223747;border-radius: 0;box-shadow: 1px 1px 3px #aaa!important;box-sizing: border-box;caret-color: #a97;color: transparent;display: block;font-family: 'IBM Plex Mono',monospace;font-size: 16px;height: 100%;line-height: 1.4;margin: 0;overflow: hidden;padding: 0 .5em;resize: none;transition: border .2s;white-space: pre-wrap;width: 100%;word-break: break-all;}highlight-area textarea::selection {background: #4d90fe;color: transparent;}highlight-area textarea:focus {box-shadow: 1px 1px 3px #4d90fe;outline: none;}highlight-area pre {height: 100%;left: 0;line-height: 1.4;margin: 0;pointer-events: none;position: absolute;top: 0;width: 100%;}highlight-area pre code, highlight-area pre code.hljs {background: rgba(0,0,0,0);box-shadow: none;box-sizing: border-box;color: #a97;display: block;font-family: 'IBM Plex Mono',monospace;font-size: 16px;height: 100%;overflow: hidden;padding: 0 .5em;white-space: pre-wrap!important;width: 100%;word-break: break-all;}highlight-area pre code * {font-weight: normal!important;}highlight-area textarea:disabled + pre code,highlight-area textarea:disabled + pre code * {color: #aaa;}highlight-area .hljs-string, highlight-area .hljs-regexp, highlight-area .hljs-addition, highlight-area .hljs-attribute, highlight-area .hljs-meta-string {font-style: italic;}highlight-area pre code .cursor {display: none;}highlight-area textarea:focus + pre code .cursor_before, highlight-area textarea:focus + pre code .cursor_after {text-decoration: underline;}`;
        this.append(_1);
        this.append(_2);
        this.append(_3);
        _1.onload = () => {
            window.dispatchEvent(new Event('hljs-onloaded'));
        }
    }
}
customElements.define('highlight-setup', highlightSetUp);

by 7happy7

01234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567890123456789012345678901234567

Thu, 27 Aug 2020 23:44:33 +0000

pagename
60文字

ページタイトル
128文字 ※byteではなかった

by C-take