tellform/public/modules/forms/views/admin-form.client.view.html

<section class="container admin-form" cg-busy="{promise:updatePromise,templateUrl:'modules/forms/views/directiveViews/cgBusy/update-form-message-TypeB.html',message:'Updating form...',backdrop:false}">

	<!-- Modal Delete Dialog Template -->
    <script type="text/ng-template" id="myModalContent.html">
        <div class="modal-header">
            <h2 class="modal-title hidden-md hidden-lg">Are you ABSOLUTELY sure?</h2>
            <h3 class="modal-title hidden-xs hidden-sm">Are you ABSOLUTELY sure?</h3>
        </div>
        <div class="modal-body">
        	<div class="modal-body-alert">
			    Unexpected bad things will happen if you don’t read this!
			</div>
       		<p class="hidden-xs hidden-sm">
       		 	This action <strong>CANNOT</strong> be undone.This will permanently delete the <strong>{{myform.title}}</strong> form, form submissions and remove all associated pdfs.
       		</p>
            <p>Please type in the name of the form to confirm.</p>
        </div>
        <div class="modal-footer">
	        <p>
				<input type="text" data-ng-model="deleteConfirm" class="input-block" autofocus required aria-label="Type in the name of the form to confirm that you want to delete this form.">
			</p>
            <button type="submit" ng-click="removeCurrentForm()" class="btn btn-block btn-danger" ng-disabled="myform.title != deleteConfirm">
            	I understand the consequences, delete this form
            </button>
        </div>
    </script>

	<div class="page-header row" style="padding-bottom: 0px;">
		<div class="col-xs-10 col-sm-8">
			<h1 class="hidden-sm hidden-xs" data-ng-bind="myform.title" style="margin-bottom: 0px;"></h1>
			<h2 class="hidden-md hidden-lg" data-ng-bind="myform.title" style="margin-bottom: 0px;"></h2>
		</div>
		<div class="col-xs-1 col-sm-2">
			<small class="pull-right">			
				<button class="btn btn-danger" ng-click="openDeleteModal()">
					<i class="fa fa-trash-o"></i>
					<span class="hidden-xs">Delete</span>
					<span class="hidden-xs hidden-sm">Form</span>
				</button>
			</small>
		</div>
		<div class="col-xs-1 col-sm-2">
			<small class="pull-right">			
				<a class="btn btn-default view-form-btn" href="/#!/forms/{{myform._id}}">
					<span class="hidden-xs hidden-sm">
						View
						<span ng-show="myform.isLive">
							Live
						</span> 
						<span ng-hide="myform.isLive">Preview</span> Form
					</span>
					<span class="hidden-xs hidden-md hidden-lg">
						View
						<span ng-if="myform.isLive">Live</span>
						<span ng-if="!myform.isLive">Preview</span>
					</span>
					<i class="status-light status-light-on fa fa-dot-circle-o" ng-if="myform.isLive"></i>
					<i class="status-light status-light-off fa fa-dot-circle-o" ng-if="!myform.isLive"></i>
				</a>
			</small>
		</div>
	</div>

	<div class="row">
		<!-- <tabset class="col-xs-12">
			<tab>
				<tab-heading>
					Edit Form Fields
				</tab-heading>
				<edit-form-directive myform="myform">
				</edit-form-directive>
			</tab>
			<tab>
				<tab-heading >
					Design
				</tab-heading>
				<div class="config-form container">
					Design Settings
					<div class="row">
				        <div class="col-md-12 container">
				        	Title
				            <div class="row">
				                <div class="col-sm-12">
				                    <h2 class="hidden-sm hidden-xs">Change how your Form Looks</h2>
				                    <h3 class="hidden-lg hidden-md">Change how your Form Looks</h3>
				                </div>
				            </div>

				            Background Color
				            <div class="row field">
				                <div class="field-title col-sm-6">
				                    <h5>Form Background Color</h5>
				                </div>

				                <div class="field-input col-sm-6">

				                    <input colorpicker="hex" type="text" ng-model="myform.design.colors.backgroundColor" ng-style="{ 'background-color': myform.design.colors.backgroundColor }"/>
				                </div>
				            </div>

				            Question Color
				            <div class="row field">
				                <div class="field-title col-sm-6">
				                    <h5>Question Color</h5>
				                </div>

				                <div class="field-input col-sm-6">

				                    <input colorpicker="hex" type="text" ng-model="myform.design.colors.questionColor" ng-style="{ 'background-color': myform.design.colors.questionColor }"/>


				                </div>
				            </div>

				            Answer Color
				            <div class="row field">
				                <div class="field-title col-sm-6">
				                    <h5>Form Answer Color</h5>
				                </div>

				                <div class="field-input col-sm-6">

				                    <input colorpicker="hex" type="text" ng-model="myform.design.colors.answerColor" ng-style="{ 'background-color': myform.design.colors.answerColor }"/>

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

					<div class="row">
			            <div class="col-sm-offset-4 col-sm-2">
			                <button class="btn btn-primary btn-large" type="button" ng-click="update(false, null)"><i class="icon-arrow-left icon-white"></i> Save Changes</button>
			            </div>
			            <div class="col-sm-1">
			                <button class="btn btn-default" type="button" ng-click="resetForm()"><i class="icon-eye-open icon-white"></i> Cancel</button>
			            </div>
			    	</div>
            	</div>
			</tab>
			<tab>
				<tab-heading>
					Configure
				</tab-heading>
				<configure-form-directive myform="myform" user="user">
				</configure-form-directive>
			</tab>
			<tab>
				<tab-heading>
					View Submissions
				</tab-heading>
				<edit-submissions-form-directive myform="myform" user="user">
				</edit-submissions-form-directive>
			</tab>
		</tabset> -->
		<div class="col-xs-12">
			<!-- <tabset> -->
			<tabs data="tabData"></tabs>
			<!-- </tabset> -->
		</div>

		<div class="col-xs-12">
			<ui-view></ui-view>
		</div>

	</div>
</section>