Merge pull request #10415 from umbraco/v8/feature/packages-update

Added "certified to work on Umbraco Cloud" indicator to packages section in the back-office
This commit is contained in:
Mole
2021-06-21 14:13:22 +02:00
committed by GitHub
5 changed files with 39 additions and 9 deletions

View File

@@ -157,6 +157,16 @@
color: @red !important;
}
.umb-package-link .umb-package-cloud {
margin-top: 8px;
font-size: 11px;
height: 11px; // ensures vertical space is taken up even if "works on cloud" isn't visible
}
.umb-package-link .umb-package-cloud .icon-cloud {
color: #2eadaf !important;
}
// Version
.umb-package-version {
display: inline-flex;

View File

@@ -1,7 +1,7 @@
(function () {
"use strict";
function PackagesRepoController($scope, $route, $location, $timeout, ourPackageRepositoryResource, $q, packageResource, localStorageService, localizationService) {
function PackagesRepoController($scope, $timeout, ourPackageRepositoryResource, $q, packageResource, localStorageService, localizationService) {
var vm = this;
@@ -75,7 +75,9 @@
$q.all([
ourPackageRepositoryResource.getCategories()
.then(function (cats) {
vm.categories = cats;
vm.categories = cats.filter(function (cat) {
return cat.name !== "Umbraco Pro";
});
}),
ourPackageRepositoryResource.getPopular(8)
.then(function (pack) {

View File

@@ -54,14 +54,20 @@
<div class="umb-package-numbers">
<small class="umb-package-downloads">
<i class="icon-download-alt" aria-hidden="true"></i>
<umb-icon icon="icon-download-alt"></umb-icon>
<strong>{{package.downloads}}</strong>
</small>
<small class="umb-package-likes">
<i class="icon-hearts" aria-hidden="true"></i>
<umb-icon icon="icon-hearts" class="icon-hearts"></umb-icon>
<strong>{{package.likes}}</strong>
</small>
</div>
<div class="umb-package-cloud">
<div ng-if="package.certifiedToWorkOnUmbracoCloud">
<umb-icon icon="icon-cloud" class="icon-cloud"></umb-icon>
<span><localize key="packager_verifiedToWorkOnUmbracoCloud">Verified to work on Umbraco Cloud</localize></span>
</div>
</div>
</div>
</div>
@@ -93,18 +99,24 @@
<div class="umb-package-numbers">
<small class="umb-package-downloads">
<i class="icon-download-alt" aria-hidden="true"></i>
<strong>{{ package.downloads }}</strong>
<umb-icon icon="icon-download-alt"></umb-icon>
<strong>{{package.downloads}}</strong>
</small>
<small class="umb-package-likes">
<i class="icon-hearts" aria-hidden="true"></i>
<strong>{{ package.likes }}</strong>
<umb-icon icon="icon-hearts" class="icon-hearts"></umb-icon>
<strong>{{package.likes}}</strong>
</small>
</div>
<div class="umb-package-cloud">
<div ng-if="package.certifiedToWorkOnUmbracoCloud">
<umb-icon icon="icon-cloud" class="icon-cloud"></umb-icon>
<span><localize key="packager_verifiedToWorkOnUmbracoCloud">Verified to work on Umbraco Cloud</localize></span>
</div>
</div>
</div>
</div>
</button>
</div> <!-- end package -->
@@ -269,6 +281,10 @@
<div class="umb-package-details__information-item-content">{{vm.package.likes}}</div>
</div>
<div class="umb-package-details__information-item" ng-if="vm.package.certifiedToWorkOnUmbracoCloud">
<div class="umb-package-details__information-item-label"><localize key="packager_verifiedToWorkOnUmbracoCloud">Verified to work on Umbraco CLoud</localize></div>
</div>
</div>
</umb-box-content>
</umb-box>

View File

@@ -1288,6 +1288,7 @@ To manage your website, simply open the Umbraco backoffice and start adding cont
<key alias="installStateComplete">All done, your browser will now refresh, please wait...</key>
<key alias="installStateCompleted">Please click 'Finish' to complete installation and reload the page.</key>
<key alias="installStateUploading">Uploading package...</key>
<key alias="verifiedToWorkOnUmbracoCloud">Verified to work on Umbraco Cloud</key>
</area>
<area alias="paste">
<key alias="doNothing">Paste with full formatting (Not recommended)</key>

View File

@@ -1294,6 +1294,7 @@ To manage your website, simply open the Umbraco backoffice and start adding cont
<key alias="installStateComplete">All done, your browser will now refresh, please wait...</key>
<key alias="installStateCompleted">Please click 'Finish' to complete installation and reload the page.</key>
<key alias="installStateUploading">Uploading package...</key>
<key alias="verifiedToWorkOnUmbracoCloud">Verified to work on Umbraco Cloud</key>
</area>
<area alias="paste">
<key alias="doNothing">Paste with full formatting (Not recommended)</key>