configbackuprestore/vnfconfigbackupservice/src/main/webapp/node_modules/angular-object-diff/index.html

   1 <!DOCTYPE html>
   2 <html lang="en-US">
   3
   4 <head>
   5     <meta charset="utf-8">
   6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
   7     <meta name="description" content="A Demo page for angular-object-diff plugin.">
   8     <meta name="author" content="Deepu KS (deepu.js.org)">
   9     <meta name="twitter:site" content="@deepu105" />
  10     <meta name="twitter:title" content="A Demo page for angular-object-diff plugin" />
  11     <meta name="twitter:description" content="A Demo page for angular-object-diff plugin." />
  12     <meta name="twitter:url" content="http://hipster-labs.js.org/angular-object-diff/" />
  13     <title>Angular Object Diff Demo</title>
  14     <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" />
  15     <link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.0/css/font-awesome.css" />
  16     <link rel="stylesheet" href="dist/angular-object-diff.css" />
  17     <style>
  18         .error {
  19             background-color: red;
  20         }
  21     </style>
  22 </head>
  23
  24 <body>
  25
  26     <!-- Static navbar -->
  27     <div class="navbar navbar-default navbar-static-top" role="navigation">
  28         <div class="container">
  29             <div class="navbar-header">
  30                 <a class="navbar-brand" href="#">Angular Object Diff</a>
  31             </div>
  32             <div class="navbar-collapse collapse">
  33                 <ul class="nav navbar-nav">
  34                     <li class="active"><a href="#">Home</a></li>
  35                     <li><a href="https://github.com/hipster-labs/angular-object-diff">Github</a></li>
  36                 </ul>
  37             </div>
  38             <!--/.nav-collapse -->
  39         </div>
  40     </div>
  41
  42
  43     <div class="container-fluid" ng-app="demoApp">
  44
  45         <!-- content is injected here -->
  46         <div ng-controller="DemoController">
  47             <div class="row">
  48                 <div class="col-md-4 col-xs-12">
  49                     <label>Object A</label>
  50                     <textarea class="form-control" ng-class="[{'error': errorA}]" rows="15" ng-model="objectOne"></textarea>
  51                 </div>
  52                 <div class="col-md-4 col-xs-12">
  53                     <label>Object B</label>
  54                     <textarea class="form-control" ng-class="[{'error': errorB}]" rows="15" ng-model="objectTwo"></textarea>
  55                 </div>
  56                 <div class="col-md-4 col-xs-12">
  57                     <label>Full Diff</label>
  58                     <pre ng-bind-html="diffValue"></pre>
  59                 </div>
  60             </div>
  61             <div class="row">
  62                 <div class="col-md-4 col-xs-12">
  63                     <label>Object A JSON View</label>
  64                     <pre ng-bind-html="yourObjectOne | objToJsonView"></pre>
  65                 </div>
  66                 <div class="col-md-4 col-xs-12">
  67                     <label>Object B JSON View</label>
  68                     <pre ng-bind-html="yourObjectTwo | objToJsonView"></pre>
  69                 </div>
  70                 <div class="col-md-4 col-xs-12">
  71                     <label>Diff Changes only</label>
  72                     <pre ng-bind-html="diffValueChanges"></pre>
  73                 </div>
  74             </div>
  75         </div>
  76
  77     </div>
  78     <!-- /container -->
  79
  80     <script src="http://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
  81     <script src="angular-object-diff.js"></script>
  82     <script src="demo.js"></script>
  83     <script>
  84       (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  85       (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  86       m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  87       })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
  88
  89       ga('create', 'UA-74370272-3', 'auto');
  90       ga('send', 'pageview');
  91
  92     </script>
  93 </body>
  94
  95 </html>