git.roojs.org Git - roojs1/blob - examples/bootstrap/homepage.js

   1 //<script type="text/javascript">
   2
   3 // Auto generated file - created by app.Builder.js- do not edit directly (at present!)
   4
   5 homepage = new Roo.XComponent({
   6     part     :  ["bootstrap", "homepage" ],
   7     order    : '001-homepage',
   8     region   : 'center',
   9     parent   : false,
  10     name     : "unnamed module",
  11     disabled : false,
  12     permname : '',
  13     _tree : function()
  14     {
  15         var _this = this;
  16         var MODULE = this;
  17         return {
  18             '|xns' : 'Roo.bootstrap',
  19             cls : 'home',
  20             xtype : 'Body',
  21             xns : Roo.bootstrap,
  22             items : [
  23                 {
  24                     '|xns' : 'Roo.bootstrap',
  25                     cls : 'headroom animated',
  26                     position : 'fixed-top',
  27                     xtype : 'NavHeaderbar',
  28                     inverse : true,
  29                     brand : 'Hydra',
  30                     xns : Roo.bootstrap,
  31                     items : [
  32                         {
  33                             '|xns' : 'Roo.bootstrap',
  34                             type : 'nav',
  35                             xtype : 'NavGroup',
  36                             align : 'right',
  37                             xns : Roo.bootstrap,
  38                             items : [
  39                                 {
  40                                     '|xns' : 'Roo.bootstrap',
  41                                     xtype : 'NavItem',
  42                                     xns : Roo.bootstrap,
  43                                     html : 'Home'
  44                                 },
  45                                 {
  46                                     '|xns' : 'Roo.bootstrap',
  47                                     xtype : 'NavItem',
  48                                     xns : Roo.bootstrap,
  49                                     html : 'About'
  50                                 },
  51                                 {
  52                                     '|xns' : 'Roo.bootstrap',
  53                                     xtype : 'NavItem',
  54                                     xns : Roo.bootstrap,
  55                                     html : 'More Pages'
  56                                 },
  57                                 {
  58                                     '|xns' : 'Roo.bootstrap',
  59                                     xtype : 'NavItem',
  60                                     xns : Roo.bootstrap,
  61                                     html : 'Contact'
  62                                 },
  63                                 {
  64                                     '|xns' : 'Roo.bootstrap',
  65                                     cls : 'btn',
  66                                     xtype : 'NavItem',
  67                                     xns : Roo.bootstrap,
  68                                     html : 'Sign in / Sign up'
  69                                 }
  70                             ]
  71
  72                         }
  73                     ]
  74
  75                 },
  76                 {
  77                     '|xns' : 'Roo.bootstrap',
  78                     tag : 'header',
  79                     cls : 'pr-head',
  80                     xtype : 'Element',
  81                     xns : Roo.bootstrap,
  82                     items : [
  83                         {
  84                             '|xns' : 'Roo.bootstrap',
  85                             xtype : 'Container',
  86                             xns : Roo.bootstrap,
  87                             items : [
  88                                 {
  89                                     '|xns' : 'Roo.bootstrap',
  90                                     xtype : 'Row',
  91                                     xns : Roo.bootstrap,
  92                                     items : [
  93                                         {
  94                                             '|xns' : 'Roo.bootstrap',
  95                                             cls : 'lead',
  96                                             xtype : 'Header',
  97                                             xns : Roo.bootstrap,
  98                                             html : 'The HR Platform'
  99                                         },
 100                                         {
 101                                             '|xns' : 'Roo.bootstrap',
 102                                             tag : 'p',
 103                                             cls : 'tagline',
 104                                             xtype : 'Element',
 105                                             xns : Roo.bootstrap,
 106                                             html : 'some tag line'
 107                                         },
 108                                         {
 109                                             '|xns' : 'Roo.bootstrap',
 110                                             tag : 'p',
 111                                             xtype : 'Element',
 112                                             xns : Roo.bootstrap,
 113                                             items : [
 114                                                 {
 115                                                     '|xns' : 'Roo.bootstrap',
 116                                                     tag : 'a',
 117                                                     size : 'lg',
 118                                                     href : '#',
 119                                                     xtype : 'Button',
 120                                                     xns : Roo.bootstrap,
 121                                                     html : 'a button'
 122                                                 },
 123                                                 {
 124                                                     '|xns' : 'Roo.bootstrap',
 125                                                     tag : 'a',
 126                                                     size : 'lg',
 127                                                     href : '#',
 128                                                     xtype : 'Button',
 129                                                     xns : Roo.bootstrap,
 130                                                     html : 'a button'
 131                                                 }
 132                                             ]
 133
 134                                         }
 135                                     ]
 136
 137                                 }
 138                             ]
 139
 140                         }
 141                     ]
 142
 143                 },
 144                 {
 145                     '|xns' : 'Roo.bootstrap',
 146                     cls : 'container text-center',
 147                     xtype : 'Element',
 148                     xns : Roo.bootstrap,
 149                     items : [
 150                         {
 151                             '|xns' : 'Roo.bootstrap',
 152                             cls : 'thin',
 153                             xtype : 'Header',
 154                             xns : Roo.bootstrap,
 155                             html : 'The best place to tell people why they are here'
 156                         },
 157                         {
 158                             '|xns' : 'Roo.bootstrap',
 159                             tag : 'p',
 160                             cls : 'text-muted',
 161                             xtype : 'Element',
 162                             xns : Roo.bootstrap,
 163                             html : '\tThe difference between involvement and commitment is like an eggs-and-ham breakfast:\n\t<br> \n\tthe chicken was involved; the pig was committed.\n\t\t'
 164                         }
 165                     ]
 166
 167                 },
 168                 {
 169                     '|xns' : 'Roo.bootstrap',
 170                     cls : '',
 171                     xtype : 'Element',
 172                     xns : Roo.bootstrap,
 173                     items : [
 174                         {
 175                             '|xns' : 'Roo.bootstrap',
 176                             xtype : 'Container',
 177                             xns : Roo.bootstrap,
 178                             items : [
 179                                 {
 180                                     '|xns' : 'Roo.bootstrap',
 181                                     cls : 'text-center thin',
 182                                     xtype : 'Header',
 183                                     xns : Roo.bootstrap,
 184                                     html : 'Reasons to use this template'
 185                                 },
 186                                 {
 187                                     '|xns' : 'Roo.bootstrap',
 188                                     cls : '',
 189                                     xtype : 'Row',
 190                                     xns : Roo.bootstrap,
 191                                     items : [
 192                                         {
 193                                             '|xns' : 'Roo.bootstrap',
 194                                             cls : 'col-md-3 col-sm-6 highlight',
 195                                             xtype : 'Element',
 196                                             xns : Roo.bootstrap,
 197                                             items : [
 198                                                 {
 199                                                     '|xns' : 'Roo.bootstrap',
 200                                                     cls : 'h-caption',
 201                                                     xtype : 'Element',
 202                                                     xns : Roo.bootstrap,
 203                                                     items : [
 204                                                         {
 205                                                             '|xns' : 'Roo.bootstrap',
 206                                                             xtype : 'Header',
 207                                                             xns : Roo.bootstrap,
 208                                                             level : 4,
 209                                                             html : '<i class=\"fa fa-cogs fa-5\"></i>Bootstrap-powered'
 210                                                         }
 211                                                     ]
 212
 213                                                 },
 214                                                 {
 215                                                     '|xns' : 'Roo.bootstrap',
 216                                                     cls : 'h-body text-center',
 217                                                     xtype : 'Element',
 218                                                     xns : Roo.bootstrap,
 219                                                     items : [
 220                                                         {
 221                                                             '|xns' : 'Roo.bootstrap',
 222                                                             tag : 'p',
 223                                                             xtype : 'Element',
 224                                                             xns : Roo.bootstrap,
 225                                                             html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Atque aliquid adipisci aspernatur. Soluta quisquam dignissimos earum quasi voluptate. Amet, dignissimos, tenetur vitae dolor quam iusto assumenda hic reprehenderit?'
 226                                                         }
 227                                                     ]
 228
 229                                                 }
 230                                             ]
 231
 232                                         },
 233                                         {
 234                                             '|xns' : 'Roo.bootstrap',
 235                                             cls : 'col-md-3 col-sm-6 highlight',
 236                                             xtype : 'Element',
 237                                             xns : Roo.bootstrap,
 238                                             items : [
 239                                                 {
 240                                                     '|xns' : 'Roo.bootstrap',
 241                                                     cls : 'h-caption',
 242                                                     xtype : 'Element',
 243                                                     xns : Roo.bootstrap,
 244                                                     items : [
 245                                                         {
 246                                                             '|xns' : 'Roo.bootstrap',
 247                                                             xtype : 'Header',
 248                                                             xns : Roo.bootstrap,
 249                                                             level : 4,
 250                                                             html : '<i class=\"fa fa-flash fa-5\"></i>Fat-free'
 251                                                         }
 252                                                     ]
 253
 254                                                 },
 255                                                 {
 256                                                     '|xns' : 'Roo.bootstrap',
 257                                                     cls : 'h-body text-center',
 258                                                     xtype : 'Element',
 259                                                     xns : Roo.bootstrap,
 260                                                     items : [
 261                                                         {
 262                                                             '|xns' : 'Roo.bootstrap',
 263                                                             tag : 'p',
 264                                                             xtype : 'Element',
 265                                                             xns : Roo.bootstrap,
 266                                                             html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Asperiores, commodi, sequi quis ad fugit omnis cumque a libero error nesciunt molestiae repellat quos perferendis numquam quibusdam rerum repellendus laboriosam reprehenderit! '
 267                                                         }
 268                                                     ]
 269
 270                                                 }
 271                                             ]
 272
 273                                         },
 274                                         {
 275                                             '|xns' : 'Roo.bootstrap',
 276                                             cls : 'col-md-3 col-sm-6 highlight',
 277                                             xtype : 'Element',
 278                                             xns : Roo.bootstrap,
 279                                             items : [
 280                                                 {
 281                                                     '|xns' : 'Roo.bootstrap',
 282                                                     cls : 'h-caption',
 283                                                     xtype : 'Element',
 284                                                     xns : Roo.bootstrap,
 285                                                     items : [
 286                                                         {
 287                                                             '|xns' : 'Roo.bootstrap',
 288                                                             xtype : 'Header',
 289                                                             level : 4,
 290                                                             xns : Roo.bootstrap,
 291                                                             html : '<i class=\"fa fa-heart fa-5\"></i>Creative Commons'
 292                                                         }
 293                                                     ]
 294
 295                                                 },
 296                                                 {
 297                                                     '|xns' : 'Roo.bootstrap',
 298                                                     cls : 'h-body text-center',
 299                                                     xtype : 'Element',
 300                                                     xns : Roo.bootstrap,
 301                                                     items : [
 302                                                         {
 303                                                             '|xns' : 'Roo.bootstrap',
 304                                                             tag : 'p',
 305                                                             xtype : 'Element',
 306                                                             xns : Roo.bootstrap,
 307                                                             html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptatem, vitae, perferendis, perspiciatis nobis voluptate quod illum soluta minima ipsam ratione quia numquam eveniet eum reprehenderit dolorem dicta nesciunt corporis?'
 308                                                         }
 309                                                     ]
 310
 311                                                 }
 312                                             ]
 313
 314                                         },
 315                                         {
 316                                             '|xns' : 'Roo.bootstrap',
 317                                             cls : 'col-md-3 col-sm-6 highlight',
 318                                             xtype : 'Element',
 319                                             xns : Roo.bootstrap,
 320                                             items : [
 321                                                 {
 322                                                     '|xns' : 'Roo.bootstrap',
 323                                                     cls : 'h-caption',
 324                                                     xtype : 'Element',
 325                                                     xns : Roo.bootstrap,
 326                                                     items : [
 327                                                         {
 328                                                             '|xns' : 'Roo.bootstrap',
 329                                                             xtype : 'Header',
 330                                                             xns : Roo.bootstrap,
 331                                                             level : 4,
 332                                                             html : '<i class=\"fa fa-smile-o fa-5\"></i>Author\'s support'
 333                                                         }
 334                                                     ]
 335
 336                                                 },
 337                                                 {
 338                                                     '|xns' : 'Roo.bootstrap',
 339                                                     cls : 'h-body text-center',
 340                                                     xtype : 'Element',
 341                                                     xns : Roo.bootstrap,
 342                                                     items : [
 343                                                         {
 344                                                             '|xns' : 'Roo.bootstrap',
 345                                                             tag : 'p',
 346                                                             xtype : 'Element',
 347                                                             xns : Roo.bootstrap,
 348                                                             html : 'Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias, excepturi, maiores, dolorem quasi reprehenderit illo accusamus nulla minima repudiandae quas ducimus reiciendis odio sequi atque temporibus facere corporis eos expedita? '
 349                                                         }
 350                                                     ]
 351
 352                                                 }
 353                                             ]
 354
 355                                         }
 356                                     ]
 357
 358                                 }
 359                             ]
 360
 361                         }
 362                     ]
 363
 364                 }
 365             ]
 366
 367         };    }
 368 });