Skip to content

Commit 7e14fdb

Browse files
4drianMatei4drianMatei
committed
docs(vscode-ext): add links to vs-code extension
1 parent 37b3858 commit 7e14fdb

File tree

15 files changed

+66
-13
lines changed

15 files changed

+66
-13
lines changed

‎.gitignore

Lines changed: 1 addition & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,4 @@
11
/.idea/
22
/node_modules/
33
/frontend/src/environments/version.ts
4+
dist.zip

‎README.md

Lines changed: 4 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -14,10 +14,10 @@ your bookmarks and code snippets. The following helpers and extensions will assi
1414

1515
## Extensions
1616

17-
| [![Bookmarklet](documentation/img/bookmark-24.png)](https://www.codever.land/howto/bookmarklets) | [![Chrome](documentation/img/chrome-24.png)](https://chrome.google.com/webstore/detail/codever/diofdblfhjbpgackifolmboaiccmebjb) | [![Firefox](documentation/img/fx-24.png)](https://addons.mozilla.org/addon/codever/) | [![IntelliJ Plugin](documentation/img/intellij-24.png)](https://plugins.jetbrains.com/plugin/14456-codever-snippets/) |
18-
|:---:|:---:|:---:|:---:|
19-
| [Bookmarklet](https://www.codever.land/howto/bookmarklets) | [Extension](https://chrome.google.com/webstore/detail/codever/diofdblfhjbpgackifolmboaiccmebjb) | [Addon](https://addons.mozilla.org/addon/codever/) | [Plugin](https://plugins.jetbrains.com/plugin/14456-codever-snippets/) |
20-
17+
| [![Bookmarklet](documentation/img/bookmark-24.png)](https://www.codever.land/howto/bookmarklets) | [![Chrome](documentation/img/chrome-24.png)](https://chrome.google.com/webstore/detail/codever/diofdblfhjbpgackifolmboaiccmebjb) | [![Firefox](documentation/img/fx-24.png)](https://addons.mozilla.org/addon/codever/) | [![IntelliJ Plugin](documentation/img/intellij-24.png)](https://plugins.jetbrains.com/plugin/14456-codever-snippets/) | [![VSCode extension](documentation/img/vscode-24.png)](https://marketplace.visualstudio.com/items?itemName=codever.vscode-codever) |
18+
|:---:|:---:|:---:|:---:|:---:|
19+
| [Bookmarklet](https://www.codever.land/howto/bookmarklets) | [Chromium Extension](https://chrome.google.com/webstore/detail/codever/diofdblfhjbpgackifolmboaiccmebjb) | [Firefox Addon](https://addons.mozilla.org/addon/codever/) | [IntelliJ Plugin](https://plugins.jetbrains.com/plugin/14456-codever-snippets/) | [VSCode Extension](https://marketplace.visualstudio.com/items?itemName=codever.vscode-codever) |
20+
2121
### Chrome extension usage example - save snippet
2222

2323
![Save to Codever chrome extension usage](documentation/gif/codever-browser-extension-save-snippet-800x454.gif)

‎documentation/img/vscode-24.png

6.02 KB
Loading

‎documentation/img/vscode-48.png

7.44 KB
Loading

‎frontend/src/app/app.component.html

Lines changed: 3 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -87,10 +87,12 @@ <h4>Welcome to Codever 🙏 !!!</h4>
8787
<li>👉 &nbsp;Go to <a [routerLink]="['/dashboard']"><i class="fas fa-tachometer-alt"></i> My Dashboard</a>
8888
where you can <strong>import</strong> your browser bookmarks, view your latest activity and your used
8989
tags or searches</li>
90-
<li class="mt-1">👉 &nbsp;See our <a [routerLink]="['/howto']"><i class="fas fa-info-circle"></i> HowTo Guides</a> and use <a [routerLink]="['/extensions']">one of our many extensions <i class="fas fa-wrench"></i></a> to help you easily manage your bookmarks and snippets
90+
<li class="mt-1">👉 &nbsp;See our <a [routerLink]="['/howto']"><i class="fas fa-info-circle"></i> HowTo Guides</a>
91+
and use <a [routerLink]="['/extensions']">one of our extensions <i class="fas fa-wrench"></i></a> to help you easily manage your bookmarks and snippets
9192
from your favorite browser or IDE </li>
9293
</ul>
9394
</div>
95+
<app-extensions [logoSize]="32" [showEntryParagraph]="false"></app-extensions>
9496

9597
<button class="ml-2 btn btn-primary btn-sm" (click)="acknowledgeWelcomeMessage()">Got it <i class="fas fa-check-circle"></i></button>
9698
</div>

‎frontend/src/app/public/howto/howto-snippets/how-to-snippet.component.html

Lines changed: 27 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -119,7 +119,7 @@ <h3>Save snippet via bookmarklet demo</h3>
119119
href="https://plugins.jetbrains.com/plugin/14456-save-to-bookmarks-dev"
120120
target="_blank"
121121
title="Plugin to save code snippets from IntelliJ">
122-
Save to Codever plugin
122+
Codever snippets plugin
123123
<sup class="external-link-hint">
124124
<i class="fas fa-external-link-alt" style="font-size: smaller"></i>
125125
</sup>
@@ -134,6 +134,32 @@ <h3 class="mt-2">Search snippet</h3>
134134
</div>
135135
</ng-template>
136136
</mat-tab>
137+
<mat-tab>
138+
<ng-template mat-tab-label>
139+
<span class="app-tab-label">VSCode Extension</span>
140+
</ng-template>
141+
<ng-template matTabContent>
142+
<div class="mt-3">
143+
If your favorite IDE is Visual Studio Code you can use extension
144+
<a
145+
href="https://marketplace.visualstudio.com/items?itemName=codever.vscode-codever"
146+
target="_blank"
147+
title="VS Code Extension marketplace url">
148+
Codever Snippets
149+
<sup class="external-link-hint">
150+
<i class="fas fa-external-link-alt" style="font-size: smaller"></i>
151+
</sup>
152+
</a>
153+
<h3 class="mt-2">Save snippet</h3>
154+
<img class="mt-2 mb-2 img-fluid" src="https://raw.githubusercontent.com/codeverland/codever-vscode/main/resources/gif/codever-vscode-extension-save-snippet-800x457.gif"
155+
alt="How to save snippet with VSCode extension"/>
156+
157+
<h3 class="mt-2">Search snippet</h3>
158+
<img class="mt-2 img-fluid" src="https://raw.githubusercontent.com/codeverland/codever-vscode/main/resources/gif/codever-vscode-extension-search-snippet-800x457.gif"
159+
alt="How to save snippet with VSCode extension"/>
160+
</div>
161+
</ng-template>
162+
</mat-tab>
137163
</mat-tab-group>
138164

139165
<div class="mt-5 lead alert alert-danger mb-2">

‎frontend/src/app/shared/extensions/extensions.component.html

Lines changed: 13 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -1,23 +1,27 @@
1-
<p class="mb-3">To assist you by the management of bookmarks and code snippets,
1+
<p class="mb-3" *ngIf="showEntryParagraph">To assist you by the management of bookmarks and code snippets,
22
you can use the following helpers and extensions</p>
33
<table class="extensions-table">
44
<thead>
55
<tr>
66
<th align="center"><a
77
href="https://chrome.google.com/webstore/detail/codever/diofdblfhjbpgackifolmboaiccmebjb"
8-
rel="nofollow"><img src="./assets/img/bookmark-48.png" alt="Bookmark"></a>
8+
rel="nofollow"><img src="./assets/img/bookmark-{{logoSize}}.png" alt="Bookmark"></a>
99
</th>
1010
<th align="center"><a
1111
href="https://chrome.google.com/webstore/detail/codever/diofdblfhjbpgackifolmboaiccmebjb"
12-
rel="nofollow"><img src="./assets/img/chrome-48.png" alt="Chrome logo"></a>
12+
rel="nofollow"><img src="./assets/img/chrome-{{logoSize}}.png" alt="Chrome logo"></a>
1313
</th>
1414
<th align="center"><a
1515
href="https://addons.mozilla.org/addon/codever/"
16-
rel="nofollow"><img src="./assets/img/firefox-48.png" alt="Firefox logo"></a>
16+
rel="nofollow"><img src="./assets/img/firefox-{{logoSize}}.png" alt="Firefox logo"></a>
1717
</th>
1818
<th align="center"><a
19-
href="https://addons.mozilla.org/addon/codever/"
20-
rel="nofollow"><img src="./assets/img/intellij-48.png" alt="IntelliJ Logo"></a>
19+
href="https://plugins.jetbrains.com/plugin/14456-codever-snippets/"
20+
rel="nofollow"><img src="./assets/img/intellij-{{logoSize}}.png" alt="IntelliJ Logo"></a>
21+
</th>
22+
<th align="center"><a
23+
href="https://marketplace.visualstudio.com/items?itemName=codever.vscode-codever"
24+
rel="nofollow"><img src="./assets/img/vscode-{{logoSize}}.png" alt="VSCode Logo"></a>
2125
</th>
2226
</tr>
2327
</thead>
@@ -35,6 +39,9 @@
3539
<td align="center" class="ml-2"><a
3640
href="https://plugins.jetbrains.com/plugin/14456-codever-snippets/"
3741
rel="nofollow">IntelliJ plugin</a></td>
42+
<td align="center" class="ml-2"><a
43+
href="https://marketplace.visualstudio.com/items?itemName=codever.vscode-codever"
44+
rel="nofollow">VSCode</a></td>
3845
</tr>
3946
</tbody>
4047
</table>

‎frontend/src/app/shared/extensions/extensions.component.ts

Lines changed: 7 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,4 +1,4 @@
1-
import { Component, OnInit } from '@angular/core';
1+
import { Component, Input, OnInit } from '@angular/core';
22
import { environment } from '../../../environments/environment';
33

44
@Component({
@@ -10,6 +10,12 @@ export class ExtensionsComponent implements OnInit {
1010

1111
environment = environment;
1212

13+
@Input()
14+
logoSize = 48;
15+
16+
@Input()
17+
showEntryParagraph = true;
18+
1319
ngOnInit() {}
1420

1521
}

‎frontend/src/app/shared/navigation/navigation.component.html

Lines changed: 11 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -109,6 +109,17 @@ <h6 class="dropdown-header">Tools
109109
<i class="fas fa-external-link-alt" style="font-size: smaller"></i>
110110
</sup>
111111
</a>
112+
<a
113+
href="https://marketplace.visualstudio.com/items?itemName=codever.vscode-codever"
114+
target="_blank"
115+
title="VSCode Extension"
116+
class="dropdown-item">
117+
<i class="fas fa-laptop-code fa-sm"></i>
118+
VSCode Extension
119+
<sup class="external-link-hint">
120+
<i class="fas fa-external-link-alt" style="font-size: smaller"></i>
121+
</sup>
122+
</a>
112123
</div>
113124
</li>
114125
<li class="nav-item dropdown large-displays">

‎frontend/src/assets/img/bookmark-32.png

1.42 KB
Loading

0 commit comments

Comments
 (0)