puffer 0.0.32 → 0.1.0

data/.gitignore

@@ -0,0 +1,7 @@
+.bundle/
+log/*.log
+pkg/
+spec/dummy/db/*.sqlite3
+spec/dummy/log/*.log
+spec/dummy/tmp/
+*.orig

data/Gemfile

@@ -1,28 +1,3 @@
 source "http://rubygems.org"
 
-gem 'rails', '~> 3.1.0'
-gem 'kaminari'
-gem 'orm_adapter'
-
-group :development, :test do
-  gem "sqlite3"
-  gem "mongoid"
-  gem "bson_ext"
-
-  gem 'devise'
-
-  gem "rspec-rails"
-  gem "capybara"
-  gem 'database_cleaner'
-  gem 'ammeter'
-
-  gem 'guard'
-  gem 'libnotify'
-  gem 'guard-rspec'
-
-  gem 'forgery'
-  gem 'fabrication'
-  gem "jeweler"
-
-  gem 'nested_set'
-end
+gemspec

data/Gemfile.lock

@@ -1,33 +1,41 @@
+PATH
+  remote: .
+  specs:
+    puffer (0.1.0)
+      kaminari
+      orm_adapter
+      rails (~> 3.1.0)
+
 GEM
   remote: http://rubygems.org/
   specs:
-    actionmailer (3.1.1)
-      actionpack (= 3.1.1)
+    actionmailer (3.1.3)
+      actionpack (= 3.1.3)
       mail (~> 2.3.0)
-    actionpack (3.1.1)
-      activemodel (= 3.1.1)
-      activesupport (= 3.1.1)
+    actionpack (3.1.3)
+      activemodel (= 3.1.3)
+      activesupport (= 3.1.3)
       builder (~> 3.0.0)
       erubis (~> 2.7.0)
       i18n (~> 0.6)
-      rack (~> 1.3.2)
+      rack (~> 1.3.5)
       rack-cache (~> 1.1)
       rack-mount (~> 0.8.2)
       rack-test (~> 0.6.1)
-      sprockets (~> 2.0.2)
-    activemodel (3.1.1)
-      activesupport (= 3.1.1)
+      sprockets (~> 2.0.3)
+    activemodel (3.1.3)
+      activesupport (= 3.1.3)
       builder (~> 3.0.0)
       i18n (~> 0.6)
-    activerecord (3.1.1)
-      activemodel (= 3.1.1)
-      activesupport (= 3.1.1)
+    activerecord (3.1.3)
+      activemodel (= 3.1.3)
+      activesupport (= 3.1.3)
       arel (~> 2.2.1)
       tzinfo (~> 0.3.29)
-    activeresource (3.1.1)
-      activemodel (= 3.1.1)
-      activesupport (= 3.1.1)
-    activesupport (3.1.1)
+    activeresource (3.1.3)
+      activemodel (= 3.1.3)
+      activesupport (= 3.1.3)
+    activesupport (3.1.3)
       multi_json (~> 1.0)
     ammeter (0.2.1)
       activesupport (~> 3.0)
@@ -39,7 +47,7 @@ GEM
     bson (1.4.1)
     bson_ext (1.4.0)
     builder (3.0.0)
-    capybara (1.1.1)
+    capybara (1.1.2)
       mime-types (>= 1.16)
       nokogiri (>= 1.3.3)
       rack (>= 1.0.0)
@@ -48,42 +56,37 @@ GEM
       xpath (~> 0.1.4)
     childprocess (0.2.2)
       ffi (~> 1.0.6)
-    database_cleaner (0.6.7)
-    devise (1.4.8)
+    database_cleaner (0.7.0)
+    devise (1.5.1)
       bcrypt-ruby (~> 3.0)
       orm_adapter (~> 0.0.3)
-      warden (~> 1.0.3)
+      warden (~> 1.1)
     diff-lcs (1.1.3)
     erubis (2.7.0)
     fabrication (1.2.0)
-    ffi (1.0.9)
+    ffi (1.0.11)
     forgery (0.5.0)
-    git (1.2.5)
-    guard (0.8.4)
+    guard (0.8.8)
       thor (~> 0.14.6)
-    guard-rspec (0.5.0)
+    guard-rspec (0.5.5)
       guard (>= 0.8.4)
     hike (1.2.1)
     i18n (0.6.0)
-    jeweler (1.6.4)
-      bundler (~> 1.0)
-      git (>= 1.2.5)
-      rake
     json (1.6.1)
     json_pure (1.6.1)
     kaminari (0.12.4)
       rails (>= 3.0.0)
-    libnotify (0.5.7)
+    libnotify (0.5.9)
     mail (2.3.0)
       i18n (>= 0.4.0)
       mime-types (~> 1.16)
       treetop (~> 1.4.8)
-    mime-types (1.16)
+    mime-types (1.17.2)
     mongo (1.4.1)
       bson (= 1.4.1)
-    mongoid (2.3.2)
+    mongoid (2.3.3)
       activemodel (~> 3.1)
-      mongo (~> 1.4)
+      mongo (~> 1.3)
       tzinfo (~> 0.3.22)
     multi_json (1.0.3)
     nested_set (1.6.8)
@@ -91,8 +94,8 @@ GEM
       railties (>= 3.0.0)
     nokogiri (1.5.0)
     orm_adapter (0.0.5)
-    polyglot (0.3.2)
-    rack (1.3.4)
+    polyglot (0.3.3)
+    rack (1.3.5)
     rack-cache (1.1)
       rack (>= 0.4)
     rack-mount (0.8.3)
@@ -101,55 +104,56 @@ GEM
       rack
     rack-test (0.6.1)
       rack (>= 1.0)
-    rails (3.1.1)
-      actionmailer (= 3.1.1)
-      actionpack (= 3.1.1)
-      activerecord (= 3.1.1)
-      activeresource (= 3.1.1)
-      activesupport (= 3.1.1)
+    rails (3.1.3)
+      actionmailer (= 3.1.3)
+      actionpack (= 3.1.3)
+      activerecord (= 3.1.3)
+      activeresource (= 3.1.3)
+      activesupport (= 3.1.3)
       bundler (~> 1.0)
-      railties (= 3.1.1)
-    railties (3.1.1)
-      actionpack (= 3.1.1)
-      activesupport (= 3.1.1)
+      railties (= 3.1.3)
+    railties (3.1.3)
+      actionpack (= 3.1.3)
+      activesupport (= 3.1.3)
       rack-ssl (~> 1.3.2)
       rake (>= 0.8.7)
       rdoc (~> 3.4)
       thor (~> 0.14.6)
-    rake (0.9.2)
-    rdoc (3.10)
+    rake (0.9.2.2)
+    rdoc (3.11)
       json (~> 1.4)
-    rspec (2.6.0)
-      rspec-core (~> 2.6.0)
-      rspec-expectations (~> 2.6.0)
-      rspec-mocks (~> 2.6.0)
-    rspec-core (2.6.4)
-    rspec-expectations (2.6.0)
+    rspec (2.7.0)
+      rspec-core (~> 2.7.0)
+      rspec-expectations (~> 2.7.0)
+      rspec-mocks (~> 2.7.0)
+    rspec-core (2.7.1)
+    rspec-expectations (2.7.0)
       diff-lcs (~> 1.1.2)
-    rspec-mocks (2.6.0)
-    rspec-rails (2.6.1)
+    rspec-mocks (2.7.0)
+    rspec-rails (2.7.0)
       actionpack (~> 3.0)
       activesupport (~> 3.0)
       railties (~> 3.0)
-      rspec (~> 2.6.0)
+      rspec (~> 2.7.0)
     rubyzip (0.9.4)
-    selenium-webdriver (2.8.0)
+    selenium-webdriver (2.13.0)
       childprocess (>= 0.2.1)
-      ffi (>= 1.0.7)
+      ffi (~> 1.0.9)
       json_pure
       rubyzip
-    sprockets (2.0.2)
+    sprockets (2.0.3)
       hike (~> 1.2)
       rack (~> 1.0)
       tilt (~> 1.1, != 1.3.0)
     sqlite3 (1.3.4)
     thor (0.14.6)
     tilt (1.3.3)
+    timecop (0.3.5)
     treetop (1.4.10)
       polyglot
       polyglot (>= 0.3.1)
-    tzinfo (0.3.30)
-    warden (1.0.6)
+    tzinfo (0.3.31)
+    warden (1.1.0)
       rack (>= 1.0)
     xpath (0.1.4)
       nokogiri (~> 1.3)
@@ -167,12 +171,10 @@ DEPENDENCIES
   forgery
   guard
   guard-rspec
-  jeweler
-  kaminari
   libnotify
   mongoid
   nested_set
-  orm_adapter
-  rails (~> 3.1.0)
+  puffer!
   rspec-rails
   sqlite3
+  timecop

data/README.md

@@ -1,18 +1,24 @@
-# Puffer - YARAI (Yet Another Rails Admin Interface). Rails 3.1 only.
+# Puffer — YARAI (Yet Another Rails Admin Interface)
 
-Puffer was created to help a project owner or moderators view and edit all the project's data models. It's compatible with Rails 3.1 only.
+Puffer was created to help a project owner or moderators view and
+edit all the project's data models.
+
+**It's compatible with Rails 3.1 only.**
 
 ## Discussion and help
 
-puffer@conference.jabber.org
+<xmpp:puffer@conference.jabber.org>
 
 ## Key features
 
-* Full Rails integration. Puffer has no configuration, just a DSL to create interfaces. And this DSL depends on Rails conventions.
-* Flexibility. Puffer designed to be as flexible as possible, so you can create your own modules easily.
-* I18n. Surely.
-* Puffer can support different ORMs or ODMs through orm_adapter.
-* Implemented full AR and Mongoid support.
+* Full Ruby on Rails integration. Puffer has no configuration files, but a
+DSL to define administration interfaces. This DSL follows the Rails
+conventions.
+* Flexibility. Puffer designed to provide much flexibility as possible,
+so you can create your own extensions without any design issues.
+* Internationalization. Surely, enjoy the native Rails i18n subsystem.
+* Puffer supports different ORMs or ODMs through the `orm_adapter` gem.
+Currently, we can work with ActiveRecord and Mongoid.
 
 ## Installation.
 
@@ -26,9 +32,9 @@ Or in Gemfile:
 
 ## Introduction.
 
-Let's assume this is the data structure of your project:
+Let's assume this is the data structure of your application:
 
-```
+```ruby
 create_table "users", :force => true do |t|
   t.string   "email"
   t.string   "password"
@@ -47,7 +53,7 @@ end
 
 And let's also assume your models look like this:
 
-```
+```ruby
 class User < ActiveRecord::Base
   has_many :posts
   validates_presence_of :email, :password
@@ -60,7 +66,7 @@ class Profile < ActiveRecord::Base
 end
 ```
 
-First, let's generate Puffer controllers:
+First, let's generate the Puffer controllers:
 
 `rails g puffer:controller User`
 
@@ -68,9 +74,9 @@ and
 
 `rails g puffer:controller Post`
 
-This will generate this:
+This will generate the following code:
 
-```
+```ruby
 class Admin::PostsController < Puffer::Base
   setup do
     group :posts
@@ -97,9 +103,9 @@ class Admin::PostsController < Puffer::Base
 end
 ```
 
-Puffer's controller DSL creates all the actions you need. Next step: routing.
+Puffer's DSL creates all the actions you need. Next step is routing.
 
-```
+```ruby
 namespace :admin do
   resources :users do
     resources :posts
@@ -108,21 +114,23 @@ namespace :admin do
 end
 ```
 
-Let me explain this feature. Puffer tracks all the nested resources. So, with this routing structure we can access, for example, only specified user's posts:
+Let me explain this feature. Puffer tracks all the nested resources.
+For instance, according to our routing definitions, we can access only
+specified posts of our user:
 
 `/admin/users/1/post`
 
-Routing nesting defines admin interface resources nesting.
+Routing nesting implies the admin resources nesting.
 
 ## Advanced usage
 
-Puffer can be used in other namespaces than admin:
+Puffer can work in different namespaces:
 
 `rails g puffer:controller moderator/posts`
 
 And we'll get posts controller for moderators:
 
-```
+```ruby
 class Moderator::PostsController < Puffer::Base
   before_filter :require_moderator
 
@@ -147,12 +155,15 @@ class Moderator::PostsController < Puffer::Base
 end
 ```
 
-As you can see, moderators can't destroy posts. The moderator's post controller is placed in the Posting tab of the admin interface.
+As you can see, moderators can't destroy posts. The moderator's post
+controller is placed in the Posting tab of the admin interface.
 
 Finally, don't forget about routing:
 
-```
+```ruby
 namespace :moderator do
   resources :posts
 end
-```
+```
+
+Have a nice day and let Puffer rock for you.

data/Rakefile

@@ -24,14 +24,4 @@ Rake::RDocTask.new(:rdoc) do |rdoc|
   rdoc.rdoc_files.include('lib/**/*.rb')
 end
 
-require 'jeweler'
-
-Jeweler::Tasks.new do |gem|
-  gem.name = "puffer"
-  gem.summary = %Q{Admin interface builder}
-  gem.description = %Q{In Soviet Russia puffer admins you}
-  gem.email = "kinwizard@gmail.com"
-  gem.homepage = "http://github.com/puffer/puffer"
-  gem.authors = ["pyromaniac"]
-end
-Jeweler::GemcutterTasks.new
+require "bundler/gem_tasks"

data/VERSION

@@ -1 +1 @@
-0.0.32
+0.0.33

data/app/assets/javascripts/puffer/application.js

@@ -1,10 +1,15 @@
 //= require puffer/right-src
+//= require puffer/right-dnd-src
+//= require puffer/right-keys-src
 //= require puffer/right-dialog-src
 //= require puffer/right-slider-src
+//= require puffer/right-in-edit-src
 //= require puffer/right-calendar-src
+//= require puffer/right-sortable-src
 //= require puffer/right-autocompleter-src
-//= require puffer/paginator
+//= require puffer/right-paginator-src
 //= require puffer/rails
 //= require puffer/puffer
+//= require puffer/associations
 
 //= require_all ./puffer

data/app/assets/javascripts/puffer/associations.js

@@ -0,0 +1,18 @@
+"a[data-insert]".on('click', function(event) {
+  if (event.which != 1) return;
+  
+  if (this.data('insert').element) {
+    var new_id = new Date().getTime();
+    $(this.data('insert').element).insert(this.data('insert').content.replace(/new_nested_index/g, new_id));
+  }
+  if (this.data('insert').remove) {
+    $(this.data('insert').remove).remove();
+  }
+  if (this.data('insert').show) {
+    $(this.data('insert').show).show();
+  }
+  if (this.data('insert').hide) {
+    $(this.data('insert').hide).hide();
+  }
+  event.stop();
+});

data/app/assets/javascripts/puffer/puffer.js

@@ -19,4 +19,11 @@ var association_done = function(event) {
   }
 
   dialog.load(this.get('data-dialog-uri'));
+});
+
+'a[data-new-dialog-uri]'.on('click', function(event) {
+  if (event.which != 1) return;
+  event.stop();
+
+  new Dialog({expandable: true}).load(this.get('data-new-dialog-uri'));
 });

data/app/assets/javascripts/puffer/right-calendar-src.js

@@ -1,5 +1,5 @@
 /**
- * RightJS-UI Calendar v2.2.0
+ * RightJS-UI Calendar v2.3.0
  * http://rightjs.org/ui/calendar
  *
  * Copyright (C) 2009-2011 Nikolay Nemshilov
@@ -430,7 +430,7 @@ var Calendar = new Widget({
   include: [Toggler, Assignable],
 
   extend: {
-    version: '2.2.0',
+    version: '2.3.0',
 
     EVENTS: $w('show hide change done'),
 
@@ -458,6 +458,8 @@ var Calendar = new Widget({
       update:         null,   // a reference to an input element to assign to
       trigger:        null,   // a reference to a trigger element that would be paired too
 
+      highlight:      null,   // a list of dates to highlight
+
       cssRule:        '*[data-calendar]' // css rule for calendar related elements
     },
 
@@ -694,6 +696,12 @@ var Calendar = new Widget({
       this.assignTo(options.update, options.trigger);
     }
 
+    if (isArray(options.highlight)) {
+      options.highlight = R(options.highlight).map(function(date) {
+        return isString(date) ? this.parse(date) : date;
+      }, this);
+    }
+
     return this;
   },
 
@@ -900,6 +908,14 @@ var Month = new Class(Element, {
         cell.className = 'disabled';
       }
 
+      if (isArray(options.highlight)) {
+        if (options.highlight.first(function(d) {
+          return d.getFullYear() === date.getFullYear() &&
+                 d.getMonth()    === date.getMonth()    &&
+                 d.getDate()     === date.getDate()
+        })) { cell.className += ' highlighted'; }
+      }
+
       week[day_num].date = new Date(date);
     }
 
@@ -1448,7 +1464,7 @@ $(document).on({
 
 
 var embed_style = document.createElement('style'),                 
-    embed_rules = document.createTextNode(".rui-panel{margin:0;padding:.5em;position:relative;background-color:#EEE;border:1px solid #BBB;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;box-shadow:.15em .3em .5em #BBB;-moz-box-shadow:.15em .3em .5em #BBB;-webkit-box-shadow:.15em .3em .5em #BBB;cursor:default} *.rui-button{display:inline-block; *display:inline; *zoom:1;height:1em;line-height:1em;margin:0;padding:.2em .5em;text-align:center;border:1px solid #CCC;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;cursor:pointer;color:#333;background-color:#FFF;user-select:none;-moz-user-select:none;-webkit-user-select:none} *.rui-button:hover{color:#111;border-color:#999;background-color:#DDD;box-shadow:#888 0 0 .1em;-moz-box-shadow:#888 0 0 .1em;-webkit-box-shadow:#888 0 0 .1em} *.rui-button:active{color:#000;border-color:#777;text-indent:1px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none} *.rui-button-disabled, *.rui-button-disabled:hover, *.rui-button-disabled:active{color:#888;background:#DDD;border-color:#CCC;cursor:default;text-indent:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}div.rui-re-anchor{margin:0;padding:0;background:none;border:none;float:none;display:inline;position:absolute;z-index:9999}div.rui-calendar .swaps,div.rui-calendar .greed,div.rui-calendar .timepicker,div.rui-calendar .buttons,div.rui-calendar table,div.rui-calendar table tr,div.rui-calendar table th,div.rui-calendar table td,div.rui-calendar table tbody,div.rui-calendar table thead,div.rui-calendar table caption{background:none;border:none;width:auto;height:auto;margin:0;padding:0}div.rui-calendar-inline{position:relative;display:inline-block; *display:inline; *zoom:1;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}div.rui-calendar .swaps{position:relative}div.rui-calendar .swaps .rui-button{position:absolute;float:left;width:1em;padding:.15em .4em}div.rui-calendar .swaps .next-month{right:0em;_right:.5em}div.rui-calendar .swaps .prev-year{left:2.05em}div.rui-calendar .swaps .next-year{right:2.05em;_right:2.52em}div.rui-calendar .greed{border-spacing:0px;border-collapse:collapse;border-size:0}div.rui-calendar .greed td{vertical-align:top;padding-left:.4em}div.rui-calendar .greed>tbody>tr>td:first-child{padding:0}div.rui-calendar .month{margin-top:.2em;border-spacing:1px;border-collapse:separate}div.rui-calendar .month caption{text-align:center}div.rui-calendar .month th{color:#666;text-align:center}div.rui-calendar .month td{text-align:right;padding:.1em .3em;background-color:#FFF;border:1px solid #CCC;cursor:pointer;color:#555;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em}div.rui-calendar .month td:hover{background-color:#CCC;border-color:#AAA;color:#000}div.rui-calendar .month td.blank{background:transparent;cursor:default;border:none}div.rui-calendar .month td.selected{background-color:#BBB;border-color:#AAA;color:#222;font-weight:bold;padding:.1em .2em}div.rui-calendar .month td.disabled{color:#888;background:#EEE;border-color:#CCC;cursor:default}div.rui-calendar .timepicker{border-top:1px solid #ccc;margin-top:.3em;padding-top:.5em;text-align:center}div.rui-calendar .timepicker select{margin:0 .4em}div.rui-calendar .buttons{position:relative;margin-top:.5em}div.rui-calendar .buttons div.rui-button{width:4em;padding:.25em .5em}div.rui-calendar .buttons .done{position:absolute;right:0em;top:0}");      
+    embed_rules = document.createTextNode(".rui-panel{margin:0;padding:.5em;position:relative;background-color:#EEE;border:1px solid #BBB;border-radius:.3em;-moz-border-radius:.3em;-webkit-border-radius:.3em;box-shadow:.15em .3em .5em #BBB;-moz-box-shadow:.15em .3em .5em #BBB;-webkit-box-shadow:.15em .3em .5em #BBB;cursor:default} *.rui-button{display:inline-block; *display:inline; *zoom:1;height:1em;line-height:1em;margin:0;padding:.2em .5em;text-align:center;border:1px solid #CCC;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em;cursor:pointer;color:#333;background-color:#FFF;user-select:none;-moz-user-select:none;-webkit-user-select:none} *.rui-button:hover{color:#111;border-color:#999;background-color:#DDD;box-shadow:#888 0 0 .1em;-moz-box-shadow:#888 0 0 .1em;-webkit-box-shadow:#888 0 0 .1em} *.rui-button:active{color:#000;border-color:#777;text-indent:1px;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none} *.rui-button-disabled, *.rui-button-disabled:hover, *.rui-button-disabled:active{color:#888;background:#DDD;border-color:#CCC;cursor:default;text-indent:0;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}div.rui-re-anchor{margin:0;padding:0;background:none;border:none;float:none;display:inline;position:absolute;z-index:9999}div.rui-calendar .swaps,div.rui-calendar .greed,div.rui-calendar .timepicker,div.rui-calendar .buttons,div.rui-calendar table,div.rui-calendar table tr,div.rui-calendar table th,div.rui-calendar table td,div.rui-calendar table tbody,div.rui-calendar table thead,div.rui-calendar table caption{background:none;border:none;width:auto;height:auto;margin:0;padding:0}div.rui-calendar-inline{position:relative;display:inline-block; *display:inline; *zoom:1;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}div.rui-calendar .swaps{position:relative}div.rui-calendar .swaps .rui-button{position:absolute;float:left;width:1em;padding:.15em .4em}div.rui-calendar .swaps .next-month{right:0em;_right:.5em}div.rui-calendar .swaps .prev-year{left:2.05em}div.rui-calendar .swaps .next-year{right:2.05em;_right:2.52em}div.rui-calendar .greed{border-spacing:0px;border-collapse:collapse;border-size:0}div.rui-calendar .greed td{vertical-align:top;padding-left:.4em}div.rui-calendar .greed>tbody>tr>td:first-child{padding:0}div.rui-calendar .month{margin-top:.2em;border-spacing:1px;border-collapse:separate}div.rui-calendar .month caption{text-align:center}div.rui-calendar .month th{color:#666;text-align:center}div.rui-calendar .month td{text-align:right;padding:.1em .3em;background-color:#FFF;border:1px solid #CCC;cursor:pointer;color:#555;border-radius:.2em;-moz-border-radius:.2em;-webkit-border-radius:.2em}div.rui-calendar .month td:hover{background-color:#CCC;border-color:#AAA;color:#000}div.rui-calendar .month td.blank{background:transparent;cursor:default;border:none}div.rui-calendar .month td.selected{background-color:#BBB;border-color:#AAA;color:#222;font-weight:bold;padding:.1em .2em}div.rui-calendar .month td.disabled{color:#888;background:#EEE;border-color:#CCC;cursor:default}div.rui-calendar .month td.highlighted{background-color:#DDD;border-color:#bbb;color:#111}div.rui-calendar .timepicker{border-top:1px solid #ccc;margin-top:.3em;padding-top:.5em;text-align:center}div.rui-calendar .timepicker select{margin:0 .4em}div.rui-calendar .buttons{position:relative;margin-top:.5em}div.rui-calendar .buttons div.rui-button{width:4em;padding:.25em .5em}div.rui-calendar .buttons .done{position:absolute;right:0em;top:0}");      
                                                                    
 embed_style.type = 'text/css';                                     
 document.getElementsByTagName('head')[0].appendChild(embed_style);