MOBILE-3002 block: Add Latest badges block feature

scripts/langindex.json

@@ -27,6 +27,7 @@
   "addon.badges.version": "badges",
   "addon.badges.warnexpired": "badges",
   "addon.block_activitymodules.pluginname": "block_activity_modules",
+  "addon.block_badges.pluginname": "block_badges",
   "addon.block_calendarmonth.pluginname": "block_calendar_month",
   "addon.block_calendarupcoming.pluginname": "block_calendar_upcoming",
   "addon.block_comments.pluginname": "block_comments",

src/addon/block/badges/badges.module.ts

@@ -0,0 +1,38 @@
+// (C) Copyright 2015 Martin Dougiamas
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import { NgModule } from '@angular/core';
+import { IonicModule } from 'ionic-angular';
+import { TranslateModule } from '@ngx-translate/core';
+import { CoreBlockDelegate } from '@core/block/providers/delegate';
+import { AddonBlockBadgesHandler } from './providers/block-handler';
+
+@NgModule({
+    declarations: [
+    ],
+    imports: [
+        IonicModule,
+        TranslateModule.forChild()
+    ],
+    exports: [
+    ],
+    providers: [
+        AddonBlockBadgesHandler
+    ]
+})
+export class AddonBlockBadgesModule {
+    constructor(blockDelegate: CoreBlockDelegate, blockHandler: AddonBlockBadgesHandler) {
+        blockDelegate.registerHandler(blockHandler);
+    }
+}

src/addon/block/badges/badges.scss

@@ -0,0 +1,23 @@
+.addon-block-badges core-block-pre-rendered {
+    .core-block-content {
+        ul.badges {
+            list-style: none;
+            @include margin-horizontal(0);
+            -webkit-padding-start: 0;
+
+            li {
+                position: relative;
+                display: inline-block;
+                padding-top: 1em;
+                text-align: center;
+                vertical-align: top;
+                width: 150px;
+
+                .badge-name {
+                    display: block;
+                    padding: 5px;
+                }
+            }
+        }
+    }
+}

src/addon/block/badges/lang/en.json

@@ -0,0 +1,3 @@
+{
+    "pluginname": "Latest badges"
+}

src/addon/block/badges/providers/block-handler.ts

@@ -0,0 +1,52 @@
+// (C) Copyright 2015 Martin Dougiamas
+//
+// Licensed under the Apache License, Version 2.0 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     http://www.apache.org/licenses/LICENSE-2.0
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+
+import { Injectable, Injector } from '@angular/core';
+import { TranslateService } from '@ngx-translate/core';
+
+import { CoreBlockHandlerData } from '@core/block/providers/delegate';
+import { CoreBlockPreRenderedComponent } from '@core/block/components/pre-rendered-block/pre-rendered-block';
+import { CoreBlockBaseHandler } from '@core/block/classes/base-block-handler';
+
+/**
+ * Block handler.
+ */
+@Injectable()
+export class AddonBlockBadgesHandler extends CoreBlockBaseHandler {
+    name = 'AddonBlockBadges';
+    blockName = 'badges';
+
+    constructor(private translate: TranslateService) {
+        super();
+    }
+
+    /**
+     * Returns the data needed to render the block.
+     *
+     * @param {Injector} injector Injector.
+     * @param {any} block The block to render.
+     * @param {string} contextLevel The context where the block will be used.
+     * @param {number} instanceId The instance ID associated with the context level.
+     * @return {CoreBlockHandlerData|Promise<CoreBlockHandlerData>} Data or promise resolved with the data.
+     */
+    getDisplayData(injector: Injector, block: any, contextLevel: string, instanceId: number)
+            : CoreBlockHandlerData | Promise<CoreBlockHandlerData> {
+
+        return {
+            title: this.translate.instant('addon.block_badges.pluginname'),
+            class: 'addon-block-badges',
+            component: CoreBlockPreRenderedComponent
+        };
+    }
+}

src/app/app.module.ts

@@ -91,6 +91,7 @@ import { AddonCourseCompletionModule } from '@addon/coursecompletion/coursecompl
 import { AddonUserProfileFieldModule } from '@addon/userprofilefield/userprofilefield.module';
 import { AddonFilesModule } from '@addon/files/files.module';
 import { AddonBlockActivityModulesModule } from '@addon/block/activitymodules/activitymodules.module';
+import { AddonBlockBadgesModule } from '@addon/block/badges/badges.module';
 import { AddonBlockCalendarMonthModule } from '@addon/block/calendarmonth/calendarmonth.module';
 import { AddonBlockCalendarUpcomingModule } from '@addon/block/calendarupcoming/calendarupcoming.module';
 import { AddonBlockCommentsModule } from '@addon/block/comments/comments.module';
@@ -224,6 +225,7 @@ export const CORE_PROVIDERS: any[] = [
         AddonUserProfileFieldModule,
         AddonFilesModule,
         AddonBlockActivityModulesModule,
+        AddonBlockBadgesModule,
         AddonBlockCalendarMonthModule,
         AddonBlockCalendarUpcomingModule,
         AddonBlockCommentsModule,

src/assets/lang/en.json

@@ -27,6 +27,7 @@
     "addon.badges.version": "Version",
     "addon.badges.warnexpired": "(This badge has expired!)",
     "addon.block_activitymodules.pluginname": "Activities",
+    "addon.block_badges.pluginname": "Latest badges",
     "addon.block_calendarmonth.pluginname": "Calendar",
     "addon.block_calendarupcoming.pluginname": " Upcoming events",
     "addon.block_comments.pluginname": "Comments",