From c389a22633a0ce7de152c582de8ee13774bda9bb Mon Sep 17 00:00:00 2001
From: Abhishek <guywhodesigns@gmail.com>
Date: Jul 30 2018 07:30:03 +0000
Subject: add women page template and providers


---

diff --git a/src/pages/more/more.scss b/src/pages/more/more.scss
index 5cbb769..2309baa 100755
--- a/src/pages/more/more.scss
+++ b/src/pages/more/more.scss
@@ -51,7 +51,7 @@ page-more {
 
 bookmarks,
 about-us,
-about-detail {
+about-detail, women-diversity  {
   ion-header {
     padding: 16px 24px;
     background-color: #fff;
@@ -116,3 +116,44 @@ about-detail {
     }
   }
 }
+
+women-diversity {
+  ion-content {
+    .scroll-content {
+      p {
+        margin:0;
+        padding: 16px 24px;
+        background-color: #fff;
+      }
+      ion-label{
+        margin: 0 0 4px 0;
+        padding: 12px 24px;
+        background-color: #fff;
+        color: #3C6DB3;
+        font-family: "Montserrat-Semibold";
+      }
+    }
+  }
+  .card {
+    padding: 12px 24px;
+    background-color: #FFFFFF !important;
+    box-shadow: none;
+    margin: 4px 0;
+    width: 100%;
+  }
+  .card-header {
+    padding: 0 !important;
+  }
+  .card-content {
+    margin-top: 4px;
+    padding: 0 !important;
+  }
+  ion-card {
+    span {
+      display: block;
+    }
+    .active-title {
+      margin-bottom: 4px;
+    }
+  }
+}
diff --git a/src/pages/more/more.ts b/src/pages/more/more.ts
index dd8f503..a3d8374 100755
--- a/src/pages/more/more.ts
+++ b/src/pages/more/more.ts
@@ -2,6 +2,9 @@ import { Component } from '@angular/core';
 import { NavController, NavParams } from 'ionic-angular';
 import { NotificationsPage } from '../../pages/notifications/notifications';
 import { PackageSearchPage } from '../package-search/package-search';
+import { Browser } from '../../providers/browser/browser';
+import { Post } from '../../providers/fedora-magazine/fedora-magazine';
+import { CommunityBlogService } from '../../providers/community-blog/community-blog';
 
 @Component({
   selector: 'page-more',
@@ -88,7 +91,8 @@ export class AboutPage {
    * @param navItem clicked item of about Fedora
    */
   openAboutDetailPage(item) {
-    this.navCtrl.push(AboutDetailPage, { item: item });
+    //open details if not women page, else push the women page
+    item.title === 'Women and Diversity' ? this.navCtrl.push(WomenDiversity) : this.navCtrl.push(AboutDetailPage, { item: item });
   }
 }
 
@@ -130,4 +134,47 @@ export class BookmarksPage {
   }
 }
 
+/** Women and Diversity Page Component */
+
+@Component({
+  selector: 'women-diversity',
+  templateUrl: 'women-diversity.html',
+  providers: [CommunityBlogService]
+})
+export class WomenDiversity {
+
+  /**
+   * List of posts from Fedora Community Blog
+   */
+  private blogposts: Post[];
+
+  constructor(private browser: Browser, private communityblog: CommunityBlogService) {
+    this.blogposts = [];
+  }
+
+  /**
+   * Fetch Blog Posts from the Fedora Community Blog
+   */
+  private updateBlogPosts(): void {
+    this.communityblog.getBlogPosts('454')
+      .subscribe(blogposts => {
+        this.blogposts = blogposts;
+      });
+  }
+
+  ngOnInit() {
+    this.updateBlogPosts();
+  }
+
+  /**
+   * Opens a update in a browser
+   *
+   * Opens the update in an in-app browser in mobile app and in a new tab on desktop.
+   *
+   * @param update update to open
+   */
+  openUpdate(update: any): void {
+    this.browser.open(update.link);
+  }
+}
 
diff --git a/src/pages/more/women-diversity.html b/src/pages/more/women-diversity.html
new file mode 100755
index 0000000..dded5df
--- /dev/null
+++ b/src/pages/more/women-diversity.html
@@ -0,0 +1,27 @@
+<!--
+Template for the Women and Diversity Page
+-->
+
+<ion-header>
+  <ion-title>
+    <img src="./assets/img/back.svg" tappable navPop>
+    <span>Women and Diversity</span>
+  </ion-title>
+</ion-header>
+<ion-content>
+  <p>
+    The Fedora Project welcomes and encourages participation by everyone. Our community is based on mutual respect, tolerance,
+    and encouragement, and we are working to help each other live up to these principles. Please, refer to
+    <a href="https://fedoraproject.org/wiki/Diversity_and_Inclusion?rd=Diversity">our Code of Conduct</a>
+    if you need more information. Fedora Diversity and Inclusion team is committed to fostering diversity and inclusion in Fedora
+    community.
+  </p>
+  <ion-list *ngIf="blogposts.length !== 0">
+    <ion-label>Latest Updates →</ion-label>
+    <ion-card *ngFor="let blogpost of blogposts" tappable (click)="openUpdate(blogpost)">
+      <ion-card-header [innerHTML]="blogpost.title" class="body-title"></ion-card-header>
+      <ion-card-content [innerHTML]="blogpost.publishedAt" class="body-subtitle">
+      </ion-card-content>
+    </ion-card>
+  </ion-list>
+</ion-content>