Geonorge.SharedPartials
Contains frontend for header used on Geonorge.no, including menu and search.
Prerequisites
Install
$ npm install geonorge-shared-partialsCreate the following gulpfile.js in the root of your project
var nodeUrl = "./node_modules/geonorge-shared-partials/",
gulp = require("gulp"),
bundleTask = require(nodeUrl + "gulp-tasks/bundle")(gulp),
config = {
url: nodeUrl + "bundle.config.js",
distFolder: "./dist"
};
gulp.task("default", function(){bundleTask(config)});Basic Usage
Build js and css
$ gulpAdd stylesheets:
<link rel="stylesheet" href="/dist/vendor.css" />
<link rel="stylesheet" href="/dist/main.css" />Use the html files in your root layout
// C# example
@Html.Raw(File.ReadAllText(Server.MapPath("~/dist/partials/Header.html")))Include javascripts:
<script type="text/javascript" src="/dist/vendor.js" ></script>
<script type="text/javascript" src="/dist/main.js" ></script>and include this js somewhere on your site
var applicationEnvironment = "local"; // "prod", "test", "dev" or "local"
var orderItems = $.cookie('orderitems'); // Update "shopping cart" icon
if (orderItems && orderItems > 0) {
$('.downloads__count').show();
$('.downloads__count').text(orderItems);
}