<commit_before><!DOCTYPE html>
<html lang="en">
<head>
	<title>Angular-Read-More Directive</title>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="description" content="">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"/>
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
	<link rel="stylesheet" href="https://material.angularjs.org/HEAD/angular-material.css">
	<link rel="stylesheet" href="https://material.angularjs.org/HEAD/docs.css">
	<style>
		md-whiteframe {
			padding: 10px;
			background-color: #E3F2FD;
		}

		a {
			color: blue;
			cursor: pointer;
		}

		.more-show-hide {
			-webkit-transition: all linear 0.2s;
			transition: all linear 0.2s;
		}

		.more-show-hide.ng-hide {
			opacity: 0;
		}
	</style>
</head>
<body layout="row">
<md-content layout-padding style="height: 600px;padding: 24px;" ng-app="MyApp">
	<div ng-controller="ExampleController">
		<h1>Angular Read More Directive</h1>

		<h2>Dynamic options</h2>

		<form name="userForm">
			<md-input-container flex>
				<label>Text</label>
				<textarea ng-model="text" columns="1" md-maxlength="300"></textarea>
			</md-input-container>
			<md-input-container flex>
				<label>Limit</label>
				<input ng-model="limit" type="number"/>
			</md-input-container>
			<md-input-container flex>
				<label>Less text</label>
				<input ng-model="lessText" type="text"/>
			</md-input-container>
			<md-input-container flex>
				<label>More text</label>
				<input ng-model="moreText" type="text"/>
			</md-input-container>
		</form>

		<h2>Result</h2>

		<md-whiteframe class="md-whiteframe-z1" layout="">
			<div hm-read-more
				 hm-text="{{text}}"
				 hm-limit="{{limit}}"
				 hm-more-text="{{moreText}}"
				 hm-less-text="{{lessText}}">
			</div>
		</md-whiteframe>
	</div>

</md-content>
<script src="/bower_components/angular/angular.min.js"></script>
<script src="/bower_components/angular-animate/angular-animate.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular-aria.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angular_material/0.11.0/angular-material.min.js"></script>
<script src="/dist/readmore.min.js"></script>
<script>
	var app = angular.module('MyApp', ['ngMaterial', 'hm.readmore']);
	app.config(function ($mdThemingProvider) {<commit_msg>use angular material v0.11.1 in the example file<commit_after><!DOCTYPE html>
<html lang="en">
<head>
	<title>Angular-Read-More Directive</title>

	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="description" content="">
	<meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no"/>
	<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500,700,400italic">
	<link rel="stylesheet" href="https://material.angularjs.org/0.11.1/angular-material.css">
	<link rel="stylesheet" href="https://material.angularjs.org/0.11.1/docs.css">
	<style>
		md-whiteframe {
			padding: 10px;
			background-color: #E3F2FD;
		}

		a {
			color: blue;
			cursor: pointer;
		}

		.more-show-hide {
			-webkit-transition: all linear 0.2s;
			transition: all linear 0.2s;
		}

		.more-show-hide.ng-hide {
			opacity: 0;
		}
	</style>
</head>
<body layout="row">
<md-content layout-padding style="height: 600px;padding: 24px;" ng-app="MyApp">
	<div ng-controller="ExampleController">
		<h1>Angular Read More Directive</h1>

		<h2>Dynamic options</h2>

		<form name="userForm">
			<md-input-container flex>
				<label>Text</label>
				<textarea ng-model="text" columns="1" md-maxlength="300"></textarea>
			</md-input-container>
			<md-input-container flex>
				<label>Limit</label>
				<input ng-model="limit" type="number"/>
			</md-input-container>
			<md-input-container flex>
				<label>Less text</label>
				<input ng-model="lessText" type="text"/>
			</md-input-container>
			<md-input-container flex>
				<label>More text</label>
				<input ng-model="moreText" type="text"/>
			</md-input-container>
		</form>

		<h2>Result</h2>

		<md-whiteframe class="md-whiteframe-z1" flex="25" layout layout-align="center center">
			<div hm-read-more
				 hm-text="{{text}}"
				 hm-limit="{{limit}}"
				 hm-more-text="{{moreText}}"
				 hm-less-text="{{lessText}}">
			</div>
		</md-whiteframe>
	</div>
</md-content>
<script src="/bower_components/angular/angular.min.js"></script>
<script src="/bower_components/angular-animate/angular-animate.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angularjs/1.4.6/angular-aria.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/angular_material/0.11.1/angular-material.min.js"></script>
<script src="/dist/readmore.min.js"></script>
<script>
	var app = angular.module('MyApp', ['ngMaterial', 'hm.readmore']);
	app.config(function ($mdThemingProvider) {
{'fraction_non_alphanumeric': 0.1991042345276873, 'fraction_numerical': 0.023208469055374593, 'mean_word_length': 4.265809217577706, 'pattern_counts': {'":': 0, '<': 131, '<?xml version=': 0, '>': 131, 'https://': 6, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4467626', 'n_tokens_mistral': 2039, 'n_tokens_neox': 1763, 'n_words': 282}