| 1: | <?php
|
| 2: | |
| 3: | |
| 4: | |
| 5: | |
| 6: |
|
| 7: |
|
| 8: | include_once(__DIR__ ."/OnsenPage.php");
|
| 9: | OnsenPage::$navigator = true;
|
| 10: |
|
| 11: | class SideMenu extends \Sphp\tools\Component{
|
| 12: |
|
| 13: | public function oncreate($element){
|
| 14: | $this->setHTMLName("");
|
| 15: | $this->setHTMLID("");
|
| 16: |
|
| 17: | }
|
| 18: |
|
| 19: |
|
| 20: | public function onjsrender(){
|
| 21: | addFileLink(SphpBase::sphp_settings()->res_path . '/jslib/onsen/css/onsenui.css');
|
| 22: | addFileLink(SphpBase::sphp_settings()->res_path . '/jslib/onsen/css/onsen-css-components.min.css');
|
| 23: | addFileLink(SphpBase::sphp_settings()->res_path . '/jslib/onsen/js/onsenui.min.js');
|
| 24: |
|
| 25: | addHeaderJSCode('onsen0', ' window["onsen"] = {};');
|
| 26: | addHeaderJSCode('onsen3', ' window.onsen.loadPage = function(page,data){ var content = document.getElementById(\''. $this->name.'content\');
|
| 27: | var menu = document.getElementById(\''. $this->name.'\');
|
| 28: | content.load(page).then(menu.close.bind(menu));
|
| 29: | };');
|
| 30: | addHeaderJSCode('onsensidemenu2', ' window["'. $this->name .'"] = {}; window["'. $this->name .'"].open = function(){var menu = document.getElementById(\''. $this->name .'\');
|
| 31: | menu.open();};
|
| 32: | ');
|
| 33: | }
|
| 34: |
|
| 35: | public function onrender() {
|
| 36: | $str1 = "";
|
| 37: | $str1 .= '<template id="'. $this->name.'1"><ons-page>';
|
| 38: | $this->setPreTag($str1);
|
| 39: | $this->tagName = 'ons-list';
|
| 40: | $this->setPostTag(' </ons-page></template><ons-splitter>
|
| 41: | <ons-splitter-side id="'. $this->name.'" side="left" width="220px" collapse swipeable page="'. $this->name.'1">
|
| 42: | </ons-splitter-side>
|
| 43: | <ons-splitter-content id="'. $this->name.'content" page="home.html"></ons-splitter-content>
|
| 44: | </ons-splitter>');
|
| 45: | }
|
| 46: |
|
| 47: | }
|
| 48: | |