Security News
Oracle Drags Its Feet in the JavaScript Trademark Dispute
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
By Sarah Gooding - Feb 07, 2025
New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More →
@byu-oit/admissions-polymer-components
Advanced tools
@byu-oit/admissions-polymer-components
Includes a set of polymer web components to be used across BYU Undergraduate Admissions web apps.
Admissions Polymer Components
Includes a set of polymer web components to be used across BYU Undergraduate Admissions web apps.
Installation
The simplest way to install the component is with Bower. Run bower install admissions-polymer-components and the necesary files will be installed in a bower_components
directory.
To use the components, include the web component loader polyfill and the desired components.
...
<head>
...
<script src="bower_components/webcomponentsjs/webcomponents-loader.js"></script>
<link rel="import" href="../admit-fieldset.html">
<link rel="import" href="../admit-heading-section.html">
<link rel="import" href="../admit-table.html">
<link rel="import" href="../admit-table-row.html">
...
</head>
admit-heading-section
Prefaces its content with a standard header.
Attributes
titleThe heading textsubsectionIf set, the section uses a smaller heading size, and can't be collapsed.collapseIf set, the section is collapsible.is-collapsedIf set, the section is collapsed.
Example
<admit-heading-section title="Admissions">
<!-- Content goes here -->
</admit-heading-section>
admit-fieldset / admit-fieldset-row / admit-field
An admit-fieldset wraps any number of admit-field elements into a vertical 2-column layout with
a heading. For multi-column layouts, you may use admit-fieldset-row elements instead.
admit-fieldset Attributes
titleThe heading textcollapseIf set, the field set is collapsible.
admit-field Attributes
labelThe field's label (can be omitted)valueThe field's valueemphasisIf set, the field value will be bold
Example
<admit-fieldset title="Applicant" collapse>
<admit-field label="Name" value="John Doe"></admit-field>
<admit-field label="Age" value="15"></admit-field>
<admit-field label="" value="Young Applicant!" emphasis></admit-field>
</admit-heading-section>
Using multi-column layout:
<admit-fieldset title="Clearances" collapse>
<admit-fieldset-row>
<span class="label">Endorsement</span>
<span>Not Endorsed</span>
<a class="action">clear</a>
</admit-fieldset-row>
<admit-fieldset-row>
<span class="label">Dept Interest Flag</span>
<span>Music</span>
<a class="action">remove</a>
</admit-fieldset-row>
<admit-fieldset-row>
<span class="label"></span>
<span>Math</span>
<a class="action">remove</a>
</admit-fieldset-row>
<admit-fieldset-row>
<span class="label"></span>
<span></span>
<a class="action">+add flag</a>
</admit-fieldset-row>
</admit-heading-section>
admit-table / admit-table-row
An admit-table creates a simple data table with column headings. Each row in the table is wrapped in an admit-table-row element, and must have an equal number of sub-elements for each cell in the table.
admit-table Attributes
columnsA comma separated list of column headers. If a column doesn't require a header, set it to -. If a column header is prefixed with#, the text will be centered (good for numeric columns for example).
Example
<admit-table columns="-,Date,#Score">
<admit-table-row>
<span>ACT</span>
<span>Apr 2015</span>
<span style="text-align: center;">30</span>
</admit-table-row>
<admit-table-row>
<span>SAT</span>
<span>May 2016</span>
<span style="text-align: center;">1400</span>
</admit-table-row>
</admit-table>
admit-color-circle
Creates a simple circle with one of 5 color values.
admit-color-circle Attributes
color-indexThe color assigned to the circle. These values can be configured with the css variables --admit-color-circle-color[0-5]. Default values are:- 0: Navy
- 1: Blue
- 2: Light Blue
- 3: Yellow
- 4: Red
activeIndicates that this circle is active
Example
<admit-color-circle color-index="0" on-click="setValue(0)"></admit-color-circle>
<admit-color-circle color-index="1" on-click="setValue(1)"></admit-color-circle>
<admit-color-circle color-index="2" active on-click="setValue(2)"></admit-color-circle>
<admit-color-circle color-index="3" on-click="setValue(3)"></admit-color-circle>
<admit-color-circle color-index="4" on-click="setValue(4)"></admit-color-circle>
Keywords
FAQs
Includes a set of polymer web components to be used across BYU Undergraduate Admissions web apps.
The npm package @byu-oit/admissions-polymer-components receives a total of 5 weekly downloads. As such, @byu-oit/admissions-polymer-components popularity was classified as not popular.
We found that @byu-oit/admissions-polymer-components demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 8 open source maintainers collaborating on the project.
Package last updated on 09 Oct 2017
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Related posts
Security News
Linux Foundation Warns Open Source Developers: Compliance with Sanctions Is Not Optional
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.
By Sarah Gooding - Feb 06, 2025
Security News
Maven Central Adds Sigstore Signature Validation
Maven Central now validates Sigstore signatures, making it easier for developers to verify the provenance of Java packages.
By Sarah Gooding - Feb 06, 2025