groupdocs 2.2.0 → 2.3.0

data/examples/api-samples/views/sample09.haml

@@ -1,96 +1,96 @@
-%head
-  %title Sample 9 - How to generate an embedded Viewer URL for a Document
-  %link(rel="stylesheet" type="text/css" href="/css/style.css")
-  %script{:src=>'//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'}
-%body
-  %h3{:style => 'text-align:center;'}
-    %a{:href => '/'} GroupDocs Ruby SDK Samples
-    %br/
-    Sample 9 - How to generate an embedded Viewer URL for a Document
-  .samplecontent{:style => 'padding:10px;'}
-    %i This sample will show how to generate an embedded Viewer URL for particular Document in the GroupDocs account using Ruby SDK
-    %br/
-    %br/
-    %span.documentation
-      %a{:href => '/docs/sample09.html'} Builtin documentation for this sample
-    %br/
-    %br/
-    %p
-      You entered:
-    %p
-      File GUID = #{(defined? guid) ? guid : ''}
-    %p
-      Height = #{(defined? height) ? height : ''}
-    %p
-      Width = #{(defined? width) ? width : ''}
-    %p
-      Viewer URL = #{(defined? v_url) ? v_url : ''}
-    %p
-      %font{:color => 'red'} #{(defined? err) ? err : ''}
-    #requestForm{:style => 'padding:20px; border:1px solid black;'}
-      %p Enter data for request and press "Make request" button
-      %form{:action => '/sample-9-how-to-generate-an-embedded-viewer-annotation-url-for-a-document', :enctype => 'multipart/form-data', :method => 'post'}
-        %label{:for => 'clientId'} GroupDocs ClientID
-        %br/
-        %input{:type=>'text', :id => 'clientId' , :name=>'clientId'}
-        %br/
-        %label{:for => 'privateKey'} GroupDocs PrivateKey
-        %br/
-        %input{:type=>'text', :id => 'privateKey', :name=>'privateKey'}
-        %br/
-        %div.guid_radio
-          %input{:type=>'radio', :name=>'source', :value=>'guid', :checked=>'checked'} File ID (GUID)
-          %br/
-          %input{:type=>'radio', :name=>'source', :value=>'local'}Upload local file
-          %br/
-          %input{:type=>'radio', :name=>'source', :value=>'url'} Upload file from URL
-          %br/
-
-        %div.guid_field
-          %label{:for=>'fileId', :id=>'guid'} File ID (GUID)
-          %br/
-          %input{:type=>'text', :name=>'fileId'}
-
-        %div.guid_field{:style=>'display:none;'}
-          %label{:for=>'file'} Upload local file
-          %br/
-          %input{:type=>'file', :name=>'file'}
-
-        %div.guid_field{:style=>'display:none;'}
-          %label{:for=>'url', :id=>'url'} Upload file from URL
-          %br/
-          %input{:type=>'text', :name=>'url'}
-
-        %input{:type=>'radio', :name=>'check', :value=>'viewer', :checked=>'checked'} Viewer
-        %input{:type=>'radio', :name=>'check', :value=>'annotation'} Annotation
-        %br/
-        %label{:for => 'private_key'} Width
-        %br/
-        %input{:type=>'text', :name=>'width'}
-        %br/
-        %label{:for => 'private_key'} Height
-        %br/
-        %input{:type=>'text', :name=>'height'}
-        %br/
-        %label{:for => 'basePath'} Base Path
-        %span{:class => 'optional'} (Optional)
-        %br/
-        %input{:type=>'text', :name=>'basePath', :id => "basePath"}
-        %br/
-        %input{:type => 'submit', :value => 'Make Request'}/
-    %div{:style => 'padding:20px; border:1px solid black;'}
-      %iframe{:src => "#{(defined? v_url) ? v_url : ''}", :width=> "#{(defined? width) ? width : ''}", :height=>"#{(defined? height) ? height : ''}"}
-    %br/
-
-  = partial :_others_samples
-
-  %script{:src=>'//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'}
-  :javascript
-
-    $(function($){
-      $('.guid_radio input').change(function(){
-        var elementIndex = $(this).parent().children('input').index($(this));
-        $('.guid_field').hide();
-        $('.guid_field').eq(elementIndex).show();
-      });
+%head
+  %title Sample 9 - How to generate an embedded Viewer URL for a Document
+  %link(rel="stylesheet" type="text/css" href="/css/style.css")
+  %script{:src=>'//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'}
+%body
+  %h3{:style => 'text-align:center;'}
+    %a{:href => '/'} GroupDocs Ruby SDK Samples
+    %br/
+    Sample 9 - How to generate an embedded Viewer URL for a Document
+  .samplecontent{:style => 'padding:10px;'}
+    %i This sample will show how to generate an embedded Viewer URL for particular Document in the GroupDocs account using Ruby SDK
+    %br/
+    %br/
+    %span.documentation
+      %a{:href => '/docs/sample09.html'} Builtin documentation for this sample
+    %br/
+    %br/
+    %p
+      You entered:
+    %p
+      File GUID = #{(defined? guid) ? guid : ''}
+    %p
+      Height = #{(defined? height) ? height : ''}
+    %p
+      Width = #{(defined? width) ? width : ''}
+    %p
+      Viewer URL = #{(defined? v_url) ? v_url : ''}
+    %p
+      %font{:color => 'red'} #{(defined? err) ? err : ''}
+    #requestForm{:style => 'padding:20px; border:1px solid black;'}
+      %p Enter data for request and press "Make request" button
+      %form{:action => '/sample-9-how-to-generate-an-embedded-viewer-annotation-url-for-a-document', :enctype => 'multipart/form-data', :method => 'post'}
+        %label{:for => 'clientId'} GroupDocs ClientID
+        %br/
+        %input{:type=>'text', :id => 'clientId' , :name=>'clientId'}
+        %br/
+        %label{:for => 'privateKey'} GroupDocs PrivateKey
+        %br/
+        %input{:type=>'text', :id => 'privateKey', :name=>'privateKey'}
+        %br/
+        %div.guid_radio
+          %input{:type=>'radio', :name=>'source', :value=>'guid', :checked=>'checked'} File ID (GUID)
+          %br/
+          %input{:type=>'radio', :name=>'source', :value=>'local'}Upload local file
+          %br/
+          %input{:type=>'radio', :name=>'source', :value=>'url'} Upload file from URL
+          %br/
+
+        %div.guid_field
+          %label{:for=>'fileId', :id=>'guid'} File ID (GUID)
+          %br/
+          %input{:type=>'text', :name=>'fileId'}
+
+        %div.guid_field{:style=>'display:none;'}
+          %label{:for=>'file'} Upload local file
+          %br/
+          %input{:type=>'file', :name=>'file'}
+
+        %div.guid_field{:style=>'display:none;'}
+          %label{:for=>'url', :id=>'url'} Upload file from URL
+          %br/
+          %input{:type=>'text', :name=>'url'}
+
+        %input{:type=>'radio', :name=>'check', :value=>'viewer', :checked=>'checked'} Viewer
+        %input{:type=>'radio', :name=>'check', :value=>'annotation'} Annotation
+        %br/
+        %label{:for => 'private_key'} Width
+        %br/
+        %input{:type=>'text', :name=>'width'}
+        %br/
+        %label{:for => 'private_key'} Height
+        %br/
+        %input{:type=>'text', :name=>'height'}
+        %br/
+        %label{:for => 'basePath'} Base Path
+        %span{:class => 'optional'} (Optional)
+        %br/
+        %input{:type=>'text', :name=>'basePath', :id => "basePath"}
+        %br/
+        %input{:type => 'submit', :value => 'Make Request'}/
+    %div{:style => 'padding:20px; border:1px solid black;'}
+      %iframe{:src => "#{(defined? v_url) ? v_url : ''}", :width=> "#{(defined? width) ? width : ''}", :height=>"#{(defined? height) ? height : ''}"}
+    %br/
+
+  = partial :_others_samples
+
+  %script{:src=>'//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'}
+  :javascript
+
+    $(function($){
+      $('.guid_radio input').change(function(){
+        var elementIndex = $(this).parent().children('input').index($(this));
+        $('.guid_field').hide();
+        $('.guid_field').eq(elementIndex).show();
+      });
     });

data/examples/api-samples/views/sample10.haml

@@ -1,94 +1,94 @@
-%head
-  %title Sample 10 - How to share a document to other users
-  %link(rel="stylesheet" type="text/css" href="/css/style.css")
-  %script{:src=>'//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'}
-%body
-  %h3{:style => 'text-align:center;'}
-    %a{:href => '/'} GroupDocs Ruby SDK Samples
-    %br/
-    Sample 10 - How to share a document to other users
-  .samplecontent{:style => 'padding:10px;'}
-    %i This sample will show how to share particular document from your GroupDocs account to other GroupDocs users using Ruby SDK
-    %br/
-    %br/
-    %span.documentation
-      %a{:href => '/docs/sample10.html'} Builtin documentation for this sample
-    %br/
-    %br/
-    %p
-      You entered:
-    %p
-      client_id = #{(defined? clientId) ? clientId : ''}
-    %p
-      private_key = #{(defined? privateKey) ? privateKey : ''}
-    %p
-      File GUID = #{(defined? guid) ? guid : ''}
-    %p
-      Email = #{(defined? email) ? email : ''}
-    %p
-      %font{:color => 'red'} #{(defined? err) ? err : ''}
-    #requestForm{:style => 'padding:20px; border:1px solid black;'}
-      %p Enter data for request and press "Make request" button
-      %form{:action => '/sample-10-how-to-share-a-document-to-other-users', :enctype => 'multipart/form-data', :method => 'post'}
-        %label{:for => 'clientId'} GroupDocs ClientID
-        %br/
-        %input{:type => 'text', :id => 'clientId', :name => 'clientId', :value => "#{(defined? client_id) ? client_id : ''}"}
-        %br/
-        %label{:for => 'privateKey'} GroupDocs private_key
-        %br/
-        %input{:type => 'text', :name => 'privateKey', :value => "#{(defined? private_key) ? private_key : ''}" }
-        %br/
-        %div.guid_radio
-          %input{:type=>'radio', :name=>'source', :value=>'guid'} File ID (GUID)
-          %br/
-          %input{:type=>'radio', :name=>'source', :value=>'localField', :id=>'localField', :checked=>'checked'}Upload local file
-          %br/
-          %input{:type=>'radio', :name=>'source', :value=>'url'} Upload file from URL
-          %br/
-
-        %div.guid_field{:style=>'display:none;'}
-          %label{:for=>'fileId', :id=>'guid'} File ID (GUID)
-          %br/
-          %input{:type=>'text', :name=>'fileId'}
-
-        %div.guid_field
-          %label{:for=>'file'} Upload local file
-          %br/
-          %input{:type=>'file', :name=>'file'}
-
-        %div.guid_field{:style=>'display:none;'}
-          %label{:for=>'url', :id=>'url'} Upload file from URL
-          %br/
-          %input{:type=>'text', :name=>'url'}
-
-        %br/
-        %label{:for => 'email'} Your email
-        %br/
-        %input{:type => 'text', :name => 'email',  :value => "#{(defined? email) ? email : ''}"}
-        %br/
-        %label{:for => 'basePath'} Base Path
-        %span{:class => 'optional'} (Optional)
-        %br/
-        %input{:type=>'text', :name=>'basePath'}
-        %br/
-        %input{:type => 'submit', :value => 'Make Request'}/
-    %div{:style => 'padding:20px; border:1px solid black;'}
-      %p
-        %h3
-          %span{:color => 'green'}
-            Document shared to user with e-mail
-            %h1 #{(defined? shared) ? shared : ''}
-          %br/
-
-  = partial :_others_samples
-
-  %script{:src=>'//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'}
-  :javascript
-
-    $(function($){
-      $('.guid_radio input').change(function(){
-        var elementIndex = $(this).parent().children('input').index($(this));
-        $('.guid_field').hide();
-        $('.guid_field').eq(elementIndex).show();
-      });
+%head
+  %title Sample 10 - How to share a document to other users
+  %link(rel="stylesheet" type="text/css" href="/css/style.css")
+  %script{:src=>'//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'}
+%body
+  %h3{:style => 'text-align:center;'}
+    %a{:href => '/'} GroupDocs Ruby SDK Samples
+    %br/
+    Sample 10 - How to share a document to other users
+  .samplecontent{:style => 'padding:10px;'}
+    %i This sample will show how to share particular document from your GroupDocs account to other GroupDocs users using Ruby SDK
+    %br/
+    %br/
+    %span.documentation
+      %a{:href => '/docs/sample10.html'} Builtin documentation for this sample
+    %br/
+    %br/
+    %p
+      You entered:
+    %p
+      client_id = #{(defined? clientId) ? clientId : ''}
+    %p
+      private_key = #{(defined? privateKey) ? privateKey : ''}
+    %p
+      File GUID = #{(defined? guid) ? guid : ''}
+    %p
+      Email = #{(defined? email) ? email : ''}
+    %p
+      %font{:color => 'red'} #{(defined? err) ? err : ''}
+    #requestForm{:style => 'padding:20px; border:1px solid black;'}
+      %p Enter data for request and press "Make request" button
+      %form{:action => '/sample-10-how-to-share-a-document-to-other-users', :enctype => 'multipart/form-data', :method => 'post'}
+        %label{:for => 'clientId'} GroupDocs ClientID
+        %br/
+        %input{:type => 'text', :id => 'clientId', :name => 'clientId', :value => "#{(defined? client_id) ? client_id : ''}"}
+        %br/
+        %label{:for => 'privateKey'} GroupDocs private_key
+        %br/
+        %input{:type => 'text', :name => 'privateKey', :value => "#{(defined? private_key) ? private_key : ''}" }
+        %br/
+        %div.guid_radio
+          %input{:type=>'radio', :name=>'source', :value=>'guid'} File ID (GUID)
+          %br/
+          %input{:type=>'radio', :name=>'source', :value=>'localField', :id=>'localField', :checked=>'checked'}Upload local file
+          %br/
+          %input{:type=>'radio', :name=>'source', :value=>'url'} Upload file from URL
+          %br/
+
+        %div.guid_field{:style=>'display:none;'}
+          %label{:for=>'fileId', :id=>'guid'} File ID (GUID)
+          %br/
+          %input{:type=>'text', :name=>'fileId'}
+
+        %div.guid_field
+          %label{:for=>'file'} Upload local file
+          %br/
+          %input{:type=>'file', :name=>'file'}
+
+        %div.guid_field{:style=>'display:none;'}
+          %label{:for=>'url', :id=>'url'} Upload file from URL
+          %br/
+          %input{:type=>'text', :name=>'url'}
+
+        %br/
+        %label{:for => 'email'} Your email
+        %br/
+        %input{:type => 'text', :name => 'email',  :value => "#{(defined? email) ? email : ''}"}
+        %br/
+        %label{:for => 'basePath'} Base Path
+        %span{:class => 'optional'} (Optional)
+        %br/
+        %input{:type=>'text', :name=>'basePath'}
+        %br/
+        %input{:type => 'submit', :value => 'Make Request'}/
+    %div{:style => 'padding:20px; border:1px solid black;'}
+      %p
+        %h3
+          %span{:color => 'green'}
+            Document shared to user with e-mail
+            %h1 #{(defined? shared) ? shared : ''}
+          %br/
+
+  = partial :_others_samples
+
+  %script{:src=>'//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'}
+  :javascript
+
+    $(function($){
+      $('.guid_radio input').change(function(){
+        var elementIndex = $(this).parent().children('input').index($(this));
+        $('.guid_field').hide();
+        $('.guid_field').eq(elementIndex).show();
+      });
     });

data/examples/api-samples/views/sample11.haml

@@ -1,140 +1,140 @@
-%head
-  %title Sample 11 - How to programmatically create and post an annotation into document
-  %link(rel="stylesheet" type="text/css" href="/css/style.css")
-  %script{:src=>'//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'}
-%body
-  %h3{:style => 'text-align:center;'}
-    %a{:href => '/'} GroupDocs Ruby SDK Samples
-    %br/
-    Sample 11 - How to programmatically create and post an annotation into document
-  .samplecontent{:style => 'padding:10px;'}
-    %i This sample will show how programmatically create and post an annotation into document. How to delete the annotation using Ruby SDK
-    %br/
-    %br/
-    %span.documentation
-      %a{:href => '/docs/sample11.html'} Builtin documentation for this sample
-    %br/
-    %br/
-    %p
-      You entered:
-    %p
-      UserId = #{(defined? clientId) ? clientId : ''}
-    %p
-      PrivateKey = #{(defined? privateKey) ? privateKey : ''}
-    %p
-      FileId = #{(defined? fileId) ? fileId : ''}
-    %p
-      Annotation ID = #{(defined? annotationId) ? annotationId : ''}
-    %p
-      Annotation Type = #{(defined? annotationType) ? annotationType : ''}
-    %p
-      Annotation Text = #{(defined? annotationText) ? annotationText : ''}
-    %p
-      %font{:color => 'red'} #{(defined? err) ? err : ''}
-    %br/
-
-
-
-    #requestForm{:style => 'padding:20px; border:1px solid black;'}
-      %form{:action => '/sample-11-how-programmatically-create-and-post-an-annotation-into-document', :method => 'post'}
-        %input{:type => 'hidden', :name => 'annotationId', :value => (defined? annotationId) ? annotationId : ''}
-        %p Enter data for request and press "Make request" button
-
-        %label{:for => 'clientId'} GroupDocs ClientID
-        %br/
-        %input{:type=>'text', :name=>'clientId', :value => (defined? client_id) ? client_id: ''}
-        %br/
-        %label{:for => 'privateKey'} GroupDocs PrivateKey
-        %br/
-        %input{:type=>'text', :name=>'privateKey', :value => (defined? private_key) ? private_key : ''}
-        %br/
-        %label{:for => 'fileId'} GroupDocs FileID
-        %br/
-        %input{:type=>'text', :name=>'fileId', :value => (defined? fileId) ? fileId : ''}
-        %br/
-        %label{:for => 'basePath'} Base Path
-        %span{:class => 'optional'} (Optional)
-        %br/
-        %input{:type=>'text', :name=>'basePath'}
-        %br/
-        Annotation Type
-        %br/
-        %select{:name => 'annotationType', :id => 'annotation_type'}
-          %option{:value => 'text'}Text
-          %option{:value => 'area'}Area
-          %option{:value => 'point', :selected => 'selected'}Point
-        %br/
-        %br/
-
-        %fieldset
-          %legend Parameters (all are required)
-          %div
-            %span Box X
-            %input{:type=>'text', :name=>'boxX', :placeholder => 'double'}
-          %div
-            %span Box Y
-            %input{:type=>'text', :name=>'boxY', :placeholder => 'double'}
-
-          %div{:style => 'display:none', :id => 'box-params'}
-            %div
-              %span Box Width
-              %input{:type=>'text', :name=>'boxWidth', :placeholder => 'double'}
-            %div
-              %span Box Height
-              %input{:type=>'text', :name=>'boxHeight', :placeholder => 'double'}
-
-          %div{:style => 'display:none', :id => 'annotation-position'}
-            %div
-              %span Annotation Position X
-              %input{:type=>'text', :name=>'annotationPositionX', :placeholder => 'double'}
-            %div
-              %span Annotation Position Y
-              %input{:type=>'text', :name=>'annotationPositionY', :placeholder => 'double'}
-
-          %div{:style => 'display:none', :id => 'range-position'}
-            %div
-              %span Range Position
-              %input{:type=>'text', :name=>'rangePosition', :placeholder => 'double'}
-            %div
-              %span Range Length
-              %input{:type=>'text', :name=>'rangeLength', :placeholder => 'double'}
-          %div
-            %span Text
-            %input{:type=>'text', :name=>'text', :placeholder => 'text'}
-          %br/
-
-        %input{:type => 'submit', :value => 'Make request'}/
-
-        %button{:name => 'delete-annotation', :id => 'delete', :value => "#{(defined? annotationId) ? annotationId : ''}", :style=>'display:none;'} Delete Annotation
-
-    %div{:style => 'padding:20px; border:1px solid black;'}
-      %p Results:
-      %p #{(defined? iframe) ? iframe : ''}
-      %span{:color=>'green', :style => 'font-size:4'}#{(defined? message) ? message : ''}
-  = partial :_others_samples
-
-  %script{:src=>'//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'}
-  :javascript
-    $(function() {
-        $('select[name="annotationType"]').change(function() {
-            var obj = $(this);
-            if (obj.val() == "text") {
-                $('#text-params, #annotation-position, #box-params, #range-position').show();
-            }
-            else if (obj.val() == "area") {
-                $('#box-params').show();
-                $('#annotation-position, #range-position').hide();
-            }
-            else if (obj.val() == "point") {
-                $('#annotation-position, #box-params, #range-position').hide();
-            }
-        });
-     if ($('input[name="annotationId"]').val() == '') {
-         $('button[name="delete-annotation"]').hide();
-     }
-     else {
-         $('button[name="delete-annotation"]').show();
-     };
-
-    });
-
+%head
+  %title Sample 11 - How to programmatically create and post an annotation into document
+  %link(rel="stylesheet" type="text/css" href="/css/style.css")
+  %script{:src=>'//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'}
+%body
+  %h3{:style => 'text-align:center;'}
+    %a{:href => '/'} GroupDocs Ruby SDK Samples
+    %br/
+    Sample 11 - How to programmatically create and post an annotation into document
+  .samplecontent{:style => 'padding:10px;'}
+    %i This sample will show how programmatically create and post an annotation into document. How to delete the annotation using Ruby SDK
+    %br/
+    %br/
+    %span.documentation
+      %a{:href => '/docs/sample11.html'} Builtin documentation for this sample
+    %br/
+    %br/
+    %p
+      You entered:
+    %p
+      UserId = #{(defined? clientId) ? clientId : ''}
+    %p
+      PrivateKey = #{(defined? privateKey) ? privateKey : ''}
+    %p
+      FileId = #{(defined? fileId) ? fileId : ''}
+    %p
+      Annotation ID = #{(defined? annotationId) ? annotationId : ''}
+    %p
+      Annotation Type = #{(defined? annotationType) ? annotationType : ''}
+    %p
+      Annotation Text = #{(defined? annotationText) ? annotationText : ''}
+    %p
+      %font{:color => 'red'} #{(defined? err) ? err : ''}
+    %br/
+
+
+
+    #requestForm{:style => 'padding:20px; border:1px solid black;'}
+      %form{:action => '/sample-11-how-programmatically-create-and-post-an-annotation-into-document', :method => 'post'}
+        %input{:type => 'hidden', :name => 'annotationId', :value => (defined? annotationId) ? annotationId : ''}
+        %p Enter data for request and press "Make request" button
+
+        %label{:for => 'clientId'} GroupDocs ClientID
+        %br/
+        %input{:type=>'text', :name=>'clientId', :value => (defined? client_id) ? client_id: ''}
+        %br/
+        %label{:for => 'privateKey'} GroupDocs PrivateKey
+        %br/
+        %input{:type=>'text', :name=>'privateKey', :value => (defined? private_key) ? private_key : ''}
+        %br/
+        %label{:for => 'fileId'} GroupDocs FileID
+        %br/
+        %input{:type=>'text', :name=>'fileId', :value => (defined? fileId) ? fileId : ''}
+        %br/
+        %label{:for => 'basePath'} Base Path
+        %span{:class => 'optional'} (Optional)
+        %br/
+        %input{:type=>'text', :name=>'basePath'}
+        %br/
+        Annotation Type
+        %br/
+        %select{:name => 'annotationType', :id => 'annotation_type'}
+          %option{:value => 'text'}Text
+          %option{:value => 'area'}Area
+          %option{:value => 'point', :selected => 'selected'}Point
+        %br/
+        %br/
+
+        %fieldset
+          %legend Parameters (all are required)
+          %div
+            %span Box X
+            %input{:type=>'text', :name=>'boxX', :placeholder => 'double'}
+          %div
+            %span Box Y
+            %input{:type=>'text', :name=>'boxY', :placeholder => 'double'}
+
+          %div{:style => 'display:none', :id => 'box-params'}
+            %div
+              %span Box Width
+              %input{:type=>'text', :name=>'boxWidth', :placeholder => 'double'}
+            %div
+              %span Box Height
+              %input{:type=>'text', :name=>'boxHeight', :placeholder => 'double'}
+
+          %div{:style => 'display:none', :id => 'annotation-position'}
+            %div
+              %span Annotation Position X
+              %input{:type=>'text', :name=>'annotationPositionX', :placeholder => 'double'}
+            %div
+              %span Annotation Position Y
+              %input{:type=>'text', :name=>'annotationPositionY', :placeholder => 'double'}
+
+          %div{:style => 'display:none', :id => 'range-position'}
+            %div
+              %span Range Position
+              %input{:type=>'text', :name=>'rangePosition', :placeholder => 'double'}
+            %div
+              %span Range Length
+              %input{:type=>'text', :name=>'rangeLength', :placeholder => 'double'}
+          %div
+            %span Text
+            %input{:type=>'text', :name=>'text', :placeholder => 'text'}
+          %br/
+
+        %input{:type => 'submit', :value => 'Make request'}/
+
+        %button{:name => 'delete-annotation', :id => 'delete', :value => "#{(defined? annotationId) ? annotationId : ''}", :style=>'display:none;'} Delete Annotation
+
+    %div{:style => 'padding:20px; border:1px solid black;'}
+      %p Results:
+      %p #{(defined? iframe) ? iframe : ''}
+      %span{:color=>'green', :style => 'font-size:4'}#{(defined? message) ? message : ''}
+  = partial :_others_samples
+
+  %script{:src=>'//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js'}
+  :javascript
+    $(function() {
+        $('select[name="annotationType"]').change(function() {
+            var obj = $(this);
+            if (obj.val() == "text") {
+                $('#text-params, #annotation-position, #box-params, #range-position').show();
+            }
+            else if (obj.val() == "area") {
+                $('#box-params').show();
+                $('#annotation-position, #range-position').hide();
+            }
+            else if (obj.val() == "point") {
+                $('#annotation-position, #box-params, #range-position').hide();
+            }
+        });
+     if ($('input[name="annotationId"]').val() == '') {
+         $('button[name="delete-annotation"]').hide();
+     }
+     else {
+         $('button[name="delete-annotation"]').show();
+     };
+
+    });
+