added code mirror to edit big queries.

client/partials/document.html

@@ -9,11 +9,25 @@
                     Query <i class="fa fa-thumbs-o-down" style="color:red;" ng-show="getQueryPath()=='' && newQuery != ''"></i>
                 </a>
             </li>
-            <li><a class="button tiny" ng-click="newQuery=''" ng-class="{disabled: newQuery=='' }">Clear</a></li>
+            <li>
+                <a class="button tiny" ng-click="newQuery=''" ng-class="{disabled: newQuery=='' }">Clear</a>
+            </li>
+            <li>
+                <a class="button tiny" ng-click="bigInput = !bigInput" >
+                    <i class="fa fa-pencil-square-o" ng-show="!bigInput"></i>
+                    <i class="fa fa-minus-square-o" ng-show="bigInput"></i>
+                </a>
+            </li>
         </ul>
     </div>
 </div>
 
+<div class="row" ng-show="bigInput">
+    <div class="large-12 columns">
+        <ui-codemirror ng-model="newQuery" ui-codemirror="codeMirrorOptions"  ></ui-codemirror>
+    </div>
+</div>
+
 <div class="row">
     <div class="large-12 columns" style="text-align: center;">
             <a class="fa fa-chevron-left" ng-href="{{ previousDocumentUrl() }}" ng-show="{{ hasPreviousDocument() }}"></a>
@@ -22,6 +36,15 @@
     </div>
 </div>
 
+<div class="row">
+    <div class="large-12 columns" style="text-align: center;" ng-show="!closeAlert && notfound">
+            <div class="alert-box">
+                No document Found!
+                <a class="close" ng-click="closeAlert=true">&times;</a>
+            </div>
+    </div>
+</div>
+
 <div class="row">
     <div class="large-12 columns">
         <table style="width: 100%;">