</div>
<div i18n class="middle-title" *ngIf="html.administrator || maintenanceLifetime || businessModel">
- Administrators & sustainability
+ ADMINISTRATORS & SUSTAINABILITY
</div>
<div class="block administrator" *ngIf="html.administrator">
</div>
<div i18n class="middle-title" *ngIf="html.description">
- Information
+ INFORMATION
</div>
<div class="block description">
</div>
<div i18n class="middle-title" *ngIf="html.moderationInformation || html.codeOfConduct || html.terms">
- Moderation
+ MODERATION
</div>
<div class="block moderation-information" *ngIf="html.moderationInformation">
</div>
<div i18n class="middle-title" *ngIf="html.hardwareInformation">
- Other information
+ OTHER INFORMATION
</div>
<div class="block hardware-information" *ngIf="html.hardwareInformation">
<div class="col">
<div i18n class="middle-title">
- Statistics
+ STATISTICS
</div>
<my-instance-statistics></my-instance-statistics>
</div>
<div *ngIf="account" class="row">
<div class="block col-md-6 col-sm-12">
- <div i18n class="small-title">Description</div>
+ <div i18n class="small-title">DESCRIPTION</div>
<div class="content" [innerHtml]="getAccountDescription()"></div>
</div>
<div class="block col-md-6 col-sm-12">
- <div i18n class="small-title">Stats</div>
+ <div i18n class="small-title">STATS</div>
<div i18n class="content">Joined {{ account.createdAt | date }}</div>
</div>
</div>
<a *ngIf="getVideosOf(videoChannel).length !== 0" class="show-more" i18n [routerLink]="getVideoChannelLink(videoChannel)">
- Show this channel
+ SHOW THIS CHANNEL
</a>
</div>
</div>
)
this.links = [
- { label: this.i18n('Video channels'), routerLink: 'video-channels' },
- { label: this.i18n('Videos'), routerLink: 'videos' },
- { label: this.i18n('About'), routerLink: 'about' }
+ { label: this.i18n('VIDEO CHANNELS'), routerLink: 'video-channels' },
+ { label: this.i18n('VIDEOS'), routerLink: 'videos' },
+ { label: this.i18n('ABOUT'), routerLink: 'about' }
]
}
<ng-container formGroupName="instance">
- <div i18n class="inner-form-title">Instance</div>
+ <div i18n class="inner-form-title">INSTANCE</div>
<div class="form-group">
<label i18n for="instanceName">Name</label>
</div>
</div>
- <div i18n class="inner-form-title">Moderation & NSFW</div>
+ <div i18n class="inner-form-title">MODERATION & NSFW</div>
<div class="form-group">
<my-peertube-checkbox inputName="instanceIsNSFW" formControlName="isNSFW">
<div *ngIf="formErrors.instance.moderationInformation" class="form-error">{{ formErrors.instance.moderationInformation }}</div>
</div>
- <div i18n class="inner-form-title">You and your instance</div>
+ <div i18n class="inner-form-title">YOU AND YOUR INSTANCE</div>
<div class="form-group">
<label i18n for="instanceAdministrator">Who is behind the instance?</label>
<div *ngIf="formErrors.instance.businessModel" class="form-error">{{ formErrors.instance.businessModel }}</div>
</div>
- <div i18n class="inner-form-title">Other information</div>
+ <div i18n class="inner-form-title">OTHER INFORMATION</div>
<div class="form-group">
<label i18n for="instanceHardwareInformation">What server/hardware does the instance run on?</label>
<ngb-tab i18n-title title="Basic configuration">
<ng-template ngbTabContent>
- <div i18n class="inner-form-title">Theme & Default route</div>
+ <div i18n class="inner-form-title">THEME AND DEFAULT ROUTE</div>
<ng-container formGroupName="theme">
<div class="form-group">
<div *ngIf="formErrors.instance.defaultClientRoute" class="form-error">{{ formErrors.instance.defaultClientRoute }}</div>
</div>
- <div i18n class="inner-form-title">Signup</div>
+ <div i18n class="inner-form-title">SIGNUP</div>
<ng-container formGroupName="signup">
<div class="form-group">
</ng-container>
- <div i18n class="inner-form-title">Users</div>
+ <div i18n class="inner-form-title">USERS</div>
<ng-container formGroupName="user">
<div class="form-group">
</ng-container>
- <div i18n class="inner-form-title">Import</div>
+ <div i18n class="inner-form-title">IMPORT</div>
<ng-container formGroupName="import">
<ng-container formGroupName="videos">
</ng-container>
- <div i18n class="inner-form-title">Auto-blacklist</div>
+ <div i18n class="inner-form-title">AUTO-BLACKLIST</div>
<ng-container formGroupName="autoBlacklist">
<ng-container formGroupName="videos">
</ng-container>
- <div i18n class="inner-form-title">Instance followers</div>
+ <div i18n class="inner-form-title">INSTANCE FOLLOWERS</div>
<ng-container formGroupName="followers">
<ng-container formGroupName="instance">
</ng-container>
</ng-container>
- <div i18n class="inner-form-title">Instance followings</div>
+ <div i18n class="inner-form-title">INSTANCE FOLLOWINGS</div>
<ng-container formGroupName="followings">
<ng-container formGroupName="instance">
</ng-container>
- <div i18n class="inner-form-title">Administrator</div>
+ <div i18n class="inner-form-title">ADMINISTRATORS</div>
<div class="form-group" formGroupName="admin">
<label i18n for="adminEmail">Admin email</label>
<ngb-tab i18n-title title="Services">
<ng-template ngbTabContent>
- <div i18n class="inner-form-title">Twitter</div>
+ <div i18n class="inner-form-title">TWITTER</div>
<ng-container formGroupName="services">
<ng-container formGroupName="twitter">
<ngb-tab i18n-title title="Advanced configuration">
<ng-template ngbTabContent>
- <div i18n class="inner-form-title">Transcoding</div>
+ <div i18n class="inner-form-title">TRANSCODING</div>
<ng-container formGroupName="transcoding">
<div class="form-group">
</ng-container>
<div class="inner-form-title">
- <ng-container i18n>Cache</ng-container>
+ <ng-container i18n>CACHE</ng-container>
<my-help>
<ng-template ptTemplate="customHtml">
</div>
</ng-container>
- <div i18n class="inner-form-title">Customizations</div>
+ <div i18n class="inner-form-title">CUSTOMIZATIONS</div>
<ng-container formGroupName="instance">
<ng-container formGroupName="customizations">
<div *ngIf="videoChannel" class="row">
<div class="description col-md-6 col-sm-12">
<div class="block">
- <div i18n class="small-title">Description</div>
+ <div i18n class="small-title">DESCRIPTION</div>
<div class="content" [innerHtml]="getVideoChannelDescription()"></div>
</div>
<div class="block" *ngIf="supportHTML">
- <div i18n class="small-title">Support this channel</div>
+ <div i18n class="small-title">SUPPORT THIS CHANNEL</div>
<div class="content" [innerHtml]="supportHTML"></div>
</div>
</div>
<div class="stats col-md-6 col-sm-12">
<div class="block">
- <div i18n class="small-title">Stats</div>
+ <div i18n class="small-title">STATS</div>
<div i18n class="content">Created {{ videoChannel.createdAt | date }}</div>
</div>
</div>
if (this.isUserLoggedIn()) this.hotkeysService.add(this.hotkeys)
this.links = [
- { label: this.i18n('Videos'), routerLink: 'videos' },
- { label: this.i18n('Video playlists'), routerLink: 'video-playlists' },
- { label: this.i18n('About'), routerLink: 'about' }
+ { label: this.i18n('VIDEOS'), routerLink: 'videos' },
+ { label: this.i18n('VIDEO PLAYLISTS'), routerLink: 'video-playlists' },
+ { label: this.i18n('ABOUT'), routerLink: 'about' }
]
}
<div *ngIf="showHelp" id="typeahead-help" class="overflow-hidden">
<ng-container *ngIf="activeResult.type === 'search-global'">
<div class="d-flex justify-content-between">
- <label class="small-title" i18n>Global search</label>
+ <label class="small-title" i18n>GLOBAL SEARCH</label>
<div class="advanced-search-status text-muted">
<span *ngIf="serverConfig" class="mr-1" i18n>using {{ serverConfig.followings.instance.autoFollowIndex.indexUrl }}</span>
<i class="glyphicon glyphicon-globe"></i>
<!-- search instructions, when search input is empty -->
<div *ngIf="areInstructionsDisplayed" id="typeahead-instructions" class="overflow-hidden">
<div class="d-flex justify-content-between">
- <label class="small-title" i18n>Advanced search</label>
+ <label class="small-title" i18n>ADVANCED SEARCH</label>
<div class="advanced-search-status c-help">
<span [ngClass]="canSearchAnyURI ? 'text-success' : 'text-muted'" i18n-title title="Determines whether you can resolve any distant content, or if this instance only allows doing so for instances it follows.">
<span *ngIf="canSearchAnyURI" class="mr-1" i18n>any instance</span>
</div>
<div *ngIf="isLoggedIn" class="panel-block">
- <div i18n class="block-title">My library</div>
+ <div i18n class="block-title">MY LIBRARY</div>
<a routerLink="/my-account/videos" routerLinkActive="active">
<my-global-icon iconName="videos"></my-global-icon>
</div>
<div class="panel-block">
- <div i18n class="block-title">Videos</div>
+ <div i18n class="block-title">VIDEOS</div>
<a routerLink="/videos/overview" routerLinkActive="active">
<my-global-icon iconName="globe"></my-global-icon>
</div>
<div class="panel-block">
- <div class="block-title" i18n>More</div>
+ <div class="block-title" i18n>MORE</div>
<a *ngIf="userHasAdminAccess" [routerLink]="getFirstAdminRouteAvailable()" routerLinkActive="active">
<my-global-icon iconName="administration"></my-global-icon>
<div ngbDropdown class="d-inline-block ml-4">
<button class="btn btn-sm btn-outline-secondary" id="dropdownSortComments" ngbDropdownToggle i18n>
- Sort by
+ SORT BY
</button>
<div ngbDropdownMenu aria-labelledby="dropdownSortComments">
<button (click)="handleSortChange('-createdAt')" ngbDropdownItem i18n>Most recent first (default)</button>
placement="bottom auto"
>
<my-global-icon iconName="support"></my-global-icon>
- <span class="icon-text" i18n>Support</span>
+ <span class="icon-text" i18n>SUPPORT</span>
</div>
<div (click)="showShareModal()" class="action-button" role="button">
<my-global-icon iconName="share"></my-global-icon>
- <span class="icon-text" i18n>Share</span>
+ <span class="icon-text" i18n>SHARE</span>
</div>
<div
>
<div class="action-button action-button-save" ngbDropdownToggle role="button">
<my-global-icon iconName="playlist-add"></my-global-icon>
- <span class="icon-text" i18n>Save</span>
+ <span class="icon-text" i18n>SAVE</span>
</div>
<div ngbDropdownMenu>
<div *ngIf="!playlist" class="title-page-autoplay"
[ngbTooltip]="autoPlayNextVideoTooltip" placement="bottom-right auto"
>
- <span i18n>Autoplay</span>
+ <span i18n>AUTOPLAY</span>
<p-inputSwitch [(ngModel)]="autoPlayNextVideo" (ngModelChange)="switchAutoPlayNextVideo()"></p-inputSwitch>
</div>
</div>