Add: plugin system[WIP]

2020-11-28 05:57:11 +09:00
parent 8873af4597
commit 7169f1147b
15 changed files with 1407 additions and 96 deletions
--- a/app/view/make/setting.sample.html
+++ b/app/view/make/setting.sample.html
@@ -43,7 +43,7 @@
 	<script src="../../@@node_base@@/vue/dist/vue.min.js"></script>
 	<script type="text/javascript" src="setting.vue.js"></script>
 	<script type="text/javascript" src="../../@@node_base@@/sweetalert2/dist/sweetalert2.all.min.js"></script>
-	<script>function renderMem() {return false; }</script>
+	<script>function renderMem() { return false; }</script>

 	<h4>@@setting@@</h4>
 	<ul class="collapsible" data-collapsible="accordion">
@@ -157,7 +157,7 @@
 							<input type="checkbox" class="filled-in" id="use-color_1" value="1" checked disabled />
 							<span>@@use@@</span>
 						</label><br />
-						<input type="color"  id="color-picker1_value">
+						<input type="color" id="color-picker1_value">
 					</div>
 					<div>
 						<h5>Subcolor</h5>@@subcolor@@<br />
@@ -165,7 +165,7 @@
 							<input type="checkbox" class="filled-in" id="use-color_2" value="1" checked disabled />
 							<span>@@use@@</span>
 						</label><br />
-						<input type="color"  id="color-picker2_value">
+						<input type="color" id="color-picker2_value">
 					</div>
 					<div>
 						<h5>Accent</h5>@@accent@@<br />
@@ -173,7 +173,7 @@
 							<input type="checkbox" class="filled-in" id="use-color_3" value="1" checked disabled />
 							<span>@@use@@</span>
 						</label><br />
-						<input type="color"  id="color-picker3_value">
+						<input type="color" id="color-picker3_value">
 					</div>

 					<div class="advanced hide">
@@ -183,9 +183,9 @@
 							<span>@@use@@</span>
 						</label><br />
 						@@copyFrom@@:
-							<a class="pointer" onclick="copyColor('background','modal')">Background</a>
+						<a class="pointer" onclick="copyColor('background','modal')">Background</a>
 						<br />
-						<input type="color"  id="color-picker4_value">
+						<input type="color" id="color-picker4_value">
 					</div>
 					<div class="advanced hide">
 						<h5>Modal Footer</h5>@@modalFooter@@<br />
@@ -194,10 +194,10 @@
 							<span>@@use@@</span>
 						</label><br />
 						@@copyFrom@@:
-							<a class="pointer" onclick="copyColor('background','modalFooter')">Background</a>/
-							<a class="pointer" onclick="copyColor('modal','modalFooter')">Modal</a>
+						<a class="pointer" onclick="copyColor('background','modalFooter')">Background</a>/
+						<a class="pointer" onclick="copyColor('modal','modalFooter')">Modal</a>
 						<br />
-						<input type="color"  id="color-picker5_value">
+						<input type="color" id="color-picker5_value">
 					</div>
 					<div class="advanced hide">
 						<h5>3rd Color</h5>@@thirdColor@@<br />
@@ -206,9 +206,9 @@
 							<span>@@use@@</span>
 						</label><br />
 						@@copyFrom@@:
-							<a class="pointer" onclick="copyColor('subcolor','third')">Subcolor</a>
+						<a class="pointer" onclick="copyColor('subcolor','third')">Subcolor</a>
 						<br />
-						<input type="color"  id="color-picker6_value">
+						<input type="color" id="color-picker6_value">
 					</div>
 					<div class="advanced hide">
 						<h5>4th Color</h5>@@forthColor@@<br />
@@ -217,10 +217,10 @@
 							<span>@@use@@</span>
 						</label><br />
 						@@copyFrom@@:
-							<a class="pointer" onclick="copyColor('subcolor','forth')">Subcolor</a>/
-							<a class="pointer" onclick="copyColor('third','forth')">3rd Color</a>
+						<a class="pointer" onclick="copyColor('subcolor','forth')">Subcolor</a>/
+						<a class="pointer" onclick="copyColor('third','forth')">3rd Color</a>
 						<br />
-						<input type="color"  id="color-picker7_value">
+						<input type="color" id="color-picker7_value">
 					</div>
 					<div class="advanced hide">
 						<h5>Bottom</h5>@@bottom@@<br />
@@ -229,9 +229,9 @@
 							<span>@@use@@</span>
 						</label><br />
 						@@copyFrom@@:
-							<a class="pointer" onclick="copyColor('subcolor','bottom')">Subcolor</a>
+						<a class="pointer" onclick="copyColor('subcolor','bottom')">Subcolor</a>
 						<br />
-						<input type="color"  id="color-picker8_value">
+						<input type="color" id="color-picker8_value">
 					</div>
 					<div class="advanced hide">
 						<h5>2nd Accent</h5>@@emphasized@@<br />
@@ -240,9 +240,9 @@
 							<span>@@use@@</span>
 						</label><br />
 						@@copyFrom@@:
-							<a class="pointer" onclick="copyColor('accent','emphasized')">Accent</a>
+						<a class="pointer" onclick="copyColor('accent','emphasized')">Accent</a>
 						<br />
-						<input type="color"  id="color-picker9_value">
+						<input type="color" id="color-picker9_value">
 					</div>
 					<div class="advanced hide">
 						<h5>Postbox</h5>@@postbox@@<br />
@@ -251,9 +251,9 @@
 							<span>@@use@@</span>
 						</label><br />
 						@@copyFrom@@:
-							<a class="pointer" onclick="copyColor('subcolor','postbox')">Subcolor</a>
+						<a class="pointer" onclick="copyColor('subcolor','postbox')">Subcolor</a>
 						<br />
-						<input type="color"  id="color-picker10_value">
+						<input type="color" id="color-picker10_value">
 					</div>
 					<div class="advanced hide">
 						<h5>Active</h5>@@active@@<br />
@@ -262,9 +262,9 @@
 							<span>@@use@@</span>
 						</label><br />
 						@@copyFrom@@:
-							<a class="pointer" onclick="copyColor('accent','active')">Accent</a>
+						<a class="pointer" onclick="copyColor('accent','active')">Accent</a>
 						<br />
-						<input type="color"  id="color-picker11_value">
+						<input type="color" id="color-picker11_value">
 					</div>
 					<div class="advanced hide">
 						<h5>Selected</h5>@@selected@@<br />
@@ -272,7 +272,7 @@
 							<input type="checkbox" class="filled-in" id="use-color_12" value="1" />
 							<span>@@use@@</span>
 						</label><br />
-						<input type="color"  id="color-picker12_value">
+						<input type="color" id="color-picker12_value">
 					</div>
 					<div class="advanced hide">
 						<h5>Selected with shared</h5>@@selectedWithShare@@<br />
@@ -280,7 +280,7 @@
 							<input type="checkbox" class="filled-in" id="use-color_13" value="1" />
 							<span>@@use@@</span>
 						</label><br />
-						<input type="color"  id="color-picker13_value">
+						<input type="color" id="color-picker13_value">
 					</div>
 				</div><br /><br />
 				<button class="btn-large waves-effect" onclick="customComp()">@@change@@</button>&nbsp;<button
@@ -385,13 +385,6 @@
 						</template><br>
 					</template>
 				</div>
-			</div>
-		</li>
-		<li>
-			<div class="collapsible-header">
-				<i class="material-icons">keyboard</i>@@keysc@@
-			</div>
-			<div class="collapsible-body">
 				<h5>@@iks@@</h5>
 				@@okswarn@@<br>
 				Ctrl+Shift+1:<input type="text" style="width:11.5rem" id="oks-1">
@@ -400,6 +393,15 @@
 				<button onclick="oks(2)" class="btn waves-effect" style="width:7.7rem;">@@set@@</button><br><br>
 				Ctrl+Shift+3:<input type="text" style="width:11.5rem" id="oks-3">
 				<button onclick="oks(3)" class="btn waves-effect" style="width:7.7rem;">@@set@@</button><br><br>
+
+			</div>
+		</li>
+		<li>
+			<div class="collapsible-header">
+				<i class="material-icons">power</i>@@plugin@@
+			</div>
+			<div class="collapsible-body">
+				
 			</div>
 		</li>
 		<li>