double click edit + tooltips
This commit is contained in:
@@ -1,7 +1,7 @@
|
|||||||
@using System.Globalization
|
@using System.Globalization
|
||||||
@model EveryThing.Models.Project.ProjectPartItem
|
@model EveryThing.Models.Project.ProjectPartItem
|
||||||
|
|
||||||
<tr data-idpartitem="@Model.IdProjectPartItem">
|
<tr data-idpartitem="@Model.IdProjectPartItem" style="cursor: pointer;" ondblclick="if(!$(event.target).closest('a,button,input').length) { $('[data-toggle=tooltip]').tooltip('hide'); $(this).find('.btn-tbl-inline-edit').click(); }">
|
||||||
<td style="width: 20px;">
|
<td style="width: 20px;">
|
||||||
@if(Model.Status != Models.Project.ProjectPartItemStatus.Shipped)
|
@if(Model.Status != Models.Project.ProjectPartItemStatus.Shipped)
|
||||||
{
|
{
|
||||||
@@ -71,9 +71,9 @@
|
|||||||
@Html.DisplayFor(modelItem => Model.DeliveryDate)
|
@Html.DisplayFor(modelItem => Model.DeliveryDate)
|
||||||
</td>
|
</td>
|
||||||
<td class="text-right" style="width: 90px;">
|
<td class="text-right" style="width: 90px;">
|
||||||
<a asp-page="CreateEditPartItem" asp-route-idProjectPartItem="@Model.IdProjectPartItem" asp-route-idProject="@Model.ProjectPart.IdProjectFk" asp-route-idProjectPart="@Model.IdProjectPartFk" asp-route-edit="@true" class="btn btn-xs icon-btn btn-outline-secondary borderless" data-state="secondary"><i class="far fa-edit"></i></a>
|
<a asp-page="CreateEditPartItem" asp-route-idProjectPartItem="@Model.IdProjectPartItem" asp-route-idProject="@Model.ProjectPart.IdProjectFk" asp-route-idProjectPart="@Model.IdProjectPartFk" asp-route-edit="@true" class="btn btn-xs icon-btn btn-outline-secondary borderless" data-state="secondary" data-toggle="tooltip" data-placement="top" title="Urejanje"><i class="far fa-edit"></i></a>
|
||||||
<a class="btn btn-xs icon-btn btn-outline-secondary borderless" data-state="secondary" href='javascript:;'><i class="fas fa-pencil-alt" hx-get="@Url.Page("Edit", "EditPartItem", new {id = Model.IdProjectPartItem})" hx-swap="outerHTML" hx-target="closest tr"></i></a>
|
<a class="btn btn-xs icon-btn btn-outline-secondary borderless" data-state="secondary" href='javascript:;' data-toggle="tooltip" data-placement="top" title="Hitro urejanje"><i class="fas fa-pencil-alt btn-tbl-inline-edit" hx-get="@Url.Page("Edit", "EditPartItem", new {id = Model.IdProjectPartItem})" hx-swap="outerHTML" hx-target="closest tr"></i></a>
|
||||||
<a class="btn btn-xs icon-btn btn-outline-danger borderless" data-state="danger" href='javascript:;' onclick="deletePartItem(this)"><i class="fas fa-times"></i></a>
|
<a class="btn btn-xs icon-btn btn-outline-danger borderless" data-state="danger" href='javascript:;' onclick="deletePartItem(this)" data-toggle="tooltip" data-placement="top" title="Izbriši"><i class="fas fa-times"></i></a>
|
||||||
<a style="display: none;" id="btnTblCancel_@(Model.IdProjectPartItem.ToString())" href='javascript:;' class="btn btn-xs icon-btn btn-outline-danger borderless" data-state="danger" hx-get="@Url.Page("Edit", "DetailPartItem", new { id = Model.IdProjectPartItem })" hx-swap="outerHTML" hx-target="closest tr"><i class="fas fa-ban"></i></a>
|
<a style="display: none;" id="btnTblCancel_@(Model.IdProjectPartItem.ToString())" href='javascript:;' class="btn btn-xs icon-btn btn-outline-danger borderless" data-state="danger" data-toggle="tooltip" data-placement="top" title="Prekliči" hx-get="@Url.Page("Edit", "DetailPartItem", new { id = Model.IdProjectPartItem })" hx-swap="outerHTML" hx-target="closest tr"><i class="fas fa-ban"></i></a>
|
||||||
</td>
|
</td>
|
||||||
</tr>
|
</tr>
|
||||||
|
|||||||
@@ -775,9 +775,15 @@
|
|||||||
<script>
|
<script>
|
||||||
const openProjectPartCookieName = 'openProjectPart' + @Html.Raw(Model.Project.IdProject);
|
const openProjectPartCookieName = 'openProjectPart' + @Html.Raw(Model.Project.IdProject);
|
||||||
$(document).ready(function() {
|
$(document).ready(function() {
|
||||||
|
document.body.addEventListener('htmx:beforeRequest',
|
||||||
|
function(evt) {
|
||||||
|
$('[data-toggle=tooltip]').tooltip('hide');
|
||||||
|
});
|
||||||
|
|
||||||
document.body.addEventListener('htmx:afterSettle',
|
document.body.addEventListener('htmx:afterSettle',
|
||||||
function(evt) {
|
function(evt) {
|
||||||
$('.select2').select2();
|
$('.select2').select2();
|
||||||
|
tooltips();
|
||||||
|
|
||||||
$('.inp-tbl-edit-calculate-price').on("input",
|
$('.inp-tbl-edit-calculate-price').on("input",
|
||||||
function() {
|
function() {
|
||||||
|
|||||||
@@ -46,8 +46,8 @@
|
|||||||
@Html.TextBoxFor(m => m.Item.DeliveryDate, "{0:yyyy-MM-dd}", new { @class = "form-control", type = "date", id = "inpTblDeliveryDate_" + Model.Item.IdProjectPartItem.ToString() })
|
@Html.TextBoxFor(m => m.Item.DeliveryDate, "{0:yyyy-MM-dd}", new { @class = "form-control", type = "date", id = "inpTblDeliveryDate_" + Model.Item.IdProjectPartItem.ToString() })
|
||||||
</td>
|
</td>
|
||||||
<td class="text-right table-eddit" style="width: 70px;">
|
<td class="text-right table-eddit" style="width: 70px;">
|
||||||
<a class="btn btn-xs icon-btn btn-outline-success borderless" href='javascript:;' data-state="success" data-iditem="@(Model.Item.IdProjectPartItem)" onclick="updatePartItem(this)"><i class="fas fa-check"></i></a>
|
<a class="btn btn-xs icon-btn btn-outline-success borderless" href='javascript:;' data-state="success" data-iditem="@(Model.Item.IdProjectPartItem)" onclick="updatePartItem(this)" data-toggle="tooltip" data-placement="top" title="Shrani"><i class="fas fa-check"></i></a>
|
||||||
<a id="btnTblCancel_@(Model.Item.IdProjectPartItem.ToString())" href='javascript:;' class="btn btn-xs icon-btn btn-outline-danger borderless" data-state="danger" hx-get="@Url.Page("Edit", "DetailPartItem", new { id = Model.Item.IdProjectPartItem })" hx-swap="outerHTML" hx-target="closest tr"><i class="fas fa-ban"></i></a>
|
<a id="btnTblCancel_@(Model.Item.IdProjectPartItem.ToString())" href='javascript:;' class="btn btn-xs icon-btn btn-outline-danger borderless" data-state="danger" data-toggle="tooltip" data-placement="top" title="Prekliči" hx-get="@Url.Page("Edit", "DetailPartItem", new { id = Model.Item.IdProjectPartItem })" hx-swap="outerHTML" hx-target="closest tr"><i class="fas fa-ban"></i></a>
|
||||||
</td>
|
</td>
|
||||||
}
|
}
|
||||||
</tr>
|
</tr>
|
||||||
|
|||||||
@@ -80,7 +80,7 @@
|
|||||||
<tbody>
|
<tbody>
|
||||||
@foreach (var item in Model.Project)
|
@foreach (var item in Model.Project)
|
||||||
{
|
{
|
||||||
<tr data-idproject="@item.IdProject" data-title="@item.Title">
|
<tr data-idproject="@item.IdProject" data-title="@item.Title" data-href="@Url.Page("Edit", new { id = item.IdProject })" style="cursor:pointer;">
|
||||||
<td>
|
<td>
|
||||||
@Html.DisplayFor(modelItem => item.ProjectNumberFormatted)
|
@Html.DisplayFor(modelItem => item.ProjectNumberFormatted)
|
||||||
</td>
|
</td>
|
||||||
@@ -133,6 +133,10 @@
|
|||||||
<script>
|
<script>
|
||||||
$('[data-toggle="tooltip"]').tooltip({container: 'table'});
|
$('[data-toggle="tooltip"]').tooltip({container: 'table'});
|
||||||
|
|
||||||
|
$('table tbody tr').on('dblclick', function () {
|
||||||
|
window.location.href = $(this).data('href');
|
||||||
|
});
|
||||||
|
|
||||||
function deleteProject(element) {
|
function deleteProject(element) {
|
||||||
let row = $(element).parent().parent();
|
let row = $(element).parent().parent();
|
||||||
let idProject = $(row).attr('data-idproject');
|
let idProject = $(row).attr('data-idproject');
|
||||||
|
|||||||
Reference in New Issue
Block a user