This repository has been archived by the owner on Jul 30, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 3
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Merge pull request #49 from RitaOak/groups-changes
Groups changes
- Loading branch information
Showing
30 changed files
with
413 additions
and
122 deletions.
There are no files selected for viewing
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
import { html, LitElement } from 'lit-element'; | ||
import avatarStyles from '../../style/groups-avatar.scss'; | ||
|
||
class avatarGroups extends LitElement { | ||
static get styles() { | ||
return [avatarStyles]; | ||
} | ||
|
||
render() { | ||
return html` | ||
<section class="avatar"> | ||
<figure class="image is-128x128 avatar-figure"> | ||
<img class="is-rounded" src="https://scontent.fopo1-1.fna.fbcdn.net/v/l/t1.0-9/537484_224892540989084_1267897031_n.jpg?_nc_cat=104&_nc_sid=09cbfe&_nc_ohc=XFXRaFbyn0AAX84b7iF&_nc_ht=scontent.fopo1-1.fna&oh=a63ebf898d71c55443aab13cb60ce95d&oe=5EFFF95A" /> | ||
</figure> | ||
</section> | ||
`; | ||
} | ||
} | ||
|
||
window.customElements.define('groups-avatar', avatarGroups); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,20 @@ | ||
import { html, LitElement } from 'lit-element'; | ||
import bannerStyles from '../../style/groups-banner.scss'; | ||
|
||
class bannerGroups extends LitElement { | ||
static get styles() { | ||
return [bannerStyles]; | ||
} | ||
|
||
render() { | ||
return html` | ||
<section> | ||
<figure class="image is-1by3 is-fullwidth banner"> | ||
<img src="https://images.pexels.com/photos/3184660/pexels-photo-3184660.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=650&w=940" /> | ||
</figure> | ||
</section> | ||
`; | ||
} | ||
} | ||
|
||
window.customElements.define('groups-banner', bannerGroups); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,24 @@ | ||
import { html, LitElement } from 'lit-element'; | ||
import '@polymer/iron-icons/iron-icons.js'; | ||
import '@polymer/iron-icons/social-icons.js'; | ||
import sharedStyles from '../../style/app.scss'; | ||
import buttonStyles from '../../style/groups-button.scss'; | ||
|
||
class buttonGroups extends LitElement { | ||
static get styles() { | ||
return [sharedStyles, buttonStyles]; | ||
} | ||
|
||
render() { | ||
return html` | ||
<button class="button group-join-button"> | ||
<span class="icon is-small group-join-icon"> | ||
<iron-icon icon="social:group-add"></iron-icon> | ||
</span> | ||
<span>Join Group</span> | ||
</button> | ||
`; | ||
} | ||
} | ||
|
||
window.customElements.define('groups-button', buttonGroups); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,41 @@ | ||
import { html, LitElement } from 'lit-element'; | ||
import headerStyles from '../../style/groups-header.scss'; | ||
import sharedStyles from '../../style/app.scss'; | ||
import './groups-button.js'; | ||
|
||
class headerGroups extends LitElement { | ||
static get styles() { | ||
return [sharedStyles, headerStyles]; | ||
} | ||
|
||
render() { | ||
return html` | ||
<section class="level"> | ||
<!-- Left side --> | ||
<div class="level-left"> | ||
<div class="level-item"> | ||
<section class="title-header"> | ||
<h1>Open Apereo 2020</h1> | ||
</section> | ||
</div> | ||
</div> | ||
<div class="level-right"> | ||
<div class="level-item"> | ||
<groups-button></groups-button> | ||
</div> | ||
</div> | ||
</section> | ||
<section class="about-header"> | ||
<p> | ||
The Open Apereo 2020 is scheduled for June 15-19. You’re probably aware of the significant changes to our | ||
major annual international event, Open Apereo 2020, we were planning this year. If you hadn’t heard about the | ||
changed shape of the event, | ||
<a href="https://www.apereo.org/content/open-apereo-2020-vision">you can read about it here.</a> | ||
</p> | ||
</section> | ||
`; | ||
} | ||
} | ||
|
||
window.customElements.define('groups-header', headerGroups); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,52 @@ | ||
import { html, LitElement } from 'lit-element'; | ||
import '@polymer/iron-icons/iron-icons.js'; | ||
import '@polymer/iron-icons/social-icons.js'; | ||
import '@polymer/iron-icons/av-icons.js'; | ||
import tabsStyles from '../../style/groups-tabs.scss'; | ||
|
||
class tabsGroups extends LitElement { | ||
static get styles() { | ||
return [tabsStyles]; | ||
} | ||
|
||
render() { | ||
return html` | ||
<div class="tab"> | ||
<button class="tablinks" onclick="openTab(event, 'Home')"> | ||
<span class="icon is-small button-icon"> | ||
<iron-icon icon="icons:home"></iron-icon> | ||
</span> | ||
<span>Home</span> | ||
</button> | ||
<button class="tablinks" onclick="openTab(event, 'About')"> | ||
<span class="icon is-small button-icon"> | ||
<iron-icon icon="icons:error-outline"></iron-icon> | ||
</span> | ||
<span>About</span> | ||
</button> | ||
<button class="tablinks" onclick="openTab(event, 'Library')"> | ||
<span class="icon is-small button-icon"> | ||
<iron-icon icon="av:library-books"></iron-icon> | ||
</span> | ||
<span>Library</span> | ||
</button> | ||
<button class="tablinks" onclick="openTab(event, 'Members')"> | ||
<span class="icon is-small button-icon"> | ||
<iron-icon icon="social:people-outline"></iron-icon> | ||
</span> | ||
<span>Members</span> | ||
</button> | ||
<button class="tablinks" onclick="openTab(event, 'Settings')"> | ||
<span class="icon is-small button-icon"> | ||
<iron-icon icon="icons:settings"></iron-icon> | ||
</span> | ||
<span>Settings</span> | ||
</button> | ||
</div> | ||
<hr class="section-divider"> | ||
`; | ||
} | ||
} | ||
|
||
window.customElements.define('groups-tabs', tabsGroups); |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
|
@@ -20,6 +20,7 @@ class homeSearchV2 extends LitElement { | |
</span> | ||
</div> | ||
</div> | ||
`; | ||
} | ||
} | ||
|
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Oops, something went wrong.