| 1 |
wakaba |
1.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 |
|
|
<h1>新しい利用者アカウントの作成</h1>
|
| 7 |
|
|
|
| 8 |
|
|
<form action=new-user accept-charset=utf-8 method=post>
|
| 9 |
|
|
|
| 10 |
|
|
<p><strong>利用者識別子</strong>: <input type=text name=user-id
|
| 11 |
|
|
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
|
| 12 |
|
|
size=10 required pattern=".{4,}"> (最低4文字入力してください。)<p><strong>合言葉</strong> (もう一度): <input type=password
|
| 13 |
|
|
name=user-pass2 size=10 required pattern=".{4,}">
|
| 14 |
|
|
|
| 15 |
|
|
<p><input type=submit value="作成" class=create></form>
|
| 16 |
|
|
|
| 17 |
|
|
<section>
|
| 18 |
|
|
<!DOCTYPE HTML>
|
| 19 |
|
|
<html lang=en class=account-user-info>
|
| 20 |
|
|
<title>さん</title>
|
| 21 |
|
|
<link rel=stylesheet href="/admin/style/common">
|
| 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><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="保存"></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="保存"></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="保存"></form></section><section id=password><h2>合言葉</h2>
|
| 23 |
|
|
|
| 24 |
|
|
<form action=password method=post accept-charset=utf-8>
|
| 25 |
|
|
|
| 26 |
|
|
<p>合言葉を変更できます。<p><strong>新しい合言葉</strong>: <input type=password name=user-pass
|
| 27 |
|
|
size=10 required pattern=".{4,}"> (最低4文字入力してください。) <p><strong>新しい合言葉</strong> (もう一度): <input type=password
|
| 28 |
|
|
name=user-pass2 size=10 required pattern=".{4,}">
|
| 29 |
|
|
|
| 30 |
|
|
<p><input type=submit value="変更">
|
| 31 |
|
|
|
| 32 |
|
|
</form>
|
| 33 |
|
|
</section>
|
| 34 |
|
|
|
| 35 |
|
|
<section id=disable-account><h2>アカウントの無効化</h2>
|
| 36 |
|
|
|
| 37 |
|
|
<form action=disabled method=post accept-charset=utf-8>
|
| 38 |
|
|
|
| 39 |
|
|
<p><label><input type=checkbox name=action value=enable checked> このアカウントを有効にする</label>
|
| 40 |
|
|
|
| 41 |
|
|
<p><strong>警告!</strong> 自分のアカウントを無効にすると、自分で再度有効にすることはできません。<p><input type=submit value="変更"></form></section></section>
|
| 42 |
|
|
|
| 43 |
|
|
<style>
|
| 44 |
|
|
|
| 45 |
|
|
.balloon {
|
| 46 |
|
|
display: block;
|
| 47 |
|
|
position: absolute;
|
| 48 |
|
|
}
|
| 49 |
|
|
.container {
|
| 50 |
|
|
display: block;
|
| 51 |
|
|
position: relative;
|
| 52 |
|
|
left: 49px;
|
| 53 |
|
|
top: -22px /* -(10px + 34px) / 2 */;
|
| 54 |
|
|
min-height: 54px /* 10px + 34px + 10px */;
|
| 55 |
|
|
width: 20em;
|
| 56 |
|
|
padding: 1em;
|
| 57 |
|
|
background-color: rgb(128, 255, 255);
|
| 58 |
|
|
color: black;
|
| 59 |
|
|
-moz-border-radius: 16px;
|
| 60 |
|
|
-webkit-border-radius: 16px;
|
| 61 |
|
|
}
|
| 62 |
|
|
.pointer {
|
| 63 |
|
|
display: block;
|
| 64 |
|
|
position: absolute;
|
| 65 |
|
|
left: -49px;
|
| 66 |
|
|
top: 10px;
|
| 67 |
|
|
width: 49px;
|
| 68 |
|
|
height: 34px;
|
| 69 |
|
|
background-image: url(test.png) /* 49x34 */;
|
| 70 |
|
|
}
|
| 71 |
|
|
|
| 72 |
|
|
.selected {
|
| 73 |
|
|
outline: 2px blue dotted !important;
|
| 74 |
|
|
}
|
| 75 |
|
|
</style>
|
| 76 |
|
|
|
| 77 |
|
|
<script type="text/javascript" src="uupaa-detect.mini.js"></script>
|
| 78 |
|
|
<script type="text/javascript" src="uupaa-selector.js"></script>
|
| 79 |
|
|
<script type="text/javascript" src="uupaa-selector+.js"></script>
|
| 80 |
|
|
|
| 81 |
|
|
<script id="uupaa.js" type="text/javascript" src="uupaa/uupaa.js"></script>
|
| 82 |
|
|
|
| 83 |
|
|
<script src=tutorial.js></script>
|
| 84 |
|
|
|
| 85 |
|
|
<script>
|
| 86 |
|
|
|
| 87 |
|
|
window.onload = function () {
|
| 88 |
|
|
window.loaded = true;
|
| 89 |
|
|
};
|
| 90 |
|
|
|
| 91 |
|
|
function showElement (elements) {
|
| 92 |
|
|
if (!window.loaded) {
|
| 93 |
|
|
new JSTE.Observer ('load', window, function () {
|
| 94 |
|
|
showElement (elements);
|
| 95 |
|
|
});
|
| 96 |
|
|
return;
|
| 97 |
|
|
}
|
| 98 |
|
|
|
| 99 |
|
|
var top = Infinity;
|
| 100 |
|
|
var left = Infinity;
|
| 101 |
|
|
var topEl;
|
| 102 |
|
|
var leftEl;
|
| 103 |
|
|
elements.forEach (function (el) {
|
| 104 |
|
|
var rect = uu.element.rect (el);
|
| 105 |
|
|
alert([rect.y,el.offsetTop,el.offsetParent?el.offsetParent.nodeName:null,el.offsetParent?el.offsetParent.offsetTop:null]);
|
| 106 |
|
|
if (rect.y < top) {
|
| 107 |
|
|
top = rect.y;
|
| 108 |
|
|
topEl = el;
|
| 109 |
|
|
}
|
| 110 |
|
|
if (rect.x < left) {
|
| 111 |
|
|
left = rect.x;
|
| 112 |
|
|
leftEl = el;
|
| 113 |
|
|
}
|
| 114 |
|
|
});
|
| 115 |
|
|
|
| 116 |
|
|
var rect = uu.viewport.rect ();
|
| 117 |
|
|
if (rect.sh <= top && top <= rect.sh + rect.h) {
|
| 118 |
|
|
top = rect.sh;
|
| 119 |
|
|
}
|
| 120 |
|
|
if (rect.sw <= left && left <= rect.sw + rect.w) {
|
| 121 |
|
|
left = rect.sw;
|
| 122 |
|
|
}
|
| 123 |
|
|
|
| 124 |
|
|
if (leftEl || topEl) {
|
| 125 |
|
|
alert([top,left]);
|
| 126 |
|
|
var od = (leftEl || topEl).ownerDocument;
|
| 127 |
|
|
var point = od.createElement ('span');
|
| 128 |
|
|
point.style.display = 'block';
|
| 129 |
|
|
point.style.position = 'absolute';
|
| 130 |
|
|
point.style.top = top + 'px';
|
| 131 |
|
|
point.style.left = left + 'px';
|
| 132 |
|
|
point.style.width = 0;
|
| 133 |
|
|
point.style.height = 0;
|
| 134 |
|
|
od.documentElement.appendChild (point);
|
| 135 |
|
|
point.scrollIntoView (true);
|
| 136 |
|
|
point.parentNode.removeChild (point);
|
| 137 |
|
|
}
|
| 138 |
|
|
}
|
| 139 |
|
|
|
| 140 |
|
|
var SimpleBalloon = new JSTE.Class (function (messageContainer, refElement) {
|
| 141 |
|
|
this.element = document.createElement ('article');
|
| 142 |
|
|
this.element.className = 'balloon';
|
| 143 |
|
|
this.element.appendChild (messageContainer);
|
| 144 |
|
|
document.documentElement.appendChild (this.element);
|
| 145 |
|
|
|
| 146 |
|
|
if (refElement) {
|
| 147 |
|
|
var rect = uu.element.rect (refElement);
|
| 148 |
|
|
|
| 149 |
|
|
var left = rect.x + rect.ow;
|
| 150 |
|
|
var top = rect.y + rect.oh / 2;
|
| 151 |
|
|
|
| 152 |
|
|
this.element.style.top = top + 'px';
|
| 153 |
|
|
this.element.style.left = left + 'px';
|
| 154 |
|
|
|
| 155 |
|
|
this.refElement = refElement;
|
| 156 |
|
|
JSTE.Element.addClassName (refElement, 'selected');
|
| 157 |
|
|
}
|
| 158 |
|
|
|
| 159 |
|
|
var self = this;
|
| 160 |
|
|
//setTimeout (function () {
|
| 161 |
|
|
showElement (new JSTE.List ([refElement]).onlyNonNull ());
|
| 162 |
|
|
//}, 2000);
|
| 163 |
|
|
}, {
|
| 164 |
|
|
remove: function () {
|
| 165 |
|
|
if (this.refElement) {
|
| 166 |
|
|
JSTE.Element.deleteClassName (this.refElement, 'selected');
|
| 167 |
|
|
}
|
| 168 |
|
|
} // remove
|
| 169 |
|
|
});
|
| 170 |
|
|
|
| 171 |
|
|
var MyMessage = new JSTE.Subclass (function () {
|
| 172 |
|
|
return this._super.apply (this, arguments);
|
| 173 |
|
|
}, JSTE.Message, {
|
| 174 |
|
|
_render: function (msgContainer, buttonContainer) {
|
| 175 |
|
|
var doc = this._targetDocument;
|
| 176 |
|
|
|
| 177 |
|
|
var container = doc.createElement ('section');
|
| 178 |
|
|
container.className = 'container';
|
| 179 |
|
|
var style = doc.createElement ('style');
|
| 180 |
|
|
style.textContent = this.select + ' { outline: red 2px solid }';
|
| 181 |
|
|
container.appendChild (style);
|
| 182 |
|
|
|
| 183 |
|
|
container.appendChild (msgContainer);
|
| 184 |
|
|
container.appendChild (buttonContainer);
|
| 185 |
|
|
|
| 186 |
|
|
var refElement = JSTE.Node.querySelector (document, this.select);
|
| 187 |
|
|
|
| 188 |
|
|
if (refElement) {
|
| 189 |
|
|
var pointer = doc.createElement ('span');
|
| 190 |
|
|
pointer.className = 'pointer';
|
| 191 |
|
|
container.appendChild (pointer);
|
| 192 |
|
|
}
|
| 193 |
|
|
|
| 194 |
|
|
this._simpleBalloon = new SimpleBalloon (container, refElement);
|
| 195 |
|
|
|
| 196 |
|
|
return this._simpleBalloon.element;
|
| 197 |
|
|
}, // _render
|
| 198 |
|
|
_remove: function () {
|
| 199 |
|
|
this._simpleBalloon.remove ();
|
| 200 |
|
|
} // _remove
|
| 201 |
|
|
});
|
| 202 |
|
|
|
| 203 |
|
|
var xhr = new XMLHttpRequest ();
|
| 204 |
|
|
xhr.open ('GET', 'test.xml', false);
|
| 205 |
|
|
xhr.send (null);
|
| 206 |
|
|
|
| 207 |
|
|
|
| 208 |
|
|
document.a =
|
| 209 |
|
|
JSTE.Course.createFromDocument (xhr.responseXML, document);
|
| 210 |
|
|
|
| 211 |
|
|
document.b =
|
| 212 |
|
|
new JSTE.Tutorial (document, document.a, {messageClass: MyMessage});
|
| 213 |
|
|
|
| 214 |
|
|
|
| 215 |
|
|
</script>
|
| 216 |
|
|
|
Parent Directory
| 
Revision Log