<commit_before>{{#contentFor 'pageStyles'}}
    <link href="{{level}}assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet" type="text/css" />
{{/contentFor}}

<h1 class="page-title"> cargar imagen del
    <small>custom bootstrap user card elements to be used on any container or layout</small>
</h1>
<div class="page-bar">
    <ul class="page-breadcrumb">
        <li>
            <i class="icon-home"></i>
            <a href="index.html">Home</a>
            <i class="fa fa-angle-right"></i>
        </li>
        <li>
            <span>Elements</span>
        </li>
    </ul>
    <div class="page-toolbar">
        <div class="btn-group pull-right">
            <button type="button" class="btn btn-fit-height grey-salt dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true"> Actions
                <i class="fa fa-angle-down"></i>
            </button>
            <ul class="dropdown-menu pull-right" role="menu">
                <li>
                    <a href="#">
                        <i class="icon-bell"></i> Action</a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon-shield"></i> Another action</a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon-user"></i> Something else here</a>
                </li>
                <li class="divider"> </li>
                <li>
                    <a href="#">
                        <i class="icon-bag"></i> Separated link</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- END PAGE HEADER-->
<!-- BEGIN : USER CARDS -->
<div class="row">
    <div class="col-md-12">
        <div class="portlet light portlet-fit ">
            <div class="portlet-title">
                <div class="caption">
                    <i class=" icon-layers font-green"></i>
                    <span class="caption-subject font-green bold uppercase">Profile</span>
                </div>
            </div>
            <div class="portlet-body">
                <form action="/dashboard/users/capture/image" enctype="multipart/form-data" method="post" role="form" class="form-horizontal">
                    <input type="hidden" id="personid" name="personid" value="1">
                    <div class="mt-element-card mt-element-overlay">
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <img id="captureimage" name="captureimage" src="http://www.placehold.it/480x360/EFEFEF/AAAAAA&amp;text=No+disponible" alt="" />
                                <div id="camresult"></div>
                            </div>
                            <div class="text-center col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <div id="webcamera" style="width:480px; height:360px;"></div>
                            </div>
                            <div class="text-center col-lg-12 col-md-12 col-sm-12 col-xs-12"><hr></div>
                            <div class="text-center col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <a href="javascript:void(TakePicture());" class="btn btn-info">
                                    <i class="fa fa-camera"></i> Capturar Fotografia</a>
                                <a href="javascript:;" class="btn green">
                                    <i class="fa fa-check"></i> Guardar</a>
                                <a href="javascript:;" class="btn btn-outline grey-salsa">Cancelar</a>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- END : USER CARDS -->
<div class="row">
    <div class="col-md-12">
        <!-- BEGIN PORTLET-->
        <div class="portlet light form-fit ">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-settings font-green"></i>
                    <span class="caption-subject font-green sbold uppercase">Advanced File Input</span>
                </div>
            </div>
            <div class="portlet-body form">
                <!-- BEGIN FORM-->
                <form action="/dashboard/users/input/image" enctype="multipart/form-data" method="post" role="form" class="form-horizontal">
                    <input type="hidden" id="personid" name="personid" value="1">
                    <div class="form-body">
                        <div class="form-group last">
                            <label class="control-label col-md-3"></label>
                            <div class="col-md-9">
                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-new thumbnail" style="width: 320px; height: 240px;">
                                        <img src="http://www.placehold.it/320x240/EFEFEF/AAAAAA&amp;text=No+disponible" alt="" /> </div>
                                    <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 320px; max-height: 240px;"> </div>
                                    <div>
                                                            <span class="btn default btn-file">
                                                                <span class="fileinput-new"> Seleccionar imagen </span>
                                                                <span class="fileinput-exists"> Cambiar </span>
                                                                <input type="file" id="inputpicture" name="inputpicture"> </span>
                                        <a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput"> Eliminar </a>
                                    </div>
                                </div>
                                <div class="clearfix margin-top-10">
                                    <span class="label label-danger">NOTA!</span> Image preview only works in IE10+, FF3.6+, Safari6.0+, Chrome6.0+ and Opera11.1+. In older browsers the filename is shown instead. </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-actions">
                        <div class="row">
                            <div class="col-md-offset-3 col-md-9">
                                <a href="javascript:;" class="btn green">
                                    <i class="fa fa-check"></i> Guardar</a>
                                <a href="javascript:;" class="btn btn-outline grey-salsa">Cancelar</a>
                            </div>
                        </div>
                    </div>
                </form>
                <!-- END FORM-->
            </div>
        </div>
        <!-- END PORTLET-->
    </div>
</div>

{{#contentFor 'pageScripts'}}
    <script src="{{level}}js/webcam.js" type="text/javascript"></script>
    <script src="{{level}}assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js" type="text/javascript"></script>
    <script language="JavaScript">
        Webcam.attach( '#webcamera' );

        function TakePicture() {
            $("img[id=captureimage]").remove();
            Webcam.snap( function(data_uri) {
                document.getElementById('camresult').innerHTML = '<img src="'+data_uri+'"/>';
            } );
        }
    </script>
{{/contentFor}}<commit_msg>upload routes and js commands<commit_after>{{#contentFor 'pageStyles'}}
    <link href="{{level}}assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.css" rel="stylesheet" type="text/css" />
{{/contentFor}}

<h1 class="page-title"> cargar imagen del
    <small>custom bootstrap user card elements to be used on any container or layout</small>
</h1>
<div class="page-bar">
    <ul class="page-breadcrumb">
        <li>
            <i class="icon-home"></i>
            <a href="index.html">Home</a>
            <i class="fa fa-angle-right"></i>
        </li>
        <li>
            <span>Elements</span>
        </li>
    </ul>
    <div class="page-toolbar">
        <div class="btn-group pull-right">
            <button type="button" class="btn btn-fit-height grey-salt dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-delay="1000" data-close-others="true"> Actions
                <i class="fa fa-angle-down"></i>
            </button>
            <ul class="dropdown-menu pull-right" role="menu">
                <li>
                    <a href="#">
                        <i class="icon-bell"></i> Action</a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon-shield"></i> Another action</a>
                </li>
                <li>
                    <a href="#">
                        <i class="icon-user"></i> Something else here</a>
                </li>
                <li class="divider"> </li>
                <li>
                    <a href="#">
                        <i class="icon-bag"></i> Separated link</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- END PAGE HEADER-->
<!-- BEGIN : USER CARDS -->
<div class="row">
    <div class="col-md-12">
        <div class="portlet light portlet-fit ">
            <div class="portlet-title">
                <div class="caption">
                    <i class=" icon-layers font-green"></i>
                    <span class="caption-subject font-green bold uppercase">Profile</span>
                </div>
            </div>
            <div class="portlet-body">
                <form action="/dashboard/images/capture" enctype="multipart/form-data" method="post" role="form" class="form-horizontal">
                    <input type="hidden" id="personid" name="personid" value="1">
                    <div class="mt-element-card mt-element-overlay">
                        <div class="row">
                            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <img id="captureimage" name="captureimage" src="http://www.placehold.it/480x360/EFEFEF/AAAAAA&amp;text=No+disponible" alt="" />
                                <div id="camresult"></div>
                            </div>
                            <div class="text-center col-lg-6 col-md-6 col-sm-6 col-xs-12">
                                <div id="webcamera" style="width:480px; height:360px;"></div>
                            </div>
                            <div class="text-center col-lg-12 col-md-12 col-sm-12 col-xs-12"><hr></div>
                            <div class="text-center col-lg-12 col-md-12 col-sm-12 col-xs-12">
                                <a href="javascript:void(TakePicture());" class="btn btn-info">
                                    <i class="fa fa-camera"></i> Capturar Fotografia</a>
                                <a href="#" class="btn green" onclick="$(this).closest('form').submit()">
                                    <i class="fa fa-check"></i> Guardar</a>
                                <a href="javascript:;" class="btn btn-outline grey-salsa">Cancelar</a>
                            </div>
                        </div>
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!-- END : USER CARDS -->
<div class="row">
    <div class="col-md-12">
        <!-- BEGIN PORTLET-->
        <div class="portlet light form-fit ">
            <div class="portlet-title">
                <div class="caption">
                    <i class="icon-settings font-green"></i>
                    <span class="caption-subject font-green sbold uppercase">Advanced File Input</span>
                </div>
            </div>
            <div class="portlet-body form">
                <!-- BEGIN FORM-->
                <form action="/dashboard/images/input" enctype="multipart/form-data" method="post" role="form" class="form-horizontal">
                    <input type="hidden" id="personid" name="personid" value="1">
                    <div class="form-body">
                        <div class="form-group last">
                            <label class="control-label col-md-3"></label>
                            <div class="col-md-9">
                                <div class="fileinput fileinput-new" data-provides="fileinput">
                                    <div class="fileinput-new thumbnail" style="width: 320px; height: 240px;">
                                        <img src="http://www.placehold.it/320x240/EFEFEF/AAAAAA&amp;text=No+disponible" alt="" /> </div>
                                    <div class="fileinput-preview fileinput-exists thumbnail" style="max-width: 320px; max-height: 240px;"> </div>
                                    <div>
                                                            <span class="btn default btn-file">
                                                                <span class="fileinput-new"> Seleccionar imagen </span>
                                                                <span class="fileinput-exists"> Cambiar </span>
                                                                <input type="file" id="inputpicture" name="inputpicture"> </span>
                                        <a href="javascript:;" class="btn red fileinput-exists" data-dismiss="fileinput"> Eliminar </a>
                                    </div>
                                </div>
                                <div class="clearfix margin-top-10">
                                    <span class="label label-danger">NOTA!</span> Image preview only works in IE10+, FF3.6+, Safari6.0+, Chrome6.0+ and Opera11.1+. In older browsers the filename is shown instead. </div>
                            </div>
                        </div>
                    </div>
                    <div class="form-actions">
                        <div class="row">
                            <div class="col-md-offset-3 col-md-9">
                                <a href="#" class="btn green" onclick="$(this).closest('form').submit()">
                                    <i class="fa fa-check"></i> Guardar</a>
                                <a href="javascript:;" class="btn btn-outline grey-salsa">Cancelar</a>
                            </div>
                        </div>
                    </div>
                </form>
                <!-- END FORM-->
            </div>
        </div>
        <!-- END PORTLET-->
    </div>
</div>

{{#contentFor 'pageScripts'}}
    <script src="{{level}}js/webcam.js" type="text/javascript"></script>
    <script src="{{level}}assets/global/plugins/bootstrap-fileinput/bootstrap-fileinput.js" type="text/javascript"></script>
    <script language="JavaScript">
        Webcam.attach( '#webcamera' );

        function TakePicture() {
            $("img[id=captureimage]").remove();
            Webcam.snap( function(data_uri) {
                document.getElementById('camresult').innerHTML = '<img src="'+data_uri+'"/>';
            } );
        }
    </script>
{{/contentFor}}
{'fraction_non_alphanumeric': 0.15233608166470358, 'fraction_numerical': 0.011124198403350346, 'mean_word_length': 1.2868472243004638, 'pattern_counts': {'":': 0, '<': 361, '<?xml version=': 0, '>': 361, 'https://': 0, 'lorem ipsum': 0, 'www.': 4, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 54, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '195246', 'n_tokens_mistral': 4207, 'n_tokens_neox': 3926, 'n_words': 825}