nareeboy

<div class="main" ng-controller="MyController">
    
<div class="search">
  <h1>Artist Search</h1>
  <label for="">search</label>
  <input ng-model="query" placeholder="search for artist" autofocus>
  <label class="formgroup">By:
    <select ng-model="artistOrder">
      <option value="name">Name</option>
      <option value="reknown">reknown</option>

nareeboy

var myAppTest = angular.module('myAppTest' , []);

myAppTest.controller('MyController' , ['$scope' , '$http', function ($scope , $http){
  $http.get('js/data.json').success(function(data){
	$scope.artists = data;
	$scope.artistOrder = 'name';
  }) 

}]);

nareeboy

/**
 * Grunt task to watch, compile/concate less, concate javascript files during the development process. 
 * The bulid task also uglyfy javascript and css file and optimize the images.
 * @todo: Screenshot on difffeent break points for responsive design
 * @todo: Automatic testing
 *
 * @author Naresh Shan
 * @Naresh-shan.com.
 * @since 11/02/2014
 * @version 1.0

nareeboy

<link rel="stylesheet" href="assets/css/style.css" type="text/css" media="screen" />

nareeboy

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

nareeboy

/*!
 * jQuery JavaScript Library v1.10.2
 * http://jquery.com/
 *
 * Includes Sizzle.js
 * http://sizzlejs.com/
 *
 * Copyright 2005, 2013 jQuery Foundation, Inc. and other contributors
 * Released under the MIT license
 * http://jquery.org/license

nareeboy

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nemo, ipsum, soluta, esse, cum accusamus id numquam voluptates modi similique in tempore dolor sunt iusto mollitia aliquam assumenda velit debitis culpa consequuntur quasi perspiciatis beatae maiores distinctio sed tempora delectus iste non nostrum consectetur reiciendis animi corporis eum aliquid eveniet dignissimos fuga a nesciunt ducimus aspernatur unde. Quae, placeat, sint, obcaecati, esse deserunt voluptates consectetur ducimus aut hic necessitatibus at tempore rerum neque soluta numquam. Et, similique, sapiente, porro a pariatur fugit odit officiis quas illum distinctio aperiam est ipsam corporis dolor cumque ducimus explicabo alias officia iste quibusdam veniam eaque tempora unde incidunt omnis laudantium fugiat labore modi nemo maiores nobis quo nisi ullam architecto adipisci voluptatibus eos vitae esse amet repudiandae! Voluptates, labore, amet perspiciatis explicabo unde minima perferendis ipsam reiciendis ipsa officiis voluptatem architecto 

nareeboy

/*
 * grunt-less-themes
 *
 *
 * Adapted from the grunt-contrib-less module.
 * http://gruntjs.com/
 *
 * Copyright (c) 2012 Tyler Kellen, contributors
 * Licensed under the MIT license.
 */

nareeboy

$(document).ready(function(){    

  $('[data-toggle="collapse"]').click(function(e) {
    // alert(e.target);
     $(e.target).find('.icon-minus-circled, .icon-plus-circled').toggleClass("icon-minus-circled icon-plus-circled");
  });

});

nareeboy

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.9.1/jquery.min.js" type="text/javascript"></script>