110 lines
5.5 KiB
HTML
110 lines
5.5 KiB
HTML
<div id="surveys" class="row">
|
|
<div id="sidebar" class="col-md-4 col-lg-4">
|
|
<uib-accordion>
|
|
<uib-accordion-group panel-class="bootstrap-panel accordion-panel panel-default saved-questions">
|
|
<uib-accordion-heading>
|
|
Saved Questions <i class="fa pull-right fa-floppy-o"></i>
|
|
</uib-accordion-heading>
|
|
<section class="col-md-12 col-lg-12 no-gutter">
|
|
<button progress-button="progressFunction()" pb-style="flip-open" class="btn btn-default btn-with-icon col-md-12">
|
|
First Question
|
|
</button>
|
|
<button progress-button="progressFunction()" pb-style="flip-open" class="btn btn-default btn-with-icon col-md-12">
|
|
Second Question
|
|
</button>
|
|
<button progress-button="progressFunction()" pb-style="flip-open" class="btn btn-default btn-with-icon col-md-12">
|
|
Third Question
|
|
</button>
|
|
<button progress-button="progressFunction()" pb-style="flip-open" class="btn btn-default btn-with-icon col-md-12">
|
|
Last Question
|
|
</button>
|
|
</section>
|
|
</uib-accordion-group>
|
|
|
|
<uib-accordion-group panel-class="bootstrap-panel accordion-panel panel-default">
|
|
<uib-accordion-heading>
|
|
Survey Builder <i class="fa pull-right fa-gavel"></i>
|
|
</uib-accordion-heading>
|
|
<section class="col-md-12 col-lg-12 no-gutter">
|
|
<button ng-click="addElement('')" progress-button="progressFunction()" pb-style="flip-open" class="btn btn-default btn-with-icon col-md-12">
|
|
<i class="fa fa-font"></i>Textbox
|
|
</button>
|
|
<button ng-click="addElement('multiple')" progress-button="progressFunction()" pb-style="flip-open" class="btn btn-default btn-with-icon col-md-12">
|
|
<i class="fa fa-list"></i>Multiple Choices
|
|
</button>
|
|
<button progress-button="progressFunction()" pb-style="flip-open" class="btn btn-default btn-with-icon col-md-12">
|
|
<i class="fa fa-star"></i>Star Rating
|
|
</button>
|
|
<button progress-button="progressFunction()" pb-style="flip-open" class="btn btn-default btn-with-icon col-md-12">
|
|
<i class="fa fa-chevron-circle-down"></i>Drop Down
|
|
</button>
|
|
<button progress-button="progressFunction()" pb-style="flip-open" class="btn btn-default btn-with-icon col-md-12 ">
|
|
<i class="fa fa-sliders"></i>Slider
|
|
</button>
|
|
</section>
|
|
</uib-accordion-group>
|
|
<uib-accordion-group panel-class="bootstrap-panel accordion-panel panel-default survey-template">
|
|
<uib-accordion-heading>
|
|
Survey Template <i class="fa pull-right fa-file-code-o"></i>
|
|
</uib-accordion-heading>
|
|
<section class="col-md-12 col-lg-12 no-gutter">
|
|
<button progress-button="progressFunction()" pb-style="flip-open" class="btn btn-default btn-with-icon col-md-12">
|
|
First Template
|
|
</button>
|
|
<button progress-button="progressFunction()" pb-style="flip-open" class="btn btn-default btn-with-icon col-md-12">
|
|
Second Template
|
|
</button>
|
|
<button progress-button="progressFunction()" pb-style="flip-open" class="btn btn-default btn-with-icon col-md-12">
|
|
Third Template
|
|
</button>
|
|
<button progress-button="progressFunction()" pb-style="flip-open" class="btn btn-default btn-with-icon col-md-12">
|
|
Last Template
|
|
</button>
|
|
</section>
|
|
</uib-accordion-group>
|
|
<uib-accordion-group panel-class="bootstrap-panel accordion-panel panel-default">
|
|
<uib-accordion-heading>
|
|
Options <i class="fa pull-right ion-settings"></i>
|
|
</uib-accordion-heading>
|
|
Some options in here ...
|
|
</uib-accordion-group>
|
|
</uib-accordion>
|
|
</div>
|
|
<div class="col-md-8 col-lg-8">
|
|
<div id="survey-builder" class="panel panel-default bootstrap-panel">
|
|
<div class="panel-heading"><h2 class="panel-title pull-left">Survey Title</h2></div>
|
|
<div class="panel-body">
|
|
<h2>Page Title</h2>
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum</p>
|
|
|
|
<div id="newElem"></div>
|
|
|
|
<div class="control-group col-sm-12 col-xs-12 text-center new-question-container">
|
|
<div class="btn-group" uib-dropdown dropdown-append-to-body>
|
|
<button type="button" class="btn btn-primary btn-with-icon btn-lg"><i class="ion-plus-round"></i>NEW QUESTION</button>
|
|
<button type="button" class="btn btn-primary btn-with-icon btn-lg" uib-dropdown-toggle>
|
|
<span class="caret"></span>
|
|
<span class="sr-only">Toggle Dropdown</span>
|
|
</button>
|
|
<ul uib-dropdown-menu>
|
|
<li><a href>Textbox</a></li>
|
|
<li><a ng-click="addElement('multiple')" href>Multiple Choices</a></li>
|
|
<li><a href>Star Rating</a></li>
|
|
<li><a href>Drop Down</a></li>
|
|
<li><a href>Slider</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<br/>
|
|
<br/>
|
|
<br/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<script>
|
|
$(document).ready(function () {
|
|
$('[data-toggle="tooltip"]').tooltip();
|
|
});
|
|
</script>
|