angular-northstar
Version:
Angular Module with helpful directives and services for interfacing with IBM V18/Northstar
175 lines (152 loc) • 7.43 kB
HTML
<html lang="en-US" ng-app="demoApp">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<link rel="shortcut icon" href="//www.ibm.com/favicon.ico" />
<meta name="geo.country" content="US" />
<meta name="dcterms.rights" content="© Copyright IBM Corp. 2016" />
<meta name="dcterms.date" content="REPLACE" />
<meta name="description" content="REPLACE" />
<meta name="keywords" content="REPLACE" />
<meta name="robots" content="index, follow" />
<meta name="generator" content="v18.1.0 IBM Template Generator" />
<title>Angular & V18</title>
<script>
digitalData = {
"page": {
"category": {
"primaryCategory": "REPLACE"
},
"pageInfo": {
"effectiveDate": "REPLACE",
"expiryDate": "REPLACE",
"language": "en-US",
"publishDate": "REPLACE",
"publisher": "IBM Corporation",
"version": "v18",
"ibm": {
"contentDelivery": "HTML",
"contentProducer": "v18.1.0 IBM Template Generator",
"country": "US",
"industry": "REPLACE",
"owner": "REPLACE",
"siteID": "REPLACE",
"subject": "REPLACE",
"type": "REPLACE"
},
"pageID": ""
}
}
};
</script>
<script src="//www.ibm.com/common/stats/ida_stats.js"></script>
<link href="//1.www.s81c.com/common/v18/css/www.css" rel="stylesheet" />
<script src="tempwww.js" defer></script>
<!-- <script src="//1.www.s81c.com/common/v18/js/www.js"></script>-->
<link href="//1.www.s81c.com/common/v18/css/forms.css" rel="stylesheet">
<script src="//1.www.s81c.com/common/v18/js/forms.js"></script>
<script src="/node_modules/angular/angular.js"></script>
<script src="app.js"></script>
<script src="build/dist/angular-northstar-menunav.js"></script>
<script type="text/javascript">
IBMCore.common.util.config.set({
"footer": {
"type": "alternate"
},
"sbs": {
"enabled": false
}
});
</script>
</head>
<body id="ibm-com" class="ibm-type" ng-controller="demoCtrl as d">
<div id="ibm-top" class="ibm-landing-page">
<!-- MASTHEAD_BEGIN -->
<div id="ibm-masthead" role="banner" aria-label="IBM">
<div id="ibm-mast-options">
<ul role="toolbar" aria-labelledby="ibm-masthead">
<li id="ibm-geo" role="presentation"><a href="http://www.ibm.com/planetwide/select/selector.html" role="button" aria-label="United States selected - Choose a country">United States</a></li>
<li id="ibm-language" role="presentation"><span class="ibm-active" role="button" aria-disabled="true">English</span> <a href="http://www.ibm.com/us-en/" lang="en-US" role="button">English</a></li>
</ul>
</div>
<div id="ibm-universal-nav">
<nav role="navigation" aria-label="IBM">
<div id="ibm-home"><a href="http://www.ibm.com/us-en/">IBM®</a></div>
<ul id="ibm-menu-links" role="toolbar" aria-label="Site map">
<li><a href="http://www.ibm.com/sitemap/us/en/">Site map</a></li>
</ul>
</nav>
<div id="ibm-search-module" role="search" aria-labelledby="ibm-masthead">
<form id="ibm-search-form" action="https://www.ibm.com/Search/" method="get">
<p>
<label for="q">IBM</label>
<input type="text" maxlength="100" value="" placeholder="Search" name="q" id="q" aria-label="Search" />
<input type="hidden" value="18" name="v" />
<input type="hidden" value="utf" name="en" />
<input type="hidden" value="en" name="lang" />
<input type="hidden" value="us" name="cc" />
<input type="submit" id="ibm-search" class="ibm-btn-search" value="Submit" />
</p>
</form>
</div>
</div>
</div>
<northstar-menunav nav-data="d.exampleNavData"></northstar-menunav>
<div id="ibm-content-wrapper">
<header role="banner" aria-labelledby="ibm-pagetitle-h1">
<div id="ibm-leadspace-head" class="ibm-alternate">
<div id="ibm-leadspace-body">
<h1 id="ibm-pagetitle-h1" class="ibm-h1 ibm-bold">Angular & V18</h1>
</div>
</div>
<nav role="navigation" aria-labelledby="ibm-pagetitle-h1">
<div id="ibm-content-nav">
</div>
</nav>
</header>
<main role="main" aria-labelledby="ibm-pagetitle-h1">
<div id="ibm-pcon">
<div id="ibm-content">
<div id="ibm-content-body">
<div id="ibm-content-main" class="ibm-columns">
<div class="ibm-col-6-1">
<input northstar-checkbox type="checkbox">
<input type="checkbox">
</div>
<div class="ibm-col-6-1">
<select>
<option value="">Hello</option>
<option value="">World</option>
<option value="" disabled>Disabled</option>
</select>
<select northstar-select>
<option value="">Hello</option>
<option value="">World</option>
<option value="" disabled>Disabled</option>
</select>
</div>
<div class="ibm-col-6-1">
</div>
</div>
</div>
</div>
</div>
</main>
</div>
<div id="ibm-footer-module">
<!-- Dynamic footer links inserted here inside a <section> -->
</div>
<footer role="contentinfo" aria-label="IBM">
<div id="ibm-footer">
<ul>
<li><a href="http://www.ibm.com/contact/us/en/">Contact</a></li>
<li><a href="http://www.ibm.com/privacy/us/en/">Privacy</a></li>
<li><a href="http://www.ibm.com/legal/us/en/">Terms of use</a></li>
<li><a href="http://www.ibm.com/accessibility/us/en/">Accessibility</a></li>
</ul>
</div>
</footer>
</div>
</body>
</html>