geonorge-shared-partials

Geonorge.SharedPartials

Contains frontend for header used on Geonorge.no, including menu and search.

Prerequisites

npm

Install

$ npm install geonorge-shared-partials

Create the following gulpfile.js in the root of your project

var gulp = require("gulp"),
bundleTask = require('./node_modules/geonorge-shared-partials/gulp-tasks/bundle')(gulp),
config = {
  url: './node_modules/geonorge-shared-partials/bundle.config.js',
  dist: 'dist'
};

gulp.task("default", function(){bundleTask(config)});
gulp.task("test", function(){bundleTask(config,"test")});
gulp.task("prod", function(){bundleTask(config,"prod")});

Basic Usage

Build js and css

// Dev environment
$ gulp

// Test environment
$ gulp test

// Prod environment
$ gulp prod

Use the html files in your root layout

// C# example
@Html.Raw(File.ReadAllText(Server.MapPath("~/dist/partials/Header.html")))

and include this js somewhere on your site to update the "shopping cart" icon

var orderItems = $.cookie('orderitems');
if (orderItems && orderItems > 0) {
    $('.downloads__count').show();
    $('.downloads__count').text(orderItems);
}