Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE HTML>
- <html lang="es" ng-app="myApp">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <title>Prueba</title>
- <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
- <!-- Hojas de estilo y fuentes de LumX -->
- <link rel="stylesheet" href="bower_components/lumx/dist/lumx.css">
- <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Roboto:300,400,500,700">
- </head>
- <body>
- <!-- comienzo diálogos -->
- <button class="btn btn--m btn--black btn--flat" ng-click="opendDialog('test')" lx-ripple>Abrir diálogo</button>
- <lx-dialog class="dialog dialog--l" id="test" auto-close="true" onclose="closingDialog()" onscrollend="scrollEndDialog()">
- <div class="dialog__header">
- <div class="toolbar bgc-light-blue-500 pl++">
- <span class="toolbar__label tc-white fs-title">
- Lorem Ipsum
- </span>
- <div class="toolbar__right">
- <button class="btn btn--l btn--white btn--icon" lx-ripple ng-click="addPerson()">
- <i class="mdi mdi-plus"></i>
- </button>
- </div>
- </div>
- </div>
- <div class="dialog__content">
- <lx-tabs links-tc="light" links-bgc="light-blue-500" indicator="yellow-500" no-divider="true" layout="inline">
- <lx-tab heading="Lorem Ipsum 1">
- <div class="p++">
- <div ng-repeat="person in people">
- {{ person.name }} - {{ person.email }} - {{ person.age }}
- </div>
- </div>
- </lx-tab>
- <lx-tab heading="Lorem Ipsum 2">
- <div class="p+">
- <p>Lorem Ipsum Content 2</p>
- <lx-text-field label="Description">
- <textarea ng-model="textFields.description"></textarea>
- </lx-text-field>
- </div>
- </lx-tab>
- <lx-tab heading="Lorem Ipsum 3">
- <p class="p++">Lorem Ipsum Content 3</p>
- </lx-tab>
- </lx-tabs>
- </div>
- <div class="dialog__actions">
- <button class="btn btn--m btn--black btn--flat" lx-ripple lx-dialog-close>Cancel</button>
- <button class="btn btn--m btn--black btn--flat" lx-ripple>Lorem Ipsum</button>
- </div>
- </lx-dialog>
- <script>
- $scope.opendDialog = function(dialogId)
- {
- LxDialogService.open(dialogId);
- };
- $scope.closingDialog = function()
- {
- LxNotificationService.info('Dialog closed!');
- };
- </script>
- <!-- fin diálogos -->
- <!-- Scripts para la página -->
- <script src="bower_components/jquery/dist/jquery.js"></script>
- <script src="velocity.js"></script>
- <script src="bower_components/moment/min/moment-with-locales.js"></script>
- <script src="bower_components/angular/angular.js"></script>
- <script src="bower_components/lumx/dist/lumx.js"></script>
- <script>
- angular.module('myApp', ['lumx']);
- </script>
- </body>
- <html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement