[Doc] HTML example code done

Author: PCXPY

README.md

@@ -47,7 +47,7 @@ make tests
 
 ### Config
 
-[Config your markus.conf](https://github.com/sudo-dog/Markus/wiki/Admin-Testing-API)
+[Config your markus.conf](https://github.com/sudo-dog/Markus/wiki/Config)
 
 ### APIS
 

assets/code/android-get-image-from-url.template

@@ -0,0 +1 @@
+<img src="${path}">

assets/code/html-get-image-from-url.template

@@ -7,7 +7,7 @@
 import { EXPRESS_EXAMPLE_CODE, EXPRESS_SPECIAL_MARK, IExpressRoute, IText } from '../../../service/interface';
 import LanguageTextProcessor from '../../../service/language';
 import { IDocTableElement, IDocTemplateRenderer } from '../../interface';
-import { fetchMarkusFormData, nodeMarkusFormData } from '../../util/code';
+import { fetchMarkusFormData, nodeMarkusFormData, htmlMarkusImage } from '../../util/code';
 import { convertObjectToHTMLFriendlyJson, convertRouteToTemplate } from '../../util/covert';
 import StyleBuilder from '../style';
 
@@ -31,6 +31,7 @@ export default class DocTableCardTemplateRenderer implements IDocTemplateRendere
         this.getExampleCode = this.getExampleCode.bind(this);
         this.getNodeCode = this.getNodeCode.bind(this);
         this.getFetchCode = this.getFetchCode.bind(this);
+        this.getHTMLCode = this.getHTMLCode.bind(this);
     }
 
     public build(): string {
@@ -77,7 +78,7 @@ export default class DocTableCardTemplateRenderer implements IDocTemplateRendere
                         current = this.getFetchCode();
                         break;
                     case EXPRESS_EXAMPLE_CODE.HTML:
-                        current = '';
+                        current = this.getHTMLCode();
                         break;
                     case EXPRESS_EXAMPLE_CODE.NODEJS_FORM_DATA:
                         current = this.getNodeCode();
@@ -105,6 +106,13 @@ export default class DocTableCardTemplateRenderer implements IDocTemplateRendere
         });
     }
 
+    protected getHTMLCode(): string {
+        return this.getRow({
+            name: 'HTML',
+            value: `<pre class="prettyprint"><code class="lang-js">${htmlMarkusImage(this._url + this._route.path, this._route)}</code></pre>`,
+        });
+    }
+
     protected getBadge(marks: EXPRESS_SPECIAL_MARK[]): string {
         const badgeStyle = new StyleBuilder()
             .add('font-size', '18px')

src/doc/template/components/table_card.ts

@@ -9,6 +9,13 @@ import * as Path from 'path';
 // tslint:disable-next-line
 import { ExpressAssertionType, EXPRESS_ASSERTION_TYPES_END, EXPRESS_ASSERTION_TYPES_UNION, IExpressRoute } from "../../service/interface";
 
+export const htmlMarkusImage = (domain: string, route: IExpressRoute): string => {
+    const data: string = readAndReplaceTemplateFromAssets('html-get-image-from-url', {
+        path: domain,
+    });
+    return data;
+};
+
 export const nodeMarkusFormData = (domain: string, route: IExpressRoute): string => {
     const append: string[] = [];
     if (route.authorization) {

src/doc/util/code.ts

@@ -85,6 +85,8 @@ export enum EXPRESS_EXAMPLE_CODE {
     NODEJS_FORM_DATA = "NODEJS_FORM_DATA",
     FETCH_FORM_DATA = "FETCH_FORM_DATA",
     HTML = "HTML",
+    ANDROID = "ANDROID",
+    IOS_SWIFT = "IOS_SWIFT",
 }
 
 export interface IExpressRoute {

src/service/interface.ts

@@ -10,7 +10,7 @@ import { IImageCallback } from "../../../database/interface/image";
 import * as Direct from "../../../direct/import";
 import { concatSuffix } from "../../../util/data/path";
 // tslint:disable-next-line
-import { ExpressNextFunction, EXPRESS_ASSERTION_TYPES_END, IDocInformation, IExpressAssertionJSONType, IExpressRoute, ROUTE_MODE } from '../../interface';
+import { ExpressNextFunction, EXPRESS_ASSERTION_TYPES_END, IDocInformation, IExpressAssertionJSONType, IExpressRoute, ROUTE_MODE, EXPRESS_EXAMPLE_CODE } from '../../interface';
 import LodgeableExpressRoute from "../../lodgeable";
 
 export default class RouteGetImageByPath extends LodgeableExpressRoute implements IExpressRoute {
@@ -29,6 +29,7 @@ export default class RouteGetImageByPath extends LodgeableExpressRoute implement
     public readonly assertQuery: IExpressAssertionJSONType = {
         id: { type: EXPRESS_ASSERTION_TYPES_END.OBJECT_ID },
     };
+    public readonly exampleCode: EXPRESS_EXAMPLE_CODE[] = [EXPRESS_EXAMPLE_CODE.HTML];
 
     private _emptyPath: string;