f2h 0.9.3 → 0.9.4

checksums.yaml

@@ -1,7 +1,7 @@
 ---
 SHA1:
-  metadata.gz: 95f26e4ffd924b314bcbed22380ae1652aff7440
-  data.tar.gz: f44db5163e43dc7470a9e6aad7e9cffdb48cf805
+  metadata.gz: eb77db84c32d981db240be606389697401c33a3d
+  data.tar.gz: 2efe5b2bc3a256f27ea2e55633b1f6d69449a344
 SHA512:
-  metadata.gz: 2e2728c0dab5b85887e16cf1a6c016a60f7770d21f3b123d513dfceab04d4a646fe85b5a9f18c1c5387b45b7c2dc4e25591b13d3135b2ffd87cd851849d5f6e8
-  data.tar.gz: 5d35d290269e0055f704c2323e4f5a474bff32ce44856ba22c6fed97af5eb49d5ffaf917eaf109c5c60cf5e4cc945c6c32854f2642aea78b8da1f1687813409c
+  metadata.gz: f773cf4c47a0cf37a189772265ed5046369a3b902a14644f1188c0f19315db292ee55ce329c99ad09e876bc0f9d42f26c2adcfeb47a826ffdeffe19ee19ef0ba
+  data.tar.gz: 159db7b2bd125509e8a91bfbd976b21aeb4f52e07e7b2eac740a90d6594cfd746a0dd6dc6ce7340a2c86743cb018a111397fe5517c781b9a45d16e8e080af8b1

data/README.md

@@ -1,6 +1,6 @@
 # Flash2HTML
 
-##### Current Version: 0.9.2
+##### Current Version: 0.9.4
 
 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
@@ -387,130 +387,6 @@ $(function(){
 
 
 
-
-
-
-
-
-
-
-
-
-
-
-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
@@ -563,9 +439,9 @@ Example if we run `f2h g img box ipsum` the following code will be inserted in t
 ## Development
 [x] Generate Tags in HTML, CSS and JS
 
-[] Implement Destroy method to delete generated tags in all 3 files ( HTML, CSS, JS)
+[ ] Implement Destroy method to delete generated tags in all 3 files ( HTML, CSS, JS)
 
-[] Migrate to TimeLine instead of using TweenMax for animations
+[ ] Migrate to TimeLine instead of using TweenMax for animations
 
 ## Contributing
 

data/lib/boilerplate.rb

@@ -2,6 +2,201 @@ module F2h
   class Boilerplate
 
 
+
+
+       #===================== WALLBOARD BOX BOILERPLATE ==============================
+
+    def html_boilerplate(foldername, type)
+      <<-eos
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title></title>
+  <link rel="stylesheet" href="css/#{foldername}_#{type}.css">
+  <script src="js/jquery.min.js"></script>
+  <script src="js/TweenMax.min.js"></script>
+  <script src="js/#{foldername}_#{type}.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>
+
+eos
+    end
+
+    def wallboard_html_biolerplate(foldername, type)
+      <<-eos
+  <!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8">
+  <title></title>
+  <link rel="stylesheet" href="css/#{foldername}_#{type}.css">
+  <script src="js/jquery.min.js"></script>
+  <script src="js/TweenMax.min.js"></script>
+  <script src="js/#{foldername}_#{type}.js"></script>
+</head>
+<body>
+  
+  <div id="top_mask"></div>
+
+  <!-- Start-of-the-Image-Tags -->
+  <img id="main_image" src="banner_images/main_image.png" alt="">
+  <div id="overall_mask"></div>
+  <!-- End-of-the-Image-Tags -->
+  <div class="pi_mask" id="pi_mask_main"></div>
+  <div id="ppi_mask"></div>
+
+  <!-- Start-of-the-ISI -->
+  <div id="isi">
+    <div class="pi_mask" id="pi_mask_isi"></div>
+  </div>
+  <!-- End-of-the-ISI -->
+
+</body>
+</html>
+
+      eos
+    end
+
+    def box_css_boilerplate
+      <<-eos
+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 */
+
+eos
+end
+
+    def box_js_boilerplate
+      <<-eos
+$(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/>')");
+  });
+
+
+});
+
+eos
+end
+
+
+
+
     #===================== BOX BOILERPLATE ==============================
 
     def html_boilerplate(foldername, type)
@@ -101,7 +296,7 @@ body{
   /* End-of-the-ISI */
 
 eos
-    end
+end
 
     def box_js_boilerplate
       <<-eos
@@ -157,18 +352,168 @@ $(function(){
 
 });
 
+eos
+end
+
+
+
+    ######################## BANNER WALLBOARD BOILERPLATE ##########################
+
+    def wallboard_banner_css_boilerplate
+      <<-eos
+body{
+  position: fixed;
+  padding: 0;
+  margin: 0;
+  top: 0;
+  left: 0;
+}
+
+#overall_mask{
+  position: absolute;
+  height: 1920px;
+  width: 1080px;
+}
+
+#top_mask{
+  position: absolute;
+  height: 150px;
+  width: 1080px;
+  /*background-color: purple;*/
+}
+
+#main_image{
+  position: absolute;
+}
+
+.isi_image{
+  position: relative;
+  display: inline-block;
+  width: 100%;
+}
+
+#pi_mask_main{
+  position: absolute;
+  width: 248px;
+  height: 35px;
+  top: 157px;
+  left: 250px;
+}
+
+#ppi_mask{
+  position: absolute;
+  width: 290px;
+  height: 35px;
+  top: 157px;
+  left: 516px;
+}
+
+#pi_mask_isi{
+  position: absolute;
+  width: 240px;
+  height: 30px;
+  top: 3733px;
+  left: 223px;
+}
+
+  /* Start-of-the-ISI */
+#isi{
+  position: absolute;
+  background-color: white;
+  top: 1147px;
+  width: 1080px;
+  height: 772px;
+  font-size: 11px;
+  overflow-y: scroll;
+  overflow-x: hidden;
+  font-family: "Arial-Narrow";
+  padding-left: 5px;
+}
+
+#isi::-webkit-scrollbar {
+  width: 30px;
+  margin-top: 10px
+}
+
+#isi::-webkit-scrollbar-track {
+  background-position: center;
+  background-repeat: no-repeat;
+  background-color: black;
+  background-size: 4px 90%;
+}
+
+#isi::-webkit-scrollbar-thumb {
+  height: 25px;
+  background-color: gray;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+  /* End-of-the-ISI */
+
 eos
     end
 
+    def wallboard_banner_js_boilerplate
+      <<-eos
+$(function(){
+  // WebViewCommunicator.sendJavascriptTo("main", "javascript:appRouter.homeView.flashAdImpressionTrack('banner-ad')");
+  WebViewCommunicator.sendJavascriptTo("main", "javascript:appRouter.homeView.idleSlideTimeSeconds(20)");
 
+  $(".pi_mask").on("click", function(){
+    console.log("pi button clicked");
+    WebViewCommunicator.sendJavascriptTo("main", "javascript:appRouter.homeView.openChildBrowser('http://127.0.0.1:8081/atripla_wallboard/pi_atripla.html', '<div data-advtype=banner-pres-info/>')");
+  });
 
+  $("#ppi_mask").on("click", function(){
+    console.log("ppi button clicked");
+    WebViewCommunicator.sendJavascriptTo("main", "javascript:appRouter.homeView.openChildBrowser('http://127.0.0.1:8081/atripla_wallboard/ppi_atripla.html', '<div data-advtype=banner-med-guide/>')");
+  });
+
+  var pressTimer;
+
+  $("#overall_mask").on("touchend", function(){
+    clearTimeout(pressTimer);
+    return false;
+  }).on("touchstart", function(){
+    pressTimer = window.setTimeout(function(){
+      WebViewCommunicator.sendJavascriptTo("main", "javascript:appRouter.homeView.idleSlideActivateLauncherPanel('100', '700')");
+    },1000)
+    return false;
+  });
 
+});
 
+function startScrolling(){
+  setTimeout(function autoScroll(){
+    ascroll = setInterval(function(){
+      elem = $("#isi")[0];
+      if (elem.scrollTop != 3200){
+        elem.scrollTop += 2;
+      }
+    }, 12);
+  }, 0);
+}
 
+$(document).on("touchstart", "#isi", function(){
+ clearInterval(ascroll);
+});
 
+function onWallboardIdleSlideDisplay(){
+  console.log("onWallboardIdleSlideDisplay");
+}
 
+function onWallboardIdleSlideTimerStart(){
+  console.log("onWallboardIdleSlideTimerStart");
+  startScrolling();
+}
 
+function onWallboardIdleSlideTimerStop(){
+  clearInterval(ascroll);
+}
+    
 
+eos
+end
 
     ######################## BANNER BOILERPLATE ##########################
 

data/lib/f2h.rb

@@ -24,6 +24,8 @@ module F2h
       case opts[0]
       when "new"
         @init.make_files
+      when "wallboard"
+        @init.make_wallboard_files
       when "g", "generate"
         case opts[1]
         when "img"
@@ -70,18 +72,18 @@ module F2h
     def help
       <<-eos
       Flags are:
-          -new
-            : Which Generates html,css and js files for Box and Banners
-            : Also downloads the current verison of jQuery and TweenMax
+        -new
+      : Which Generates html,css and js files for Box and Banners
+      : Also downloads the current verison of jQuery and TweenMax
 
-          -g or genrate
-            : The Generate Flag is to be used in conjunction with either
-              -img
-                :Generates tags in html, css and js
+      -g or genrate
+      : The Generate Flag is to be used in conjunction with either
+      -img
+      :Generates tags in html, css and js
 
-              -pdf
-                :Extracts imgages from the source PDF passed in as args
-                 Creates a Folder and html file with all the images as tags
+      -pdf
+      :Extracts imgages from the source PDF passed in as args
+      Creates a Folder and html file with all the images as tags
       eos
     end
 

data/lib/f2h/version.rb

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

data/lib/initial_files.rb

@@ -31,11 +31,37 @@ module F2h
       exec('curl -o js/TweenMax.min.js http://cdnjs.cloudflare.com/ajax/libs/gsap/1.17.0/TweenMax.min.js;curl -o js/jquery.min.js https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js')
     end
 
+    def make_wallboard_files
+      make_wallboard_dirs
+      @types.drop(1).each do |t|
+        @ext.each do |k,value|
+          if value
+            File.open("#{k}/"+@get_current_foldername+"_#{t}.#{k}", 'w+') do |file|
+              k.eql?("js") ? t.eql?("box") ? to_write = @bp.box_js_boilerplate : to_write = @bp.wallboard_banner_js_boilerplate : t.eql?("box") ? to_write = @bp.box_css_boilerplate : to_write = @bp.wallboard_banner_css_boilerplate
+                # file.write(send("#{@bp}.#{t}_#{k}_boilerplate"))
+              file.write(to_write)
+            end
+          else
+            File.open(@get_current_foldername+"_#{t}.#{k}", 'w+') do |file|
+              to_write = @bp.wallboard_html_biolerplate(@get_current_foldername, t)
+              file.write(to_write)
+            end
+          end
+        end
+      end
+      exec('curl -o js/TweenMax.min.js http://cdnjs.cloudflare.com/ajax/libs/gsap/1.17.0/TweenMax.min.js;curl -o js/jquery.min.js https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js')
+    end
+
     def make_dirs
       Dir.mkdir("js") unless Dir.exist?("js")
       Dir.mkdir("css") unless Dir.exist?("css")
       Dir.mkdir("box_images") unless Dir.exist?("box_images")
       Dir.mkdir("banner_images") unless Dir.exist?("banner_images")
     end
+    def make_wallboard_dirs
+      Dir.mkdir("js") unless Dir.exist?("js")
+      Dir.mkdir("css") unless Dir.exist?("css")
+      Dir.mkdir("banner_images") unless Dir.exist?("banner_images")
+    end
   end
 end

metadata

@@ -1,14 +1,14 @@
 --- !ruby/object:Gem::Specification
 name: f2h
 version: !ruby/object:Gem::Version
-  version: 0.9.3
+  version: 0.9.4
 platform: ruby
 authors:
 - Ismail Kalimi
 autorequire: 
 bindir: bin
 cert_chain: []
-date: 2016-01-04 00:00:00.000000000 Z
+date: 2016-02-10 00:00:00.000000000 Z
 dependencies:
 - !ruby/object:Gem::Dependency
   name: rmagick
@@ -117,7 +117,7 @@ required_rubygems_version: !ruby/object:Gem::Requirement
       version: '0'
 requirements: []
 rubyforge_project: 
-rubygems_version: 2.4.7
+rubygems_version: 2.5.1
 signing_key: 
 specification_version: 4
 summary: Generates boilerplate code for HTML5 creatives from Flash files