migrate to typescript, with fixes
This commit is contained in:
		
							
								
								
									
										73
									
								
								template/html/popup.html
									
									
									
									
									
										Normal file
									
								
							
							
						
						
									
										73
									
								
								template/html/popup.html
									
									
									
									
									
										Normal file
									
								
							| @ -0,0 +1,73 @@ | ||||
| <!doctype html> | ||||
| <html> | ||||
| <link> | ||||
| <meta charset="utf-8"> | ||||
| <title>Data Extractor</title> | ||||
| <script charset="UTF-8" type="text/javascript" src="../scripts/popup.bundle.js"></script> | ||||
|  | ||||
| <link rel="stylesheet" href="../assets/bootstrap.min.css"> | ||||
| </head> | ||||
|  | ||||
| <body style="margin: 20px 10px;"> | ||||
|     <div class="container-fluid" style="min-width: 420px;"> | ||||
|         <div class="row"> | ||||
|             <div class="col"> | ||||
|                 <h6>Usage</h6> | ||||
|             </div> | ||||
|         </div> | ||||
|         <div class="row"> | ||||
|             <div class="col"> | ||||
|                 <div class="alert alert-info small"> | ||||
|                     <p> | ||||
|                         Goto <a href="#" id="link-extension-detail">Extension Detail</a>, click "backgroud page", | ||||
|                         and type your scripts in the console. | ||||
|                     </p> | ||||
|                     <p> | ||||
|                         <img src="../assets/console.png" alt="" | ||||
|                             style="max-width: 489px; width: 100%; border-radius: 5px"> | ||||
|                     </p> | ||||
|  | ||||
|                 </div> | ||||
|             </div> | ||||
|         </div> | ||||
|         <div class="row"> | ||||
|             <div class="col"> | ||||
|                 <h6>Quick Start</h6> | ||||
|             </div> | ||||
|         </div> | ||||
|         <div class="row"> | ||||
|             <div class="col"> | ||||
|                 <div class="alert alert-success small"> | ||||
|                     <p> | ||||
|                         <b>Extract current page</b>: | ||||
|                         <br>> $(".list-item", ["a.title", "p.content"]); | ||||
|                     </p> | ||||
|                     <p> | ||||
|                         <b>Extract multiple pages (1-10, interval 1)</b>: | ||||
|                         <br>> job=new Extractor().task(".list-item", ["a.title", "p.content"], | ||||
|                         "http://sample.com/?pn=${page}", 1, 10, 1); | ||||
|                         <br>> job.start(); | ||||
|  | ||||
|                     </p> | ||||
|                     <p> | ||||
|                         <b>Full document at:</b> | ||||
|                         <br> | ||||
|                         <a href="#" id="link-document">https://git.jebbs.co/jebbs/data-extracter-extesion</a> | ||||
|                     </p> | ||||
|                 </div> | ||||
|             </div> | ||||
|         </div> | ||||
|         <div class="row"> | ||||
|             <div class="col"> | ||||
|                 <h6>Saved State</h6> | ||||
|             </div> | ||||
|         </div> | ||||
|         <div class="row"> | ||||
|             <div class="col"> | ||||
|                 <input type="file" name="state" id="state-input"> | ||||
|             </div> | ||||
|         </div> | ||||
|     </div> | ||||
| </body> | ||||
|  | ||||
| </html> | ||||
		Reference in New Issue
	
	Block a user