js/jste/test.html

<!DOCTYPE HTML>
<html lang=en class=account-user-misc>
<meta charset=utf-8>
<title>新しい利用者アカウントの作成</title>
<link rel=stylesheet href="/admin/style/common">
<body>
<h1>新しい利用者アカウントの作成</h1>

<form action=new-user accept-charset=utf-8 method=post>

<p><strong>利用者識別子</strong>: <input type=text name=user-id
maxlength=20 size=10 required pattern="[0-9a-z-]{4,20}"> (文字「a」〜「z」、「0」〜「9」、「-」を使って 4〜10 文字の文字列を指定してください。)<p><strong>合言葉</strong>: <input type=password name=user-pass
size=10 required pattern=".{4,}"> (最低4文字入力してください。)<p><strong>合言葉</strong> (もう一度): <input type=password
name=user-pass2 size=10 required pattern=".{4,}">

<p><input type=submit value="作成" class=create></p></form>

<section>
<html lang=en class=account-user-info>
<title>さん</title>

<h1>さん</h1><section id=groups><h2>グループ</h2><section id="groups-joined"><h3>参加中のグループ</h3><ul><li><form action="group.admin-groups" accept-charset=utf-8 method=post><a href="../../groups/admin-groups/">admin-groups</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.admin-users" accept-charset=utf-8 method=post><a href="../../groups/admin-users/">admin-users</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.helo" accept-charset=utf-8 method=post><a href="../../groups/helo/">helo</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.helo-admin" accept-charset=utf-8 method=post><a href="../../groups/helo-admin/">helo-admin</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.schema-db" accept-charset=utf-8 method=post><a href="../../groups/schema-db/">schema-db</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.spec-ja" accept-charset=utf-8 method=post><a href="../../groups/spec-ja/">spec-ja</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.spec-ja-admin" accept-charset=utf-8 method=post><a href="../../groups/spec-ja-admin/">spec-ja-admin</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.suikawiki" accept-charset=utf-8 method=post><a href="../../groups/suikawiki/">suikawiki</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.test-results" accept-charset=utf-8 method=post><a href="../../groups/test-results/">test-results</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form></ul></section><section id="groups-requested"><h3>参加申請中 (未許可) のグループ</h3><ul><li><form action="" accept-charset=utf-8 method=post><a href="../../groups//"></a> <input type=hidden name=action value=leave><input type=submit value="申請取消"></form></ul></section></section><section id=props><h2>特性</h2><p><em>これらの特性は管理者のみが見ることができますが、秘密の情報は記述しないことをお勧めします。</em></p>

<form action="prop" accept-charset=utf-8 method=post><input type=hidden name=name value="full_name"><p><label><strong>名前</strong>: <input type="text" name="value" value=""></label> <input type=submit value="保存">

</p></form>


<form action="prop" accept-charset=utf-8 method=post><input type=hidden name=name value="mail_addr"><p><label><strong>メイル・アドレス</strong>: <input type="email" name="value" value=""></label> <input type=submit value="保存">
</p></form>

<form action="prop" accept-charset=utf-8 method=post><input type=hidden name=name value="home_url"><p><label><strong>Web サイト URL</strong>: <input type="url" name="value" value=""></label> <input type=submit value="保存">
</p>

</form></section><section id=password><h2>合言葉</h2>

<form action=password method=post accept-charset=utf-8>

<p>合言葉を変更できます。<p><strong>新しい合言葉</strong>: <input type=password name=user-pass
size=10 required pattern=".{4,}"> (最低4文字入力してください。) <p><strong>新しい合言葉</strong> (もう一度): <input type=password
name=user-pass2 size=10 required pattern=".{4,}">

<p><input type=submit value="変更"></p>

</form>
</section>

<section id=disable-account><h2>アカウントの無効化</h2>


<p><label><input type=checkbox name=action value=enable checked> このアカウントを有効にする</label>

<p><strong>警告!</strong> 自分のアカウントを無効にすると、自分で再度有効にすることはできません。<p><input type=submit value="変更"></form></section></section>

<style>

section, article, menu {
  display: block;
  margin: 0;
  padding: 0;
}

.sbs-container {
  display: block;
  position: absolute;
}

.sbs-container.sbs-without-refelement {
  position: fixed;
  bottom: 1em;
  right: 1em;
}

.sbs-selected {
  outline: 2px blue dotted !important;
}

.mm-container {
  display: block;
  padding-bottom: 2em;
  background-color: white;
  width: 20em;
  min-height: 5em;
}

.mm-container menu {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
}
</style>

</p>

<script type="text/javascript" src="uupaa-detect.mini.js"></script>
<script type="text/javascript" src="uupaa-selector.js"></script>

<script src="../../css/noderect/NodeRect.js"></script>
<script src=tutorial.js></script>
<script src=SimpleBalloon.js></script>

<script>
var MyMessage = new JSTE.Subclass (function () {
  return this._super.apply (this, arguments);
}, JSTE.Message, {
  _render: function (msgContainer, buttonContainer) {
    var doc = this._targetDocument;
    
    var container = doc.createElement ('section');
    container.className = 'mm-container';
    
    container.appendChild (msgContainer);
    container.appendChild (buttonContainer);
    
    var refElement = JSTE.Node.querySelector (document, this.select);
    if (document.all) {
      this._simpleBalloon = new SimpleBalloonVML (container, refElement);
    } else {
      this._simpleBalloon = new SimpleBalloon (container, refElement);
    }
    
    return this._simpleBalloon.element;
  }, // _render
  _remove: function () {
    this._simpleBalloon.remove ();
  } // _remove
});

  var xhr = new XMLHttpRequest ();
  xhr.open ('GET', 'test.xml', false);
  xhr.send (null);


document.a =
JSTE.Course.createFromDocument (xhr.responseXML, document);

document.b = 
new JSTE.Tutorial (document, document.a, {messageClass: MyMessage});

</script>

<!--
/* ***** BEGIN LICENSE BLOCK *****
 * Copyright 2008-2009 Wakaba <w@suika.fam.cx>.  All rights reserved.
 *
 * This program is free software; you can redistribute it and/or 
 * modify it under the same terms as Perl itself.
 *
 * Alternatively, the contents of this file may be used 
 * under the following terms (the "MPL/GPL/LGPL"), 
 * in which case the provisions of the MPL/GPL/LGPL are applicable instead
 * of those above. If you wish to allow use of your version of this file only
 * under the terms of the MPL/GPL/LGPL, and not to allow others to
 * use your version of this file under the terms of the Perl, indicate your
 * decision by deleting the provisions above and replace them with the notice
 * and other provisions required by the MPL/GPL/LGPL. If you do not delete
 * the provisions above, a recipient may use your version of this file under
 * the terms of any one of the Perl or the MPL/GPL/LGPL.
 *
 * "MPL/GPL/LGPL":
 *
 * Version: MPL 1.1/GPL 2.0/LGPL 2.1
 *
 * The contents of this file are subject to the Mozilla Public License Version
 * 1.1 (the "License"); you may not use this file except in compliance with
 * the License. You may obtain a copy of the License at
 * <http://www.mozilla.org/MPL/>
 *
 * Software distributed under the License is distributed on an "AS IS" basis,
 * WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
 * for the specific language governing rights and limitations under the
 * License.
 *
 * The Original Code is JSTE code.
 *
 * The Initial Developer of the Original Code is Wakaba.
 * Portions created by the Initial Developer are Copyright (C) 2008
 * the Initial Developer. All Rights Reserved.
 *
 * Contributor(s):
 *   Wakaba <w@suika.fam.cx>
 *
 * Alternatively, the contents of this file may be used under the terms of
 * either the GNU General Public License Version 2 or later (the "GPL"), or
 * the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
 * in which case the provisions of the GPL or the LGPL are applicable instead
 * of those above. If you wish to allow use of your version of this file only
 * under the terms of either the GPL or the LGPL, and not to allow others to
 * use your version of this file under the terms of the MPL, indicate your
 * decision by deleting the provisions above and replace them with the notice
 * and other provisions required by the LGPL or the GPL. If you do not delete
 * the provisions above, a recipient may use your version of this file under
 * the terms of any one of the MPL, the GPL or the LGPL.
 *
 * ***** END LICENSE BLOCK ***** */
-->
1	<!DOCTYPE HTML>
2	<html lang=en class=account-user-misc>
3	<meta charset=utf-8>
4	<title>新しい利用者アカウントの作成</title>
5	<link rel=stylesheet href="/admin/style/common">
6	<body>
7	<h1>新しい利用者アカウントの作成</h1>
8
9	<form action=new-user accept-charset=utf-8 method=post>
10
11	<p><strong>利用者識別子</strong>: <input type=text name=user-id
12	maxlength=20 size=10 required pattern="[0-9a-z-]{4,20}"> (文字「a」〜「z」、「0」〜「9」、「-」を使って 4〜10 文字の文字列を指定してください。)<p><strong>合言葉</strong>: <input type=password name=user-pass
13	size=10 required pattern=".{4,}"> (最低4文字入力してください。)<p><strong>合言葉</strong> (もう一度): <input type=password
14	name=user-pass2 size=10 required pattern=".{4,}">
15
16	<p><input type=submit value="作成" class=create></p></form>
17
18	<section>
19	<html lang=en class=account-user-info>
20	<title>さん</title>
21
22	<h1>さん</h1><section id=groups><h2>グループ</h2><section id="groups-joined"><h3>参加中のグループ</h3><ul><li><form action="group.admin-groups" accept-charset=utf-8 method=post><a href="../../groups/admin-groups/">admin-groups</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.admin-users" accept-charset=utf-8 method=post><a href="../../groups/admin-users/">admin-users</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.helo" accept-charset=utf-8 method=post><a href="../../groups/helo/">helo</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.helo-admin" accept-charset=utf-8 method=post><a href="../../groups/helo-admin/">helo-admin</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.schema-db" accept-charset=utf-8 method=post><a href="../../groups/schema-db/">schema-db</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.spec-ja" accept-charset=utf-8 method=post><a href="../../groups/spec-ja/">spec-ja</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.spec-ja-admin" accept-charset=utf-8 method=post><a href="../../groups/spec-ja-admin/">spec-ja-admin</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.suikawiki" accept-charset=utf-8 method=post><a href="../../groups/suikawiki/">suikawiki</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form><li><form action="group.test-results" accept-charset=utf-8 method=post><a href="../../groups/test-results/">test-results</a> <input type=hidden name=action value=leave><input type=submit value="このグループから抜ける"></form></ul></section><section id="groups-requested"><h3>参加申請中 (未許可) のグループ</h3><ul><li><form action="" accept-charset=utf-8 method=post><a href="../../groups//"></a> <input type=hidden name=action value=leave><input type=submit value="申請取消"></form></ul></section></section><section id=props><h2>特性</h2><p><em>これらの特性は管理者のみが見ることができますが、秘密の情報は記述しないことをお勧めします。</em></p>
23
24	<form action="prop" accept-charset=utf-8 method=post><input type=hidden name=name value="full_name"><p><label><strong>名前</strong>: <input type="text" name="value" value=""></label> <input type=submit value="保存">
25
26	</p></form>
27
28
29
30	<form action="prop" accept-charset=utf-8 method=post><input type=hidden name=name value="mail_addr"><p><label><strong>メイル・アドレス</strong>: <input type="email" name="value" value=""></label> <input type=submit value="保存">
31	</p></form>
32
33	<form action="prop" accept-charset=utf-8 method=post><input type=hidden name=name value="home_url"><p><label><strong>Web サイト URL</strong>: <input type="url" name="value" value=""></label> <input type=submit value="保存">
34	</p>
35
36	</form></section><section id=password><h2>合言葉</h2>
37
38	<form action=password method=post accept-charset=utf-8>
39
40	<p>合言葉を変更できます。<p><strong>新しい合言葉</strong>: <input type=password name=user-pass
41	size=10 required pattern=".{4,}"> (最低4文字入力してください。) <p><strong>新しい合言葉</strong> (もう一度): <input type=password
42	name=user-pass2 size=10 required pattern=".{4,}">
43
44	<p><input type=submit value="変更"></p>
45
46	</form>
47	</section>
48
49	<section id=disable-account><h2>アカウントの無効化</h2>
50
51
52	<p><label><input type=checkbox name=action value=enable checked> このアカウントを有効にする</label>
53
54	<p><strong>警告!</strong> 自分のアカウントを無効にすると、自分で再度有効にすることはできません。<p><input type=submit value="変更"></form></section></section>
55
56	<style>
57
58	section, article, menu {
59	display: block;
60	margin: 0;
61	padding: 0;
62	}
63
64	.sbs-container {
65	display: block;
66	position: absolute;
67	}
68
69	.sbs-container.sbs-without-refelement {
70	position: fixed;
71	bottom: 1em;
72	right: 1em;
73	}
74
75	.sbs-selected {
76	outline: 2px blue dotted !important;
77	}
78
79	.mm-container {
80	display: block;
81	padding-bottom: 2em;
82	background-color: white;
83	width: 20em;
84	min-height: 5em;
85	}
86
87	.mm-container menu {
88	position: absolute;
89	bottom: 0;
90	left: 0;
91	right: 0;
92	text-align: center;
93	}
94	</style>
95
96	</p>
97
98	<script type="text/javascript" src="uupaa-detect.mini.js"></script>
99	<script type="text/javascript" src="uupaa-selector.js"></script>
100
101	<script src="../../css/noderect/NodeRect.js"></script>
102	<script src=tutorial.js></script>
103	<script src=SimpleBalloon.js></script>
104
105	<script>
106	var MyMessage = new JSTE.Subclass (function () {
107	return this._super.apply (this, arguments);
108	}, JSTE.Message, {
109	_render: function (msgContainer, buttonContainer) {
110	var doc = this._targetDocument;
111
112	var container = doc.createElement ('section');
113	container.className = 'mm-container';
114
115	container.appendChild (msgContainer);
116	container.appendChild (buttonContainer);
117
118	var refElement = JSTE.Node.querySelector (document, this.select);
119	if (document.all) {
120	this._simpleBalloon = new SimpleBalloonVML (container, refElement);
121	} else {
122	this._simpleBalloon = new SimpleBalloon (container, refElement);
123	}
124
125	return this._simpleBalloon.element;
126	}, // _render
127	_remove: function () {
128	this._simpleBalloon.remove ();
129	} // _remove
130	});
131
132	var xhr = new XMLHttpRequest ();
133	xhr.open ('GET', 'test.xml', false);
134	xhr.send (null);
135
136
137	document.a =
138	JSTE.Course.createFromDocument (xhr.responseXML, document);
139
140	document.b =
141	new JSTE.Tutorial (document, document.a, {messageClass: MyMessage});
142
143	</script>
144
145	<!--
146	/* *** BEGIN LICENSE BLOCK ***
147	* Copyright 2008-2009 Wakaba <w@suika.fam.cx>. All rights reserved.
148	*
149	* This program is free software; you can redistribute it and/or
150	* modify it under the same terms as Perl itself.
151	*
152	* Alternatively, the contents of this file may be used
153	* under the following terms (the "MPL/GPL/LGPL"),
154	* in which case the provisions of the MPL/GPL/LGPL are applicable instead
155	* of those above. If you wish to allow use of your version of this file only
156	* under the terms of the MPL/GPL/LGPL, and not to allow others to
157	* use your version of this file under the terms of the Perl, indicate your
158	* decision by deleting the provisions above and replace them with the notice
159	* and other provisions required by the MPL/GPL/LGPL. If you do not delete
160	* the provisions above, a recipient may use your version of this file under
161	* the terms of any one of the Perl or the MPL/GPL/LGPL.
162	*
163	* "MPL/GPL/LGPL":
164	*
165	* Version: MPL 1.1/GPL 2.0/LGPL 2.1
166	*
167	* The contents of this file are subject to the Mozilla Public License Version
168	* 1.1 (the "License"); you may not use this file except in compliance with
169	* the License. You may obtain a copy of the License at
170	* <http://www.mozilla.org/MPL/>
171	*
172	* Software distributed under the License is distributed on an "AS IS" basis,
173	* WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License
174	* for the specific language governing rights and limitations under the
175	* License.
176	*
177	* The Original Code is JSTE code.
178	*
179	* The Initial Developer of the Original Code is Wakaba.
180	* Portions created by the Initial Developer are Copyright (C) 2008
181	* the Initial Developer. All Rights Reserved.
182	*
183	* Contributor(s):
184	* Wakaba <w@suika.fam.cx>
185	*
186	* Alternatively, the contents of this file may be used under the terms of
187	* either the GNU General Public License Version 2 or later (the "GPL"), or
188	* the GNU Lesser General Public License Version 2.1 or later (the "LGPL"),
189	* in which case the provisions of the GPL or the LGPL are applicable instead
190	* of those above. If you wish to allow use of your version of this file only
191	* under the terms of either the GPL or the LGPL, and not to allow others to
192	* use your version of this file under the terms of the MPL, indicate your
193	* decision by deleting the provisions above and replace them with the notice
194	* and other provisions required by the LGPL or the GPL. If you do not delete
195	* the provisions above, a recipient may use your version of this file under
196	* the terms of any one of the MPL, the GPL or the LGPL.
197	*
198	* *** END LICENSE BLOCK *** */
199	-->