Class: Page

Inherits:
Object show all
Defined in:
lib/volt/page/page.rb

Instance Attribute Summary collapse

Instance Method Summary collapse

Constructor Details

#initialize ⇒ Page

Returns a new instance of Page.



37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
 
# File 'lib/volt/page/page.rb', line 37

def initialize

  # debugger
  puts "------ Page Loaded -------"
  @model_classes = {}
  
  # Run the code to setup the page
  @page = ReactiveValue.new(Model.new)
  @flash = ReactiveValue.new(Model.new({}, persistor: Persistors::Flash))
  @store = ReactiveValue.new(Model.new({}, persistor: Persistors::StoreFactory.new(tasks)))
  
  @url = ReactiveValue.new(URL.new)
  @params = @url.params
  @url_tracker = UrlTracker.new(self)

  @events = DocumentEvents.new
  @draw_cycle = DrawCycle.new
  
  if RUBY_PLATFORM == 'opal'
    # Setup escape binding for console
    %x{
      $(document).keyup(function(e) {
        if (e.keyCode == 27) {
          Opal.gvars.page.$launch_console();
        }
      });
    
      $(document).on('click', 'a', function(event) {        
        Opal.gvars.page.$link_clicked($(this).attr('href'));
        event.stopPropagation();
      
        return false;
      });
    }
  end
end

Instance Attribute Details

#draw_cycle ⇒ Object (readonly)

Returns the value of attribute draw_cycle.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def draw_cycle
  @draw_cycle
end

#events ⇒ Object (readonly)

Returns the value of attribute events.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def events
  @events
end

#flash ⇒ Object (readonly)

Returns the value of attribute flash.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def flash
  @flash
end

#page ⇒ Object (readonly)

Returns the value of attribute page.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def page
  @page
end

#params ⇒ Object (readonly)

Returns the value of attribute params.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def params
  @params
end

#routes ⇒ Object (readonly)

Returns the value of attribute routes.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def routes
  @routes
end

#store ⇒ Object (readonly)

Returns the value of attribute store.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def store
  @store
end

#templates ⇒ Object (readonly)

Returns the value of attribute templates.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def templates
  @templates
end

#url ⇒ Object (readonly)

Returns the value of attribute url.



35
36
37
 
# File 'lib/volt/page/page.rb', line 35

def url
  @url
end

Instance Method Details

#add_model(model_name) ⇒ Object 



114
115
116
117
118
 
# File 'lib/volt/page/page.rb', line 114

def add_model(model_name)
  # puts "ADD MODEL: #{model_name.inspect} - #{model_name.camelize.inspect}"
  
  @model_classes[["*", "_#{model_name}"]] = Object.const_get(model_name.camelize)
end

#add_routes(&block) ⇒ Object 



127
128
129
130
 
# File 'lib/volt/page/page.rb', line 127

def add_routes(&block)
  @routes = Routes.new.define(&block)
  @url.cur.router = @routes
end

#add_template(name, template, bindings) ⇒ Object 



120
121
122
123
124
125
 
# File 'lib/volt/page/page.rb', line 120

def add_template(name, template, bindings)
  # puts "Add Template: #{name}\n#{template.inspect}\n#{bindings.inspect}"
  @templates ||= {}
  @templates[name] = {'html' => template, 'bindings' => bindings}
  # puts "Add Template: #{name}"
end

#binding_name ⇒ Object

We provide a binding_name, so we can bind events on the document



92
93
94
 
# File 'lib/volt/page/page.rb', line 92

def binding_name
  'page'
end

#channel ⇒ Object 



100
101
102
103
104
105
106
107
108
 
# File 'lib/volt/page/page.rb', line 100

def channel
  @channel ||= begin
    if Volt.client?
      ReactiveValue.new(Channel.new)
    else
      ReactiveValue.new(ChannelStub.new)
    end
  end
end

#launch_console ⇒ Object 



96
97
98
 
# File 'lib/volt/page/page.rb', line 96

def launch_console
  puts "Launch Console"
end

#link_clicked(url = '') ⇒ Object 



78
79
80
81
82
83
84
85
86
87
88
89
 
# File 'lib/volt/page/page.rb', line 78

def link_clicked(url='')
  # Skip when href == ''
  return if url.blank?

  # Normalize url
  # Benchmark.bm(1) do
    @url.parse(url)
  # end
  
  # Clear the flash
  flash.clear
end

#load_stored_page ⇒ Object

When the page is reloaded from the backend, we store the $page.page, so we can reload the page in the exact same state. Speeds up development.



157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
 
# File 'lib/volt/page/page.rb', line 157

def load_stored_page
  if Volt.client?
    if `sessionStorage`
      page_obj_str = nil
      
      `page_obj_str = sessionStorage.getItem('___page');`
      `if (page_obj_str) {`
        `sessionStorage.removeItem('___page');`

        JSON.parse(page_obj_str).each_pair do |key, value|
          self.page.send(:"#{key}=", value)
        end
      `}`
    end
  end
rescue => e
  puts "Unable to restore: #{e.inspect}"
end

#start ⇒ Object 



132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
 
# File 'lib/volt/page/page.rb', line 132

def start
  # Setup to render template
  Element.find('body').html = "<!-- $CONTENT --><!-- $/CONTENT -->"

  load_stored_page

  # Do the initial url params parse
  @url_tracker.url_updated(true)

  main_controller = IndexController.new

  # Setup main page template
  TemplateRenderer.new(DomTarget.new, main_controller, 'CONTENT', 'home/index/index/body')

  # Setup title listener template
  title_target = AttributeTarget.new
  title_target.on('changed') do
    title = title_target.to_html
    `document.title = title;`
  end
  TemplateRenderer.new(title_target, main_controller, "main", "home/index/index/title")
end

#tasks ⇒ Object 



74
75
76
 
# File 'lib/volt/page/page.rb', line 74

def tasks
  @tasks ||= Tasks.new(self)
end