1
0
mirror of https://github.com/konpa/devicon.git synced 2025-08-19 04:41:41 +02:00

new feature: icons number (#1267)

* new feature: icons number - fix #1218

* icon numbers| review suggestions application

Co-authored-by: Snailedlt <Snailedlt@users.noreply.github.com>

* Change shield link to https://devicon.dev

* add titles and rename logos & icons to icons & icon-versions

* replace = with :

Co-authored-by: Josélio Júnior <76992016+lunatic-fox@users.noreply.github.com>

* fixed avg fonts number to integer and added float in title

* Update docs/index.html

Co-authored-by: Josélio Júnior <76992016+lunatic-fox@users.noreply.github.com>

---------

Co-authored-by: Kilian PAQUIER <contact@kilian-paquier.fr>
Co-authored-by: Snailedlt <Snailedlt@users.noreply.github.com>
Co-authored-by: Jørgen Kalsnes Hagen <43886029+Snailedlt@users.noreply.github.com>
Co-authored-by: Josélio Júnior <76992016+lunatic-fox@users.noreply.github.com>
This commit is contained in:
kilianpaquier
2023-03-15 00:30:16 +01:00
committed by GitHub
parent 771daeb74d
commit bda1033778
4 changed files with 40 additions and 4 deletions

View File

@@ -203,10 +203,17 @@
<div class="search">
<input type="text" placeholder="Search for icons" ng-model="search">
<input type="text" class="result" value="{{ filtered.length }}" title="Number of icons in the current search" disabled>
</div>
<ul class="computed-data">
<li title="The number of icons.&#xA;For example: devicon">Total icons: {{ icons.length }}</li>
<li title="The number of icon versions.&#xA;For example: devicon-plain">Total icon version: {{ totalFonts }}</li>
<li title="The number of icon versions per icon.&#xA;Calculated by dividing icon version by icons: {{ avgFonts.toFixed(2) }}">Average icon versions per icon: {{ avgFonts.toFixed(0) }}</li>
</ul>
<ul class="cbp-ig-grid">
<li ng-repeat="icon in icons | filter:search">
<li data-ng-repeat="icon in filtered = (icons | filter:search)">
<span ng-class="{'selected': icon.selected}" ng-click="selectIcon(icon)">
<i class="cbp-ig-icon devicon-{{icon.main}}"></i>
<h3 class="cbp-ig-title">{{icon.name}}</h3>