Upload New File

parent c10b63bf
<v-app id="student_reports">
<v-content>
<v-container>
Vuetify loaded correctly!
<p>[[message]]</p>
<v-progress-linear v-if="load" :indeterminate="true"></v-progress-linear>
<v-btn @click="test_axios">Test Axios</v-btn>
<div id="app" class="fluid container">
<div class="form-group form-group-lg panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Sortable control</h3>
</div>
<div class="panel-body">
<div class="checkbox">
<label><input type="checkbox" v-model="editable">Enable drag and drop</label>
</div>
<button type="button" class="btn btn-default" @click="orderList">Sort by original order</button>
</div>
</div>
<div class="col-md-3">
<draggable class="list-group" tag="ul" v-model="list" v-bind="dragOptions" :move="onMove" @start="isDragging=true" @end="isDragging=false">
<transition-group type="transition" :name="'flip-list'">
<li class="list-group-item" v-for="element in list" :key="element.order">
<i :class="element.fixed? 'fa fa-anchor' : 'glyphicon glyphicon-pushpin'" @click=" element.fixed=! element.fixed" aria-hidden="true"></i>
[[element.name]]
<span class="badge">[[element.order]]</span>
</li>
</transition-group>
</draggable>
</div>
<div class="col-md-3">
<draggable element="span" v-model="list2" v-bind="dragOptions" :move="onMove">
<transition-group name="no" class="list-group" tag="ul">
<li class="list-group-item" v-for="element in list2" :key="element.order">
<i :class="element.fixed? 'fa fa-anchor' : 'glyphicon glyphicon-pushpin'" @click=" element.fixed=! element.fixed" aria-hidden="true"></i>
[[element.name]]
<span class="badge">[[element.order]]</span>
</li>
</transition-group>
</draggable>
</div>
<div class="list-group col-md-3">
<pre>[[listString]]</pre>
</div>
<div class="list-group col-md-3">
<pre>[[list2String]]</pre>
</div>
</div>
</v-container>
</v-content>
</v-app>
\ No newline at end of file
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment