投稿処理まで完了。

Author: GenbuHase

Core.css

@@ -1,11 +1,15 @@
-A:Not([Href]) {
-	Cursor: Pointer;
+Body {
+	Background: URL("Assets/Images/Back.jpg");
 }
 
 *.mdl-grid > *.mdl-cell {
 	Padding: 4vmin;
 }
 
+A:Not([Href]) {
+	Cursor: Pointer;
+}
+
 
 
 *[Data-TagID="ProfilePhoto"] {

Dialog.css

@@ -32,4 +32,10 @@ Dialog[ID^="Dialogs"] Div.mdl-textfield {
 
 #Dialogs_Profile_InfoViewer_Content_Info_Link Img {
 	Width: 1em;
+}
+
+
+
+#Dialogs_Thread_Poster_Content_Value_Input {
+	Resize: None;
 }

Dialog.js

@@ -11,7 +11,7 @@ window.addEventListener("DOMContentLoaded", () => {
 
 
 
-	DOM("#Dialogs_Profile_ConfirmDelete_Btns_Yes").addEventListener("click", () => {
+	DOM("#Dialogs_Profile_DeleteConfirmer_Btns_Yes").addEventListener("click", () => {
 		if (DOM("#Dialogs_Profile_ConfirmDelete_Content_Email_Input").value == base.user.email) {
 			base.delete();
 		} else {
@@ -51,4 +51,37 @@ window.addEventListener("DOMContentLoaded", () => {
 			});
 		});
 	});
+
+	DOM("#Dialogs_Thread_Poster_Content_Value_Input").addEventListener("input", (event) => {
+		if (event.target.value.replace(/\s/g, "").length == 0) {
+			DOM("#Dialogs_Thread_Poster_Btns_OK").classList.add("mdl-button--disabled");
+		} else {
+			DOM("#Dialogs_Thread_Poster_Btns_OK").classList.remove("mdl-button--disabled");
+		}
+	});
+
+	DOM("#Dialogs_Thread_Poster_Btns_OK").addEventListener("click", (event) => {
+		if (!DOM("#Dialogs_Thread_Poster_Btns_OK").classList.contains("mdl-button--disabled")) {
+			DOM("#Screens_Loading").removeAttribute("Disabled");
+
+			base.Database.transaction("threads/" + DOM("#Dialogs_Thread_Poster_Content_TID").value + "/data", (res) => {
+				console.log(res);
+
+				base.Database.set("threads/" + DOM("#Dialogs_Thread_Poster_Content_TID").value + "/data/" + res.length, {
+					uid: base.user.uid,
+					content: DOM("#Dialogs_Thread_Poster_Content_Value_Input").value,
+					createdAt: new Date().getTime()
+				});
+
+				DOM("#Screens_Loading").setAttribute("Disabled", "");
+				DOM("#Dialogs_Thread_Poster").close();
+			});
+		}
+	});
+
+	DOM("#Dialogs_Thread_Poster_Btns_Cancel").addEventListener("click", () => {
+		DOM("#Dialogs_Thread_Poster_Btns_OK").classList.add("mdl-button--disabled"),
+		DOM("#Dialogs_Thread_Poster_Content_Value").classList.remove("is-dirty"),
+		DOM("#Dialogs_Thread_Poster_Content_Value_Input").value = "";
+	});
 });

Profile/Profile.js

@@ -69,6 +69,6 @@ window.addEventListener("DOMContentLoaded", () => {
 	});
 
 	DOM("#Profile_Info_Btns_Delete").addEventListener("click", () => {
-		doc.querySelector("#Dialogs_Profile_ConfirmDelete").showModal();
+		doc.querySelector("#Dialogs_Profile_DeleteConfirmer").showModal();
 	});
 });

Thread/Thread.css

@@ -2,6 +2,15 @@
 	Width: 100%;
 }
 
-#Thread_Search > A[Disabled] {
+#Thread > Div[Disabled] {
+	Display: None;
+}
+
+#Thread A {
+	Text-Decoration: None;
+	Cursor: Pointer;
+}
+
+#Thread A[Disabled] {
 	Display: None;
 }

Thread/Thread.js

@@ -1,13 +1,25 @@
 window.addEventListener("DOMContentLoaded", () => {
+	if (!base.user) {
+		DOM("$#Thread_Tab_Admin").setAttribute("Disabled", ""),
+		DOM("$#Thread_Admin").setAttribute("Disabled", "");
+	}
+
 	base.Database.get(base.Database.ONCE, "threads", (res) => {
-		res = res.filter((thread) => {
-			if (thread !== "System") return true;
+		res = res.filter((thread, index, parent) => {
+			if (thread !== "System") {
+				thread.tid = index;
+				return true;
+			}
 		});
 
 		for (let i = 0; i < res.length; i++) {
 			let thread = DOM("A", {
 				classes: ["mdl-list__item"],
 
+				attributes: {
+					Href: "Viewer/?tid=" + res[i].tid
+				},
+
 				children: [
 					DOM("Span", {
 						classes: ["mdl-list__item-primary-content"],
@@ -27,6 +39,7 @@ window.addEventListener("DOMContentLoaded", () => {
 			});
 
 			DOM("#Thread_Search").appendChild(thread);
+			if (base.user) if (res[i].jobs.Owner.hasOwnProperty(base.user.uid)) DOM("#Thread_Admin").appendChild(thread);
 		}
 	});
 

Thread/Viewer/Viewer.js

@@ -2,10 +2,10 @@ window.addEventListener("DOMContentLoaded", () => {
 	let querys = location.querySort();
 
 	if (!querys.TID) {
-		location.href = "/SimpleThread/Error/406/"
+		location.href = "/SimpleThread/Error/406/";
 	}
 
-	base.Database.get(base.Database.ONCE, "threads/" + querys.TID + "/data", (res) => {
+	base.Database.get(base.Database.INTERVAL, "threads/" + querys.TID + "/data", (res) => {
 		console.info(res);
 
 		for (let i = 0; i < res.length; i++) {
@@ -16,10 +16,15 @@ window.addEventListener("DOMContentLoaded", () => {
 
 
 	let doc = parent.document;
-
+		doc.querySelector("#Dialogs_Thread_Poster_Content_TID").value = querys.TID;
+		
 	DOM('@A[Data-TagID="ProfilePhoto--Btn"]').forEach((btn) => {
 		btn.addEventListener("click", () => {
 			doc.querySelector("#Dialogs_Profile_InfoViewer").showModal();
 		});
 	});
+
+	DOM("#FlowPanel_Btns_CreatePost").addEventListener("click", () => {
+		doc.querySelector("#Dialogs_Thread_Poster").showModal();
+	});
 });

Thread/Viewer/index.html

@@ -38,7 +38,7 @@
 			<Div ID = "Thread" Class = "mdl-cell mdl-cell--2-offset mdl-cell--8-col mdl-shadow--4dp mdl-color--white mdl-color-text--grey-800">
 				<Div UUID = "Thread_Post" Class = "mdl-card mdl-shadow--2dp" Data-UID = "N4YbrYALWxeHLmhYx4bMfNDi7f22">
 					<Div UUID = "Thread_Post_Header" Class = "mdl-card__title mdl-card--border">
-						<A Data-TagID = "ProfilePhoto--Btn" Class = "mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect"></A>
+						<A Data-TagID = "ProfilePhoto--Btn" Class = "mdl-button mdl-js-button mdl-button--icon mdl-js-ripple-effect" Data-UID = "N4YbrYALWxeHLmhYx4bMfNDi7f22"></A>
 						<Span UUID = "Thread_Post_Header_Actor" Class = "mdl-card__title-text">プログラなーいGenboo</Span>
 						<Div Class = "mdl-layout-spacer"></Div>
 

index.html

@@ -115,21 +115,23 @@
 					</Div>
 				</Dialog>
 
-				<Dialog ID = "Dialogs_Profile_ConfirmDelete" Class = "mdl-dialog">
-					<Div ID = "Dialogs_Profile_ConfirmDelete_Content" Class = "mdl-dialog__content">
+
+
+				<Dialog ID = "Dialogs_Profile_DeleteConfirmer" Class = "mdl-dialog">
+					<Div ID = "Dialogs_Profile_DeleteConfirmer_Content" Class = "mdl-dialog__content">
 						本当にアカウントを削除しますか？<Br />
 						処理を続行するにはメールアドレスを入力してください。
 
-						<Div ID = "Dialogs_Profile_ConfirmDelete_Content_Email" Class = "mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
-							<Input ID = "Dialogs_Profile_ConfirmDelete_Content_Email_Input" Class = "mdl-textfield__input" Type = "Email" Value = "" />
-							<Label ID = "Dialogs_Profile_ConfirmDelete_Content_Email_Label" Class = "mdl-textfield__label" For = "Dialogs_Profile_ConfirmDelete_Content_Email_Input">メールアドレス...</Label>
+						<Div ID = "Dialogs_Profile_DeleteConfirmer_Content_Email" Class = "mdl-textfield mdl-js-textfield mdl-textfield--floating-label">
+							<Input ID = "Dialogs_Profile_DeleteConfirmer_Content_Email_Input" Class = "mdl-textfield__input" Type = "Email" Value = "" />
+							<Label ID = "Dialogs_Profile_DeleteConfirmer_Content_Email_Label" Class = "mdl-textfield__label" For = "Dialogs_Profile_DeleteConfirmer_Content_Email_Input">メールアドレス...</Label>
 							<Span Class = "mdl-textfield__error">無効なメールアドレスです</Span>
 						</Div>
 					</Div>
 
-					<Div ID = "Dialogs_Profile_ConfirmDelete_Btns" Class = "mdl-dialog__actions">
-						<Button ID = "Dialogs_Profile_ConfirmDelete_Btns_Yes" Class = "mdl-button mdl-js-button mdl-js-ripple-effect" Type = "Button">はい</Button>
-						<Button ID = "Dialogs_Profile_ConfirmDelete_Btns_No" Class = "mdl-button mdl-js-button mdl-js-ripple-effect" Data-Action = "Dialog_Close" Type = "Button">いいえ</Button>
+					<Div ID = "Dialogs_Profile_DeleteConfirmer_Btns" Class = "mdl-dialog__actions">
+						<Button ID = "Dialogs_Profile_DeleteConfirmer_Btns_Yes" Class = "mdl-button mdl-js-button mdl-js-ripple-effect" Type = "Button">はい</Button>
+						<Button ID = "Dialogs_Profile_DeleteConfirmer_Btns_No" Class = "mdl-button mdl-js-button mdl-js-ripple-effect" Data-Action = "Dialog_Close" Type = "Button">いいえ</Button>
 					</Div>
 				</Dialog>
 
@@ -138,7 +140,7 @@
 						<Div ID = "Dialogs_Profile_InfoViewer_Content_Photo" Data-TagID = "ProfilePhoto"></Div>
 
 						<Div ID = "Dialogs_Profile_InfoViewer_Content_Info">
-							<Span ID = "Dialogs_Profile_InfoViewer_Content_Info_Name" Class = "mdl-layout__title">Genbu Hase</Span>
+							<Span ID = "Dialogs_Profile_InfoViewer_Content_Info_Name" Class = "mdl-layout__title">プログラなーいGenboo</Span>
 
 							<Div ID = "Dialogs_Profile_InfoViewer_Content_Info_Detail">
 								Google+で色々やってる暇人です。<Br />
@@ -191,6 +193,22 @@
 						<Button ID = "Dialogs_Thread_InfoInputer_Btns_Cancel" Class = "mdl-button mdl-js-button mdl-js-ripple-effect" Data-Action = "Dialog_Close" Type = "Button">キャンセル</Button>
 					</Div>
 				</Dialog>
+
+				<Dialog ID = "Dialogs_Thread_Poster" Class = "mdl-dialog">
+					<Div ID = "Dialogs_Thread_Poster_Content" Class = "mdl-dialog__content">
+						<Div ID = "Dialogs_Thread_Poster_Content_Value" Class = "mdl-textfield mdl-js-textfield">
+							<Textarea ID = "Dialogs_Thread_Poster_Content_Value_Input" Class = "mdl-textfield__input" Rows = "15" MaxLength = "500"></Textarea>
+							<Label Class = "mdl-textfield__label" For = "Dialogs_Thread_Poster_Content_Value_Input">最近の出来事を共有してみましょう</Label>
+						</Div>
+
+						<Input ID = "Dialogs_Thread_Poster_Content_TID" Type = "Hidden" Value = "" />
+					</Div>
+
+					<Div ID = "Dialogs_Thread_Poster_Btns" Class = "mdl-dialog__actions">
+						<Button ID = "Dialogs_Thread_Poster_Btns_OK" Class = "mdl-button mdl-js-button mdl-button--disabled mdl-js-ripple-effect" Type = "Button">投稿</Button>
+						<Button ID = "Dialogs_Thread_Poster_Btns_Cancel" Class = "mdl-button mdl-js-button mdl-js-ripple-effect" Data-Action = "Dialog_Close" Type = "Button">キャンセル</Button>
+					</Div>
+				</Dialog>
 			</Div>
 		</Div>
 	</Body>