Licence

index.html

<div class="container">
<form class="form-horizontal">
<fieldset>
  <legend>Licence</legend>
  <div class="form-group">
    <div class="col-sm-4">
      <div class="form-group">
        <label for="licensetext">Licenční soubor:</label><span>(TaskPool.license.xml)</span><!--class="col-sm-12" -->
        <br /><i>Přetáhněte svůj licenční soubor sem pro jeho nahrání. Nebo jej zkopírujete do tohoto pole. Hodnoty vpravo se nastaví podle ní.</i>
        <!--<input type="file" class="form-control" />-->
        <!--<div class="col-sm-12">-->
          <textarea name="licensetext" class="form-control" id="licensetext" cols="30" rows="12">Vložit text nebo přetáhnout soubor sem.</textarea>  
         <!--</div><!-- /col -->
      </div><!-- /form-group -->
      <div class="form-group">
        <label for="licensefile" class="col-sm-12">Nahrát novou licenci:</label>
        <input id="licensefile" name="licensefile" class="col-sm-12" type="file" />
      </div><!-- /form-group -->
    </div><!-- /col -->
    <div class="col-sm-1">
      <i class="fa fa-2x fa-angle-double-right" style="margin-top: 180px;"></i>
    </div>
    <div class="col-sm-5">
      <div class="form-group" style="margin-top: 55px;">
        <label class="col-sm-3 control-label" for="">Licence pro:</label>
        <div class="col-sm-9">
          <input type="text" class="form-control input-lg" readonly value="Cooper s.r.o."/>
        </div><!-- /col -->
      </div><!-- /form-group -->

      <div class="form-group" style="margin-top: 25px;">
        <label class="col-sm-3 control-label" for="">Použití:</label>
        <div class="col-sm-9">
          <div class="btn-group" data-toggle="buttons-radio">
            <button name="type" type="button" class="btn buttonLine btn-default active" value="1">Demo</button>
            <button name="type" type="button" class="btn buttonLine btn-default" value="1">Zkušební</button>
            <button name="type" type="button" class="btn buttonLine btn-default" value="2"><i class="icon-key icon-rotate-180"></i> Produkční</button>
          </div>            
        </div><!-- /col -->
      </div><!-- /form-group -->

      <div class="form-group">
        <label class="col-sm-3 control-label" for="">Rozsah funkcí:</label>
        <div class="col-sm-9">
          <div class="btn-group" data-toggle="buttons-radio">
            <button name="type" type="button" class="btn buttonLine btn-default active" value="1">Start</button>
            <button name="type" type="button" class="btn buttonLine btn-default" value="2">Business</button>
            <button name="type" type="button" class="btn buttonLine btn-default" value="2">Enterprise</button>
          </div>
        </div><!-- /col -->
      </div><!-- /form-group -->
      <div class="form-group">
        <label class="col-sm-3 control-label" for="">Řešitelů:</label>
        <div class="col-sm-9">
          <input class="form-control input-lg" readonly type="text" value="50" style="width: 178px">
        </div><!-- /col -->
      </div><!-- /form-group -->

      <div class="form-group">
        <label class="col-sm-3 control-label" for="">Platnost:</label>
        <div class="col-sm-9">
          <input class="form-control input-lg" readonly type="text" value="do 21. 10. 2016" style="width: 178px">
        </div><!-- /col -->
      </div><!-- /form-group -->

      
      <div class="form-group">
        <label class="col-sm-3 control-label" for="">Maintenance:</label>
        <div class="col-sm-9">
          <input class="form-control input-lg" readonly type="text" value="do 21. 10. 2016" style="width: 178px">
        </div><!-- /col -->
      </div><!-- /form-group -->
      
    </div><!-- /form-group -->
</fieldset>
<filedset>
  <div class="bs-callout bs-callout-info" id="callout-glyphicons-location">
    <p>Vaši licenci můžete navýšit, prodloužit, nebo jinak upravit na <a href="//www.taskpool.cz/moje-licence">www.taskpool.cz/moje-licence</a></p>
  </div>
  
  
</filedset>
</orm>
</div>
  
<div class="pageComments">
<br />
  <p>Implementační poznámky:</p>
  <ul>
    <li><b>V první verzi nebudou pole platnost a maintenence.</b></li>
  </ul>
  <ul>
    <li><b>Platnost</b> zobrazuje do kdy je ASP nebo pronájem zaplacen</li>
    <li><b>Maintence</b> se nezobrazuje na ASP hostingu.</li>
    <li>Maintenece může obsahovat i texty. A) V rámci servisní smlouvy B) trvale</li>
    <li>Všiměte si, že data píši s mezerou za tečkou. Podle platného čaského provopisu je povinná!</li>
  </ul>
</div>

Licence.markdown

Licence

A Pen by Tomáš Tintěra on CodePen.

License.

script.js

$(".chosen-select").chosen();

var config = {
      '.chosen-select'           : {},
      '.chosen-select-deselect'  : {allow_single_deselect:true},
      '.chosen-select-no-single' : {disable_search_threshold:10},
      '.chosen-select-no-results': {no_results_text:'hledaný text nenalezen!'},
      '.chosen-select-width'     : {width:"95%"}
    }
    for (var selector in config) {
      $(selector).chosen(config[selector]);
    }

style.css

.border { border: 0px solid lightgray; }
.enterprise { display: none; }
/*body { background-color: #F9F9FF; color: #222; }*/

.buttonLine { width: 90px; }

/* http://cpratt.co/twitter-bootstrap-callout-css-styles/ */
.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}
.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout+.bs-callout {
    margin-top: -5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}