From 46a6c031bb05338d3fb5cd4d855c36fe71895fff Mon Sep 17 00:00:00 2001 From: Lloyd Wheeler Date: Fri, 1 Dec 2017 14:49:06 -0800 Subject: [PATCH] Create generic sectionHeader directive #1450 --- .../ipaSectionHeader/ipaSectionHeader.css | 12 ++++++++++++ .../ipaSectionHeader/ipaSectionHeader.html | 5 +++++ .../ipaSectionHeader/ipaSectionHeader.js | 17 +++++++++++++++++ 3 files changed, 34 insertions(+) create mode 100644 app/shared/directives/ipaSectionHeader/ipaSectionHeader.css create mode 100644 app/shared/directives/ipaSectionHeader/ipaSectionHeader.html create mode 100644 app/shared/directives/ipaSectionHeader/ipaSectionHeader.js diff --git a/app/shared/directives/ipaSectionHeader/ipaSectionHeader.css b/app/shared/directives/ipaSectionHeader/ipaSectionHeader.css new file mode 100644 index 000000000..74f99db5a --- /dev/null +++ b/app/shared/directives/ipaSectionHeader/ipaSectionHeader.css @@ -0,0 +1,12 @@ +.ipa-section-header { + padding: 13px 15px 13px 15px; + background-color: #F8F8F8; + border: 1px solid #CCCCCC; + margin-top: 25px; + border-radius: 3px; +} + +.ipa-section-header__text { + font-size: 14px; + font-weight: 500; +} \ No newline at end of file diff --git a/app/shared/directives/ipaSectionHeader/ipaSectionHeader.html b/app/shared/directives/ipaSectionHeader/ipaSectionHeader.html new file mode 100644 index 000000000..bdb376f9b --- /dev/null +++ b/app/shared/directives/ipaSectionHeader/ipaSectionHeader.html @@ -0,0 +1,5 @@ +
+
+ {{ headerText }} +
+
\ No newline at end of file diff --git a/app/shared/directives/ipaSectionHeader/ipaSectionHeader.js b/app/shared/directives/ipaSectionHeader/ipaSectionHeader.js new file mode 100644 index 000000000..41259a3d1 --- /dev/null +++ b/app/shared/directives/ipaSectionHeader/ipaSectionHeader.js @@ -0,0 +1,17 @@ +sharedApp.directive("ipaSectionHeader", this.ipaSectionHeader = function() { + return { + restrict: 'E', // Use this via an element selector + templateUrl: 'ipaSectionHeader.html', // directive html found here: + scope: { + headerText: '<' + }, + replace: true, // Replace with the template below + link: function(scope, element, attrs) { + /* Example Usage: + + + */ + } + }; +}); \ No newline at end of file