Dilekçe Eklerini Sürükleyin ya da Gözat
Components
Index
<div class="container">
<div class="grid-container">
<aside class="">
<div class="title large slideInUp animated">
Başvuru Detayı
</div>
<div class="card apply slideInUp animated">
<i class="list-badge blue">
<svg>
<use xlink:href="#listBadgeBg"></use>
</svg>
<span><svg>
<use xlink:href="#user"></use>
</svg></span>
</i>
<div>
<div class="title large">Arif Çakıroğlu</div>
<p>0(533) 568 11 35</p>
<div class="list">
<span>Geri Dönüş Türü: Arama</span>
<span>tc:46558841900</span>
</div>
</div>
</div>
<div class="card apply slideInUp animated delay-1s">
<i class="list-badge green">
<svg>
<use xlink:href="#listBadgeBg"></use>
</svg>
<span><svg>
<use xlink:href="#home"></use>
</svg></span>
</i>
<div>
<div class="title">İletişim Adresi</div>
<p class="size-small">BAŞAR MH. BAŞAR ORTA SK. No. 17 0. Kat Daire </p>
<strong>MAÇKA/TRABZON</strong>
</div>
</div>
<div class="card apply slideInUp animated delay-2s">
<i class="list-badge orange">
<svg>
<use xlink:href="#listBadgeBg"></use>
</svg>
<span><svg>
<use xlink:href="#list"></use>
</svg></span>
</i>
<div>
<div class="title">Başvuru Detayları</div>
<div class="light-table">
<div><span>Talep Numarası</span> <span>20200606-0002</span></div>
<div><span>Talep Türü</span><span>İstek</span></div>
<div><span>Öncelik</span><span>Normal</span></div>
<div><span>Vaka Tarihi</span><span>6 Haz 2020 07:54</span></div>
<div><span>Konu Başlığı</span><span>Kent Bilgi Sistemi</span></div>
<div><span>Konu Alt Başlığı</span><span>Adres Tespiti</span></div>
<div><span>İlgili Daire Başkanlığı</span><span>Bilgi İşlem Dairesi Başkanlığı</span></div>
<div><span>İlgili Şube Müdürlüğü</span><span>Kent Bilgi Sistemi Şube Müdürlüğü</span></div>
</div>
</div>
</div>
<div class="card apply slideInUp animated delay-3s">
<i class="list-badge purple">
<svg>
<use xlink:href="#listBadgeBg"></use>
</svg>
<span><svg>
<use xlink:href="#location"></use>
</svg></span>
</i>
<div>
<div class="title">Vaka Adres Bilgileri</div>
<p class="size-small">BAŞAR MH. BAŞAR ORTA SK. No. 17 0. Kat Daire </p>
<strong>FATİH/ORTAHISAR</strong>
</div>
</div>
</aside>
<div class="timeline">
<div class="slideInUp animated">
<div></div>
<div>
<div class="title large">
Talep Süreci
</div>
<div class="segmented white segmented-fluid">
<div class="segmented-highlight"></div>
<button class="active primary-action">İşleme al</button>
<button class="dropdown-menu-container">
<div class="dropdown-menu">
<span>Tüm işlemler</span>
<svg class="arrow">
<use xlink:href="#arrow"></use>
</svg>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<span>İşlem 1</span>
</a>
</li>
<li>
<a href="#">
<span>İşlem 1</span>
</a>
</li>
<li>
<a href="#">
<span>İşlem 1</span>
</a>
</li>
</ul>
</div>
</button>
</div>
</div>
</div>
<div class="timeline-flow">
<div class="flow">
</div>
<div>
<div class="card slideInUp animated ">
<div class="time"></div>
<div class="title">Görevli Kullanıcılar</div>
<div class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<span>
<strong class="primary">Abdulkadir Bektaş</strong>
</span>
</div>
<footer>
<span>Arif Çakıroğlu - Kent Bilgi Sistemi / Adres Tespiti</span>
</footer>
</div>
<div class="card slideInUp animated delay-1s">
<div class="time">
<span>Haz</span>
<strong>06</strong>
</div>
<div class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-2.jpg')"></span>
<span>
<strong>Abdulkadir Bektaş</strong>
<span class="badge color-green small">Tamamlandı</span>
</span>
</div>
<footer>
<span><svg>
<use xlink:href="#list"></use>
</svg></span>
<span>Talep içeriği olmamasından dolayı kapatılmıştır.</span>
</footer>
</div>
<div class="card slideInUp animated delay-2s">
<div class="time">
<span>Haz</span>
<strong>06</strong>
</div>
<div class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>
<strong>Abdulkadir Bektaş</strong>
<span class="badge color-yellow small">Görevli Listesi Değişti</span>
</span>
</div>
</div>
<div class="card slideInUp animated delay-3s">
<div class="time">
<span>Haz</span>
<strong>06</strong>
</div>
<div class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-2.jpg')"></span>
<span>
<strong>Abdulkadir Bektaş</strong>
<span class="badge color-green small">Tamamlandı</span>
</span>
</div>
<footer>
<span><svg>
<use xlink:href="#list"></use>
</svg></span>
<span>
<span>Mekansal Adres Kayıt Sistemi Veri Üretimi ve Yaygınlaştırma, projesi kapsamında güncellenen adresiniz ekte gönderilmektedir.</span>
<div>
<button type="button" class="btn btn-primary-outline btn-small btn-icon">
<svg class="arrow">
<use xlink:href="#attached"></use>
</svg>
<span>Adres kartı</span>
</button>
</div>
</span>
</footer>
</div>
<div class="card slideInUp animated delay-4s">
<div class="time">
<span>Haz</span>
<strong>06</strong>
</div>
<div class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<span>
<strong>Mesut Aydoğar</strong>
<span class="badge color-blue small">İşleme Alındı</span>
</span>
</div>
</div>
</div>
</div>
</div>
<main>
<div class="title slideInUp animated">
Başvuru Dilekçesi
</div>
<div class="card slideInUp animated delay-1s">
<div class="segmented">
<div class="segmented-highlight"></div>
<button class="active">Dilekçe</button>
<button>Dilekçe Ekleri</button>
<button class="dropdown-menu-container">
<div class="dropdown-menu">
<span>Tümü</span>
<svg class="arrow">
<use xlink:href="#arrow"></use>
</svg>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<span>Diğer 1</span>
</a>
</li>
<li>
<a href="#">
<span>Diğer 2</span>
</a>
</li>
<li>
<a href="#">
<span>Diğer 3</span>
</a>
</li>
</ul>
</div>
</button>
</div>
<div class="tabs-content application-wrapper">
<div class="application-container" style="--count: 2">
<div class="item">
<div class="notch"></div>
<img src="/assets/toolkit/images/dilekce.jpg" alt="">
</div>
<div class="item">
<div class="notch"></div>
<img src="/assets/toolkit/images/dilekce.jpg" alt="">
</div>
</div>
</div>
</div>
</main>
</div>
</div>
List
Emre Can VARDAR
Kültür Merkezlerinin Tahsisi
30 May 2020 - 21:51
Tamamlandı
20200412-0002
Müberra BAYBURT
Geri Dönüş Yapıldı
30 May 2020 - 21:51
Malzeme Temini ve Tedarik Edilmesi
Kültür ve Sosyal İşler Dairesi Başkanlığı
Emre Can VARDAR
Kültür Merkezlerinin Tahsisi
30 May 2020 - 21:51
İade Edildi
20200412-0002
Müberra BAYBURT
Geri Dönüş Yapılmadı
30 May 2020 - 21:51
Malzeme Temini ve Tedarik Edilmesi
Kültür ve Sosyal İşler Dairesi Başkanlığı
Emre Can VARDAR
Kültür Merkezlerinin Tahsisi
30 May 2020 - 21:51
İade Edildi
20200412-0002
Müberra BAYBURT
Geri Dönüş Yapılmadı
30 May 2020 - 21:51
Malzeme Temini ve Tedarik Edilmesi
Kültür ve Sosyal İşler Dairesi Başkanlığı
Emre Can VARDAR
Kültür Merkezlerinin Tahsisi
30 May 2020 - 21:51
İade Edildi
20200412-0002
Müberra BAYBURT
Geri Dönüş Yapılmadı
30 May 2020 - 21:51
Malzeme Temini ve Tedarik Edilmesi
Kültür ve Sosyal İşler Dairesi Başkanlığı
Emre Can VARDAR
Kültür Merkezlerinin Tahsisi
30 May 2020 - 21:51
İade Edildi
20200412-0002
Müberra BAYBURT
Geri Dönüş Yapılmadı
30 May 2020 - 21:51
Malzeme Temini ve Tedarik Edilmesi
Kültür ve Sosyal İşler Dairesi Başkanlığı
Emre Can VARDAR
Kültür Merkezlerinin Tahsisi
30 May 2020 - 21:51
İade Edildi
20200412-0002
Müberra BAYBURT
Geri Dönüş Yapılmadı
30 May 2020 - 21:51
Malzeme Temini ve Tedarik Edilmesi
Kültür ve Sosyal İşler Dairesi Başkanlığı
Emre Can VARDAR
Kültür Merkezlerinin Tahsisi
30 May 2020 - 21:51
İade Edildi
20200412-0002
Müberra BAYBURT
Geri Dönüş Yapılmadı
30 May 2020 - 21:51
Malzeme Temini ve Tedarik Edilmesi
Kültür ve Sosyal İşler Dairesi Başkanlığı
Emre Can VARDAR
Kültür Merkezlerinin Tahsisi
30 May 2020 - 21:51
İade Edildi
20200412-0002
Müberra BAYBURT
Geri Dönüş Yapılmadı
30 May 2020 - 21:51
Malzeme Temini ve Tedarik Edilmesi
Kültür ve Sosyal İşler Dairesi Başkanlığı
4406 kayıttan 1 - 10 arasındaki kayıtlar gösteriliyor.
<div class="container">
<div class="grid-container">
<aside>
<div class="card filter">
<form>
<h3>Filtre</h3>
<div class="field">
<input type="text" name="searchTerm" id="searchTerm" value="" placeholder="İsim, Durum, İlçe vs." autocomplete="off">
<label for="searchTerm">Ara</label>
<i><svg>
<use xlink:href="#search"></use>
</svg></i>
</div>
<div class="field filterable">
<input type="text" name="subjectGroup" value="" placeholder=" " autocomplete="off">
<label for="subjectGroup">Öncelik</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">
<div class="priority low"><i></i></div>
<div>Düşük</div>
</span>
<span data-val="1">
<div class="priority medium"><i></i></div>
<div>Normal</div>
</span>
<span data-val="1">
<div class="priority high"><i></i></div>
<div>Yüksek</div>
</span>
<span data-val="1">
<div class="priority urgent"><i></i></div>
<div>Acil</div>
</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field">
<input type="text" name="requestNo" id="requestNo" value="" placeholder=" " autocomplete="off">
<label for="requestNo">Talep No</label>
</div>
<div class="field">
<input type="text" name="fullname" id="fullname" value="" placeholder=" " autocomplete="off">
<label for="fullname">Ad Soyad</label>
</div>
<div class="field">
<input type="text" name="title" id="title" value="" placeholder=" " autocomplete="off">
<label for="title">Konu Başlığı</label>
</div>
<div class="field filterable filterable-multiselect">
<input type="text" name="subjectGroup" value="" placeholder=" " autocomplete="off">
<label for="subjectGroup">Durum</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">
<div class="checkbox-group red">
<input type="checkbox" id="cancelled" name="cancelled">
<label for="cancelled"><span>İade Edildi</span></label>
<span></span>
</div>
</span>
<span data-val="1">
<div class="checkbox-group turquoise">
<input type="checkbox" id="processed" name="processed">
<label for="processed"><span>İşleme Alındı</span></label>
<span></span>
</div>
</span>
<span data-val="1">
<div class="checkbox-group green">
<input type="checkbox" id="completed" name="completed">
<label for="completed"><span>Tamamlandı</span></label>
<span></span>
</div>
</span>
<span data-val="1">
<div class="checkbox-group orange">
<input type="checkbox" id="approval" name="approval">
<label for="approval"><span>Onay Bekliyor</span></label>
<span></span>
</div>
</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field">
<input type="text" name="district" id="district" value="" placeholder=" " autocomplete="off">
<label for="district">İlçe</label>
</div>
<div class="field">
<input type="text" name="quarter" id="quarter" value="" placeholder=" " autocomplete="off">
<label for="quarter">Mahalle</label>
</div>
<div class="field">
<input type="text" name="applyDate" id="applyDate" class="datepicker" value="" placeholder=" " autocomplete="off">
<label for="applyDate">Başvuru Tarihi</label>
<i><svg>
<use xlink:href="#datepicker"></use>
</svg></i>
</div>
<div>
<button type="reset" class="btn btn-subtle-passive">Sıfırla</button>
<button type="submit" class="btn btn-subtle">Filtreyi Uygula</button>
</div>
</form>
</div>
</aside>
<main>
<div class="tabs tabs-apply-list">
<div>
<div>
<a href="#" class="item active">Tümü (1480)</a>
<a href="#" class="item">İşleme Alınmamış (148)</a>
<a href="#" class="item">Bu Ay Tamamlanan (1,025)</a>
<a href="#" class="item">Bu Ay Toplam (969)</a>
</div>
</div>
<div>
<button class="btn btn-primary btn-medium selected-row-btn">Seçilenleri İşleme al</button>
</div>
</div>
<div class="table table-large">
<div class="row">
<div class="priority medium"><i></i></div>
<div class="title-columns">
<div class="title">Emre Can VARDAR</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="date-label">
<i class="icon small"><svg class="arrow">
<use xlink:href="#datepicker"></use>
</svg></i>
<small>30 May 2020 - 21:51</small>
</div>
<div>
<span class="badge color-green">Tamamlandı</span>
<small>20200412-0002</small>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div>
<span class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<div class="com-type color-yellow">
<svg class="arrow">
<use xlink:href="#headphone"></use>
</svg>
</div>
</span>
</div>
<div>
<div class="title">Müberra BAYBURT</div>
<div>
<time data-tippy-content="
<div class='tooltip-timeline'>
<div>
<b>15 Mayıs, 2020</b>
<span>Başvuru Tarihi</span>
</div>
<div>
<b>30 Mayıs, 2020</b>
<span>Son Güncelleme</span>
</div>
</div>
">
2 gün geçti
</time>
</div>
<small class="margin-top-small">Whatsapp İhbar Hattı - Şikayet</small>
<div class="returned blue margin-top-xsmall">
<svg class="arrow">
<use xlink:href="#check"></use>
</svg>
<span>Geri Dönüş <b>Yapıldı</b></span>
</div>
</div>
</div>
<div class="informations-columns">
<div>
<span class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
</span>
</div>
<div>
<div class="date-label">
<i class="icon small"><svg class="arrow">
<use xlink:href="#datepicker"></use>
</svg></i>
<small>30 May 2020 - 21:51</small>
</div>
<div class="size-large">
Malzeme Temini ve Tedarik Edilmesi
</div>
<div class="size-medium margin-top-xsmall">
Kültür ve Sosyal İşler Dairesi Başkanlığı
</div>
</div>
<button class="btn btn-primary btn-medium action-btn">
<svg class="arrow">
<use xlink:href="#singleCheck"></use>
</svg>
<span class="select">Seç</span>
<span class="selected">Seçildi</span>
</button>
</div>
</div>
<div class="row">
<div class="priority low"><i></i></div>
<div class="title-columns">
<div class="title">Emre Can VARDAR</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="date-label">
<i class="icon small"><svg class="arrow">
<use xlink:href="#datepicker"></use>
</svg></i>
<small>30 May 2020 - 21:51</small>
</div>
<div>
<span class="badge color-pink">İade Edildi</span>
<small>20200412-0002</small>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div>
<span class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<div class="com-type color-blue">
<svg class="arrow">
<use xlink:href="#world"></use>
</svg>
</div>
</span>
</div>
<div>
<div class="title">Müberra BAYBURT</div>
<div>
<time>2 gün geçti</time>
</div>
<small class="margin-top-small">Whatsapp İhbar Hattı - Şikayet</small>
<div class="returned orange margin-top-xsmall">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
</div>
</div>
<div class="informations-columns">
<div>
<span class="user-label multiple">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-2.jpg')"></span>
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
</span>
</div>
<div>
<div class="date-label">
<i class="icon small"><svg class="arrow">
<use xlink:href="#datepicker"></use>
</svg></i>
<small>30 May 2020 - 21:51</small>
</div>
<div class="size-large">
Malzeme Temini ve Tedarik Edilmesi
</div>
<div class="size-medium margin-top-xsmall">
Kültür ve Sosyal İşler Dairesi Başkanlığı
</div>
</div>
<button class="btn btn-primary btn-medium action-btn">
<svg class="arrow">
<use xlink:href="#singleCheck"></use>
</svg>
<span class="select">Seç</span>
<span class="selected">Seçildi</span>
</button>
</div>
</div>
<div class="row">
<div class="priority low"><i></i></div>
<div class="title-columns">
<div class="title">Emre Can VARDAR</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="date-label">
<i class="icon small"><svg class="arrow">
<use xlink:href="#datepicker"></use>
</svg></i>
<small>30 May 2020 - 21:51</small>
</div>
<div>
<span class="badge color-pink">İade Edildi</span>
<small>20200412-0002</small>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div>
<span class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<div class="com-type color-blue">
<svg class="arrow">
<use xlink:href="#world"></use>
</svg>
</div>
</span>
</div>
<div>
<div class="title">Müberra BAYBURT</div>
<div>
<time>2 gün geçti</time>
</div>
<small class="margin-top-small">Whatsapp İhbar Hattı - Şikayet</small>
<div class="returned orange margin-top-xsmall">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
</div>
</div>
<div class="informations-columns">
<div>
<span class="user-label multiple">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-2.jpg')"></span>
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
</span>
</div>
<div>
<div class="date-label">
<i class="icon small"><svg class="arrow">
<use xlink:href="#datepicker"></use>
</svg></i>
<small>30 May 2020 - 21:51</small>
</div>
<div class="size-large">
Malzeme Temini ve Tedarik Edilmesi
</div>
<div class="size-medium margin-top-xsmall">
Kültür ve Sosyal İşler Dairesi Başkanlığı
</div>
</div>
<button class="btn btn-primary btn-medium action-btn">
<svg class="arrow">
<use xlink:href="#singleCheck"></use>
</svg>
<span class="select">Seç</span>
<span class="selected">Seçildi</span>
</button>
</div>
</div>
<div class="row">
<div class="priority low"><i></i></div>
<div class="title-columns">
<div class="title">Emre Can VARDAR</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="date-label">
<i class="icon small"><svg class="arrow">
<use xlink:href="#datepicker"></use>
</svg></i>
<small>30 May 2020 - 21:51</small>
</div>
<div>
<span class="badge color-pink">İade Edildi</span>
<small>20200412-0002</small>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div>
<span class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<div class="com-type color-blue">
<svg class="arrow">
<use xlink:href="#world"></use>
</svg>
</div>
</span>
</div>
<div>
<div class="title">Müberra BAYBURT</div>
<div>
<time>2 gün geçti</time>
</div>
<small class="margin-top-small">Whatsapp İhbar Hattı - Şikayet</small>
<div class="returned orange margin-top-xsmall">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
</div>
</div>
<div class="informations-columns">
<div>
<span class="user-label multiple">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-2.jpg')"></span>
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
</span>
</div>
<div>
<div class="date-label">
<i class="icon small"><svg class="arrow">
<use xlink:href="#datepicker"></use>
</svg></i>
<small>30 May 2020 - 21:51</small>
</div>
<div class="size-large">
Malzeme Temini ve Tedarik Edilmesi
</div>
<div class="size-medium margin-top-xsmall">
Kültür ve Sosyal İşler Dairesi Başkanlığı
</div>
</div>
<button class="btn btn-primary btn-medium action-btn">
<svg class="arrow">
<use xlink:href="#singleCheck"></use>
</svg>
<span class="select">Seç</span>
<span class="selected">Seçildi</span>
</button>
</div>
</div>
<div class="row">
<div class="priority low"><i></i></div>
<div class="title-columns">
<div class="title">Emre Can VARDAR</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="date-label">
<i class="icon small"><svg class="arrow">
<use xlink:href="#datepicker"></use>
</svg></i>
<small>30 May 2020 - 21:51</small>
</div>
<div>
<span class="badge color-pink">İade Edildi</span>
<small>20200412-0002</small>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div>
<span class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<div class="com-type color-blue">
<svg class="arrow">
<use xlink:href="#world"></use>
</svg>
</div>
</span>
</div>
<div>
<div class="title">Müberra BAYBURT</div>
<div>
<time>2 gün geçti</time>
</div>
<small class="margin-top-small">Whatsapp İhbar Hattı - Şikayet</small>
<div class="returned orange margin-top-xsmall">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
</div>
</div>
<div class="informations-columns">
<div>
<span class="user-label multiple">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-2.jpg')"></span>
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
</span>
</div>
<div>
<div class="date-label">
<i class="icon small"><svg class="arrow">
<use xlink:href="#datepicker"></use>
</svg></i>
<small>30 May 2020 - 21:51</small>
</div>
<div class="size-large">
Malzeme Temini ve Tedarik Edilmesi
</div>
<div class="size-medium margin-top-xsmall">
Kültür ve Sosyal İşler Dairesi Başkanlığı
</div>
</div>
<button class="btn btn-primary btn-medium action-btn">
<svg class="arrow">
<use xlink:href="#singleCheck"></use>
</svg>
<span class="select">Seç</span>
<span class="selected">Seçildi</span>
</button>
</div>
</div>
<div class="row">
<div class="priority low"><i></i></div>
<div class="title-columns">
<div class="title">Emre Can VARDAR</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="date-label">
<i class="icon small"><svg class="arrow">
<use xlink:href="#datepicker"></use>
</svg></i>
<small>30 May 2020 - 21:51</small>
</div>
<div>
<span class="badge color-pink">İade Edildi</span>
<small>20200412-0002</small>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div>
<span class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<div class="com-type color-blue">
<svg class="arrow">
<use xlink:href="#world"></use>
</svg>
</div>
</span>
</div>
<div>
<div class="title">Müberra BAYBURT</div>
<div>
<time>2 gün geçti</time>
</div>
<small class="margin-top-small">Whatsapp İhbar Hattı - Şikayet</small>
<div class="returned orange margin-top-xsmall">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
</div>
</div>
<div class="informations-columns">
<div>
<span class="user-label multiple">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-2.jpg')"></span>
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
</span>
</div>
<div>
<div class="date-label">
<i class="icon small"><svg class="arrow">
<use xlink:href="#datepicker"></use>
</svg></i>
<small>30 May 2020 - 21:51</small>
</div>
<div class="size-large">
Malzeme Temini ve Tedarik Edilmesi
</div>
<div class="size-medium margin-top-xsmall">
Kültür ve Sosyal İşler Dairesi Başkanlığı
</div>
</div>
<button class="btn btn-primary btn-medium action-btn">
<svg class="arrow">
<use xlink:href="#singleCheck"></use>
</svg>
<span class="select">Seç</span>
<span class="selected">Seçildi</span>
</button>
</div>
</div>
<div class="row">
<div class="priority low"><i></i></div>
<div class="title-columns">
<div class="title">Emre Can VARDAR</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="date-label">
<i class="icon small"><svg class="arrow">
<use xlink:href="#datepicker"></use>
</svg></i>
<small>30 May 2020 - 21:51</small>
</div>
<div>
<span class="badge color-pink">İade Edildi</span>
<small>20200412-0002</small>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div>
<span class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<div class="com-type color-blue">
<svg class="arrow">
<use xlink:href="#world"></use>
</svg>
</div>
</span>
</div>
<div>
<div class="title">Müberra BAYBURT</div>
<div>
<time>2 gün geçti</time>
</div>
<small class="margin-top-small">Whatsapp İhbar Hattı - Şikayet</small>
<div class="returned orange margin-top-xsmall">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
</div>
</div>
<div class="informations-columns">
<div>
<span class="user-label multiple">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-2.jpg')"></span>
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
</span>
</div>
<div>
<div class="date-label">
<i class="icon small"><svg class="arrow">
<use xlink:href="#datepicker"></use>
</svg></i>
<small>30 May 2020 - 21:51</small>
</div>
<div class="size-large">
Malzeme Temini ve Tedarik Edilmesi
</div>
<div class="size-medium margin-top-xsmall">
Kültür ve Sosyal İşler Dairesi Başkanlığı
</div>
</div>
<button class="btn btn-primary btn-medium action-btn">
<svg class="arrow">
<use xlink:href="#singleCheck"></use>
</svg>
<span class="select">Seç</span>
<span class="selected">Seçildi</span>
</button>
</div>
</div>
<div class="row">
<div class="priority urgent"><i></i></div>
<div class="title-columns">
<div class="title">Emre Can VARDAR</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="date-label">
<i class="icon small"><svg class="arrow">
<use xlink:href="#datepicker"></use>
</svg></i>
<small>30 May 2020 - 21:51</small>
</div>
<div>
<span class="badge color-pink">İade Edildi</span>
<small>20200412-0002</small>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div>
<span class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-2.jpg')"></span>
<div class="com-type color-green">
<svg class="arrow">
<use xlink:href="#whatsapp"></use>
</svg>
</div>
</span>
</div>
<div>
<div class="title">Müberra BAYBURT</div>
<div>
<time>2 gün geçti</time>
</div>
<small class="margin-top-small">Whatsapp İhbar Hattı - Şikayet</small>
<div class="returned orange margin-top-xsmall">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
</div>
</div>
<div class="informations-columns">
<div>
<span class="user-label multiple">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-2.jpg')"></span>
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-2.jpg')"></span>
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
</span>
</div>
<div>
<div class="date-label">
<i class="icon small"><svg class="arrow">
<use xlink:href="#datepicker"></use>
</svg></i>
<small>30 May 2020 - 21:51</small>
</div>
<div class="size-large">
Malzeme Temini ve Tedarik Edilmesi
</div>
<div class="size-medium margin-top-xsmall">
Kültür ve Sosyal İşler Dairesi Başkanlığı
</div>
</div>
<button class="btn btn-primary btn-medium action-btn">
<svg class="arrow">
<use xlink:href="#singleCheck"></use>
</svg>
<span class="select">Seç</span>
<span class="selected">Seçildi</span>
</button>
</div>
</div>
</div>
<div class="pagination-container">
<span>4406 kayıttan 1 - 10 arasındaki kayıtlar gösteriliyor.</span>
<div class="pagination">
<button type="button" class="prev" disabled>Geri</button>
<button type="button">2</button>
<button type="button">3</button>
<button type="button">4</button>
<button type="button" class="next">İleri</button>
</div>
</div>
</main>
</div>
</div>
Step1
<div class="container">
<div class="grid-container">
<aside class="slideInUp animated">
<div class="step-tabs">
<div class="active slideInUp animated delay-1s">
<i class="list-badge blue">
<svg>
<use xlink:href="#listBadgeBg"></use>
</svg>
<span>1</span>
</i>
<div>
Kimlik ve Adres Bilgileri
</div>
</div>
<div class="slideInUp animated delay-2s">
<i class="list-badge green">
<svg>
<use xlink:href="#listBadgeBg"></use>
</svg>
<span>2</span>
</i>
<div>
Başvuru Konusu
</div>
</div>
<div class="slideInUp animated delay-3s">
<i class="list-badge orange">
<svg>
<use xlink:href="#listBadgeBg"></use>
</svg>
<span>3</span>
</i>
<div>
Önizleme
</div>
</div>
</div>
</aside>
<main>
<div class="title slideInUp animated delay-2s">
Başvuru Formu
</div>
<div class="form-container">
<div class="card slideInUp animated delay-1s">
<div class="title">Kimlik Bilgileri</div>
<div class="field">
<input type="text" name="tckn" value="" placeholder=" ">
<label for="tckn">T.C. Kimlik Numarası*</label>
</div>
<div class="field-container" grid>
<div six>
<div class="field">
<input type="text" name="name" value="" placeholder=" " autocomplete="off">
<label for="name">Adı</label>
</div>
</div>
<div six>
<div class="field">
<input type="text" name="surname" value="" placeholder=" " autocomplete="off">
<label for="surname">Soyadı</label>
</div>
</div>
</div>
<div class="field error">
<input type="phone" name="phone" placeholder=" " autocomplete="off">
<label for="phone">Telefon</label>
</div>
<div class="errors-list filled">
Bu alanın doldurulması zorunludur
</div>
<div class="field">
<input type="phone" name="phone" placeholder=" " autocomplete="off">
<label for="phone">Telefon (Ev/İş) </label>
</div>
<div class="field">
<input type="email" name="email" placeholder=" " autocomplete="off">
<label for="email">E-Posta</label>
</div>
<div class="title">Geri Dönüş Türü</div>
<div class="field-container error">
<div class="checkbox-group">
<input type="checkbox" id="sms" name="sms">
<label for="sms"><span>SMS</span></label>
<span></span>
</div>
<div class="checkbox-group">
<input type="checkbox" id="phoneCall" name="phoneCall" checked>
<label for="phoneCall"><span>Telefon ile Arama</span></label>
<span></span>
</div>
<div class="checkbox-group">
<input type="checkbox" id="emailReturn" name="emailReturn">
<label for="emailReturn"><span>E-posta</span></label>
<span></span>
</div>
</div>
<div class="errors-list filled">
Bu alanlardan en az birini seçiniz
</div>
</div>
<div class="card slideInUp animated delay-2s">
<div class="title">Adres Bilgileri</div>
<div class="field-container" grid>
<div six>
<div class="field filterable error">
<input type="text" name="city" value="" placeholder=" " autocomplete="off">
<label for="city">İl*</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Trabzon</span>
<span data-val="2">Rize</span>
<span data-val="3">İzmir</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
</div>
<div six>
<div class="field filterable">
<input type="text" name="city" value="" placeholder=" " autocomplete="off">
<label for="city">İlçe*</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Ortahisar</span>
<span data-val="2">Akçabat</span>
<span data-val="3">Araklı</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
</div>
</div>
<div class="field filterable">
<input type="text" name="city" value="" placeholder=" " autocomplete="off">
<label for="city">Mahalle/Köy</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Trabzon</span>
<span data-val="2">Rize</span>
<span data-val="3">İzmir</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field filterable">
<input type="text" name="city" value="" placeholder=" " autocomplete="off">
<label for="city">Cadde</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Trabzon</span>
<span data-val="2">Rize</span>
<span data-val="3">İzmir</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field filterable">
<input type="text" name="city" value="" placeholder=" " autocomplete="off">
<label for="city">Sokak</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Trabzon</span>
<span data-val="2">Rize</span>
<span data-val="3">İzmir</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field-container" grid>
<div six>
<div class="field filterable">
<input type="text" name="city" value="" placeholder=" " autocomplete="off">
<label for="city">Bina</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Trabzon</span>
<span data-val="2">Rize</span>
<span data-val="3">İzmir</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
</div>
<div six>
<div class="field filterable">
<input type="text" name="city" value="" placeholder=" " autocomplete="off">
<label for="city">Hane</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Ortahisar</span>
<span data-val="2">Akçabat</span>
<span data-val="3">Araklı</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
</div>
</div>
</div>
<div class="card slideInUp animated delay-3s">
<div class="title">
Kurumsal Başvuru
</div>
<div class="checkbox-group">
<input type="checkbox" id="corporate" name="corporate">
<label for="corporate"><span>Kurumsal Başvuru Olarak Kaydet</span></label>
<span></span>
</div>
<div class="corporate-container margin-top">
<div class="field">
<input type="text" name="taxNumber" value="" placeholder=" " autocomplete="off">
<label for="taxNumber">Vergi Numarası</label>
</div>
<div class="field">
<input type="text" name="companyName" value="" placeholder=" " autocomplete="off">
<label for="companyName">Kurum Adı</label>
</div>
<div class="field filterable">
<input type="text" name="city" value="" placeholder=" " autocomplete="off">
<label for="city">Sokak</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Trabzon</span>
<span data-val="2">Rize</span>
<span data-val="3">İzmir</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
</div>
</div>
</div>
<div class="title small margin-top-medium margin-bottom slideInUp animated delay-3s">
Önceki Başvurular
</div>
<div class="card table-container slideInUp animated delay-4s">
<div class="table">
<div class="row">
<div class="priority low"><i></i></div>
<div class="title-columns">
<div class="title">Emre Can VARDAR</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="returned orange">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
</div>
<div class="details-columns">
<div class="com-type color-yellow">
<svg class="arrow">
<use xlink:href="#headphone"></use>
</svg>
</div>
<div class="">
<div class="title"><time>2 gün geçti</time></div>
<small>153 - Çağrı Merkezi - Teşekkür</small>
</div>
</div>
<div class="informations-columns text-right">
<span class="badge color-pink">İade Edildi</span>
</div>
</div>
<div class="row">
<div class="priority low"><i></i></div>
<div class="title-columns">
<div class="title">Emre Can VARDAR</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="returned orange">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
</div>
<div class="details-columns">
<div class="com-type color-yellow">
<svg class="arrow">
<use xlink:href="#headphone"></use>
</svg>
</div>
<div class="">
<div class="title"><time>2 gün geçti</time></div>
<small>153 - Çağrı Merkezi - Teşekkür</small>
</div>
</div>
<div class="informations-columns text-right">
<span class="badge color-pink">İade Edildi</span>
</div>
</div>
</div>
</div>
<div class="step-action-container slideInUp animated delay-5s">
<button type="button" name="button" class="btn btn-primary btn-icon-right">
<span>Kaydet ve Devam Et</span>
<svg>
<use xlink:href="#next"></use>
</svg>
</button>
</div>
</main>
</div>
</div>
Step2
<div class="container">
<div class="grid-container">
<aside class="slideInUp animated">
<div class="step-tabs">
<div class="slideInUp animated delay-1s">
<i class="list-badge blue">
<svg>
<use xlink:href="#listBadgeBg"></use>
</svg>
<span><svg>
<use xlink:href="#singleCheck"></use>
</svg></span>
</i>
<div>
Kimlik ve Adres Bilgileri
</div>
</div>
<div class="active slideInUp animated delay-2s">
<i class="list-badge green">
<svg>
<use xlink:href="#listBadgeBg"></use>
</svg>
<span>2</span>
</i>
<div>
Başvuru Konusu
</div>
</div>
<div class="slideInUp animated delay-3s">
<i class="list-badge orange">
<svg>
<use xlink:href="#listBadgeBg"></use>
</svg>
<span>3</span>
</i>
<div>
Önizleme
</div>
</div>
</div>
</aside>
<main>
<div class="title slideInUp animated delay-2s">
Başvuru Formu
</div>
<div class="form-container">
<div class="card slideInUp animated delay-1s">
<div class="title">Başvuru Konusu</div>
<div class="field filterable">
<input type="text" name="subjectGroup" value="" placeholder=" " autocomplete="off">
<label for="subjectGroup">Konu Grubu</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Altyapı Faliyetleri</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field filterable">
<input type="text" name="subjectGroup" value="" placeholder=" " autocomplete="off">
<label for="subjectGroup">Konu Başlığı</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Altyapı Faliyetleri</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field filterable">
<input type="text" name="subjectGroup" value="" placeholder=" " autocomplete="off">
<label for="subjectGroup">İlgili Dair Başkanlığı</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Altyapı Faliyetleri</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field filterable">
<input type="text" name="subjectGroup" value="" placeholder=" " autocomplete="off">
<label for="subjectGroup">Talep Türü</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Altyapı Faliyetleri</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field filterable">
<input type="text" name="subjectGroup" value="" placeholder=" " autocomplete="off">
<label for="subjectGroup">Öncelik</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">
<div class="priority low"><i></i></div>
<div>Düşük</div>
</span>
<span data-val="1">
<div class="priority medium"><i></i></div>
<div>Normal</div>
</span>
<span data-val="1">
<div class="priority high"><i></i></div>
<div>Yüksek</div>
</span>
<span data-val="1">
<div class="priority urgent"><i></i></div>
<div>Acil</div>
</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field-container" grid>
<div six>
<div class="field">
<input type="text" name="date" value="" placeholder=" " class="datepicker" autocomplete="off">
<label for="date">Vaka Tarihi</label>
<i><svg>
<use xlink:href="#datepicker"></use>
</svg></i>
</div>
</div>
<div six>
<div class="checkbox-group information-checkbox">
<input type="checkbox" id="informationCheckbox" name="informationCheckbox">
<label for="informationCheckbox"><span>Bilgilendirme</span></label>
<span></span>
</div>
</div>
</div>
</div>
<div class="card slideInUp animated delay-2s">
<div class="title">Başvuruya Konu Olan Vaka Adresi</div>
<div class="checkbox-group margin-bottom">
<input type="checkbox" id="ikamet" name="ikamet">
<label for="ikamet"><span>İkamet adresi ile aynı</span></label>
<span></span>
</div>
<div class="field filterable">
<input type="text" name="city" value="" placeholder=" " autocomplete="off">
<label for="city">İlçe*</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Ortahisar</span>
<span data-val="2">Akçabat</span>
<span data-val="3">Araklı</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field filterable">
<input type="text" name="city" value="" placeholder=" " autocomplete="off">
<label for="city">Mahalle/Köy</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Trabzon</span>
<span data-val="2">Rize</span>
<span data-val="3">İzmir</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field filterable">
<input type="text" name="city" value="" placeholder=" " autocomplete="off">
<label for="city">Cadde</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Trabzon</span>
<span data-val="2">Rize</span>
<span data-val="3">İzmir</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field filterable">
<input type="text" name="city" value="" placeholder=" " autocomplete="off">
<label for="city">Sokak</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Trabzon</span>
<span data-val="2">Rize</span>
<span data-val="3">İzmir</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field-container" grid>
<div six>
<div class="field filterable">
<input type="text" name="city" value="" placeholder=" " autocomplete="off">
<label for="city">Bina</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Trabzon</span>
<span data-val="2">Rize</span>
<span data-val="3">İzmir</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
</div>
<div six>
<div class="field filterable">
<input type="text" name="city" value="" placeholder=" " autocomplete="off">
<label for="city">Hane</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Ortahisar</span>
<span data-val="2">Akçabat</span>
<span data-val="3">Araklı</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
</div>
</div>
<div class="field textarea">
<textarea name="address" placeholder=" "></textarea>
<label for="address">Adres tarifi</label>
</div>
</div>
<div class="card slideInUp animated delay-3s">
<div class="title">
Kurumsal Başvuru
</div>
<div class="segmented margin-bottom">
<div class="segmented-highlight"></div>
<button class="active">Dilekçe</button>
<button class="">Dilekçe Ekleri</button>
</div>
<div class="upload-container margin-bottom">
<div class="upload-container-inner">
<div class="upload">
<div class="content">
<div class="title">
Dilekçe Eklerini Sürükleyin ya da <span>Gözat</span>
</div>
<svg>
<use xlink:href="#upload"></use>
</svg>
</div>
<input class="upload-input" multiple="true" name="files[]" type="file" />
</div>
</div>
<div class="file-list"></div>
</div>
<div class="tabs-container">
<div class="tab-content">
<div class="field textarea">
<textarea name="notes" placeholder=" "></textarea>
<label for="notes">Notlar</label>
</div>
</div>
</div>
</div>
</div>
<div class="step-action-container slideInUp animated delay-4s">
<button type="button" name="button" class="btn btn-primary btn-icon-right">
<span>Kaydet ve Devam Et</span>
<svg>
<use xlink:href="#next"></use>
</svg>
</button>
</div>
</main>
</div>
</div>
Step3
Önizleme (3 sayfa)
<div class="container">
<div class="grid-container">
<aside>
<div class="step-tabs">
<div class="slideInUp animated delay-1s">
<i class="list-badge blue">
<svg>
<use xlink:href="#listBadgeBg"></use>
</svg>
<span><svg>
<use xlink:href="#singleCheck"></use>
</svg></span>
</i>
<div>
Kimlik ve Adres Bilgileri
</div>
</div>
<div class="slideInUp animated delay-2s">
<i class="list-badge green">
<svg>
<use xlink:href="#listBadgeBg"></use>
</svg>
<span><svg>
<use xlink:href="#singleCheck"></use>
</svg></span>
</i>
<div>
Başvuru Konusu
</div>
</div>
<div class="active slideInUp animated delay-3s">
<i class="list-badge orange">
<svg>
<use xlink:href="#listBadgeBg"></use>
</svg>
<span>3</span>
</i>
<div>
Önizleme
</div>
</div>
</div>
</aside>
<main>
<div class="title slideInUp animated delay-2s">
Başvuru Formu
</div>
<div class="card apply-preview slideInUp animated delay-1s">
<div class="title">
Önizleme (3 sayfa)
</div>
<div class="application-wrapper">
<div class="application-container application-container-double" style="--count: 3">
<div class="item">
<div class="notch"></div>
<img src="/assets/toolkit/images/dilekce.jpg" alt="">
</div>
<div class="item">
<div class="notch"></div>
<img src="/assets/toolkit/images/dilekce.jpg" alt="">
</div>
<div class="item">
<div class="notch"></div>
<img src="/assets/toolkit/images/dilekce.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="step-action-container slideInUp animated delay-2s">
<button type="button" name="button" class="btn btn-primary btn-icon-right">
<span>Kaydet ve Devam Et</span>
<svg>
<use xlink:href="#next"></use>
</svg>
</button>
</div>
</main>
</div>
</div>
Aside
<aside class="dashboard-aside">
<div class="card">
<header>
<a href="./" class="logo">
<img src="/assets/toolkit/images/logo.png" alt="">
<!-- <svg>
<use xlink:href="#logo"></use>
</svg> -->
</a>
<button type="button" class="btn btn-light-primary small" data-tippy-content="Tooltip">
<svg>
<use xlink:href="#headphone"></use>
</svg>
</button>
</header>
<main>
<div class="user">
<span class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
</span>
<div>
<div class="title">
Hoşgeldiniz, <b>Sn. Ali Akan</b>
</div>
<span>Bekleyen Başvurular (23)</span>
</div>
</div>
<nav>
<a class="item" href="#">Profilim</a>
<div class="item dropdown-nav">
<span>Hesap Profili</span>
<div class="item-desc">
<small>Kültür ve Sosyal İşler Dairesi Başkanlığı</small>
<i class="icon small"><svg>
<use xlink:href="#arrow"></use>
</svg></i>
</div>
</div>
<div class="dropdown-nav-content has-sub-categories">
<div class="search-input">
<input type="text" id="subCategoryInput">
<svg>
<use xlink:href="#search"></use>
</svg>
</div>
<div class="categories-container">
<a href="#" class="item header">Sağlık İşleri Dairesi Başkanlığı</a>
<a href="#" class="item">Vektörel Mücadele Şube Müdürlüğü</a>
<a href="#" class="item">Park ve Bahçeler Şube Müdürlüğü</a>
<a href="#" class="item">Park ve Bahçeler Şube Müdürlüğü</a>
<a href="#" class="item">Park ve Bahçeler Şube Müdürlüğü</a>
<a href="#" class="item header">Sağlık İşleri Dairesi Başkanlığı</a>
<a href="#" class="item">Vektörel Mücadele Şube Müdürlüğü</a>
<a href="#" class="item">Park ve Bahçeler Şube Müdürlüğü</a>
<a href="#" class="item header">Sağlık İşleri Dairesi Başkanlığı</a>
<a href="#" class="item">Vektörel Mücadele Şube Müdürlüğü</a>
<a href="#" class="item">Park ve Bahçeler Şube Müdürlüğü</a>
<a href="#" class="item">Park ve Bahçeler Şube Müdürlüğü</a>
<a href="#" class="item">Park ve Bahçeler Şube Müdürlüğü</a>
<div class="no-result" id="subCategoryNoResult">
<svg>
<use xlink:href="#exclamation"></use>
</svg>
<span>Sonuç Bulunamadı!</span>
</div>
</div>
</div>
<a class="item" href="#">Başvuru Listesi</a>
<a class="item dropdown-nav" href="#">
<span>Sistem Yönetimi</span>
<i class="icon small"><svg>
<use xlink:href="#arrow"></use>
</svg></i>
</a>
<div class="dropdown-nav-content">
<a href="#" class="item">
Birim Yönetimi
</a>
</div>
<div class="divider"></div>
<a class="item" href="#">Çıkış Yap</a>
</nav>
</main>
<footer>
<button type="button" name="button" class="btn btn-primary btn-icon">
<svg>
<use xlink:href="#apply"></use>
</svg>
<span>Yeni Talep Oluştur</span>
</button>
</footer>
</div>
</aside>
Chart
Tamamlanan (%73)
Toplam
630
1.120
200
100
50
0
03 May
10 May
17 May
24 May
01 Haz
Dün
8.0%
53 ADET
Geçen Hafta
25%
216 ADET
Geçen Ay
66%
1029 ADET
<div class="card chart-card">
<div class="segmented">
<div class="segmented-highlight"></div>
<button class="active">Sonlandırılan</button>
<button>Süresi Geçenler</button>
<button class="dropdown-menu-container">
<div class="dropdown-menu">
<span>Tümü</span>
<svg class="arrow">
<use xlink:href="#arrow"></use>
</svg>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<span>Tamamlama Performansı</span>
</a>
</li>
<li>
<a href="#">
<span>Tamamlama Performansı</span>
</a>
</li>
<li>
<a href="#">
<span>Tamamlama Performansı</span>
</a>
</li>
</ul>
</div>
</button>
</div>
<div class="chart-container">
<div class="chart-total">
<div>
<span>Tamamlanan <small>(%73)</small></span>
<span>Toplam</span>
</div>
<i style="--width: 2%"></i>
<b>
<span>630</span>
<span>1.120</span>
</b>
</div>
<canvas id="chart"></canvas>
<div class="y-axis">
<i>200</i>
<i>100</i>
<i>50</i>
<i>0</i>
</div>
<div class="x-axis">
<i>03 May</i>
<i>10 May</i>
<i>17 May</i>
<i>24 May</i>
<i>01 Haz</i>
</div>
</div>
<div class="chart-data-container">
<div class="item">
<span>Dün</span>
<div>
<strong>8.0<small>%</small></strong>
<svg class="color-red">
<use xlink:href="#direction"></use>
</svg>
</div>
<i>53 ADET</i>
</div>
<div class="item">
<span>Geçen Hafta</span>
<div>
<strong>25<small>%</small></strong>
<svg class="color-red">
<use xlink:href="#direction"></use>
</svg>
</div>
<i>216 ADET</i>
</div>
<div class="item">
<span>Geçen Ay</span>
<div>
<strong>66<small>%</small></strong>
<svg class="color-green">
<use xlink:href="#direction"></use>
</svg>
</div>
<i>1029 ADET</i>
</div>
</div>
</div>
Notifications
Bildirimler(11)
6
Haz
Biriminizle ilgili yeni bir başvuru alındı. Biriminizle ilgili yeni bir başvuru alındı.
Abdulkadir Bektaş
6
Haz
Biriminizle ilgili yeni bir başvuru alındı. başvuru
Abdulkadir Bektaş
6
Haz
Biriminizle ilgili yeni bir başvuru alındı.
Abdulkadir Bektaş
6
Haz
Biriminizle ilgili yeni bir başvuru alındı.
Abdulkadir Bektaş
6
Haz
Biriminizle ilgili yeni bir başvuru alındı.
Abdulkadir Bektaş
6
Haz
Biriminizle ilgili yeni bir başvuru alındı.
Abdulkadir Bektaş
6
Haz
Biriminizle ilgili yeni bir başvuru alındı.
Abdulkadir Bektaş
<div class="notifications" id="notifications">
<div class="card no-padding notifications">
<div class="modal-tick"></div>
<div class="block-title">
<span>Bildirimler(11)</span>
<button type="button" class="small">Tümünü Okundu olarak işaretle</button>
</div>
<div class="segmented-container">
<div class="segmented segmented-fluid">
<div class="segmented-highlight"></div>
<button class="active">Sonlandırılan</button>
<button>Süresi Geçenler</button>
<button>Tümü</button>
</div>
</div>
<div class="notifications-content">
<div class="item unread">
<div class="date">
<b>6</b>
<span>Haz</span>
</div>
<div class="content">
<div class="title">
<svg>
<use xlink:href="#applyList"></use>
</svg>
<span>Biriminizle ilgili yeni bir başvuru alındı. Biriminizle ilgili yeni bir başvuru alındı.</span>
</div>
<div class="user-label small">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<span>Abdulkadir Bektaş</span>
</div>
<button type="button" name="button" class="btn btn-primary btn-xsmall">İşleme al</button>
</div>
</div>
<div class="item unread">
<div class="date">
<b>6</b>
<span>Haz</span>
</div>
<div class="content">
<div class="title">
<svg>
<use xlink:href="#applyList"></use>
</svg>
<span>Biriminizle ilgili yeni bir başvuru alındı. başvuru </span>
</div>
<div class="user-label small">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-2.jpg')"></span>
<span>Abdulkadir Bektaş</span>
</div>
<button type="button" name="button" class="btn btn-primary btn-xsmall">İşleme al</button>
</div>
</div>
<div class="item">
<div class="date">
<b>6</b>
<span>Haz</span>
</div>
<div class="content">
<div class="title">
<svg>
<use xlink:href="#applyList"></use>
</svg>
<span>Biriminizle ilgili yeni bir başvuru alındı.</span>
</div>
<div class="user-label small">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Abdulkadir Bektaş</span>
</div>
</div>
</div>
<div class="item">
<div class="date">
<b>6</b>
<span>Haz</span>
</div>
<div class="content">
<div class="title">
<svg>
<use xlink:href="#applyList"></use>
</svg>
<span>Biriminizle ilgili yeni bir başvuru alındı.</span>
</div>
<div class="user-label small">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Abdulkadir Bektaş</span>
</div>
</div>
</div>
<div class="item">
<div class="date">
<b>6</b>
<span>Haz</span>
</div>
<div class="content">
<div class="title">
<svg>
<use xlink:href="#applyList"></use>
</svg>
<span>Biriminizle ilgili yeni bir başvuru alındı.</span>
</div>
<div class="user-label small">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Abdulkadir Bektaş</span>
</div>
</div>
</div>
<div class="item">
<div class="date">
<b>6</b>
<span>Haz</span>
</div>
<div class="content">
<div class="title">
<svg>
<use xlink:href="#applyList"></use>
</svg>
<span>Biriminizle ilgili yeni bir başvuru alındı.</span>
</div>
<div class="user-label small">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Abdulkadir Bektaş</span>
</div>
</div>
</div>
<div class="item">
<div class="date">
<b>6</b>
<span>Haz</span>
</div>
<div class="content">
<div class="title">
<svg>
<use xlink:href="#applyList"></use>
</svg>
<span>Biriminizle ilgili yeni bir başvuru alındı.</span>
</div>
<div class="user-label small">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Abdulkadir Bektaş</span>
</div>
</div>
</div>
<footer>
<button type="button" name="button" class="btn btn-subtle">Tümünü Göster</button>
</footer>
</div>
</div>
</div>
Workflow
İş Takibi
Emre Can VARDAR
Kültür Merkezlerinin Tahsisi
Geri Dönüş Yapılmadı
153 - Çağrı Merkezi - Teşekkür
İade Edildi
Levent KAYNAK
Kültür Merkezlerinin Tahsisi
Geri Dönüş Yapıldı
153 - Çağrı Merkezi - Teşekkür
Tamamlandı
Birol ÖZTÜRK
Kültür Merkezlerinin Tahsisi
Geri Dönüş Yapılmadı
153 - Çağrı Merkezi - Teşekkür
İşleme Alındı
Arif ÇAKIROĞLU
Kültür Merkezlerinin Tahsisi
Geri Dönüş Yapılmadı
153 - Çağrı Merkezi - Teşekkür
Onay Bekliyor
Merve KOCAMAN
Kültür Merkezlerinin Tahsisi
Geri Dönüş Yapılmadı
153 - Çağrı Merkezi - Teşekkür
İade Edildi
4406 kayıttan 1 - 10 arasındaki kayıtlar gösteriliyor.
<div class="block-title">
İş Takibi
</div>
<div class="card work-flow">
<div class="segmented-container">
<div class="segmented segmented-fluid segmented-user-label">
<div class="segmented-highlight"></div>
<button class="active user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<span>Ali Akan</span>
</button>
<button class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-2.jpg')"></span>
<span>Zehra DEMİRKALE</span>
</button>
<button class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Gökçe KARABİNA</span>
</button>
<button class="dropdown-menu-container">
<!--
Info: dropdown'dan kullanıcı seçilirse içerik aşağıdaki gibi güncellenecek
<div class="dropdown-menu user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Tümü</span>
<svg class="arrow"><use xlink:href="#arrow"></use></svg>
</div>
-->
<div class="dropdown-menu">
<span>Tümü</span>
<svg class="arrow">
<use xlink:href="#arrow"></use>
</svg>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#" class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Ali Akan</span>
</a>
</li>
<li>
<a href="#" class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Zehra DEMİRKALE</span>
</a>
</li>
<li>
<a href="#" class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Gökçe KARABİNA</span>
</a>
</li>
</ul>
</div>
</button>
</div>
</div>
<div class="table">
<div class="row">
<div class="priority low"><i></i></div>
<div class="title-columns">
<div class="title">Emre Can VARDAR</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="returned orange">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div class="com-type color-yellow">
<svg class="arrow">
<use xlink:href="#headphone"></use>
</svg>
</div>
<div class="">
<div class="title"><time>2 gün geçti</time></div>
<small>153 - Çağrı Merkezi - Teşekkür</small>
</div>
</div>
<div class="informations-columns text-right">
<span class="badge color-pink">İade Edildi</span>
</div>
</div>
<div class="row">
<div class="priority medium"><i></i></div>
<div class="title-columns">
<div class="title">Levent KAYNAK</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="returned blue">
<svg class="arrow">
<use xlink:href="#check"></use>
</svg>
<span>Geri Dönüş <b>Yapıldı</b></span>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div class="com-type color-blue">
<svg class="arrow">
<use xlink:href="#world"></use>
</svg>
</div>
<div class="">
<div class="title"><time>2 gün geçti</time></div>
<small>153 - Çağrı Merkezi - Teşekkür</small>
</div>
</div>
<div class="informations-columns text-right">
<span class="badge color-green">Tamamlandı</span>
</div>
</div>
<div class="row">
<div class="priority high"><i></i></div>
<div class="title-columns">
<div class="title">Birol ÖZTÜRK</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="returned orange">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div class="com-type color-green">
<svg class="arrow">
<use xlink:href="#whatsapp"></use>
</svg>
</div>
<div class="">
<div class="title"><time>2 gün geçti</time></div>
<small>153 - Çağrı Merkezi - Teşekkür</small>
</div>
</div>
<div class="informations-columns text-right">
<span class="badge color-blue">İşleme Alındı</span>
</div>
</div>
<div class="row">
<div class="priority low"><i></i></div>
<div class="title-columns">
<div class="title">Arif ÇAKIROĞLU</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="returned orange">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div class="com-type color-claret">
<svg class="arrow">
<use xlink:href="#bordomavi"></use>
</svg>
</div>
<div class="">
<div class="title"><time>2 gün geçti</time></div>
<small>153 - Çağrı Merkezi - Teşekkür</small>
</div>
</div>
<div class="informations-columns text-right">
<span class="badge color-yellow">Onay Bekliyor</span>
</div>
</div>
<div class="row">
<div class="priority urgent"><i></i></div>
<div class="title-columns">
<div class="title">Merve KOCAMAN</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="returned orange">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div class="com-type color-yellow">
<svg class="arrow">
<use xlink:href="#headphone"></use>
</svg>
</div>
<div class="">
<div class="title"><time>2 gün geçti</time></div>
<small>153 - Çağrı Merkezi - Teşekkür</small>
</div>
</div>
<div class="informations-columns text-right">
<span class="badge color-pink">İade Edildi</span>
</div>
</div>
</div>
</div>
<div class="pagination-container">
<span>4406 kayıttan 1 - 10 arasındaki kayıtlar gösteriliyor.</span>
<div class="pagination">
<button type="button" class="prev" disabled>Geri</button>
<button type="button">2</button>
<button type="button">3</button>
<button type="button">4</button>
<button type="button" class="next">İleri</button>
</div>
</div>
Tamamlanan (%73)
Toplam
630
1.120
200
100
50
0
03 May
10 May
17 May
24 May
01 Haz
Dün
8.0%
53 ADET
Geçen Hafta
25%
216 ADET
Geçen Ay
66%
1029 ADET
İş Takibi
Emre Can VARDAR
Kültür Merkezlerinin Tahsisi
Geri Dönüş Yapılmadı
153 - Çağrı Merkezi - Teşekkür
İade Edildi
Levent KAYNAK
Kültür Merkezlerinin Tahsisi
Geri Dönüş Yapıldı
153 - Çağrı Merkezi - Teşekkür
Tamamlandı
Birol ÖZTÜRK
Kültür Merkezlerinin Tahsisi
Geri Dönüş Yapılmadı
153 - Çağrı Merkezi - Teşekkür
İşleme Alındı
Arif ÇAKIROĞLU
Kültür Merkezlerinin Tahsisi
Geri Dönüş Yapılmadı
153 - Çağrı Merkezi - Teşekkür
Onay Bekliyor
Merve KOCAMAN
Kültür Merkezlerinin Tahsisi
Geri Dönüş Yapılmadı
153 - Çağrı Merkezi - Teşekkür
İade Edildi
4406 kayıttan 1 - 10 arasındaki kayıtlar gösteriliyor.
Bildirimler(11)
6
Haz
Biriminizle ilgili yeni bir başvuru alındı. Biriminizle ilgili yeni bir başvuru alındı.
Abdulkadir Bektaş
6
Haz
Biriminizle ilgili yeni bir başvuru alındı. başvuru
Abdulkadir Bektaş
6
Haz
Biriminizle ilgili yeni bir başvuru alındı.
Abdulkadir Bektaş
6
Haz
Biriminizle ilgili yeni bir başvuru alındı.
Abdulkadir Bektaş
6
Haz
Biriminizle ilgili yeni bir başvuru alındı.
Abdulkadir Bektaş
6
Haz
Biriminizle ilgili yeni bir başvuru alındı.
Abdulkadir Bektaş
6
Haz
Biriminizle ilgili yeni bir başvuru alındı.
Abdulkadir Bektaş
<div class="container">
<div class="grid-container">
<aside class="dashboard-aside">
<div class="card">
<header>
<a href="./" class="logo">
<img src="/assets/toolkit/images/logo.png" alt="">
<!-- <svg>
<use xlink:href="#logo"></use>
</svg> -->
</a>
<button type="button" class="btn btn-light-primary small" data-tippy-content="Tooltip">
<svg>
<use xlink:href="#headphone"></use>
</svg>
</button>
</header>
<main>
<div class="user">
<span class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
</span>
<div>
<div class="title">
Hoşgeldiniz, <b>Sn. Ali Akan</b>
</div>
<span>Bekleyen Başvurular (23)</span>
</div>
</div>
<nav>
<a class="item" href="#">Profilim</a>
<div class="item dropdown-nav">
<span>Hesap Profili</span>
<div class="item-desc">
<small>Kültür ve Sosyal İşler Dairesi Başkanlığı</small>
<i class="icon small"><svg>
<use xlink:href="#arrow"></use>
</svg></i>
</div>
</div>
<div class="dropdown-nav-content has-sub-categories">
<div class="search-input">
<input type="text" id="subCategoryInput">
<svg>
<use xlink:href="#search"></use>
</svg>
</div>
<div class="categories-container">
<a href="#" class="item header">Sağlık İşleri Dairesi Başkanlığı</a>
<a href="#" class="item">Vektörel Mücadele Şube Müdürlüğü</a>
<a href="#" class="item">Park ve Bahçeler Şube Müdürlüğü</a>
<a href="#" class="item">Park ve Bahçeler Şube Müdürlüğü</a>
<a href="#" class="item">Park ve Bahçeler Şube Müdürlüğü</a>
<a href="#" class="item header">Sağlık İşleri Dairesi Başkanlığı</a>
<a href="#" class="item">Vektörel Mücadele Şube Müdürlüğü</a>
<a href="#" class="item">Park ve Bahçeler Şube Müdürlüğü</a>
<a href="#" class="item header">Sağlık İşleri Dairesi Başkanlığı</a>
<a href="#" class="item">Vektörel Mücadele Şube Müdürlüğü</a>
<a href="#" class="item">Park ve Bahçeler Şube Müdürlüğü</a>
<a href="#" class="item">Park ve Bahçeler Şube Müdürlüğü</a>
<a href="#" class="item">Park ve Bahçeler Şube Müdürlüğü</a>
<div class="no-result" id="subCategoryNoResult">
<svg>
<use xlink:href="#exclamation"></use>
</svg>
<span>Sonuç Bulunamadı!</span>
</div>
</div>
</div>
<a class="item" href="#">Başvuru Listesi</a>
<a class="item dropdown-nav" href="#">
<span>Sistem Yönetimi</span>
<i class="icon small"><svg>
<use xlink:href="#arrow"></use>
</svg></i>
</a>
<div class="dropdown-nav-content">
<a href="#" class="item">
Birim Yönetimi
</a>
</div>
<div class="divider"></div>
<a class="item" href="#">Çıkış Yap</a>
</nav>
</main>
<footer>
<button type="button" name="button" class="btn btn-primary btn-icon">
<svg>
<use xlink:href="#apply"></use>
</svg>
<span>Yeni Talep Oluştur</span>
</button>
</footer>
</div>
</aside>
<main>
<div class="card chart-card">
<div class="segmented">
<div class="segmented-highlight"></div>
<button class="active">Sonlandırılan</button>
<button>Süresi Geçenler</button>
<button class="dropdown-menu-container">
<div class="dropdown-menu">
<span>Tümü</span>
<svg class="arrow">
<use xlink:href="#arrow"></use>
</svg>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<span>Tamamlama Performansı</span>
</a>
</li>
<li>
<a href="#">
<span>Tamamlama Performansı</span>
</a>
</li>
<li>
<a href="#">
<span>Tamamlama Performansı</span>
</a>
</li>
</ul>
</div>
</button>
</div>
<div class="chart-container">
<div class="chart-total">
<div>
<span>Tamamlanan <small>(%73)</small></span>
<span>Toplam</span>
</div>
<i style="--width: 2%"></i>
<b>
<span>630</span>
<span>1.120</span>
</b>
</div>
<canvas id="chart"></canvas>
<div class="y-axis">
<i>200</i>
<i>100</i>
<i>50</i>
<i>0</i>
</div>
<div class="x-axis">
<i>03 May</i>
<i>10 May</i>
<i>17 May</i>
<i>24 May</i>
<i>01 Haz</i>
</div>
</div>
<div class="chart-data-container">
<div class="item">
<span>Dün</span>
<div>
<strong>8.0<small>%</small></strong>
<svg class="color-red">
<use xlink:href="#direction"></use>
</svg>
</div>
<i>53 ADET</i>
</div>
<div class="item">
<span>Geçen Hafta</span>
<div>
<strong>25<small>%</small></strong>
<svg class="color-red">
<use xlink:href="#direction"></use>
</svg>
</div>
<i>216 ADET</i>
</div>
<div class="item">
<span>Geçen Ay</span>
<div>
<strong>66<small>%</small></strong>
<svg class="color-green">
<use xlink:href="#direction"></use>
</svg>
</div>
<i>1029 ADET</i>
</div>
</div>
</div>
<div class="block-title">
İş Takibi
</div>
<div class="card work-flow">
<div class="segmented-container">
<div class="segmented segmented-fluid segmented-user-label">
<div class="segmented-highlight"></div>
<button class="active user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<span>Ali Akan</span>
</button>
<button class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-2.jpg')"></span>
<span>Zehra DEMİRKALE</span>
</button>
<button class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Gökçe KARABİNA</span>
</button>
<button class="dropdown-menu-container">
<!--
Info: dropdown'dan kullanıcı seçilirse içerik aşağıdaki gibi güncellenecek
<div class="dropdown-menu user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Tümü</span>
<svg class="arrow"><use xlink:href="#arrow"></use></svg>
</div>
-->
<div class="dropdown-menu">
<span>Tümü</span>
<svg class="arrow">
<use xlink:href="#arrow"></use>
</svg>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#" class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Ali Akan</span>
</a>
</li>
<li>
<a href="#" class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Zehra DEMİRKALE</span>
</a>
</li>
<li>
<a href="#" class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Gökçe KARABİNA</span>
</a>
</li>
</ul>
</div>
</button>
</div>
</div>
<div class="table">
<div class="row">
<div class="priority low"><i></i></div>
<div class="title-columns">
<div class="title">Emre Can VARDAR</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="returned orange">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div class="com-type color-yellow">
<svg class="arrow">
<use xlink:href="#headphone"></use>
</svg>
</div>
<div class="">
<div class="title"><time>2 gün geçti</time></div>
<small>153 - Çağrı Merkezi - Teşekkür</small>
</div>
</div>
<div class="informations-columns text-right">
<span class="badge color-pink">İade Edildi</span>
</div>
</div>
<div class="row">
<div class="priority medium"><i></i></div>
<div class="title-columns">
<div class="title">Levent KAYNAK</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="returned blue">
<svg class="arrow">
<use xlink:href="#check"></use>
</svg>
<span>Geri Dönüş <b>Yapıldı</b></span>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div class="com-type color-blue">
<svg class="arrow">
<use xlink:href="#world"></use>
</svg>
</div>
<div class="">
<div class="title"><time>2 gün geçti</time></div>
<small>153 - Çağrı Merkezi - Teşekkür</small>
</div>
</div>
<div class="informations-columns text-right">
<span class="badge color-green">Tamamlandı</span>
</div>
</div>
<div class="row">
<div class="priority high"><i></i></div>
<div class="title-columns">
<div class="title">Birol ÖZTÜRK</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="returned orange">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div class="com-type color-green">
<svg class="arrow">
<use xlink:href="#whatsapp"></use>
</svg>
</div>
<div class="">
<div class="title"><time>2 gün geçti</time></div>
<small>153 - Çağrı Merkezi - Teşekkür</small>
</div>
</div>
<div class="informations-columns text-right">
<span class="badge color-blue">İşleme Alındı</span>
</div>
</div>
<div class="row">
<div class="priority low"><i></i></div>
<div class="title-columns">
<div class="title">Arif ÇAKIROĞLU</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="returned orange">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div class="com-type color-claret">
<svg class="arrow">
<use xlink:href="#bordomavi"></use>
</svg>
</div>
<div class="">
<div class="title"><time>2 gün geçti</time></div>
<small>153 - Çağrı Merkezi - Teşekkür</small>
</div>
</div>
<div class="informations-columns text-right">
<span class="badge color-yellow">Onay Bekliyor</span>
</div>
</div>
<div class="row">
<div class="priority urgent"><i></i></div>
<div class="title-columns">
<div class="title">Merve KOCAMAN</div>
<p>Kültür Merkezlerinin Tahsisi</p>
<div class="returned orange">
<svg class="arrow">
<use xlink:href="#exclamation"></use>
</svg>
<span>Geri Dönüş <b>Yapılmadı</b></span>
</div>
<div class="card-openner"></div>
</div>
<div class="details-columns">
<div class="com-type color-yellow">
<svg class="arrow">
<use xlink:href="#headphone"></use>
</svg>
</div>
<div class="">
<div class="title"><time>2 gün geçti</time></div>
<small>153 - Çağrı Merkezi - Teşekkür</small>
</div>
</div>
<div class="informations-columns text-right">
<span class="badge color-pink">İade Edildi</span>
</div>
</div>
</div>
</div>
<div class="pagination-container">
<span>4406 kayıttan 1 - 10 arasındaki kayıtlar gösteriliyor.</span>
<div class="pagination">
<button type="button" class="prev" disabled>Geri</button>
<button type="button">2</button>
<button type="button">3</button>
<button type="button">4</button>
<button type="button" class="next">İleri</button>
</div>
</div>
</main>
<div class="notifications" id="notifications">
<div class="card no-padding notifications">
<div class="modal-tick"></div>
<div class="block-title">
<span>Bildirimler(11)</span>
<button type="button" class="small">Tümünü Okundu olarak işaretle</button>
</div>
<div class="segmented-container">
<div class="segmented segmented-fluid">
<div class="segmented-highlight"></div>
<button class="active">Sonlandırılan</button>
<button>Süresi Geçenler</button>
<button>Tümü</button>
</div>
</div>
<div class="notifications-content">
<div class="item unread">
<div class="date">
<b>6</b>
<span>Haz</span>
</div>
<div class="content">
<div class="title">
<svg>
<use xlink:href="#applyList"></use>
</svg>
<span>Biriminizle ilgili yeni bir başvuru alındı. Biriminizle ilgili yeni bir başvuru alındı.</span>
</div>
<div class="user-label small">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
<span>Abdulkadir Bektaş</span>
</div>
<button type="button" name="button" class="btn btn-primary btn-xsmall">İşleme al</button>
</div>
</div>
<div class="item unread">
<div class="date">
<b>6</b>
<span>Haz</span>
</div>
<div class="content">
<div class="title">
<svg>
<use xlink:href="#applyList"></use>
</svg>
<span>Biriminizle ilgili yeni bir başvuru alındı. başvuru </span>
</div>
<div class="user-label small">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-2.jpg')"></span>
<span>Abdulkadir Bektaş</span>
</div>
<button type="button" name="button" class="btn btn-primary btn-xsmall">İşleme al</button>
</div>
</div>
<div class="item">
<div class="date">
<b>6</b>
<span>Haz</span>
</div>
<div class="content">
<div class="title">
<svg>
<use xlink:href="#applyList"></use>
</svg>
<span>Biriminizle ilgili yeni bir başvuru alındı.</span>
</div>
<div class="user-label small">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Abdulkadir Bektaş</span>
</div>
</div>
</div>
<div class="item">
<div class="date">
<b>6</b>
<span>Haz</span>
</div>
<div class="content">
<div class="title">
<svg>
<use xlink:href="#applyList"></use>
</svg>
<span>Biriminizle ilgili yeni bir başvuru alındı.</span>
</div>
<div class="user-label small">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Abdulkadir Bektaş</span>
</div>
</div>
</div>
<div class="item">
<div class="date">
<b>6</b>
<span>Haz</span>
</div>
<div class="content">
<div class="title">
<svg>
<use xlink:href="#applyList"></use>
</svg>
<span>Biriminizle ilgili yeni bir başvuru alındı.</span>
</div>
<div class="user-label small">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Abdulkadir Bektaş</span>
</div>
</div>
</div>
<div class="item">
<div class="date">
<b>6</b>
<span>Haz</span>
</div>
<div class="content">
<div class="title">
<svg>
<use xlink:href="#applyList"></use>
</svg>
<span>Biriminizle ilgili yeni bir başvuru alındı.</span>
</div>
<div class="user-label small">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Abdulkadir Bektaş</span>
</div>
</div>
</div>
<div class="item">
<div class="date">
<b>6</b>
<span>Haz</span>
</div>
<div class="content">
<div class="title">
<svg>
<use xlink:href="#applyList"></use>
</svg>
<span>Biriminizle ilgili yeni bir başvuru alındı.</span>
</div>
<div class="user-label small">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-3.jpg')"></span>
<span>Abdulkadir Bektaş</span>
</div>
</div>
</div>
<footer>
<button type="button" name="button" class="btn btn-subtle">Tümünü Göster</button>
</footer>
</div>
</div>
</div>
</div>
</div>
<header class="header">
<a href="./" class="logo">
<img src="/assets/toolkit/images/logo.png" alt="">
<!-- <svg>
<use xlink:href="#logo"></use>
</svg> -->
</a>
<div class="user-menu">
<button type="button" class="notification-cta" id="notificationOpen">
<i>117</i>
<svg>
<use xlink:href="#notification"></use>
</svg>
</button>
<button type="button" class="call-center-cta">
<svg>
<use xlink:href="#headphone"></use>
</svg>
</button>
<div class="user-section">
<div class="user">
<span class="user-label">
<span class="label" style="background-image: url('/assets/toolkit/images/users/user-1.jpg')"></span>
</span>
<div>
<div class="title">
<b>Sn. Ali Akan</b>
</div>
<span>Bekleyen Başvurular (23)</span>
</div>
<svg>
<use xlink:href="#arrow"></use>
</svg>
</div>
<nav>
<a class="item" href="#">Profilim</a>
<a class="item" href="#">Başvuru Listesi</a>
<a class="item dropdown-nav" href="#">
<span>Sistem Yönetimi</span>
<i class="icon small"><svg>
<use xlink:href="#arrow"></use>
</svg></i>
</a>
<div class="dropdown-nav-content">
<a href="#" class="item">
Birim Yönetimi
</a>
</div>
<div class="divider"></div>
<a class="item" href="#">Çıkış Yap</a>
</nav>
</div>
</div>
<!-- <i class="icon"><svg><use xlink:href="#world"></use></svg></i> -->
</header>
<a href="./" class="logo">
<img src="/assets/toolkit/images/logo.png" alt="">
<!-- <svg>
<use xlink:href="#logo"></use>
</svg> -->
</a>
<!-- Modal: Demo -->
<div class="modal modal-medium" id="demo" aria-hidden="true">
<div class="modal-overlay">
<div class="modal-container" role="dialog" aria-modal="true" aria-labelledby="">
<header>
<div>Konu Başlığını Düzenle</div>
<span class="close" data-modal-close="demo">
<span>Kapat</span>
<i><svg>
<use xlink:href="#close"></use>
</svg></i>
</span>
</header>
<main class="content">
<div class="field filterable">
<input type="text" name="subjectTitle" value="" placeholder=" " autocomplete="off">
<label for="subjectTitle">Konu Başlığı</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Altyapı Faliyetleri</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field filterable">
<input type="text" name="subjectGroup" value="" placeholder=" " autocomplete="off">
<label for="subjectGroup">Konu Grubu</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Altyapı Faliyetleri</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field filterable">
<input type="text" name="subjectGroup" value="" placeholder=" " autocomplete="off">
<label for="subjectGroup">Daire Başkanlığı</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Altyapı Faliyetleri</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
<div class="field filterable">
<input type="text" name="subjectGroup" value="" placeholder=" " autocomplete="off">
<label for="subjectGroup">Şube Müdürlüğü</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Altyapı Faliyetleri</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
</main>
<footer>
<button class="btn btn-primary" data-modal-close="demo">Kaydet</button>
</footer>
</div>
</div>
</div>
<!-- Message: Info -->
<div class="modal message info" id="info" aria-hidden="true">
<div class="modal-overlay">
<div class="modal-container" role="dialog" aria-modal="true" aria-labelledby="">
<header>
<i><svg>
<use xlink:href="#infoIcon"></use>
</svg></i>
<div>Silmek İstediğinizden Emin Misiniz?</div>
</header>
<main class="content">
<p>Silinecek Konu Grubunda Tanımlı 6 Konu Başlığı Daha Silinecek!</p>
</main>
<footer>
<button class="btn btn-primary" data-modal-close="notify">Tamam</button>
</footer>
</div>
</div>
</div>
<!-- Message: Danger -->
<div class="modal message danger" id="danger" aria-hidden="true">
<div class="modal-overlay">
<div class="modal-container" role="dialog" aria-modal="true" aria-labelledby="">
<header>
<i><svg>
<use xlink:href="#dangerIcon"></use>
</svg></i>
<div>Silmek İstediğinizden Emin Misiniz?</div>
</header>
<main class="content">
<p>Silinecek Konu Grubunda Tanımlı 6 Konu Başlığı Daha Silinecek!</p>
</main>
<footer>
<button class="btn btn-light-dark">İptal Et</button>
<button class="btn btn-danger" data-modal-close="notify">Konu Gurubunu Sil</button>
</footer>
</div>
</div>
</div>
<!-- Message: Warning -->
<div class="modal message warning" id="warning" aria-hidden="true">
<div class="modal-overlay">
<div class="modal-container" role="dialog" aria-modal="true" aria-labelledby="">
<header>
<i><svg>
<use xlink:href="#warningIcon"></use>
</svg></i>
<div>Silmek İstediğinizden Emin Misiniz?</div>
</header>
<main class="content">
<p>Silinecek Konu Grubunda Tanımlı 6 Konu Başlığı Daha Silinecek!</p>
</main>
<footer>
<button class="btn btn-primary" data-modal-close="notify">Tamam</button>
</footer>
</div>
</div>
</div>
<!-- Message: Success -->
<div class="modal message success" id="success" aria-hidden="true">
<div class="modal-overlay">
<div class="modal-container" role="dialog" aria-modal="true" aria-labelledby="">
<header>
<i><svg>
<use xlink:href="#successIcon"></use>
</svg></i>
<div>Silmek İstediğinizden Emin Misiniz?</div>
</header>
<main class="content">
<p>Silinecek Konu Grubunda Tanımlı 6 Konu Başlığı Daha Silinecek!</p>
</main>
<footer>
<button class="btn btn-primary" data-modal-close="notify">Tamam</button>
</footer>
</div>
</div>
</div>
Konu Yönetimi
Altyapı Faaliyetleri
| Konu Başlığı | Daire Başkanlığı | Şube Müdürlüğü | Son Güncelleme | Son Güncelleyen | |
|---|---|---|---|---|---|
| Aykome İle İlgili Gelen Talepler | Fen İşleri Dairesi Başkanlığı | Aykome Şube Müdürlüğü | 2 Mar 2020 19:26 | Ali Akay | |
| Aykome İle İlgili Gelen Talepler | Fen İşleri Dairesi Başkanlığı | Aykome Şube Müdürlüğü | 2 Mar 2020 19:26 | Ali Akay | |
| Aykome İle İlgili Gelen Talepler | Fen İşleri Dairesi Başkanlığı | Aykome Şube Müdürlüğü | 2 Mar 2020 19:26 | Ali Akay | |
| Aykome İle İlgili Gelen Talepler | Fen İşleri Dairesi Başkanlığı | Aykome Şube Müdürlüğü | 2 Mar 2020 19:26 | Ali Akay |
Altyapı Faaliyetleri
| Konu Başlığı | Daire Başkanlığı | Şube Müdürlüğü | Son Güncelleme | Son Güncelleyen | |
|---|---|---|---|---|---|
| Aykome İle İlgili Gelen Talepler | Fen İşleri Dairesi Başkanlığı | Aykome Şube Müdürlüğü | 2 Mar 2020 19:26 | Ali Akay | |
| Aykome İle İlgili Gelen Talepler | Fen İşleri Dairesi Başkanlığı | Aykome Şube Müdürlüğü | 2 Mar 2020 19:26 | Ali Akay | |
| Aykome İle İlgili Gelen Talepler | Fen İşleri Dairesi Başkanlığı | Aykome Şube Müdürlüğü | 2 Mar 2020 19:26 | Ali Akay | |
| Aykome İle İlgili Gelen Talepler | Fen İşleri Dairesi Başkanlığı | Aykome Şube Müdürlüğü | 2 Mar 2020 19:26 | Ali Akay |
Altyapı Faaliyetleri
| Konu Başlığı | Daire Başkanlığı | Şube Müdürlüğü | Son Güncelleme | Son Güncelleyen | |
|---|---|---|---|---|---|
| Aykome İle İlgili Gelen Talepler | Fen İşleri Dairesi Başkanlığı | Aykome Şube Müdürlüğü | 2 Mar 2020 19:26 | Ali Akay | |
| Aykome İle İlgili Gelen Talepler | Fen İşleri Dairesi Başkanlığı | Aykome Şube Müdürlüğü | 2 Mar 2020 19:26 | Ali Akay | |
| Aykome İle İlgili Gelen Talepler | Fen İşleri Dairesi Başkanlığı | Aykome Şube Müdürlüğü | 2 Mar 2020 19:26 | Ali Akay | |
| Aykome İle İlgili Gelen Talepler | Fen İşleri Dairesi Başkanlığı | Aykome Şube Müdürlüğü | 2 Mar 2020 19:26 | Ali Akay |
Altyapı Faaliyetleri
| Konu Başlığı | Daire Başkanlığı | Şube Müdürlüğü | Son Güncelleme | Son Güncelleyen | |
|---|---|---|---|---|---|
| Aykome İle İlgili Gelen Talepler | Fen İşleri Dairesi Başkanlığı | Aykome Şube Müdürlüğü | 2 Mar 2020 19:26 | Ali Akay | |
| Aykome İle İlgili Gelen Talepler | Fen İşleri Dairesi Başkanlığı | Aykome Şube Müdürlüğü | 2 Mar 2020 19:26 | Ali Akay | |
| Aykome İle İlgili Gelen Talepler | Fen İşleri Dairesi Başkanlığı | Aykome Şube Müdürlüğü | 2 Mar 2020 19:26 | Ali Akay | |
| Aykome İle İlgili Gelen Talepler | Fen İşleri Dairesi Başkanlığı | Aykome Şube Müdürlüğü | 2 Mar 2020 19:26 | Ali Akay |
<div class="container">
<header>
<div class="title">Konu Yönetimi</div>
<button class="link">
<i><svg>
<use xlink:href="#plus"></use>
</svg></i>
<span>Konu Grubu ekle</span>
</button>
</header>
<div class="card item collapse">
<header>
<div class="title-container">
<div class="title editable-field">
<span>Altyapı Faaliyetleri</span>
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
</div>
<div class="edit-container">
<div class="">
<input type="text" name="" value="Altyapı Faaliyetleri" placeholder="Altyapı Faaliyetleri">
</div>
<button class="btn btn-subtle cancel">Kaydet</button>
<button class="btn link link-danger cancel">İptal</button>
</div>
</div>
<div class="action-container">
<button class="link">
<i><svg>
<use xlink:href="#add"></use>
</svg></i>
<span>Konu Başlığı ekle</span>
</button>
<button class="link link-danger">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Grubu Sil</span>
</button>
</div>
</header>
<main>
<table>
<thead>
<tr>
<th scope="col" three>Konu Başlığı</th>
<th scope="col" three>Daire Başkanlığı</th>
<th scope="col" two>Şube Müdürlüğü</th>
<th scope="col">Son Güncelleme</th>
<th scope="col">Son Güncelleyen</th>
<th scope="col" one></th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Konu Başlığı">Aykome İle İlgili Gelen Talepler</td>
<td data-label="Daire Başkanlığı">Fen İşleri Dairesi Başkanlığı</td>
<td data-label="Şube Müdürlüğü">Aykome Şube Müdürlüğü</td>
<td data-label="Son Güncelleme">2 Mar 2020 19:26</td>
<td data-label="Son Güncelleyen">Ali Akay</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Konu Başlığı">Aykome İle İlgili Gelen Talepler</td>
<td data-label="Daire Başkanlığı">Fen İşleri Dairesi Başkanlığı</td>
<td data-label="Şube Müdürlüğü">Aykome Şube Müdürlüğü</td>
<td data-label="Son Güncelleme">2 Mar 2020 19:26</td>
<td data-label="Son Güncelleyen">Ali Akay</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Konu Başlığı">Aykome İle İlgili Gelen Talepler</td>
<td data-label="Daire Başkanlığı">Fen İşleri Dairesi Başkanlığı</td>
<td data-label="Şube Müdürlüğü">Aykome Şube Müdürlüğü</td>
<td data-label="Son Güncelleme">2 Mar 2020 19:26</td>
<td data-label="Son Güncelleyen">Ali Akay</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Konu Başlığı">Aykome İle İlgili Gelen Talepler</td>
<td data-label="Daire Başkanlığı">Fen İşleri Dairesi Başkanlığı</td>
<td data-label="Şube Müdürlüğü">Aykome Şube Müdürlüğü</td>
<td data-label="Son Güncelleme">2 Mar 2020 19:26</td>
<td data-label="Son Güncelleyen">Ali Akay</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
</tbody>
</table>
</main>
</div>
<div class="card item collapse">
<header>
<div class="title-container">
<div class="title editable-field">
<span>Altyapı Faaliyetleri</span>
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
</div>
<div class="edit-container">
<div class="">
<input type="text" name="" value="Altyapı Faaliyetleri" placeholder="Altyapı Faaliyetleri">
</div>
<button class="btn btn-subtle cancel">Kaydet</button>
<button class="btn link link-danger cancel">İptal</button>
</div>
</div>
<div class="action-container">
<button class="link">
<i><svg>
<use xlink:href="#add"></use>
</svg></i>
<span>Konu Başlığı ekle</span>
</button>
<button class="link link-danger">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Grubu Sil</span>
</button>
</div>
</header>
<main>
<table>
<thead>
<tr>
<th scope="col" three>Konu Başlığı</th>
<th scope="col" three>Daire Başkanlığı</th>
<th scope="col" two>Şube Müdürlüğü</th>
<th scope="col">Son Güncelleme</th>
<th scope="col">Son Güncelleyen</th>
<th scope="col" one></th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Konu Başlığı">Aykome İle İlgili Gelen Talepler</td>
<td data-label="Daire Başkanlığı">Fen İşleri Dairesi Başkanlığı</td>
<td data-label="Şube Müdürlüğü">Aykome Şube Müdürlüğü</td>
<td data-label="Son Güncelleme">2 Mar 2020 19:26</td>
<td data-label="Son Güncelleyen">Ali Akay</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Konu Başlığı">Aykome İle İlgili Gelen Talepler</td>
<td data-label="Daire Başkanlığı">Fen İşleri Dairesi Başkanlığı</td>
<td data-label="Şube Müdürlüğü">Aykome Şube Müdürlüğü</td>
<td data-label="Son Güncelleme">2 Mar 2020 19:26</td>
<td data-label="Son Güncelleyen">Ali Akay</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Konu Başlığı">Aykome İle İlgili Gelen Talepler</td>
<td data-label="Daire Başkanlığı">Fen İşleri Dairesi Başkanlığı</td>
<td data-label="Şube Müdürlüğü">Aykome Şube Müdürlüğü</td>
<td data-label="Son Güncelleme">2 Mar 2020 19:26</td>
<td data-label="Son Güncelleyen">Ali Akay</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Konu Başlığı">Aykome İle İlgili Gelen Talepler</td>
<td data-label="Daire Başkanlığı">Fen İşleri Dairesi Başkanlığı</td>
<td data-label="Şube Müdürlüğü">Aykome Şube Müdürlüğü</td>
<td data-label="Son Güncelleme">2 Mar 2020 19:26</td>
<td data-label="Son Güncelleyen">Ali Akay</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
</tbody>
</table>
</main>
</div>
<div class="card item collapse">
<header>
<div class="title-container">
<div class="title editable-field">
<span>Altyapı Faaliyetleri</span>
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
</div>
<div class="edit-container">
<div class="">
<input type="text" name="" value="Altyapı Faaliyetleri" placeholder="Altyapı Faaliyetleri">
</div>
<button class="btn btn-subtle cancel">Kaydet</button>
<button class="btn link link-danger cancel">İptal</button>
</div>
</div>
<div class="action-container">
<button class="link">
<i><svg>
<use xlink:href="#add"></use>
</svg></i>
<span>Konu Başlığı ekle</span>
</button>
<button class="link link-danger">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Grubu Sil</span>
</button>
</div>
</header>
<main>
<table>
<thead>
<tr>
<th scope="col" three>Konu Başlığı</th>
<th scope="col" three>Daire Başkanlığı</th>
<th scope="col" two>Şube Müdürlüğü</th>
<th scope="col">Son Güncelleme</th>
<th scope="col">Son Güncelleyen</th>
<th scope="col" one></th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Konu Başlığı">Aykome İle İlgili Gelen Talepler</td>
<td data-label="Daire Başkanlığı">Fen İşleri Dairesi Başkanlığı</td>
<td data-label="Şube Müdürlüğü">Aykome Şube Müdürlüğü</td>
<td data-label="Son Güncelleme">2 Mar 2020 19:26</td>
<td data-label="Son Güncelleyen">Ali Akay</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Konu Başlığı">Aykome İle İlgili Gelen Talepler</td>
<td data-label="Daire Başkanlığı">Fen İşleri Dairesi Başkanlığı</td>
<td data-label="Şube Müdürlüğü">Aykome Şube Müdürlüğü</td>
<td data-label="Son Güncelleme">2 Mar 2020 19:26</td>
<td data-label="Son Güncelleyen">Ali Akay</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Konu Başlığı">Aykome İle İlgili Gelen Talepler</td>
<td data-label="Daire Başkanlığı">Fen İşleri Dairesi Başkanlığı</td>
<td data-label="Şube Müdürlüğü">Aykome Şube Müdürlüğü</td>
<td data-label="Son Güncelleme">2 Mar 2020 19:26</td>
<td data-label="Son Güncelleyen">Ali Akay</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Konu Başlığı">Aykome İle İlgili Gelen Talepler</td>
<td data-label="Daire Başkanlığı">Fen İşleri Dairesi Başkanlığı</td>
<td data-label="Şube Müdürlüğü">Aykome Şube Müdürlüğü</td>
<td data-label="Son Güncelleme">2 Mar 2020 19:26</td>
<td data-label="Son Güncelleyen">Ali Akay</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
</tbody>
</table>
</main>
</div>
<div class="card item collapse">
<header>
<div class="title-container">
<div class="title editable-field">
<span>Altyapı Faaliyetleri</span>
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
</div>
<div class="edit-container">
<div class="">
<input type="text" name="" value="Altyapı Faaliyetleri" placeholder="Altyapı Faaliyetleri">
</div>
<button class="btn btn-subtle cancel">Kaydet</button>
<button class="btn link link-danger cancel">İptal</button>
</div>
</div>
<div class="action-container">
<button class="link">
<i><svg>
<use xlink:href="#add"></use>
</svg></i>
<span>Konu Başlığı ekle</span>
</button>
<button class="link link-danger">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Grubu Sil</span>
</button>
</div>
</header>
<main>
<table>
<thead>
<tr>
<th scope="col" three>Konu Başlığı</th>
<th scope="col" three>Daire Başkanlığı</th>
<th scope="col" two>Şube Müdürlüğü</th>
<th scope="col">Son Güncelleme</th>
<th scope="col">Son Güncelleyen</th>
<th scope="col" one></th>
</tr>
</thead>
<tbody>
<tr>
<td data-label="Konu Başlığı">Aykome İle İlgili Gelen Talepler</td>
<td data-label="Daire Başkanlığı">Fen İşleri Dairesi Başkanlığı</td>
<td data-label="Şube Müdürlüğü">Aykome Şube Müdürlüğü</td>
<td data-label="Son Güncelleme">2 Mar 2020 19:26</td>
<td data-label="Son Güncelleyen">Ali Akay</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Konu Başlığı">Aykome İle İlgili Gelen Talepler</td>
<td data-label="Daire Başkanlığı">Fen İşleri Dairesi Başkanlığı</td>
<td data-label="Şube Müdürlüğü">Aykome Şube Müdürlüğü</td>
<td data-label="Son Güncelleme">2 Mar 2020 19:26</td>
<td data-label="Son Güncelleyen">Ali Akay</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Konu Başlığı">Aykome İle İlgili Gelen Talepler</td>
<td data-label="Daire Başkanlığı">Fen İşleri Dairesi Başkanlığı</td>
<td data-label="Şube Müdürlüğü">Aykome Şube Müdürlüğü</td>
<td data-label="Son Güncelleme">2 Mar 2020 19:26</td>
<td data-label="Son Güncelleyen">Ali Akay</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Konu Başlığı">Aykome İle İlgili Gelen Talepler</td>
<td data-label="Daire Başkanlığı">Fen İşleri Dairesi Başkanlığı</td>
<td data-label="Şube Müdürlüğü">Aykome Şube Müdürlüğü</td>
<td data-label="Son Güncelleme">2 Mar 2020 19:26</td>
<td data-label="Son Güncelleyen">Ali Akay</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
</tbody>
</table>
</main>
</div>
</div>
A
B
C
Ç
D
E
F
G
Ğ
H
I
İ
J
K
L
M
N
O
Ö
P
R
S
Ş
T
U
Ü
V
Y
Z
Kullanıcı Yetkileri Yönetimi
| Kullanıcı | Birimi | Admin | User | Agent | CallCenter | HelpDesk | WebForm | ||
|---|---|---|---|---|---|---|---|---|---|
| A | |||||||||
| Ali Akay | İcra Takip Şube Müdürlüğü İcra Takip Şube Müdürlüğü | ||||||||
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| B | |||||||||
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| C | |||||||||
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| D | |||||||||
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
| Ali Akay | İcra Takip Şube Müdürlüğü | . | . | . | . | . | . | . | |
<div class="container user-auth-management">
<div class="username-alphabet">
<div>
<span>A</span>
<span>B</span>
<span>C</span>
<span>Ç</span>
<span>D</span>
<span>E</span>
<span>F</span>
<span>G</span>
<span>Ğ</span>
<span>H</span>
<span>I</span>
<span>İ</span>
<span>J</span>
<span>K</span>
<span>L</span>
<span>M</span>
<span>N</span>
<span>O</span>
<span>Ö</span>
<span>P</span>
<span>R</span>
<span>S</span>
<span>Ş</span>
<span>T</span>
<span>U</span>
<span>Ü</span>
<span>V</span>
<span>Y</span>
<span>Z</span>
</div>
</div>
<header>
<div class="title">Kullanıcı Yetkileri Yönetimi</div>
<button class="link">
<i><svg>
<use xlink:href="#plus"></use>
</svg></i>
<span>Kullanıcı Yetkisi ekle</span>
</button>
</header>
<div class="card item">
<section class="user-auth-filter">
<form>
<div grid>
<div three>
<div class="field filterable">
<input type="text" name="user" value="" placeholder=" " autocomplete="off">
<label for="user">Kullanıcı</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Arif Çakıroğlu</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
</div>
<div three>
<div class="field filterable">
<input type="text" name="unit" value="" placeholder=" " autocomplete="off">
<label for="unit">Birim</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Arif Çakıroğlu</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
</div>
<div three>
<div class="field filterable">
<input type="text" name="auth" value="" placeholder=" " autocomplete="off">
<label for="auth">Kullanıcı Yetkisi</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Arif Çakıroğlu</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
</div>
<div three>
<div class="field filterable">
<input type="text" name="agentAuth" value="" placeholder=" " autocomplete="off">
<label for="agentAuth">Temsilci Yetkisi</label>
<i><svg>
<use xlink:href="#arrow"></use>
</svg></i>
<div class="list">
<span data-val="1">Arif Çakıroğlu</span>
<div class="no-result">Sonuç Yok</div>
</div>
</div>
</div>
</div>
</form>
</section>
<main>
<table class="table-sticky-header">
<thead>
<tr>
<th scope="col" two>Kullanıcı</th>
<th scope="col" three>Birimi</th>
<th scope="col">Admin</th>
<th scope="col">User</th>
<th scope="col">Agent</th>
<th scope="col">CallCenter</th>
<th scope="col">HelpDesk</th>
<th scope="col">WebForm</th>
<th scope="col">WhatsApp</th>
<th scope="col"></th>
</tr>
</thead>
<tbody>
<tr>
<td colspan="10" class="directory-title">
A
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">
<i class="enabled"><svg>
<use xlink:href="#enabled"></use>
</svg></i>
</td>
<td data-label="User">
<i class="disabled"><svg>
<use xlink:href="#disabled"></use>
</svg></i>
</td>
<td data-label="Agent">
<i class="disabled"><svg>
<use xlink:href="#disabled"></use>
</svg></i>
</td>
<td data-label="CallCenter">
<i class="disabled"><svg>
<use xlink:href="#disabled"></use>
</svg></i>
</td>
<td data-label="HelpDesk">
<i class="enabled"><svg>
<use xlink:href="#enabled"></use>
</svg></i>
</td>
<td data-label="WebForm">
<i class="enabled"><svg>
<use xlink:href="#enabled"></use>
</svg></i>
</td>
<td data-label="WhatsApp">
<i class="enabled"><svg>
<use xlink:href="#enabled"></use>
</svg></i>
</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td colspan="10" class="directory-title">
B
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td colspan="10" class="directory-title">
C
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td colspan="10" class="directory-title">
D
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
<tr>
<td data-label="Kullanıcı">Ali Akay</td>
<td data-label="Birimi">İcra Takip Şube Müdürlüğü</td>
<td data-label="Admin">.</td>
<td data-label="User">.</td>
<td data-label="Agent">.</td>
<td data-label="CallCenter">.</td>
<td data-label="HelpDesk">.</td>
<td data-label="WebForm">.</td>
<td data-label="WhatsApp">.</td>
<td data-label="">
<button class="dropdown-menu-container">
<div class="dropdown-menu" data-mobile-content="İşlemler">
<span></span>
</div>
<div class="dd-menu position-right" style="--positionX: right; --positionY: top;">
<ul>
<li>
<a href="#">
<i><svg>
<use xlink:href="#edit"></use>
</svg></i>
<span>Düzenle</span>
</a>
</li>
<li>
<a href="#" class="color-red">
<i><svg>
<use xlink:href="#delete"></use>
</svg></i>
<span>Sil</span>
</a>
</li>
</ul>
</div>
</button>
</td>
</tr>
</tbody>
</table>
</main>
</div>
</div>