groupdocs 1.3.0 → 1.4.0

data/examples/api-samples/public/templates/testdocument.html

@@ -0,0 +1,101 @@
+<!-- Sample Content to Plugin to Template -->
+<h1>CSS Basic Elements</h1>
+
+<p>The purpose of this HTML is to help determine what default settings are with CSS and to make sure that all possible HTML Elements are included in this HTML so as to not miss any possible Elements when designing a site.</p>
+
+<hr />
+
+<h1 id="headings">Headings</h1>
+
+<h1>Heading 1</h1>
+<h2>Heading 2</h2>
+<h3>Heading 3</h3>
+<h4>Heading 4</h4>
+<h5>Heading 5</h5>
+<h6>Heading 6</h6>
+
+<small><a href="#wrapper">[top]</a></small>
+<hr />
+
+
+<h1 id="paragraph">Paragraph</h1>
+
+
+<p>Lorem ipsum dolor sit amet, <a href="#" title="test link">test link</a> adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
+
+<p>Lorem ipsum dolor sit amet, <em>emphasis</em> consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.</p>
+
+<small><a href="#wrapper">[top]</a></small>
+<hr />
+
+<h1 id="list_types">List Types</h1>
+
+<h3>Definition List</h3>
+<dl>
+	<dt>Definition List Title</dt>
+	<dd>This is a definition list division.</dd>
+</dl>
+
+<h3>Ordered List</h3>
+<ol>
+	<li>List Item 1</li>
+	<li>List Item 2</li>
+	<li>List Item 3</li>
+</ol>
+
+<h3>Unordered List</h3>
+<ul>
+	<li>List Item 1</li>
+	<li>List Item 2</li>
+	<li>List Item 3</li>
+</ul>
+
+<small><a href="#wrapper">[top]</a></small>
+<hr />
+
+<h1 id="form_elements">Fieldsets, Legends, and Form Elements</h1>
+
+<fieldset>
+	<legend>Legend</legend>
+	
+	<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus.</p>
+	
+		
+</fieldset>
+
+<small><a href="#wrapper">[top]</a></small>
+<hr />
+
+<h1 id="tables">Tables</h1>
+
+<table cellspacing="0" cellpadding="0">
+	<tr>
+		<th>Table Header 1</th><th>Table Header 2</th><th>Table Header 3</th>
+	</tr>
+	<tr>
+		<td>Division 1</td><td>Division 2</td><td>Division 3</td>
+	</tr>
+	<tr class="even">
+		<td>Division 1</td><td>Division 2</td><td>Division 3</td>
+	</tr>
+	<tr>
+		<td>Division 1</td><td>Division 2</td><td>Division 3</td>
+	</tr>
+
+</table>
+
+<small><a href="#wrapper">[top]</a></small>
+<hr />
+
+<h1 id="misc">Misc Stuff - abbr, acronym, pre, code, sub, sup, etc.</h1>
+
+<p>Lorem <sup>superscript</sup> dolor <sub>subscript</sub> amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. <cite>cite</cite>. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.  <abbr title="Avenue">AVE</abbr></p>
+
+<pre><p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. <acronym title="National Basketball Association">NBA</acronym> Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.  <abbr title="Avenue">AVE</abbr></p></pre>
+
+<blockquote>
+	"This stylesheet is going to help so freaking much." <br />-Blockquote
+</blockquote>
+
+<small><a href="#wrapper">[top]</a></small>
+<!-- End of Sample Content -->

data/examples/api-samples/public/templates/welcome.htm

@@ -0,0 +1,137 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
+	<title>Powered by {{ @VERSION }}</title>
+	<style type="text/css">
+		{{ Web::minify('templates/',array('style.css'),FALSE) }}
+	</style>
+</head>
+<body>
+	<div class="header">
+		<h4>On this site will rise another Web masterpiece powered by</h4>
+		<h1>{{ @VERSION }}</h1>
+	</div>
+	<div class="content">
+		<h3>Dynamic PHP Applications The Fast and Easy Way</h3>
+		<p>The first thing you might want to do is visualize your directory structures. Fat-Free gives you total control over your Web site. Organize your folders in any way that pleases you. Decide where you want to store the following:</p>
+		<ul>
+			<li>HTML templates</li>
+			<li>Graphics, Flash and media files</li>
+			<li>Javascript and CSS files</li>
+			<li>Fat-Free import files, code libraries, and PHP includes</li>
+			<li>OOP classes</li>
+			<li>Database (if you plan to use an embedded DB like SQLite)</li>
+			<li>Configuration files</li>
+			<li>Uploads/Downloads</li>
+			<li>Fonts (optional)</li>
+		</ul>
+		<p>For security reasons, consider relocating the <code>lib/</code> folder to a path that's not Web-accessible. If you decide to move this folder, just change the line in <code>index.php</code> containing <code>require 'lib/base.php';</code> The <code>lib/</code> folder also contains framework plug-ins that extend F3's capabilities. You can change the default location of all plug-ins by moving the files to your desired subdirectory. Then, it's just a matter of pointing the <code>PLUGINS</code> global variable to the new location. You may delete the plug-ins that you don't need. You can always restore them later.</p>
+		<p>The <code>IMPORTS</code> global variable should point to the location of Fat-Free import files, code libraries, and PHP includes. On the other hand, F3 can autoload your OOP classes for you. Just add the path to the <code>AUTOLOAD</code> variable. The rest of the above-listed items do not require configuration of a framework global variable, so you may store them anywhere.</p>
+		<blockquote>
+			<h4>Important</h4>
+			<p>The distribution package contains a file named <code>htaccess</code>. It's saved that way in the archive because some ZIP extraction tools may not be configured to display hidden files like <code>.htaccess</code>. You should rename the file if you're using Apache.</p>
+		</blockquote>
+		<p>When you're ready to write your F3-enabled site, you can start editing the rest of the code contained in the <code>index.php</code> file that displayed this Web page. Developing PHP applications will never be the same!</p>
+		<h3>PHP Dependencies</h3>
+		<p>Some framework features will not be available if PHP is not configured with the modules needed by your application.</p>
+		<table>
+			<tr>
+				<th>PHP Module</th>
+				<th>Installed</th>
+				<th>Required by</th>
+			</tr>
+		<repeat group="{{@modules}}" key="{{ @mod }}" value="{{ @dep }}" counter="{{ @counter }}">
+			<tr class="{{ @counter%2?'odd':'even' }}">
+				<td>{{ @mod }}</td>
+				<td class="{{ extension_loaded(@mod)?'pass':'fail' }}">{{ extension_loaded(@mod)?'Yes':'No' }}</td>
+				<td>{{ @dep }}</td>
+			</tr>
+		</repeat>
+		</table>
+		<h3>Need Help?</h3>
+		<p>Technical support is available at: <code><a href="https://groups.google.com/forum/?fromgroups#!forum/f3-framework">https://groups.google.com/forum/?fromgroups#!forum/f3-framework</a></code>. If you need live support, you can talk to the development team and the rest of the Fat-Free community via IRC. We're on the FreeNode <code>#fatfree</code> channel (<code>chat.freenode.net</code>).</p>
+		<p>The help file included in the distribution (<code>lib/f3.chm</code>) is at your disposal if you need to take a close look at the Fat-Free API. However, the online documentation at <code><a href="http://fatfree.sourceforge.net" onclick="window.open(this.href); return false;">http://fatfree.sourceforge.net</a></code> provides the latest and most comprehensive information about the framework.</p>
+		<h3>Fair Licensing</h3>
+		<p>If you intend to use this software for business or commercial gain: permissive and "closed-source" licensing terms are available. For academic and personal use, the PHP Fat-Free Framework and other files included in the distribution are subject to the terms of the GPL v3. You may not use the software, documentation, and samples except in compliance with the license.</p>
+		<h3>Support F3</h3>
+		<p>F3 is community-driven open-source software. Support the development of the Fat-Free Framework. Your contributions help keep this project alive.</p>
+		<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
+			<input type="hidden" name="cmd" value="_s-xclick">
+			<input type="hidden" name="hosted_button_id" value="WPFRKQY9HDMML">
+			<input type="image" src="https://www.paypal.com/en_US/i/btn/btn_donateCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
+			<img alt="" border="0" src="https://www.paypal.com/en_US/i/scr/pixel.gif" width="1" height="1">
+		</form>
+		<p/>
+		<p>The framework won't be what it is today without the help and support from the following people and organizations:</p>
+		<ul style="column-count:3; column-gap:15px; -moz-column-count:3; -moz-column-gap:15px; -webkit-column-count:3; -webkit-column-gap:15px;">
+			<li>GitHub</li>
+			<li>Sascha Ohms</li>
+			<li>Jermaine Maree</li>
+			<li>Sergey Zaretsky</li>
+			<li>Daniel Kloke</li>
+			<li>Brian Nelson</li>
+			<li>Roberts Lapins</li>
+			<li>Boris Gurevich</li>
+			<li>Eyðun Lamhauge</li>
+			<li>Jose Maria Garrido Diaz</li>
+			<li>Dawn Comfort</li>
+			<li>Johan Viberg</li>
+			<li>Povilas Musteikis</li>
+			<li>Andrew Snook</li>
+			<li>Jafar Amjad</li>
+			<li>Taylor McCall</li>
+			<li>Raymond Kirkland</li>
+			<li>Yuriy Gerassimenko</li>
+			<li>William Stam</li>
+			<li>Sam George</li>
+			<li>Steve Wasiura</li>
+			<li>Andreas Ljunggren</li>
+			<li>Sashank Tadepalli</li>
+			<li>Chad Bishop</li>
+			<li>Bradley Slavik</li>
+			<li>Lee Blue</li>
+			<li>Alexander Shatilo</li>
+			<li>Justin Noel</li>
+			<li>Ivan Kovac</li>
+			<li>Tony's Internet Solutions</li>
+			<li>Charles Stigler</li>
+			<li>Attila van der Velde</li>
+			<li>Indoblo Commerce Limited</li>
+			<li>Jens Níemeyer</li>
+			<li>Raghu Veer Dendukuri</li>
+			<li>NovelLead B.V.</li>
+			<li>Emir Alp</li>
+			<li>Dominic Schwarz</li>
+			<li>Sven Zahrend</li>
+			<li>LucidStorm</li>
+			<li>Nevatech</li>
+			<li>Matt Wielgos</li>
+			<li>Christian Knuth</li>
+			<li>Maximilian Summe</li>
+			<li>Caspar Frey</li>
+			<li>G Holdings, LLC</li>
+			<li>FocusHeart</li>
+			<li>Philip Lawrence</li>
+			<li>Peter Beverwyk</li>
+			<li>Randal Hintz</li>
+			<li>Franz Josef</li>
+			<li>Biswajit Nayak</li>
+			<li>R Mohan</li>
+			<li>Michael Messner</li>
+			<li>Florent Racineux</li>
+			<li>Jason Borseth</li>
+			<li>Dmitrij Chernov</li>
+			<li>Marek Toman</li>
+			<li>Simone Cociancich</li>
+			<li>Tecnilógica</li>
+			<li>Alan Holding</li>
+			<li>Mirosystems</li>
+		</ul>
+		<p>Special thanks to the selfless others who expressed their desire to remain anonymous, yet share their time, contribute code, send donations, promote the framework to a wider audience, as well as provide encouragement and regular financial assistance. Their generosity is F3's prime motivation.</p>
+	</div>
+	<div class="footer">
+		<h5>Fat-Free Framework is licensed under the terms of the GPL v3. Copyright &copy; 2009-2011 F3::Factory</h5>
+	</div>
+</body>
+</html>

data/examples/api-samples/samples/sample18.rb

@@ -3,6 +3,118 @@ get '/sample18' do
   haml :sample18
 end
 
+post '/sample18/test_callback' do
+    downloads_path = "#{File.dirname(__FILE__)}/../public/downloads"
+    unless File.directory?(downloads_path)
+      Dir::mkdir(downloads_path)
+    else
+      Dir.foreach(downloads_path) {|f| fn = File.join(downloads_path, f); File.delete(fn) if f != '.' && f != '..'}
+    end
+
+    SourceId = nil
+    client_key = nil
+    private_key = nil
+    
+    data = JSON.parse(request.body.read)
+    data.each do |key, value|
+      if key == 'SourceId'
+        SourceId = value
+      end
+    end
+
+    if File.exist?("#{File.dirname(__FILE__)}/../public/user_info.txt")
+      contents = File.read("#{File.dirname(__FILE__)}/../public/user_info.txt")
+      contents = contents.split(' ')
+      client_key = contents.first
+      private_key = contents.last
+    end
+
+    outFile = File.new("#{File.dirname(__FILE__)}/../public/downloads/signed", "w")
+    outFile.write("private_key: #{private_key} \n")
+    outFile.write("client_key: #{client_key} \n")
+    outFile.write("SourceId: #{SourceId} \n")
+    outFile.close
+
+    job = GroupDocs::Job.new({:id=>SourceId})
+    documents = job.documents!({:client_id => client_key, :private_key => private_key})
+    tttt = documents[:inputs].first.file.download!(downloads_path, {:client_id => client_key, :private_key => private_key})
+
+    outFile = File.new("#{File.dirname(__FILE__)}/../public/downloads/t", "w")
+    outFile.write("documents: #{documents} \n")
+    outFile.write("tttt: #{tttt} \n")
+    outFile.close
+end
+
+# GET request to check if envelop was signed
+get '/sample18/test_check' do
+  if File.exist?("#{File.dirname(__FILE__)}/../public/downloads/signed")
+    File.readlines("#{File.dirname(__FILE__)}/../public/downloads/signed").each do |line|
+    end
+  else 
+    'not yet'
+  end
+end
+
+# 
+post '/sample18/convert_callback' do
+  downloads_path = "#{File.dirname(__FILE__)}/../public/downloads"
+  unless File.directory?(downloads_path)
+    Dir::mkdir(downloads_path)
+  else
+    Dir.foreach(downloads_path) {|f| fn = File.join(downloads_path, f); File.delete(fn) if f != '.' && f != '..'}
+  end
+ 
+  data = JSON.parse(request.body.read)
+  begin
+    raise "Empty params!" if data.empty?
+    SourceId = nil
+    client_key = nil
+    private_key = nil
+
+
+    data.each do |key, value|
+      if key == 'SourceId'
+        SourceId = value
+      end
+    end
+
+    if File.exist?("#{File.dirname(__FILE__)}/../public/user_info.txt")
+      contents = File.read("#{File.dirname(__FILE__)}/../public/user_info.txt")
+      contents = contents.split(' ')
+      client_key = contents.first
+      private_key = contents.last
+    end
+
+    job = GroupDocs::Job.new({:id=>SourceId})
+    documents = job.documents!({:client_id => client_key, :private_key => private_key})
+    documents[:inputs].first.file.download!(downloads_path, {:client_id => client_key, :private_key => private_key})
+
+  rescue Exception => e
+    err = e.message
+  end
+end
+
+
+# 
+get '/sample18/check' do
+  
+  unless File.directory?("#{File.dirname(__FILE__)}/../public/downloads")
+    return "Directory was not found."
+  end
+
+  name = nil
+  Dir.entries("#{File.dirname(__FILE__)}/../public/downloads").each do |file|
+    name = file if file != '.' && file != '..'
+  end
+
+  if name
+    return name
+  else
+    return "File was not found."
+  end
+end
+
+
 # POST request
 post '/sample18' do
   # set variables
@@ -10,54 +122,45 @@ post '/sample18' do
   set :private_key, params[:private_key]
   set :file_id, params[:fileId]
   set :convert_type, params[:convert_type]
+  set :callback, params[:callback]
 
   begin
     # check required variables
     raise "Please enter all required parameters" if settings.client_id.empty? or settings.private_key.empty? or settings.file_id.empty?
+   
+    if settings.callback[0]
+      outFile = File.new("#{File.dirname(__FILE__)}/../public/user_info.txt", "w")
+      outFile.write("#{settings.client_id} ")
+      outFile.write("#{settings.private_key}")
+      outFile.close
+    end
 
     # make a request to API using client_id and private_key
     files_list = GroupDocs::Storage::Folder.list!('/', {}, { :client_id => settings.client_id, :private_key => settings.private_key})
-    document = ''
+    file = nil
 
     # get document by file ID
     files_list.each do |element|
       if element.respond_to?('guid') == true and element.guid == settings.file_id
-        document = element
+        file = element
       end
     end
 
-    message = ""
-    iframe = ""
-    unless document.instance_of? String
+    message = "No file with such GUID"
+    unless file.nil?
 
+      document = file.to_document
       # convert file
-      convert = document.to_document.convert!(settings.convert_type, {}, {:client_id => settings.client_id, :private_key => settings.private_key})
-      sleep(5)
-
-      if convert.instance_of? GroupDocs::Job
-        # get all jobs
-        jobs = GroupDocs::Job::all!({}, {:client_id => settings.client_id, :private_key => settings.private_key})
-
-        # get job by job ID
-        job = ''
-        jobs.each do |element|
-          if element.id == convert.id
-            job = element
-          end
-        end
-
-        if job.status == :archived
-          # get job by ID
-          job = GroupDocs::Job.new(id: convert.id)
-          # get all job documents
-          documents = job.documents!({:client_id => settings.client_id, :private_key => settings.private_key})
-          # get compared file giud
-          guid =  documents[:inputs].first.outputs.first.guid
-          # construct result iframe
-          iframe = "<iframe src='https://apps.groupdocs.com/document-viewer/embed/#{guid}' frameborder='0' width='100%' height='600'></iframe>"
-          message = "<p>Converted file saved successfully."
-        end
+      convert = document.convert!(settings.convert_type, {:callback=>settings.callback}, {:client_id => settings.client_id, :private_key => settings.private_key})
+      sleep(10)
 
+      original_document = convert.documents!({:client_id => settings.client_id, :private_key => settings.private_key})
+      # TODO: add Exception if not enough time for convertation
+      guid = original_document[:inputs].first.outputs.first.guid
+      
+      if guid
+        iframe = "<iframe src='https://apps.groupdocs.com/document-viewer/embed/#{guid}' frameborder='0' width='100%' height='600'></iframe>"
+        message = "<p>Converted file saved successfully."
       end
     end
 

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

@@ -2,13 +2,21 @@
   %a{:href => "/"} GroupDocs Ruby SDK Samples
   \- Sample18
 .samplecontent{:style => "padding:10px;"}
-  %i This sample will show how to convert Doc to Docx, Docx to Doc, Docx to PDF, PPT to PDF using Ruby SDK
+  %span.description
+    %i 
+      This sample will show how to use 
+      %b ConvertFile
+      method to convert Doc to Docx, Docx to Doc, Docx and DOC to PDF and PPT to PDF, HTML to DOC and DOCX using GroupDocs Ruby SDK. When you use optional parameter "Callback URL" - additional logic will be involved: POST request from GroupDocs API server will be handled by convert_callback action. Also from result page an AJAX request will be sent to backend to check if callback was handled and result file was downloaded. If yes, then AJAX request will return a link to the file.
+  %br/
+  %br/
+  %span.documentation
+    %a{:href => "/docs/sample18.html"} Builtin documentation for this sample
   %br/
   %br/
   %p
     You entered:
   %p
-    UserId = #{(defined? userId) ? userId : ""}
+    ClientID = #{(defined? userId) ? userId : ""}
   %p
     PrivateKey = #{(defined? privateKey) ? privateKey : ""}
   %p
@@ -29,24 +37,66 @@
       %br/
       %label{:for => "file_id"} GroupDocs FileID
       %br/
-      %input{:type=>"text", :name=>"fileId"}
+
+
+      %input{:type=>"radio", :name=>"sourse", :value=>"guid", :id=>"id", :onClick=>"display('guid');", :checked=>"checked"} File ID (GUID) 
+      %br/
+      %input{:type=>"radio", :name=>"sourse", :value=>"local", :id=>"localField", :onClick=>"display('local');"}Upload local file
+      %br/
+      %input{:type=>"radio", :name=>"sourse", :value=>"url", :id=>"urlField", :onClick=>"display('url');"} Upload file from URL
+      %br/
+
+      %label{:for=>'fileId', :id=>"guid"} File ID (GUID)
+      %br/
+      %input{:type=>'text', :name=>'fileId', :id=>"guidfield", :value=>""}
+
+      %label{:for=>'url', :style=>"display:none;", :id=>"url"} Upload file from URL
       %br/
-      %input{:type => "submit", :value => "Make request"}/
-      %select{:name => "convert_type", "id" => "convert_type"}
+      %input{:type=>'text', :name=>'url', :value=>"", :id=>"urlfield", :style=>"display:none;"}
+
+      %label{:for=>'file', :id=>"file", :style=>"display:none;"} Upload local file
+      %br/
+      %input{:type=>'file', :name=>'file', :id=>"filefield", :style=>"display:none;"}
+
+      %br/
+      %label{:for=>"convert_type"} Result file type
+      %select{:name=>"convert_type", :id=>"convert_type"}
         %option{:value => "doc"}Doc
-        %option{:value => "pdf"}PDF
         %option{:value => "docx"}Docx
+        %option{:value => "pdf"}PDF
         %option{:value => "ppt"}PPT
+        %option{:value => "txt"}TXT
+        
+      %br/
+      %br/
+      %label{:for=>"callback"} 
+        Callback URL 
+        %span.optional (Optional)
+        %br/ 
+        %font{:color=>"grey"} (For test Callback you can use this URL: http://groupdocs-ruby-samples.herokuapp.com/sample18/convert_callback)
+      %input{:type=>"text", :size=>"70", :value=>"", :name=>"callback"}
+
+      %br/
+      %br/
+
+      %input{:type => "submit", :value => "Make request"}
+      
+      %br/
+      %a{:href=>"/templates/testdocument.html"} Download sample HTML file 1
+      %br/
+      %a{:href=>"/templates/base-simple_source.html"} Download sample HTML file 2
+      %br/
+      %a{:href=>"/templates/sampledoc3.html"} Download sample HTML file 3
+      %br/
       %br/
     %div{:style => "padding:20px; border:1px solid black;"}
       %p
         Results:
-        #{(defined? message) ? message : ""}
         #{(defined? iframe) ? iframe : ""}
+        %div#result
+        #{(defined? message) ? message : ""}
 
 
-= render_file('/samples_list.haml')
-
 %div{:style => "padding:10px;"}
   Choose another one sample:
   %ul
@@ -96,3 +146,71 @@
       %a{:href => "/sample22"}Sample22 - How create or update user and add him to collaborators using PHP SDK
     %li
       %a{:href => "/envelope-sample"}Envelope sample - How to use envelope and signature API
+
+%script{:src=>"//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"}
+:javascript
+  $(document).ready(setTimeout(check, 5000));
+            
+  function check() {
+
+    if (($("input[name=callbackUrl]").val() != "")) {
+      $.ajax({
+        type: 'GET',
+        url: '/sample18/check',
+        success: function (data) {
+          $('#result').html( data );
+        },
+        dataType: "text"
+      });
+    }
+  }
+
+  function display(_element_id) {
+
+    if (_element_id == "guid") {
+      var element1 = document.getElementById("file");
+      var element2 = document.getElementById("filefield");
+      var element3 = document.getElementById("url");
+      var element4 = document.getElementById("urlfield");
+      var element5 = document.getElementById("guid");
+      var element6 = document.getElementById("guidfield");
+      element1.style.display = "none";
+      element2.style.display = "none";
+      element3.style.display = "none";
+      element4.style.display = "none";
+      element5.style.display = "inline";
+      element6.style.display = "inline";
+
+    }
+
+    if (_element_id == "local") {
+      var element1 = document.getElementById("file");
+      var element2 = document.getElementById("filefield");
+      var element3 = document.getElementById("url");
+      var element4 = document.getElementById("urlfield");
+      var element5 = document.getElementById("guid");
+      var element6 = document.getElementById("guidfield");
+      element1.style.display = "inline";
+      element2.style.display = "inline";
+      element3.style.display = "none";
+      element4.style.display = "none";
+      element5.style.display = "none";
+      element6.style.display = "none";
+    }
+
+    if (_element_id == "url") {
+      var element1 = document.getElementById("url");
+      var element2 = document.getElementById("urlfield");
+      var element3 = document.getElementById("file");
+      var element4 = document.getElementById("filefield");
+      var element5 = document.getElementById("guid");
+      var element6 = document.getElementById("guidfield");
+      element1.style.display = "inline";
+      element2.style.display = "inline";
+      element3.style.display = "none";
+      element4.style.display = "none";
+      element5.style.display = "none";
+      element6.style.display = "none";
+    }
+
+  }