This repository has been archived by the owner on Feb 2, 2019. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.html
85 lines (62 loc) · 3.29 KB
/
index.html
1
<!DOCTYPE html><html ng-app="app"><head> <meta charset="utf-8"> <title>AngularJs Media Preview - codekraft studio</title> <meta name="author" content="codekraft-studio"> <meta name="description" content="Expect us, we are coming, the new full qualified web developers duo."> <meta name="Robots" content="ALL,INDEX"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0"> <meta name="mobile-web-app-capable" content="yes"> <meta property="og:title" content="codekraft-studio, cutting edge programming!" /> <meta property="og:description" content="Expect us, we are coming, the new full qualified web developers duo" /> <meta property="og:image" content="http://core.codekraft.it/www.codekraft.it/quadkode.jpg" /> <meta property="og:type" content="website" /> <meta property="og:url" content="http://www.codekraft.it/" /> <meta property="og:site_name" content="codekraft-studio, cutting edge programming!" /> <link rel="stylesheet" href="style.css" media="screen" title="no title" charset="utf-8"></head><body ng-controller="MainCtrl"> <article role="main"> <header> <div class="hcont"> <h1>angular-media-preview</h1> <h2>don't let your users upload the wrong media!</h2> </div> <a href="https://github.com/codekraft-studio/angular-media-preview"><img style="position: absolute; top: 0; right: 0; border: 0;" src="https://camo.githubusercontent.com/52760788cde945287fbb584134c4cbc2bc36f904/68747470733a2f2f73332e616d617a6f6e6177732e636f6d2f6769746875622f726962626f6e732f666f726b6d655f72696768745f77686974655f6666666666662e706e67" alt="Fork me on GitHub" data-canonical-src="https://s3.amazonaws.com/github/ribbons/forkme_right_white_ffffff.png"></a> </header> <section> <div class="col-md-6"> <h3>Basic usage</h3> <p> What the directive does without any option. </p> <media-preview class="media-preview"></media-preview> </div> <div class="col-md-6"> <div class="row"> <h3>With custom container and custom class</h3> <p> It can handle multiple files input of different media types too. Try with the input below. </p> <div class="row"> <div id="mediaHere" class="custom-preview"></div> </div> <h5>Can be everywhere in the DOM</h5> <span class="btn btn-lg"> <span>browse files</span> <media-preview preview-class="img-thumbnail" preview-container="mediaHere" multiple></media-preview> </span> </div> </section> </article> </body> <script type="text/javascript" src="node_modules/angular/angular.min.js"></script> <script type="text/javascript" src="dist/angular-media-preview.js"></script> <script type="text/javascript"> angular.module('app', ['angular-media-preview']) .controller('MainCtrl', function ($scope) { $scope.model = 'this is a test'; }); </script> </html>