RubyGems - f2h - Versions diffs - 0.9.2 → 0.9.3 - Mend

f2h 0.9.2 → 0.9.3

Files changed (5) hide show

checksums.yaml CHANGED Viewed

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 94cce1e9d62e393c259daf5d66fb15292d9b1116
-  data.tar.gz: c19bb0243c002f9911ebe8a4b48b8e2bc16c4614
+  metadata.gz: 95f26e4ffd924b314bcbed22380ae1652aff7440
+  data.tar.gz: f44db5163e43dc7470a9e6aad7e9cffdb48cf805
 SHA512:
-  metadata.gz: 44299ad1e43b341817a800e0796a4fd5e6800734bc230564368e675b8837fde589c538dff374cb5972f94024f005fa45300209c63e0842efd3078c3260e21424
-  data.tar.gz: 3b35a618c6ca5ccebd6b9959abe55d9591ca8c2454ab18476ca73ddedda1d70631f7db5615133909a07be1d6a394ac9f37d361bf0869395ebd51fc6288315900
+  metadata.gz: 2e2728c0dab5b85887e16cf1a6c016a60f7770d21f3b123d513dfceab04d4a646fe85b5a9f18c1c5387b45b7c2dc4e25591b13d3135b2ffd87cd851849d5f6e8
+  data.tar.gz: 5d35d290269e0055f704c2323e4f5a474bff32ce44856ba22c6fed97af5eb49d5ffaf917eaf109c5c60cf5e4cc945c6c32854f2642aea78b8da1f1687813409c

data/README.md CHANGED Viewed

@@ -1,32 +1,571 @@
 # Flash2HTML
+##### Current Version: 0.9.2
 Boilerplate code that provides sane default settings when making html5 assets using html,css and js from Flash creatives
+We use GreenSock TweenMax library to create javascript animations for images
+Gem has a couple of dependencies: image magik to generate images from PDFs
 ## Installation
-Add this line to your application's Gemfile:
+Install the gem:
 ```ruby
-gem 'f2h'
+gem install 'f2h'
+```
+## Usage
+The f2h gem takes simple arugments to generate files:
+To initialize a directory with the files, run:
+```ruby
+f2h new
+```
+This command takes the root directory as path name and using the foldername generates the following files:
+```
+|____banner_images
+|____box_images
+|____css
+| |____<foldername>_banner.css
+| |____<foldername>_box.css
+|____js
+| |____jquery.min.js
+| |____<foldername>_banner.js
+| |____<foldername>_box.js
+| |____TweenMax.min.js
+|____<foldername>_banner.html
+|____<foldername>_box.html
+```
+Example if you run `f2h new` IN a folder named `Lorem`
+```
+|____banner_images
+|____box_images
+|____css
+| |____Lorem_banner.css
+| |____Lorem_box.css
+|____js
+| |____jquery.min.js
+| |____Lorem_banner.js
+| |____Lorem_box.js
+| |____TweenMax.min.js
+|____Lorem_banner.html
+|____Lorem_box.html
+```
+With boilerplate code in HTML, CSS and JS files.
+##### BOX HTML
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title></title>
+  <link rel="stylesheet" href="css/Lorem_box.css">
+  <script src="js/jquery.min.js"></script>
+  <script src="js/TweenMax.min.js"></script>
+  <script src="js/Lorem_box.js"></script>
+</head>
+<body>
+  <div id="overall_mask"></div>
+  <!-- Start-of-the-Image-Tags -->
+  <!-- End-of-the-Image-Tags -->
+  <!-- Start-of-the-ISI -->
+  <div id="isi"></div>
+  <!-- End-of-the-ISI -->
+</body>
+</html>
 ```
-And then execute:
+##### BOX CSS
+```css
+body{
+  position: fixed;
+  padding: 0;
+  margin: 0;
+  top: 0;
+  left: 0;
+}
-    $ bundle
+#overall_mask{
+  position: absolute;
+  height: 250px;
+  width: 300px;
+}
-Or install it yourself as:
-    $ gem install f2h
+  /* Start-of-the-ISI */
+#isi{
+  position: absolute;
+  background-color: white;
+  top: 250px;
+  width: 300px;
+  height: 76px;
+  font-size: 12px;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  font-family: "Arial-Narrow";
+  padding-left: 5px;
+}
+#isi::-webkit-scrollbar {
+  width: 20px;
+}
+#isi::-webkit-scrollbar-button:vertical:start:increment{
+  display: block;
+  background-image: url();
+  background-repeat: no-repeat;
+  background-position: center;
+}
+#isi::-webkit-scrollbar-button:vertical:end:increment{
+  display: block;
+  background-image: url();
+  background-repeat: no-repeat;
+  background-position: center;
+  }
+#isi::-webkit-scrollbar-track {
+  background-image: url();
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 4px 97%;
+}
+#isi::-webkit-scrollbar-thumb {
+  height: 25px;
+  background-image: url();
+  background-position: center;
+  background-repeat: no-repeat;
+}
+  /* End-of-the-ISI */
+```
+##### BOX JS
+```js
+$(function(){
+// WebViewCommunicator.sendJavascriptTo("main", "javascript:appRouter.homeView.flashAdImpressionTrack('box-ad')");
+  //Start-of-the-animation-code
+  //End-of-the-animation-code
+    function autoScroll(){
+    ascroll = setInterval(function(){
+      elem = $("#isi")[0];
+      if (elem.scrollTop != 1075){
+# Flash2HTML
+##### Current Version: 0.9.2
+Boilerplate code that provides sane default settings when making html5 assets using html,css and js from Flash creatives
+We use GreenSock TweenMax library to create javascript animations for images
+Gem has a couple of dependencies: image magik to generate images from PDFs
+## Installation
+Install the gem:
+```ruby
+gem install 'f2h'
+```
 ## Usage
+The f2h gem takes simple arugments to generate files:
+To initialize a directory with the files, run:
+```ruby
+f2h new
+```
+This command takes the root directory as path name and using the foldername generates the following files:
+```
+|____banner_images
+|____box_images
+|____css
+| |____<foldername>_banner.css
+| |____<foldername>_box.css
+|____js
+| |____jquery.min.js
+| |____<foldername>_banner.js
+| |____<foldername>_box.js
+| |____TweenMax.min.js
+|____<foldername>_banner.html
+|____<foldername>_box.html
+```
+Example if you run `f2h new` IN a folder named `Lorem`
+```
+|____banner_images
+|____box_images
+|____css
+| |____Lorem_banner.css
+| |____Lorem_box.css
+|____js
+| |____jquery.min.js
+| |____Lorem_banner.js
+| |____Lorem_box.js
+| |____TweenMax.min.js
+|____Lorem_banner.html
+|____Lorem_box.html
+```
+With boilerplate code in HTML, CSS and JS files.
+##### BOX HTML
+```html
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title></title>
+  <link rel="stylesheet" href="css/Lorem_box.css">
+  <script src="js/jquery.min.js"></script>
+  <script src="js/TweenMax.min.js"></script>
+  <script src="js/Lorem_box.js"></script>
+</head>
+<body>
+  <div id="overall_mask"></div>
+  <!-- Start-of-the-Image-Tags -->
+  <!-- End-of-the-Image-Tags -->
+  <!-- Start-of-the-ISI -->
+  <div id="isi"></div>
+  <!-- End-of-the-ISI -->
+</body>
+</html>
+```
+##### BOX CSS
+```css
+body{
+  position: fixed;
+  padding: 0;
+  margin: 0;
+  top: 0;
+  left: 0;
+}
+#overall_mask{
+  position: absolute;
+  height: 250px;
+  width: 300px;
+}
+  /* Start-of-the-ISI */
+#isi{
+  position: absolute;
+  background-color: white;
+  top: 250px;
+  width: 300px;
+  height: 76px;
+  font-size: 12px;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  font-family: "Arial-Narrow";
+  padding-left: 5px;
+}
+#isi::-webkit-scrollbar {
+  width: 20px;
+}
+#isi::-webkit-scrollbar-button:vertical:start:increment{
+  display: block;
+  background-image: url();
+  background-repeat: no-repeat;
+  background-position: center;
+}
+#isi::-webkit-scrollbar-button:vertical:end:increment{
+  display: block;
+  background-image: url();
+  background-repeat: no-repeat;
+  background-position: center;
+  }
+#isi::-webkit-scrollbar-track {
+  background-image: url();
+  background-position: center;
+  background-repeat: no-repeat;
+  background-size: 4px 97%;
+}
+#isi::-webkit-scrollbar-thumb {
+  height: 25px;
+  background-image: url();
+  background-position: center;
+  background-repeat: no-repeat;
+}
+  /* End-of-the-ISI */
+```
+##### BOX JS
+```js
+$(function(){
+// WebViewCommunicator.sendJavascriptTo("main", "javascript:appRouter.homeView.flashAdImpressionTrack('box-ad')");
+  //Start-of-the-animation-code
+  //End-of-the-animation-code
+    function autoScroll(){
+    ascroll = setInterval(function(){
+      elem = $("#isi")[0];
+      if (elem.scrollTop != 1075){
+        elem.scrollTop += 2;
+      }
+    }, 200);
+  }
+  $(document).on("touchstart", "#isi", function(){
+   clearInterval(ascroll);
+  });
+  $("#overall_mask").on("click", function(){
+    console.log("overall mask was clicked");
+    WebViewCommunicator.sendJavascriptTo("main", "javascript:appRouter.homeView.openChildBrowser('', '<div data-advtype=box-mainClickThrough/>')");
+  });
+  $("#fdaBtn").on("click", function(){
+    console.log("fda btn open button clicked");
+    WebViewCommunicator.sendJavascriptTo("main", "javascript:appRouter.homeView.openChildBrowser('http://www.fda.gov/medwatch/', '<div data-advtype=box-fda-medwatch/>')");
+  });
+  $("#pi").on("click", function(){
+    console.log("pi button clicked");
+    WebViewCommunicator.sendJavascriptTo("main", "javascript:appRouter.homeView.openChildBrowser('http://127.0.0.1:8081/', '<div data-advtype=box-pres-info/>')");
+  });
+  $("#medguide").on("click", function(){
+    console.log("medguide button clicked");
+    WebViewCommunicator.sendJavascriptTo("main", "javascript:appRouter.homeView.openChildBrowser('http://127.0.0.1:8081/', '<div data-advtype=box-med-guide/>')");
+  });
+});
+```
+Use the following command to generate image tags in html
+```ruby
+f2h g img box | banner | both <filename>
+```
+* We can pass `box` , `banner` or `both` to specify in what type of image tags needs to be inserted in.
+* Currently all the filenames that are passed into as args are appended the extension of PNG
+* When image is inserted in the html, it yanks the name and uses it to define as the id
+* Using the id selector the tag is generated in CSS and JS as well
+Example if we run `f2h g img box ipsum`
+####Lorem_box.html
+```
+...
+  <img id="ipsum" src="box_images/ipsum.png" alt="">
+...
+```
+####Lorem_box.css
+```
+...
+#ipsum{
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+...
+```
+####Lorem_box.js
+```
+...
+  TweenMax.to(ipsum, 0.0, {});
+...
+```
+## Development
+[x] Generate Tags in HTML, CSS and JS
+[] Implement Destroy method to delete generated tags in all 3 files ( HTML, CSS, JS)
+[] Migrate to TimeLine instead of using TweenMax for animations
+## Contributing
+Bug reports and pull requests are welcome on GitHub at https://github.com/ismk/Flash2HTML. This project is intended to be a safe, welcoming space for collaboration, and contributors are expected to adhere to the [Contributor Covenant](contributor-covenant.org) code of conduct.
+## License
+The gem is available as open source under the terms of the [MIT License](http://opensource.org/licenses/MIT).
+        elem.scrollTop += 2;
+      }
+    }, 200);
+  }
+  $(document).on("touchstart", "#isi", function(){
+   clearInterval(ascroll);
+  });
+  $("#overall_mask").on("click", function(){
+    console.log("overall mask was clicked");
+    WebViewCommunicator.sendJavascriptTo("main", "javascript:appRouter.homeView.openChildBrowser('', '<div data-advtype=box-mainClickThrough/>')");
+  });
+  $("#fdaBtn").on("click", function(){
+    console.log("fda btn open button clicked");
+    WebViewCommunicator.sendJavascriptTo("main", "javascript:appRouter.homeView.openChildBrowser('http://www.fda.gov/medwatch/', '<div data-advtype=box-fda-medwatch/>')");
+  });
+  $("#pi").on("click", function(){
+    console.log("pi button clicked");
+    WebViewCommunicator.sendJavascriptTo("main", "javascript:appRouter.homeView.openChildBrowser('http://127.0.0.1:8081/', '<div data-advtype=box-pres-info/>')");
+  });
+  $("#medguide").on("click", function(){
+    console.log("medguide button clicked");
+    WebViewCommunicator.sendJavascriptTo("main", "javascript:appRouter.homeView.openChildBrowser('http://127.0.0.1:8081/', '<div data-advtype=box-med-guide/>')");
+  });
+});
+```
+Use the following command to generate image tags in html
+```ruby
+f2h g img box | banner | both <filename>
+```
+* We can pass `box` , `banner` or `both` to specify in what type of image tags needs to be inserted in.
+* Currently all the filenames that are passed into as args are appended the extension of PNG
+* When image is inserted in the html, it yanks the name and uses it to define as the id
+* Using the id selector the tag is generated in CSS and JS as well
+Example if we run `f2h g img box ipsum` the following code will be inserted in the box type files
+####Lorem_box.html
+```
+...
+  <img id="ipsum" src="box_images/ipsum.png" alt="">
+...
+```
+####Lorem_box.css
+```
+...
+#ipsum{
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+...
+```
+####Lorem_box.js
+```
+...
+  TweenMax.to(ipsum, 0.0, {});
+...
+```
-TODO: Write usage instructions here
 ## Development
+[x] Generate Tags in HTML, CSS and JS
-After checking out the repo, run `bin/setup` to install dependencies. Then, run `rake spec` to run the tests. You can also run `bin/console` for an interactive prompt that will allow you to experiment.
+[] Implement Destroy method to delete generated tags in all 3 files ( HTML, CSS, JS)
-To install this gem onto your local machine, run `bundle exec rake install`. To release a new version, update the version number in `version.rb`, and then run `bundle exec rake release`, which will create a git tag for the version, push git commits and tags, and push the `.gem` file to [rubygems.org](https://rubygems.org).
+[] Migrate to TimeLine instead of using TweenMax for animations
 ## Contributing

data/lib/f2h/version.rb CHANGED Viewed

@@ -1,3 +1,3 @@
 module F2h
-  VERSION = "0.9.2"
+  VERSION = "0.9.3"
 end

data/lib/pdf2img.rb CHANGED Viewed

@@ -6,8 +6,8 @@ module F2h
     def do_the_pdf(pdfs_to_html)
       p pdfs_to_html
-      html_pdf_imgs = []
       pdfs_to_html.each do |file|
+      html_pdf_imgs = []
         if file.include? " "
           File.rename(file, file.gsub(" ","_"))
           file = file.gsub(" ","_")
@@ -22,14 +22,15 @@ module F2h
           html_pdf_imgs <<  img_tag.join
           img.write(pdf_folder_name+"/#{pdf_folder_name}_#{idx}.png") { self.quality = 100}
         end
-        temp = @bp.pdf_html
-        temp = temp.split(/(<body>)/)
-        temp.insert(2,html_pdf_imgs.join("\n"))
-        temp = temp.join
-        puts temp
+        pdf_blob = @bp.pdf_html
+        pdf_blob = pdf_blob.split(/(<body>)/)
+        pdf_blob.insert(2,html_pdf_imgs.join("\n"))
+        pdf_blob = pdf_blob.join
+        puts pdf_blob
         File.open(pdf_folder_name+".html", "w+") do |f|
-          f.write(temp)
+          f.write(pdf_blob)
         end
+        pdf_blob = ""
       end
     end
   end

metadata CHANGED Viewed

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: f2h
 version: !ruby/object:Gem::Version
-  version: 0.9.2
+  version: 0.9.3
 platform: ruby
 authors:
 - Ismail Kalimi
 autorequire:
 bindir: bin
 cert_chain: []
-date: 2015-09-24 00:00:00.000000000 Z
+date: 2016-01-04 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rmagick