self-hosted/pigallery2
1
0
Fork 0
mirror of https://github.com/bpatrik/pigallery2.git synced 2024-12-23 01:27:14 +02:00
Code Issues Releases Activity

Replacing icons with https://ionic.io/ionicons at Albums

Browse Source 
#587
This commit is contained in:
Patrik J. Braun 2023-08-22 22:46:15 +02:00
parent 6738f54724
commit 9b487bdf99
5 changed files with 24 additions and 16 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/frontend/app/app.module.ts
View File

@ -133,7 +133,7 @@ import {
ionImagesOutline, ionImagesOutline,
ionInformationOutline, ionInformationOutline,
ionLinkOutline, ionLinkOutline,
ionLocationOutline, ionLocationOutline, ionLockClosedOutline,
ionLogOutOutline, ionLogOutOutline,
ionMenuOutline, ionMenuOutline,
ionMoonOutline, ionMoonOutline,
@ -217,7 +217,7 @@ Marker.prototype.options.icon = MarkerFactory.defIcon;
ionInformationOutline, ionContractOutline, ionExpandOutline, ionCloseOutline, ionInformationOutline, ionContractOutline, ionExpandOutline, ionCloseOutline,
ionTimerOutline, ionTimerOutline,
ionPlayOutline, ionPauseOutline, ionVolumeMediumOutline, ionVolumeMuteOutline, ionPlayOutline, ionPauseOutline, ionVolumeMediumOutline, ionVolumeMuteOutline,
ionCameraOutline, ionWarningOutline ionCameraOutline, ionWarningOutline, ionLockClosedOutline
}), }),
ClipboardModule, ClipboardModule,
TooltipModule.forRoot(), TooltipModule.forRoot(),

14
src/frontend/app/ui/albums/album/album.component.html
View File

@ -17,14 +17,18 @@
<!--Info box --> <!--Info box -->
<div class="info rounded-bottom"> <div class="info rounded-bottom">
{{album.name}} ({{album.count}}) {{album.name}} ({{album.count}})
<span *ngIf="CanUpdate && !album.locked" <ng-icon *ngIf="CanUpdate && !album.locked"
(click)="deleteAlbum($event)" (click)="deleteAlbum($event)"
class="info-button delete oi oi-trash float-end"></span> class="info-button delete float-end"
name="ionTrashOutline"
title="Delete" i18n-title></ng-icon>
<span *ngIf="album.locked" <ng-icon *ngIf="album.locked"
class="info-button float-end"
name="ionLockClosedOutline"
title="Album is locked, cannot be deleted from the webpage." title="Album is locked, cannot be deleted from the webpage."
i18n-title i18n-title></ng-icon>
class="info-button oi oi-lock-locked float-end"></span>
</div> </div>
</a> </a>

10
src/frontend/app/ui/albums/albums.component.css
View File

@ -20,10 +20,14 @@ app-album {
.add-saved-search .text { .add-saved-search .text {
position: relative; position: relative;
top: calc(50% - 40px); top: 50%;
left: 50%;
transform: translate(-50%,-50%);
text-align: center; text-align: center;
} }
.add-saved-search .text .oi { .add-saved-search .text ng-icon {
font-size: 80px; font-size: 120px;
display: inline-block;
width: 100%;
} }

4
src/frontend/app/ui/albums/albums.component.html
View File

@ -11,7 +11,7 @@
[style.height.px]="size" [style.height.px]="size"
(click)="openModal(modal)"> (click)="openModal(modal)">
<div class="text"> <div class="text">
<span class="oi oi-plus" aria-hidden="true"> </span><br/> <ng-icon name="ionAddOutline" class="mb-2"></ng-icon>
<span i18n>Add saved search</span> <span i18n>Add saved search</span>
</div> </div>
</div> </div>
@ -67,7 +67,7 @@
<button class="btn btn-primary" type="button" <button class="btn btn-primary" type="button"
[disabled]="savedSearch.searchQuery.text == ''" [disabled]="savedSearch.searchQuery.text == ''"
(click)="saveSearch()"> (click)="saveSearch()">
<span class="oi oi-folder"></span> Save <ng-icon name="ionSaveOutline" class="me-2"></ng-icon><span i18n>Save</span>
</button> </button>
</div> </div>
</form> </form>

2
src/frontend/app/ui/albums/saved-search-popup/saved-search-popup.component.html
View File

@ -1,7 +1,7 @@
<button class="btn btn-secondary" type="button" <button class="btn btn-secondary" type="button"
[disabled]="disabled" [disabled]="disabled"
(click)="openModal(modal)"> (click)="openModal(modal)">
<span class="oi oi-file me-2"></span><ng-container i18n>To .pg2conf</ng-container> <ng-icon class="me-2" name="ionFolderOutline"></ng-icon><ng-container i18n>To .pg2conf</ng-container>
</button> </button>