Merge pull request awestruct#92 from wesbos/master

Asciidoc scratchpad

assets/javascripts/controllers/awCtrl.js

@@ -1,7 +1,9 @@
 function AwCtrl($sce, $scope, $routeParams, $route,Data, Repo, $resource, $http, $window, Token) {
 
+    // window object for ease of debugging
     window.$scope = $scope;
     window.$sce = $sce;
+    window.$http = $http;
 
     window.onbeforeunload = function(e){
       var currPath = $scope.currentFile.links[0].url,
@@ -155,6 +157,9 @@ function AwCtrl($sce, $scope, $routeParams, $route,Data, Repo, $resource, $http,
     $scope.edit = function(file) {
         var path = file.links[0].url,
         session;
+
+      // set ace path
+      ace.config.set('basePath', '/assets/vendor/ace');
 
       // Make sure we aren't abandoning the current changes
       if($scope.currentFile) {
@@ -457,4 +462,10 @@ function AwCtrl($sce, $scope, $routeParams, $route,Data, Repo, $resource, $http,
       // pass down to child scope
       angular.element(document.querySelector('.tools')).scope().insertImage(path);
     }
+
+    $scope.cheatSheet = function() {
+      var scope = angular.element(document.querySelector('.scratchpad')).scope();
+      scope.loadScripts();
+      $scope.toggleOverlay('cheat');
+    }
 }

assets/javascripts/controllers/scratchpadCtrl.js

@@ -0,0 +1,55 @@
+function ScratchpadCtrl($scope, Data, $http){
+  var editor = $scope.scratchpad,
+      scriptsLoaded = false;
+
+  $scope.aceChanged = function(e) {
+    var text = $scope.scratchpad.getValue();
+    var html = Opal.Asciidoctor.$render(text);
+    document.querySelector('.scratchpad-preview').innerHTML = html;
+  };
+
+  // Because Asciidoctor.js and opal.js are so large, we will load them on demand
+  $scope.loadScripts = function(callback) {
+    if(scriptsLoaded) { return; } // only load once
+    scriptsLoaded = true;
+
+    // Load Opal /assets/vendor/opal.js
+    loadJS('/assets/vendor/opal.js',function() {
+      // console.log("Opload Loaded.");
+    });
+
+    loadJS('/assets/vendor/asciidoctor.js',function() {
+      // console.log("Asciidoctor Loaded.");
+      $http.get('/partials/asciidoc.html').then(function(res){
+        var adoc = res.data.replace(/<br \/>/gi,'\n');
+        $scope.scratchpad.getSession().setValue(adoc);
+        $scope.aceChanged();
+      });
+    });
+
+    // setup the editor
+    $scope.scratchpad.setShowPrintMargin(false);
+    $scope.scratchpad.setTheme("ace/theme/github");
+    $scope.scratchpad.getSession().setMode("ace/mode/asciidoc");
+
+
+
+    window.s =$scope.scratchpad;
+    // $scope.scratchpad.edit("testing 123");
+  }
+
+  function loadJS(scriptPath, callback) {
+      var scriptNode = document.createElement('script');
+      scriptNode.type = 'text/javascript';
+      scriptNode.src = scriptPath;
+
+      var headNode = document.getElementsByTagName('head');
+      if (headNode[0] != null)
+          headNode[0].appendChild(scriptNode);
+
+      if (callback != null) {
+          scriptNode.onreadystagechange = callback;            
+          scriptNode.onload = callback;
+      }
+  }
+}

assets/javascripts/controllers/toolsCtrl.js

@@ -182,7 +182,7 @@ function ToolsCtrl($scope, Data){
       exec: function(text, blank, name) {
         var text = text || "";
         // return text+"\n![](#{site.context_url}"+name+")\n";
-        return text+"\nimage::#{site.context_url}"+name+"\n";
+        return text+"\nimage::#{site.context_url}"+name+"[]\n";
       },
       blockLevel : true
     },

assets/javascripts/package.js

@@ -9,6 +9,7 @@
 //= require app
 //= require controllers/awCtrl
 //= require controllers/toolsCtrl
+//= require controllers/scratchpadCtrl
 //= require services/data
 //= require services/repo
 //= require filters/filters