Skip to content

karelp90/print-control-live-demo

Repository files navigation

<!DOCTYPE html>
<html ng-app="printApp">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta name="description" content="A fully featured admin theme which can be used to build CRM, CMS, etc.">
        <meta name="author" content="Coderthemes">

        <link rel="shortcut icon" href="assets/images/favicon_1.ico">

        <title>Licencia | Sistema de Control de Impresi&oacute;n</title>

        <link href="assets/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/core.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/components.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/pages.css" rel="stylesheet" type="text/css" />
        <link href="assets/css/responsive.css" rel="stylesheet" type="text/css" />

        <script src="assets/js/modernizr.min.js"></script>

    </head>


    <body class="fixed-left" data-ng-controller="PrintController as print">

        <!--        <div class="animationload">
                    <div class="loader"></div>
                </div>-->

        <!-- Begin page -->
        <div id="wrapper">

            <!-- Top Bar Start -->
            <div class="topbar">

                <!-- LOGO -->
                <div class="topbar-left">
                    <div class="text-center">
                        <a href="index.html" class="logo"><i class="ti-printer"></i><span> Printctrl</span></a>
                    </div>
                </div>

                <!-- Button mobile view to collapse sidebar menu -->
                <div class="navbar navbar-default" role="navigation">
                    <div class="container">
                        <div class="">
                            <div class="pull-left">
                                <button class="button-menu-mobile open-left">
                                    <i class="ion-navicon"></i>
                                </button>
                                <span class="clearfix"></span>
                            </div>

                            <form role="search" class="navbar-left app-search pull-left hidden-xs">
                                <input type="text" placeholder="Buscar..." class="form-control">
                                <a href="#"><i class="fa fa-search"></i></a>
                            </form>


                            <ul class="nav navbar-nav navbar-right pull-right">
                                <li class="dropdown hidden-xs">
                                    <a href="#" data-target="#" class="dropdown-toggle waves-effect waves-light" data-toggle="dropdown" aria-expanded="true">
                                        <i class="icon-bell"></i> <span class="badge badge-xs badge-danger">1</span>
                                    </a>
                                    <ul class="dropdown-menu dropdown-menu-lg">
                                        <li class="notifi-title"><span class="label label-default pull-right">New 1</span>Notificaciones</li>
                                        <li class="list-group nicescroll notification-list">
                                            <!-- list item-->
                                            <a ng-if="state == 'trial'" href="license.html" class="list-group-item">
                                                <div class="media">
                                                    <div class="pull-left p-r-10">
                                                        <em class="fa fa-gift fa-2x text-primary"></em>
                                                    </div>
                                                    <div class="media-body">
                                                        <h5 class="media-heading">Tiene 10 d&iacute;as de lic. de prueba</h5>
                                                        <p class="m-0">
                                                            <small>Click para ver detalles</small>
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                            <a ng-if="state == 'ok'" href="license.html" class="list-group-item">
                                                <div class="media">
                                                    <div class="pull-left p-r-10">
                                                        <em class="fa fa-gift fa-2x text-success"></em>
                                                    </div>
                                                    <div class="media-body">
                                                        <h5 class="media-heading">Licencia activada</h5>
                                                        <p class="m-0">
                                                            <small>Click para ver detalles</small>
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                            <a ng-if="state == 'no'" href="license.html" class="list-group-item">
                                                <div class="media">
                                                    <div class="pull-left p-r-10">
                                                        <em class="fa fa-gift fa-2x text-danger"></em>
                                                    </div>
                                                    <div class="media-body">
                                                        <h5 class="media-heading">La lic. de prueba caduc&oacute;</h5>
                                                        <p class="m-0">
                                                            <small>Click para ver detalles</small>
                                                        </p>
                                                    </div>
                                                </div>
                                            </a>
                                        </li>
                                        <li>
                                            <a href="help.html" class="list-group-item text-right">
                                                <small class="font-600">Ver todo en la ayuda</small>
                                            </a>
                                        </li>
                                    </ul>
                                </li>
                                <li class="hidden-xs">
                                    <a href="#" id="btn-fullscreen" class="waves-effect waves-light"><i class="icon-size-fullscreen"></i></a>
                                </li>
                                <li class="hidden-xs">
                                    <a href="#" class="right-bar-toggle waves-effect waves-light"><i class="icon-arrow-up-circle"></i></a>
                                </li>
                                <li class="dropdown">
                                    <a href="#" class="dropdown-toggle profile waves-effect waves-light" data-toggle="modal" data-target="#myModal"><img src="assets/images/users/avatar-3.jpg" alt="user-img" class="img-circle"></a>
                                </li>
                            </ul>
                        </div>
                        <!--/.nav-collapse -->
                    </div>
                </div>
            </div>
            <!-- Top Bar End -->


            <!-- ========== Left Sidebar Start ========== -->

            <div class="left side-menu">
                <div class="sidebar-inner slimscrollleft">
                    <!--- Divider -->
                    <div id="sidebar-menu">
                        <ul>

                            <li class="text-muted menu-title">Administraci&oacute;n</li>

                            <li class="has_sub">
                                <a href="index.html" class="waves-effect"><i class="ti-home"></i> <span> Dashboard </span> </a>
                            </li>

                            <li class="has_sub">
                                <a href="printers.html" class="waves-effect"><i class="ti-printer"></i><span> Impresoras </span> </a>
                            </li>

                            <li class="has_sub">
                                <a href="stats.html" class="waves-effect"><i class="fa fa-line-chart"></i><span> Estad&iacute;sticas </span> </a>
                            </li>

                            <li class="has_sub">
                                <a href="history.html" class="waves-effect"><i class="md md-history"></i><span> Historial de Registros</span> </a>
                            </li>

                            <li class="has_sub">
                                <a href="history-all-time.html" class="waves-effect"><i class="fa fa-search"></i> <span> Log Hist&oacute;rico &Uacute;nico </span> </a>
                            </li>

                            <li class="text-muted menu-title">M&aacute;s</li>                            

                            <li class="has_sub">
                                <a href="license.html" class="waves-effect active"><i class="ti-gift"></i><span ng-if="state == 'ok'" class="label label-default pull-right">activada</span><span ng-if="state == 'no'" class="label label-danger pull-right">sin activar</span><span ng-if="state == 'trial'" class="label label-warning pull-right">prueba</span><span> Licencia </span></a>
                            </li>							            

                            <li class="has_sub">
                                <a href="help.html" class="waves-effect"><i class="fa  fa-question"></i><span> Ayuda</span></a>                                
                            </li>

                            <li class="has_sub">
                                <a href="contact.html" class="waves-effect"><i class="fa fa-envelope-o"></i><span> Contacto</span></a>                                
                            </li>

                        </ul>
                        <div class="clearfix"></div>
                    </div>
                    <div class="clearfix"></div>
                </div>
            </div>
            <!-- Left Sidebar End --> 



            <!-- ============================================================== -->
            <!-- Start right Content here -->
            <!-- ============================================================== -->                      
            <div class="content-page">
                <!-- Start content -->
                <div class="content">
                    <div class="container">

                        <!-- Page-Title -->
                        <div class="row">
                            <div class="col-sm-12">
                                <h4 class="page-title">Licencia</h4>
                                <h5 class="pull-right" style="font-weight:bold">{{fecha| date: 'fullDate'}}  -  {{fecha| date: 'h:mm a'}}</h5>
                                <ol class="breadcrumb">
                                    <li>
                                        <a href="index.html">PrintCtrl</a>
                                    </li>
                                    <li class="active">
                                        Licencia
                                    </li>

                                </ol>
                            </div>
                        </div>

                        <div class="row">
                            <div class="col-sm-12 text-center">
                                <div class="card-box">
                                    <!--<div class="home-wrapper">-->

                                    <!-- COUNTDOWN -->
                                    <div class="row">
                                        <div class="col-sm-12 u-countdown">
                                            <div class="row">
                                                <div>
                                                    <div>
                                                        <span>{{dofu}}</span><span>D&iacute;as</span>
                                                    </div>                                                        
                                                </div>                                                    
                                            </div>                                                
                                        </div>
                                    </div>
                                    <!-- /COUNTDOWN -->


                                    <h1 class="icon-main2 text-customactivated" ng-if="state == 'ok'"><i class="fa fa-check-square-o"></i></h1>
                                    <h1 class="icon-main2 text-customtrial" ng-if="state == 'trial'"><i class="fa fa-eye"></i></h1>
                                    <h1 class="icon-main2 text-customdesactivated" ng-if="state == 'no'"><i class="fa fa-lock"></i></h1>
                                    <h3 class="home-text"><span class="rotate" style="display: inline; opacity: 0.495811;">Licencia</span></h3>
                                    <h1 class="home-text"><span class="rotate" style="display: inline;" ng-if="state == 'ok'">Activada</span><span class="rotate" style="display: inline;" ng-if="state == 'trial'">De Prueba</span><span class="rotate" style="display: inline;" ng-if="state == 'no'">Sin Activar</span></h1>
                                    <p class="m-t-30 text-muted2 cd-text2">
                                        Tiene 10 d&iacute;as de licencia de prueba para utilizar el sistema, al terminar ese per&iacute;odo necesitar&aacute; activar el producto, poni&eacute;ndose en contacto con el desarrollador: <span style="color: #000000">tufao.agencia@gmail.com</span>.
                                        <br>
                                        Y enviarle el siguiente texto: <span class="label label-primary">{{serial}}</span> para que le env&iacute;e la licencia correspondiente. De lo contrario el sistema dejar&aacute; de registrar lo que se imprime.
                                    </p>



                                    <!--                                    </div>-->
                                </div>
                            </div>
                        </div>

                        <!-- sample modal content -->
                        <div id="myModal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                            <div class="modal-dialog">
                                <div class="modal-content">
                                    <div class="modal-header">
                                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
                                        <!--<p style="inline-box-align: inherit"><img src="assets/images/favicon_1.ico" alt="image" class="img-responsive img-rounded thumb-sm" width="200">Sistema</p>-->
                                        <h4 class="modal-title" id="myModalLabel">PrintControl - Sistema de Control de Impresi&oacute;n</h4>
                                    </div>
                                    <div class="modal-body">
                                        <h4>¿Qu&eacute; es?</h4>                                        
                                        <p>Un Sistema que lleva el control de las impresoras, lo que se imprime y cantidad, as&iacute; como otros datos de inter&eacute;s; dirigido a los negocios de impresi&oacute;n en Cuba.</p>
                                        <p>Pru&eacute;belo. Tiene 10 d&iacute;as de uso <span style="color: #000000">gratis</span>.</p>
                                        <p>Cualquier error, sugerencia, duda e incluso una petici&oacute;n de versi&oacute;n a su medida no dude en contactarme:</p>
                                        <span><i class="fa fa-envelope-o"></i> tufao.agencia@gmail.com | </span>
                                        <span><i class="md md-local-phone"></i> 54086529 </span>
                                        <!--                                        <hr>
                                                                                <h4>Overflowing text to show scroll behavior</h4>
                                                                                <p>Aenean lacinia bibendum nulla sed consectetur. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec sed odio dui. Donec ullamcorper nulla non metus auctor fringilla.</p>-->
                                    </div>
                                    <div class="modal-footer">
                                        <!--<button type="button" class="btn btn-default waves-effect" data-dismiss="modal">Close</button>-->
                                        <button type="button" class="btn btn-primary waves-effect waves-light" data-dismiss="modal">Aceptar</button>
                                    </div>
                                </div><!-- /.modal-content -->
                            </div><!-- /.modal-dialog -->
                        </div><!-- /.modal -->

                    </div> <!-- container -->

                </div> <!-- content -->

                <footer class="footer">
                    &copy; <span>{{year}} </span>
                    <span> PrintControl v1.1 - <i class="fa fa-envelope-o"></i> tufao.agencia@gmail.com </span>
                </footer>

            </div>


            <!-- ============================================================== -->
            <!-- End Right content here -->
            <!-- ============================================================== -->


            <!-- Right Sidebar -->
            <div class="side-bar right-bar nicescroll">
                <h4 class="text-center">Top Mejores 5 D&iacute;as</h4>
                <div class="contact-list nicescroll">
                    <ul class="list-group contacts-list">
                        <li class="list-group-item" data-ng-repeat="day in daysOfWork| orderBy: '-total'  | limitTo:5">
                            <span>{{$index + 1}} - {{day.date| date: 'MMMM d, y'}}</span>
                            <span class="label label-primary pull-right">{{day.total}}</span>

                            <span class="clearfix"></span>
                        </li>
                    </ul>  
                </div>
                <h4 class="text-center">Top Mejores 5 Meses del Año</h4>
                <div class="contact-list nicescroll">
                    <ul class="list-group contacts-list">
                        <li class="list-group-item" data-ng-repeat="month in months | orderBy: '-total'  | limitTo:5">
                            <span>{{$index + 1}} - {{month.month}}</span>
                            <span class="label label-primary pull-right">{{month.total}}</span>

                            <span class="clearfix"></span>
                        </li>
                    </ul>  
                </div>
            </div>
            <!-- /Right-bar -->

        </div>
        <!-- END wrapper -->

        <script>
                    var resizefunc = [];
        </script>

        <!-- jQuery  -->
        <script src="assets/js/jquery.min.js"></script>
        <script src="assets/js/bootstrap.min.js"></script>
        <script src="assets/js/detect.js"></script>
        <script src="assets/js/fastclick.js"></script>
        <script src="assets/js/jquery.slimscroll.js"></script>
        <script src="assets/js/jquery.blockUI.js"></script>
        <script src="assets/js/waves.js"></script>
        <script src="assets/js/wow.min.js"></script>
        <script src="assets/js/jquery.nicescroll.js"></script>
        <script src="assets/js/jquery.scrollTo.min.js"></script>

        <!-- ANGULAR  -->
        <script src="assets/js/angular.min.js"></script>
        <script src="assets/js/angular-animate.js"></script>
        <script src="assets/js/angular-locale_es-es.js"></script>
        <!--<script src="assets/js/detect2.js"></script>-->

        <script src="assets/plugins/peity/jquery.peity.min.js"></script>
        <script src="assets/plugins/jquery-sparkline/jquery.sparkline.min.js"></script>

        <!--<script src="assets/pages/jquery.dashboard_3.js"></script>-->

        <script src="assets/js/jquery.core.js"></script>
        <script src="assets/js/jquery.app.js"></script>
        <script src="assets/js/license.js"></script>






    </body>

    <!-- Mirrored from coderthemes.com/ubold_1.1/light/dashboard_3.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 30 Nov 2015 02:13:03 GMT -->
</html>