Skip to content
This repository was archived by the owner on Apr 3, 2026. It is now read-only.

Commit 13454c6

Browse files
explooosionexplooosion
authored
Merge pull request #69 from explooosion/dev
Dev - 0.7.7
2 parents 445d1bb + 7c9c0f8 commit 13454c6

23 files changed

Lines changed: 692 additions & 439 deletions

‎docs/classes/AppPage.html‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -18,10 +18,7 @@
1818
</div>
1919

2020
<div class="xs-menu menu" id="mobile-menu">
21-
<div id="book-search-input" role="search">
22-
<input type="text" placeholder="Type to search">
23-
</div>
24-
<compodoc-menu></compodoc-menu>
21+
<div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
2522
</div>
2623

2724
<div class="container-fluid main">
@@ -238,7 +235,9 @@ <h1 class="search-results-title">No results matching "<span class='search-query'
238235

239236
<script src="../js/libs/custom-elements.min.js"></script>
240237
<script src="../js/libs/lit-html.js"></script>
241-
<script src="../js/menu-wc.js"></script>
238+
<!-- Required to polyfill modern browsers as code is ES5 for IE... -->
239+
<script src="../js/libs/custom-elements-es5-adapter.js" charset="utf-8" defer></script>
240+
<script src="../js/menu-wc.js" defer></script>
242241

243242
<script src="../js/libs/bootstrap-native.js"></script>
244243

‎docs/components/AppComponent.html‎

Lines changed: 109 additions & 99 deletions
Original file line numberDiff line numberDiff line change
@@ -18,10 +18,7 @@
1818
</div>
1919

2020
<div class="xs-menu menu" id="mobile-menu">
21-
<div id="book-search-input" role="search">
22-
<input type="text" placeholder="Type to search">
23-
</div>
24-
<compodoc-menu></compodoc-menu>
21+
<div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
2522
</div>
2623

2724
<div class="container-fluid main">
@@ -51,6 +48,9 @@
5148
<li >
5249
<a href="#templateData" role="tab" id="templateData-tab" data-toggle="tab" data-link="template">Template</a>
5350
</li>
51+
<li >
52+
<a href="#styleData" role="tab" id="styleData-tab" data-toggle="tab" data-link="style">Styles</a>
53+
</li>
5454
<li >
5555
<a href="#tree" role="tab" id="tree-tab" data-toggle="tab" data-link="dom-tree">DOM Tree</a>
5656
</li>
@@ -90,7 +90,7 @@ <h3>Metadata</h3>
9090

9191
<tr>
9292
<td class="col-md-3">styleUrls</td>
93-
<td class="col-md-9"><code>app.component.scss</code></td>
93+
<td class="col-md-9"><code>./app.component.scss</code></td>
9494
</tr>
9595

9696

@@ -101,6 +101,12 @@ <h3>Metadata</h3>
101101
</tr>
102102

103103

104+
105+
106+
107+
108+
109+
104110
</tbody>
105111
</table>
106112
</section>
@@ -129,6 +135,10 @@ <h6><b>Properties</b></h6>
129135
<span class="modifier">Public</span>
130136
<a href="#lng">lng</a>
131137
</li>
138+
<li>
139+
<span class="modifier">Public</span>
140+
<a href="#markerOptions">markerOptions</a>
141+
</li>
132142
<li>
133143
<span class="modifier">Public</span>
134144
<a href="#origin">origin</a>
@@ -141,20 +151,6 @@ <h6><b>Properties</b></h6>
141151
</td>
142152
</tr>
143153

144-
<tr>
145-
<td class="col-md-4">
146-
<h6><b>Methods</b></h6>
147-
</td>
148-
</tr>
149-
<tr>
150-
<td class="col-md-4">
151-
<ul class="index-list">
152-
<li>
153-
<a href="#getStatus">getStatus</a>
154-
</li>
155-
</ul>
156-
</td>
157-
</tr>
158154

159155

160156

@@ -169,77 +165,6 @@ <h6><b>Methods</b></h6>
169165

170166

171167

172-
<section>
173-
174-
<h3 id="methods">
175-
Methods
176-
</h3>
177-
<table class="table table-sm table-bordered">
178-
<tbody>
179-
<tr>
180-
<td class="col-md-4">
181-
<a name="getStatus"></a>
182-
<span class="name">
183-
<b>
184-
getStatus
185-
</b>
186-
<a href="#getStatus"><span class="icon ion-ios-link"></span></a>
187-
</span>
188-
</td>
189-
</tr>
190-
<tr>
191-
<td class="col-md-4">
192-
<code>getStatus(status: )</code>
193-
</td>
194-
</tr>
195-
196-
197-
<tr>
198-
<td class="col-md-4">
199-
<div class="io-line">Defined in <a href="" data-line="18" class="link-to-prism">playground/src/app/app.component.ts:18</a></div>
200-
</td>
201-
</tr>
202-
203-
204-
<tr>
205-
<td class="col-md-4">
206-
207-
<div class="io-description">
208-
<b>Parameters :</b>
209-
<table class="params">
210-
<thead>
211-
<tr>
212-
<td>Name</td>
213-
<td>Optional</td>
214-
</tr>
215-
</thead>
216-
<tbody>
217-
<tr>
218-
<td>status</td>
219-
220-
<td>
221-
No
222-
</td>
223-
224-
225-
</tr>
226-
</tbody>
227-
</table>
228-
</div>
229-
<div>
230-
</div>
231-
<div class="io-description">
232-
<b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
233-
234-
</div>
235-
<div class="io-description">
236-
237-
</div>
238-
</td>
239-
</tr>
240-
</tbody>
241-
</table>
242-
</section>
243168

244169
<section>
245170

@@ -364,6 +289,59 @@ <h3 id="inputs">
364289
</tr>
365290

366291

292+
</tbody>
293+
</table>
294+
<table class="table table-sm table-bordered">
295+
<tbody>
296+
<tr>
297+
<td class="col-md-4">
298+
<a name="markerOptions"></a>
299+
<span class="name">
300+
<b>
301+
<span class="modifier">Public</span>
302+
markerOptions
303+
</b>
304+
<a href="#markerOptions"><span class="icon ion-ios-link"></span></a>
305+
</span>
306+
</td>
307+
</tr>
308+
<tr>
309+
<td class="col-md-4">
310+
<span class="modifier-icon icon ion-ios-reset"></span><code>markerOptions: <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/object" target="_blank" >object</a></code>
311+
</code>
312+
</td>
313+
</tr>
314+
<tr>
315+
<td class="col-md-4">
316+
<i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/object" target="_blank" >object</a></code>
317+
318+
</td>
319+
</tr>
320+
<tr>
321+
<td class="col-md-4">
322+
<i>Default value : </i><code>{
323+
origin: {
324+
icon: &#x27;https://i.imgur.com/7teZKif.png&#x27;,
325+
draggable: true,
326+
},
327+
destination: {
328+
icon: &#x27;https://i.imgur.com/7teZKif.png&#x27;,
329+
draggable: true,
330+
infoWindow: &#x60;
331+
&lt;h4&gt;Hello&lt;h4&gt;
332+
&lt;a href&#x3D;&#x27;http://www-e.ntust.edu.tw/home.php&#x27; target&#x3D;&#x27;_blank&#x27;&gt;Taiwan Tech&lt;/a&gt;
333+
&#x60;
334+
},
335+
}</code>
336+
</td>
337+
</tr>
338+
<tr>
339+
<td class="col-md-4">
340+
<div class="io-line">Defined in <a href="" data-line="20" class="link-to-prism">playground/src/app/app.component.ts:20</a></div>
341+
</td>
342+
</tr>
343+
344+
367345
</tbody>
368346
</table>
369347
<table class="table table-sm table-bordered">
@@ -434,7 +412,9 @@ <h3 id="inputs">
434412
</tr>
435413
<tr>
436414
<td class="col-md-4">
437-
<i>Default value : </i><code>{ polylineOptions: { strokeColor: &#x27;#f0f&#x27; } }</code>
415+
<i>Default value : </i><code>{
416+
suppressMarkers: true,
417+
}</code>
438418
</td>
439419
</tr>
440420
<tr>
@@ -467,23 +447,51 @@ <h3 id="inputs">
467447
public origin: any &#x3D; &#x27;No. 1, Section 1, Taiwan Avenue, Central District, Taichung, Taiwan&#x27;;
468448
public destination: any &#x3D; &#x27;No. 1 Guanqian Road, North District, Taichung City&#x27;;
469449

470-
public renderOptions: object &#x3D; { polylineOptions: { strokeColor: &#x27;#f0f&#x27; } };
471-
472-
getStatus(status) {
473-
console.log(&#x27;status&#x27;, status);
474-
}
450+
public renderOptions &#x3D; {
451+
suppressMarkers: true,
452+
};
453+
454+
public markerOptions &#x3D; {
455+
origin: {
456+
icon: &#x27;https://i.imgur.com/7teZKif.png&#x27;,
457+
draggable: true,
458+
},
459+
destination: {
460+
icon: &#x27;https://i.imgur.com/7teZKif.png&#x27;,
461+
draggable: true,
462+
infoWindow: &#x60;
463+
&lt;h4&gt;Hello&lt;h4&gt;
464+
&lt;a href&#x3D;&#x27;http://www-e.ntust.edu.tw/home.php&#x27; target&#x3D;&#x27;_blank&#x27;&gt;Taiwan Tech&lt;/a&gt;
465+
&#x60;
466+
},
467+
};
475468
}
476469
</code></pre>
477470
</div>
478471

479472
<div class="tab-pane fade " id="c-templateData">
480473
<pre class="line-numbers"><code class="language-html">&lt;agm-map [latitude]&#x3D;&quot;lat&quot; [longitude]&#x3D;&quot;lng&quot;&gt;
481-
&lt;agm-direction [origin]&#x3D;&quot;origin&quot; [destination]&#x3D;&quot;destination&quot; [renderOptions]&#x3D;&quot;renderOptions&quot; (status)&#x3D;&quot;getStatus($event)&quot;&gt;
474+
&lt;agm-direction
475+
[origin]&#x3D;&quot;origin&quot;
476+
[destination]&#x3D;&quot;destination&quot;
477+
[renderOptions]&#x3D;&quot;renderOptions&quot;
478+
[markerOptions]&#x3D;&quot;markerOptions&quot;
479+
&gt;
482480
&lt;/agm-direction&gt;
483481
&lt;/agm-map&gt;
484482
</code></pre>
485483
</div>
486484

485+
<div class="tab-pane fade " id="c-styleData">
486+
<p class="comment">
487+
<code>./app.component.scss</code>
488+
</p>
489+
<pre class="line-numbers"><code class="language-scss">agm-map {
490+
height: 80vh;
491+
}
492+
</code></pre>
493+
</div>
494+
487495
<div class="tab-pane fade " id="c-tree">
488496
<div id="tree-container"></div>
489497
<div class="tree-legend">
@@ -509,7 +517,7 @@ <h3 id="inputs">
509517
<script src="../js/libs/htmlparser.js"></script>
510518
<script src="../js/libs/deep-iterator.js"></script>
511519
<script>
512-
var COMPONENT_TEMPLATE = '<div><agm-map [latitude]="lat" [longitude]="lng"> <agm-direction [origin]="origin" [destination]="destination" [renderOptions]="renderOptions" (status)="getStatus($event)"> </agm-direction></agm-map></div>'
520+
var COMPONENT_TEMPLATE = '<div><agm-map [latitude]="lat" [longitude]="lng"> <agm-direction [origin]="origin" [destination]="destination" [renderOptions]="renderOptions" [markerOptions]="markerOptions" > </agm-direction></agm-map></div>'
513521
var COMPONENTS = [{'name': 'AppComponent', 'selector': 'app-root'}];
514522
var DIRECTIVES = [{'name': 'AgmDirection', 'selector': 'agm-direction'}];
515523
var ACTUAL_COMPONENT = {'name': 'AppComponent'};
@@ -551,7 +559,9 @@ <h1 class="search-results-title">No results matching "<span class='search-query'
551559

552560
<script src="../js/libs/custom-elements.min.js"></script>
553561
<script src="../js/libs/lit-html.js"></script>
554-
<script src="../js/menu-wc.js"></script>
562+
<!-- Required to polyfill modern browsers as code is ES5 for IE... -->
563+
<script src="../js/libs/custom-elements-es5-adapter.js" charset="utf-8" defer></script>
564+
<script src="../js/menu-wc.js" defer></script>
555565

556566
<script src="../js/libs/bootstrap-native.js"></script>
557567

‎docs/coverage.html‎

Lines changed: 7 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -18,10 +18,7 @@
1818
</div>
1919

2020
<div class="xs-menu menu" id="mobile-menu">
21-
<div id="book-search-input" role="search">
22-
<input type="text" placeholder="Type to search">
23-
</div>
24-
<compodoc-menu></compodoc-menu>
21+
<div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
2522
</div>
2623

2724
<div class="container-fluid main">
@@ -173,9 +170,9 @@
173170
<td>
174171
AgmDirection
175172
</td>
176-
<td align="right" data-sort="6">
177-
<span class="coverage-percent">6 %</span>
178-
<span class="coverage-count">(2/32)</span>
173+
<td align="right" data-sort="13">
174+
<span class="coverage-percent">13 %</span>
175+
<span class="coverage-count">(5/38)</span>
179176
</td>
180177
</tr>
181178
<tr class="low">
@@ -225,7 +222,9 @@ <h1 class="search-results-title">No results matching "<span class='search-query'
225222

226223
<script src="./js/libs/custom-elements.min.js"></script>
227224
<script src="./js/libs/lit-html.js"></script>
228-
<script src="./js/menu-wc.js"></script>
225+
<!-- Required to polyfill modern browsers as code is ES5 for IE... -->
226+
<script src="./js/libs/custom-elements-es5-adapter.js" charset="utf-8" defer></script>
227+
<script src="./js/menu-wc.js" defer></script>
229228

230229
<script src="./js/libs/bootstrap-native.js"></script>
231230

‎docs/dependencies.html‎

Lines changed: 4 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -18,10 +18,7 @@
1818
</div>
1919

2020
<div class="xs-menu menu" id="mobile-menu">
21-
<div id="book-search-input" role="search">
22-
<input type="text" placeholder="Type to search">
23-
</div>
24-
<compodoc-menu></compodoc-menu>
21+
<div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
2522
</div>
2623

2724
<div class="container-fluid main">
@@ -81,7 +78,9 @@ <h1 class="search-results-title">No results matching "<span class='search-query'
8178

8279
<script src="./js/libs/custom-elements.min.js"></script>
8380
<script src="./js/libs/lit-html.js"></script>
84-
<script src="./js/menu-wc.js"></script>
81+
<!-- Required to polyfill modern browsers as code is ES5 for IE... -->
82+
<script src="./js/libs/custom-elements-es5-adapter.js" charset="utf-8" defer></script>
83+
<script src="./js/menu-wc.js" defer></script>
8584

8685
<script src="./js/libs/bootstrap-native.js"></script>
8786

0 commit comments

Comments
 (0)