Radu Liviu Carjan
3 years ago
16 changed files with 34417 additions and 9388 deletions
-
32app/Http/Controllers/SearchAndDisplaceController.php
-
31184package-lock.json
-
3package.json
-
5105public/css/app.css
-
6111public/js/app.js
-
7resources/js/app.ts
-
18resources/js/components/ProcessFile/ProcessFile.scss
-
89resources/js/components/ProcessFile/ProcessFile.ts
-
38resources/js/components/ProcessFile/ProcessFile.vue
-
34resources/js/components/Regex/Create.vue
-
52resources/js/components/Searchers/Index.vue
-
125resources/js/components/Searchers/Show.vue
-
17resources/sass/app.sass
-
10resources/views/pages/home.blade.php
-
7resources/views/pages/searchers/index.blade.php
-
973yarn.lock
32
app/Http/Controllers/SearchAndDisplaceController.php
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
31184
package-lock.json
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
5105
public/css/app.css
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
6111
public/js/app.js
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
@ -1,50 +1,97 @@ |
|||
<template> |
|||
<div id="searchers-show"> |
|||
<div> |
|||
<h3>{{ searcher.name }}</h3> |
|||
|
|||
<h5>{{ searcher.description }}</h5> |
|||
|
|||
<a v-if="editable" |
|||
:href="`/searchers/${searcher.id}/edit`"> |
|||
Edit |
|||
</a> |
|||
</div> |
|||
|
|||
<div v-for="(row, rowIndex) in searcher.rows" :key="`row-${rowIndex}`" class="flex-row"> |
|||
<div v-for="(searcherItem, columnIndex) in row" :key="`column-${columnIndex}`"> |
|||
<div class="box is-plain"> |
|||
<template v-if="searcherItem.hasOwnProperty('name')"> |
|||
<searcher-show :editable="false" |
|||
:searcher="searcherItem"> |
|||
</searcher-show> |
|||
</template> |
|||
<Panel :header="searcher.name"> |
|||
<template #icons> |
|||
<a |
|||
class="p-panel-header-icon p-link" |
|||
v-if="editable" |
|||
:href="`/searchers/${searcher.id}/edit`" |
|||
> |
|||
<span class="pi pi-cog"></span> |
|||
</a> |
|||
</template> |
|||
|
|||
<div class="p-d-flex p-jc-start"> |
|||
<h5>{{ searcher.description }}</h5> |
|||
|
|||
<template v-else> |
|||
<b>{{ searcherItem.expression }}</b> |
|||
<Timeline :value="searcher.rows"> |
|||
<template #opposite="slotProps"> |
|||
<small class="p-text-secondary"> |
|||
{{ slotProps.index + 1 }} |
|||
</small> |
|||
</template> |
|||
<template #content="slotProps"> |
|||
<ScrollPanel |
|||
style="max-width: 90vw; height: 125px" |
|||
class="searcher-list" |
|||
> |
|||
<div |
|||
v-for="( |
|||
searcherItem, columnIndex |
|||
) in slotProps.item" |
|||
:key="`column-${columnIndex}`" |
|||
> |
|||
<div class="box is-plain p-shadow-5"> |
|||
<template |
|||
v-if=" |
|||
searcherItem.hasOwnProperty('name') |
|||
" |
|||
> |
|||
<searcher-show |
|||
:editable="false" |
|||
:searcher="searcherItem" |
|||
></searcher-show> |
|||
</template> |
|||
|
|||
<p> |
|||
<!-- // Show example here, so for example the user has to input the example in order to save--> |
|||
<!-- // the regex, show highlight, so apply regex on example text--> |
|||
</p> |
|||
<template v-else> |
|||
<b>{{ searcherItem.expression }}</b> |
|||
</template> |
|||
</div> |
|||
</div> |
|||
</ScrollPanel> |
|||
<Divider /> |
|||
</template> |
|||
</div> |
|||
</Timeline> |
|||
</div> |
|||
</div> |
|||
</Panel> |
|||
</div> |
|||
</template> |
|||
|
|||
<script lang="ts"> |
|||
import {Component, Vue, Prop} from "vue-property-decorator"; |
|||
|
|||
@Component({ |
|||
name: 'SearcherShow', |
|||
}) |
|||
export default class Create extends Vue { |
|||
@Prop({default: {}}) |
|||
public readonly searcher!: Object; |
|||
|
|||
@Prop({default: true}) |
|||
public readonly editable!: boolean; |
|||
}; |
|||
import { Component, Vue, Prop } from "vue-property-decorator"; |
|||
|
|||
@Component({ |
|||
name: "SearcherShow", |
|||
}) |
|||
export default class Create extends Vue { |
|||
@Prop({ default: {} }) |
|||
public readonly searcher!: Object; |
|||
|
|||
@Prop({ default: true }) |
|||
public readonly editable!: boolean; |
|||
} |
|||
</script> |
|||
|
|||
<style lang="scss" scoped> |
|||
::v-deep .p-timeline-event-opposite { |
|||
flex: 0 !important; |
|||
} |
|||
|
|||
::v-deep .p-timeline-event-content { |
|||
margin-bottom: 25px; |
|||
} |
|||
|
|||
::v-deep .searcher-list { |
|||
.p-scrollpanel-content { |
|||
display: flex; |
|||
flex-direction: row; |
|||
padding-top: 25px |
|||
} |
|||
|
|||
.p-scrollpanel-bar { |
|||
background-color: #1976d2; |
|||
opacity: 1; |
|||
transition: background-color 0.3s; |
|||
} |
|||
} |
|||
</style> |
@ -1,13 +1,5 @@ |
|||
@extends('app') |
|||
|
|||
@section('content') |
|||
<div class="page-wrapper"> |
|||
<app-header></app-header> |
|||
|
|||
<div class="content"> |
|||
<home :searchers="{{ json_encode($searchers) }}"></home> |
|||
</div> |
|||
</div> |
|||
|
|||
<app-footer></app-footer> |
|||
<home :searchers="{{ json_encode($searchers) }}"></home> |
|||
@endsection |
@ -0,0 +1,7 @@ |
|||
@extends('app') |
|||
|
|||
@section('content') |
|||
|
|||
<searchers-index :searchers="{{ json_encode($searchers) }}"></searchers-index> |
|||
|
|||
@endsection |
973
yarn.lock
File diff suppressed because it is too large
View File
File diff suppressed because it is too large
View File
Write
Preview
Loading…
Cancel
Save
Reference in new issue