Single page with local storage synchronization

hyoo-ru · Apr 29, 2021 · ec7f504 · ec7f504
commit ec7f504
Show file tree

Hide file tree

Showing 6 changed files with 44 additions and 0 deletions.
diff --git a/.gitattributes b/.gitattributes
@@ -0,0 +1 @@
+*	-text
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1 @@
+-*
diff --git a/index.html b/index.html
@@ -0,0 +1,14 @@
+<!doctype html>
+<html style=" height: 100% ">
+
+	<head>
+		<meta charset="utf-8" />
+		<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1">
+	</head>
+
+	<body style=" width: 100%; height: 100%; margin: 0 ">
+		<div mol_view_root="$my_wiki"></div>
+		<script src="web.js"></script>
+	</body>
+
+</html>
diff --git a/wiki.view.css.ts b/wiki.view.css.ts
@@ -0,0 +1,11 @@
+namespace $ {
+
+	$mol_style_define( $my_wiki, {
+
+		Body: {
+			padding: $mol_gap.block,
+		},
+
+	} )
+
+}
diff --git a/wiki.view.tree b/wiki.view.tree
@@ -0,0 +1,6 @@
+$my_wiki $mol_page
+	title \My Wiki
+	body /
+		<= Text $mol_textarea
+			hint \What do you think?
+			value?val <=> text?val \
diff --git a/wiki.view.ts b/wiki.view.ts
@@ -0,0 +1,11 @@
+namespace $.$$ {
+
+	export class $my_wiki extends $.$my_wiki {
+
+		text( next?: string ) {
+			return this.$.$mol_state_local.value( 'text', next ) ?? ''
+		}
+
+	}
+
+}