Browse Source

refatora layout do painel para bootstrap4

pull/2485/head
Leandro Roberto 7 years ago
parent
commit
960fdedbdd
  1. 2
      sapl/static/css/global.723f7f6e.css
  2. 1
      sapl/static/css/painel.61177241.css
  3. 6
      sapl/static/js/compilacao.3f6deda5.js
  4. 4
      sapl/static/js/global.9bcc93e7.js
  5. 192
      sapl/static/js/painel.14bd90c3.js
  6. 162
      sapl/templates/painel/index.html
  7. 2
      webpack-stats.json

2
sapl/static/css/global.5d2e9934.css → sapl/static/css/global.723f7f6e.css

File diff suppressed because one or more lines are too long

1
sapl/static/css/painel.61177241.css

@ -0,0 +1 @@
.painel-principal{background:#1c1b1b;font-family:Verdana}.painel-principal .text-title{color:#4fa64d}.painel-principal .text-subtitle{color:#459170}.painel-principal .text-value{color:#fff}.painel-principal .logo-painel{max-width:100%}.painel-principal .painels{-ms-flex-wrap:wrap;flex-wrap:wrap}

6
sapl/static/js/compilacao.7b43d770.js → sapl/static/js/compilacao.3f6deda5.js

File diff suppressed because one or more lines are too long

4
sapl/static/js/global.594a728f.js → sapl/static/js/global.9bcc93e7.js

File diff suppressed because one or more lines are too long

192
sapl/static/js/painel.14bd90c3.js

@ -0,0 +1,192 @@
/******/ (function(modules) { // webpackBootstrap
/******/ // install a JSONP callback for chunk loading
/******/ function webpackJsonpCallback(data) {
/******/ var chunkIds = data[0];
/******/ var moreModules = data[1];
/******/ var executeModules = data[2];
/******/
/******/ // add "moreModules" to the modules object,
/******/ // then flag all "chunkIds" as loaded and fire callback
/******/ var moduleId, chunkId, i = 0, resolves = [];
/******/ for(;i < chunkIds.length; i++) {
/******/ chunkId = chunkIds[i];
/******/ if(installedChunks[chunkId]) {
/******/ resolves.push(installedChunks[chunkId][0]);
/******/ }
/******/ installedChunks[chunkId] = 0;
/******/ }
/******/ for(moduleId in moreModules) {
/******/ if(Object.prototype.hasOwnProperty.call(moreModules, moduleId)) {
/******/ modules[moduleId] = moreModules[moduleId];
/******/ }
/******/ }
/******/ if(parentJsonpFunction) parentJsonpFunction(data);
/******/
/******/ while(resolves.length) {
/******/ resolves.shift()();
/******/ }
/******/
/******/ // add entry modules from loaded chunk to deferred list
/******/ deferredModules.push.apply(deferredModules, executeModules || []);
/******/
/******/ // run deferred modules when all chunks ready
/******/ return checkDeferredModules();
/******/ };
/******/ function checkDeferredModules() {
/******/ var result;
/******/ for(var i = 0; i < deferredModules.length; i++) {
/******/ var deferredModule = deferredModules[i];
/******/ var fulfilled = true;
/******/ for(var j = 1; j < deferredModule.length; j++) {
/******/ var depId = deferredModule[j];
/******/ if(installedChunks[depId] !== 0) fulfilled = false;
/******/ }
/******/ if(fulfilled) {
/******/ deferredModules.splice(i--, 1);
/******/ result = __webpack_require__(__webpack_require__.s = deferredModule[0]);
/******/ }
/******/ }
/******/ return result;
/******/ }
/******/
/******/ // The module cache
/******/ var installedModules = {};
/******/
/******/ // object to store loaded and loading chunks
/******/ // undefined = chunk not loaded, null = chunk preloaded/prefetched
/******/ // Promise = chunk loading, 0 = chunk loaded
/******/ var installedChunks = {
/******/ "painel": 0
/******/ };
/******/
/******/ var deferredModules = [];
/******/
/******/ // The require function
/******/ function __webpack_require__(moduleId) {
/******/
/******/ // Check if module is in cache
/******/ if(installedModules[moduleId]) {
/******/ return installedModules[moduleId].exports;
/******/ }
/******/ // Create a new module (and put it into the cache)
/******/ var module = installedModules[moduleId] = {
/******/ i: moduleId,
/******/ l: false,
/******/ exports: {}
/******/ };
/******/
/******/ // Execute the module function
/******/ modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
/******/
/******/ // Flag the module as loaded
/******/ module.l = true;
/******/
/******/ // Return the exports of the module
/******/ return module.exports;
/******/ }
/******/
/******/
/******/ // expose the modules object (__webpack_modules__)
/******/ __webpack_require__.m = modules;
/******/
/******/ // expose the module cache
/******/ __webpack_require__.c = installedModules;
/******/
/******/ // define getter function for harmony exports
/******/ __webpack_require__.d = function(exports, name, getter) {
/******/ if(!__webpack_require__.o(exports, name)) {
/******/ Object.defineProperty(exports, name, { enumerable: true, get: getter });
/******/ }
/******/ };
/******/
/******/ // define __esModule on exports
/******/ __webpack_require__.r = function(exports) {
/******/ if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
/******/ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
/******/ }
/******/ Object.defineProperty(exports, '__esModule', { value: true });
/******/ };
/******/
/******/ // create a fake namespace object
/******/ // mode & 1: value is a module id, require it
/******/ // mode & 2: merge all properties of value into the ns
/******/ // mode & 4: return value when already ns object
/******/ // mode & 8|1: behave like require
/******/ __webpack_require__.t = function(value, mode) {
/******/ if(mode & 1) value = __webpack_require__(value);
/******/ if(mode & 8) return value;
/******/ if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
/******/ var ns = Object.create(null);
/******/ __webpack_require__.r(ns);
/******/ Object.defineProperty(ns, 'default', { enumerable: true, value: value });
/******/ if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
/******/ return ns;
/******/ };
/******/
/******/ // getDefaultExport function for compatibility with non-harmony modules
/******/ __webpack_require__.n = function(module) {
/******/ var getter = module && module.__esModule ?
/******/ function getDefault() { return module['default']; } :
/******/ function getModuleExports() { return module; };
/******/ __webpack_require__.d(getter, 'a', getter);
/******/ return getter;
/******/ };
/******/
/******/ // Object.prototype.hasOwnProperty.call
/******/ __webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
/******/
/******/ // __webpack_public_path__
/******/ __webpack_require__.p = "/static/";
/******/
/******/ var jsonpArray = window["webpackJsonp"] = window["webpackJsonp"] || [];
/******/ var oldJsonpFunction = jsonpArray.push.bind(jsonpArray);
/******/ jsonpArray.push = webpackJsonpCallback;
/******/ jsonpArray = jsonpArray.slice();
/******/ for(var i = 0; i < jsonpArray.length; i++) webpackJsonpCallback(jsonpArray[i]);
/******/ var parentJsonpFunction = oldJsonpFunction;
/******/
/******/
/******/ // add entry module to deferred list
/******/ deferredModules.push([2,"chunk-vendors"]);
/******/ // run deferred modules when ready
/******/ return checkDeferredModules();
/******/ })
/************************************************************************/
/******/ ({
/***/ 2:
/*!***************************************!*\
!*** multi ./src/apps/painel/main.js ***!
\***************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
module.exports = __webpack_require__(/*! ./src/apps/painel/main.js */"3297");
/***/ }),
/***/ "3297":
/*!*********************************!*\
!*** ./src/apps/painel/main.js ***!
\*********************************/
/*! no exports provided */
/***/ (function(module, __webpack_exports__, __webpack_require__) {
"use strict";
eval("__webpack_require__.r(__webpack_exports__);\n/* harmony import */ var core_js_modules_es6_array_iterator__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! core-js/modules/es6.array.iterator */ \"cadf\");\n/* harmony import */ var core_js_modules_es6_array_iterator__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_array_iterator__WEBPACK_IMPORTED_MODULE_0__);\n/* harmony import */ var core_js_modules_es6_promise__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! core-js/modules/es6.promise */ \"551c\");\n/* harmony import */ var core_js_modules_es6_promise__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_promise__WEBPACK_IMPORTED_MODULE_1__);\n/* harmony import */ var core_js_modules_es6_object_assign__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! core-js/modules/es6.object.assign */ \"f751\");\n/* harmony import */ var core_js_modules_es6_object_assign__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es6_object_assign__WEBPACK_IMPORTED_MODULE_2__);\n/* harmony import */ var core_js_modules_es7_promise_finally__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! core-js/modules/es7.promise.finally */ \"097d\");\n/* harmony import */ var core_js_modules_es7_promise_finally__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(core_js_modules_es7_promise_finally__WEBPACK_IMPORTED_MODULE_3__);\n/* harmony import */ var _scss_painel_scss__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./scss/painel.scss */ \"5001\");\n/* harmony import */ var _scss_painel_scss__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_scss_painel_scss__WEBPACK_IMPORTED_MODULE_4__);\n\n\n\n\n//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiMzI5Ny5qcyIsInNvdXJjZXMiOltdLCJtYXBwaW5ncyI6Ijs7Ozs7Ozs7Ozs7Ozs7OyIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///3297\n");
/***/ }),
/***/ "5001":
/*!******************************************!*\
!*** ./src/apps/painel/scss/painel.scss ***!
\******************************************/
/*! no static exports found */
/***/ (function(module, exports, __webpack_require__) {
eval("// extracted by mini-css-extract-plugin//# sourceURL=[module]\n//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiNTAwMS5qcyIsInNvdXJjZXMiOlsid2VicGFjazovLy8uL3NyYy9hcHBzL3BhaW5lbC9zY3NzL3BhaW5lbC5zY3NzP2VhN2QiXSwic291cmNlc0NvbnRlbnQiOlsiLy8gZXh0cmFjdGVkIGJ5IG1pbmktY3NzLWV4dHJhY3QtcGx1Z2luIl0sIm1hcHBpbmdzIjoiQUFBQSIsInNvdXJjZVJvb3QiOiIifQ==\n//# sourceURL=webpack-internal:///5001\n");
/***/ })
/******/ });

162
sapl/templates/painel/index.html

@ -18,11 +18,9 @@
{% block webpack_loader_css %} {% block webpack_loader_css %}
{% render_chunk_vendors 'css' %} {% render_chunk_vendors 'css' %}
{% render_bundle 'global' 'css' %} {% render_bundle 'global' 'css' %}
{% render_bundle 'painel' 'css' %}
{% endblock webpack_loader_css %} {% endblock webpack_loader_css %}
{% block webpack_loader_chunks_css %}
{% endblock webpack_loader_chunks_css %}
<style type="text/css"> <style type="text/css">
html, body { html, body {
@ -30,134 +28,86 @@
overflow-x: hidden; overflow-x: hidden;
} }
@media screen { @media screen {
body {
background: #1c1b1b;
}
ul, li { ul, li {
list-style-type: none; list-style-type: none;
} }
#date, #sessao_plenaria, #sessao_plenaria_data, #sessao_plenaria_hora_inicio, #message, #cronometro_discurso, #cronometro_aparte, #cronometro_ordem, #cronometro_consideracoes, #relogio, #parlamentares, #votacao, #materia_legislativa_texto, #observacao_materia, #resultado_votacao, #orador {
font-family: Verdana;
}
}
.center {
margin: auto;
width: 15%;
} }
</style> </style>
</head> </head>
<body> <body class="painel-principal">
<audio type="hidden" id="audio" src="{% webpack_static 'audio/ring.mp3' %}"></audio> <audio type="hidden" id="audio" src="{% webpack_static 'audio/ring.mp3' %}"></audio>
<h1 id="title"></h1>
<input id="json_url" type="hidden" value="{% url 'sapl.painel:dados_painel' sessao_id %}">
<h1><b><font color="#4FA64D"><p align="center"><span id="sessao_plenaria"></span></p></font></b></h1>
<table style="width:90%">
<tr>
<td style="text-align:center"><font color="white" size="4"><span id="sessao_plenaria_data"></span></font></td>
<td style="text-align:center"><font color="white" size="4"><span id="sessao_plenaria_hora_inicio"></span></font></td>
</tr>
</table>
<div class="center">
<img src="" id="logo-painel" alt="" width="50%"/>
</div>
<h2><font color="red"><p align="center"><span id="message"></span></p></font></h2>
<table style="width:90%">
<tr>
<td style="text-align:center"><font color="white" size="6"><span id="date"></span></font></td>
<td style="text-align:center"><font color="white" size="6"><span id="relogio"></span></font></td>
</tr>
</table>
<div class="row container-detail clearfix"> <div class="d-flex justify-content-center">
<h1 id="sessao_plenaria" class="title text-title"></h1>
</div>
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col text-center">
<h2><font color="#459170"><p align="center" style="font-family:Verdana">Parlamentares</p></b></font></h2> <span id="sessao_plenaria_data" class="text-value"></span>
<table align="center"> </div>
<tr> <div class="col text-center">
<td><h4><font color="white"><span id="parlamentares"></span></h4></font></td> <span id="sessao_plenaria_hora_inicio" class="text-value"></span>
</tr>
</table>
</div> </div>
</div> </div>
<div class="row justify-content-center">
<div class="row"> <div class="col-1">
<div class="col-md-4" id="aparecer_oradores"> <img src="" id="logo-painel" class="logo-painel" alt=""/>
<h2><font color="#459170"><p align="center" style="font-family:Verdana">Oradores</p></b></font></h2>
<table align="center">
<tr>
<td><h4><font color="white"><span id="orador"></span></h4></font></td>
</tr>
</table>
</div> </div>
</div> </div>
<div class="row justify-content-center">
<div class="col-md-4"> <h2 class="text-danger"><span id="message"></span></h2>
<h2><font color="#459170"><p align="center" style="font-family:Verdana">Cronômetros</p></font></h2>
<table align="center">
<tr>
<td style="font-family:Verdana; text-align:center;"><font size="5" color="white">Discurso: <span id="cronometro_discurso"></span></font></td>
</tr>
<tr>
<td style="font-family:Verdana; text-align:center;"><font size="5" color="white">Aparte: <span id="cronometro_aparte"></span></font></td>
</tr>
<tr>
<td style="font-family:Verdana; text-align:center;"><font size="5" color="white">Questão de Ordem: <span id="cronometro_ordem"></span></font></td>
</tr>
<tr>
<td style="font-family:Verdana; text-align:center;"><font size="5" color="white">Considerações Finais: <span id="cronometro_consideracoes"></span></font></td>
</tr>
</table>
</div> </div>
<div class="row"> <div class="row">
<div class="col-md-4"> <div class="col text-center"><span class="text-value" id="date"></span></div>
<h2><font color="#459170"><p align="center" style="font-family:Verdana">Resultado</p></b></font></h2> <div class="col text-center"><span class="text-value" id="relogio"></span></div>
<table align="center">
<tr>
<td><h4><font color="white"><span id="votacao"></span></h4></font></td>
</tr>
</table>
<table align="center">
<tr>
<td style="text-align:center"><h2><font color="#45919D"><span id="resultado_votacao"></span></font></h2></td>
</tr>
</table>
</div>
</div> </div>
<div class="d-flex justify-content-end painels">
<div class="col-md-4 text-center painel">
<h2 class="text-subtitle">Parlamentares</h2>
<span id="parlamentares" class="text-value text-left"></span>
</div>
</br> <div class="col-md-4 text-center painel" id="aparecer_oradores">
<div class="col-md-4"> <h2 class="text-subtitle">Oradores</h2>
<h2><font color="#459170"><p align="center" style="font-family:Verdana">Matéria em Votação</p></font></h2> <span id="orador"></span>
<table style="width:75%; border:1px;" align="center"> </div>
<tr><td style="text-align:center"><h4><font color="white" size="5"> <span id="materia_legislativa_texto"></span></font></h4></td></tr>
<tr><td style="text-align:center"><h4><font color="white"><span id="observacao_materia"></span></font></h4></td></tr> <div class="col-md-4 text-center painel">
<h2 class="text-subtitle">Cronômetros</h2>
<div class="text-value">
Discurso: <span id="cronometro_discurso"></span><br>
Aparte: <span id="cronometro_aparte"></span><br>
Questão de Ordem: <span id="cronometro_ordem"></span><br>
Considerações Finais: <span id="cronometro_consideracoes"></span>
</div>
</div>
</table> <div class="col-md-4 text-center painel">
<h2 class="text-subtitle">Resultado</h2>
<span id="votacao" class="text-value"></span>
<h2><span id="resultado_votacao" lass="text-title"></span>
</div>
<div class="col-md-4 text-center painel">
<h2 class="text-subtitle">Matéria em Votação</h2>
<span id="materia_legislativa_texto" class="text-value"></span>
<span id="observacao_materia" class="text-value"></span>
</div>
</div> </div>
</div>
</body> </body>
{% block webpack_loader_js %} {% block webpack_loader_js %}
{% render_chunk_vendors 'js' %} {% render_chunk_vendors 'js' %}
{% render_bundle 'global' 'js' %} {% render_bundle 'global' 'js' %}
{% endblock webpack_loader_js %} {% render_bundle 'painel' 'js' %}
{% endblock webpack_loader_js %}
{% block webpack_loader_chunks_js %} {% block webpack_loader_chunks_js %}
{% endblock webpack_loader_chunks_js %} {% endblock webpack_loader_chunks_js %}
<script type="text/javascript"> <script type="text/javascript">
var d = new Date(); var d = new Date();
@ -234,7 +184,7 @@
var counter = 1; var counter = 1;
(function poll() { (function poll() {
$.ajax({ $.ajax({
url: $("#json_url").val(), url: "{% url 'sapl.painel:dados_painel' sessao_id %}",
type: "GET", type: "GET",
success: function(data) { success: function(data) {
$("#sessao_plenaria").text(data["sessao_plenaria"]) $("#sessao_plenaria").text(data["sessao_plenaria"])

2
webpack-stats.json

@ -1 +1 @@
{"status":"done","publicPath":"/static/","chunks":{"chunk-vendors":[{"name":"css/chunk-vendors.f109b7f2.css","publicPath":"/static/css/chunk-vendors.f109b7f2.css","path":"../sapl/sapl/static/css/chunk-vendors.f109b7f2.css"},{"name":"js/chunk-vendors.8ffaeff8.js","publicPath":"/static/js/chunk-vendors.8ffaeff8.js","path":"../sapl/sapl/static/js/chunk-vendors.8ffaeff8.js"}],"compilacao":[{"name":"css/compilacao.1e862898.css","publicPath":"/static/css/compilacao.1e862898.css","path":"../sapl/sapl/static/css/compilacao.1e862898.css"},{"name":"js/compilacao.7b43d770.js","publicPath":"/static/js/compilacao.7b43d770.js","path":"../sapl/sapl/static/js/compilacao.7b43d770.js"}],"global":[{"name":"css/global.5d2e9934.css","publicPath":"/static/css/global.5d2e9934.css","path":"../sapl/sapl/static/css/global.5d2e9934.css"},{"name":"js/global.594a728f.js","publicPath":"/static/js/global.594a728f.js","path":"../sapl/sapl/static/js/global.594a728f.js"}]}} {"status":"done","publicPath":"/static/","chunks":{"chunk-vendors":[{"name":"css/chunk-vendors.f109b7f2.css","publicPath":"/static/css/chunk-vendors.f109b7f2.css","path":"../sapl/sapl/static/css/chunk-vendors.f109b7f2.css"},{"name":"js/chunk-vendors.8ffaeff8.js","publicPath":"/static/js/chunk-vendors.8ffaeff8.js","path":"../sapl/sapl/static/js/chunk-vendors.8ffaeff8.js"}],"compilacao":[{"name":"css/compilacao.1e862898.css","publicPath":"/static/css/compilacao.1e862898.css","path":"../sapl/sapl/static/css/compilacao.1e862898.css"},{"name":"js/compilacao.3f6deda5.js","publicPath":"/static/js/compilacao.3f6deda5.js","path":"../sapl/sapl/static/js/compilacao.3f6deda5.js"}],"global":[{"name":"css/global.723f7f6e.css","publicPath":"/static/css/global.723f7f6e.css","path":"../sapl/sapl/static/css/global.723f7f6e.css"},{"name":"js/global.9bcc93e7.js","publicPath":"/static/js/global.9bcc93e7.js","path":"../sapl/sapl/static/js/global.9bcc93e7.js"}],"painel":[{"name":"css/painel.61177241.css","publicPath":"/static/css/painel.61177241.css","path":"../sapl/sapl/static/css/painel.61177241.css"},{"name":"js/painel.14bd90c3.js","publicPath":"/static/js/painel.14bd90c3.js","path":"../sapl/sapl/static/js/painel.14bd90c3.js"}]}}
Loading…
Cancel
Save