En miles de aplicaciones web tenemos editores de horarios, visualmente son algo como esto:
En TimeTime tenemos esto modelado de la siguiente forma:
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Multi layer | CARTO</title> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta charset="UTF-8"> | |
| <!-- Include CARTO VL JS --> | |
| <script src="https://unpkg.com/@carto/carto-vl"></script> | |
| <!-- Include Mapbox GL JS --> | |
| <script src="https://unpkg.com/@carto/mapbox-gl"></script> |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <title>getComputedStyle for extracting rgb color</title> | |
| </head> |
| <html> | |
| <head> | |
| <style> | |
| * { | |
| box-sizing: border-box; | |
| } | |
| body { | |
| margin: 0; |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <title>Mercator projection example</title> | |
| <style> | |
| body { |
| /*! | |
| * CARTO GL js https://carto.com/ | |
| * Version: 0.0.0-alpha.1 | |
| * | |
| */ | |
| (function webpackUniversalModuleDefinition(root, factory) { | |
| if(typeof exports === 'object' && typeof module === 'object') | |
| module.exports = factory(); | |
| else if(typeof define === 'function' && define.amd) | |
| define([], factory); |
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <title>Manfred - API</title> | |
| <style> | |
| * { |
| license: gpl-3.0 | |
| height: 600 | |
| scrolling: no | |
| border: no |