<!DOCTYPE html>
<html ng-app="x">

  <head>
    <meta charset="utf-8" />
    <title>Online Pylint</title></title>
    
    <script>document.write('<base href="' + document.location + '" />');</script>
    
    
    <!-- Le css -->
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.2/css/bootstrap.min.css">
    
    <!-- Le codemirror things... -->
    <link rel="stylesheet" type="text/css" href="http://codemirror.net/lib/codemirror.css"/>
    <link rel="stylesheet" type="text/css" href="style.css"/>
    
  </head>

  <body>
  
    <div class="jumbotron">
      <div class="container">
        <h1>Online Pylint</h1>
      </div>
    </div>
    
    <section ng-controller="CodemirrorCtrl">
      <div class="container">
      <div ui-codemirror="cmOption" ng-model="pythoncode">print "roman"
for i in [1,2,3]:
  print i 
      </div>
      
      
      
<p>Write in a piece of code and press pylint to check it
  <div class="row">
<div class="col-xs-4"><button class="btn" ng-click="pylintCode()">Pylint Code</button></div>
  </div>
      </div>
      <div ui-codemirror="pylintOutput" ng-model="pylintmodel" >
      </div>
    </section>

  </body>
    
    <!-- Le vendor... -->
    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>
    <script src="https://rawgithub.com/angular-ui/ui-codemirror/master/ui-codemirror.js"></script>

    
    <!-- Le codemirror things... -->
    <script src="http://codemirror.net/lib/codemirror.js"></script>
    <script src="http://codemirror.net/2/lib/util/formatting.js"></script>
    <script src="http://codemirror.net/mode/css/css.js"></script>
    <script src="http://codemirror.net/addon/edit/matchbrackets.js"></script>
    <script src="http://codemirror.net/mode/python/python.js"></script>
    
    <!-- Le custom js -->
    <script src="app.js"></script>
    
</html>
var app = angular.module('x', ['ui.codemirror']);



/* =CodemirrorCtrl
 * Used for the demo
-----------------------------------------------------------------------------*/

app.controller('CodemirrorCtrl', ['$scope', function($scope) {

  // The ui-codemirror option
  $scope.cmOption = {
    lineNumbers: true,
    mode: "python",
    onLoad : function(_cm){

      $scope.pylintCode = function() {
        console.log($scope.pythoncode);
        $scope.pylintmodel =$scope.pythoncode;
      };
      
    }
  };
}]);


.CodeMirror { border: 1px solid #eee; }


/* =TWBS HACK
-----------------------------------------------------------------------------*/

.jumbotron {
  position: relative;
  font-size: 16px;
  color: #fff;
  color: rgba(255,255,255,.75);
  text-align: center;
  background-color: #563d7c;
  border-radius: 0;
}