<selectclass="gf-form-input gf-size-auto"ng-model="ctrl.current.type"ng-options="v.id as v.name for v in ctrl.types"ng-change="ctrl.typeChanged()"></select>
</div>
</div>
</div>
<formname="editForm">
<divclass="gf-form-group">
<divclass="gf-form">
<spanclass="gf-form-label width-7">Name</span>
<inputclass="gf-form-input max-width-21"type="text"ng-model="ctrl.current.name"placeholder="My data source name"required>
<info-popoveroffset="0px -95px">
The name is used when you select the data source in panels.
The <code>Default</code> data source is preselected in new
<selectclass="gf-form-input gf-size-auto"ng-model="ctrl.current.type"ng-options="v.id as v.name for v in ctrl.types"ng-change="ctrl.typeChanged()"></select>