Skip to content

Commit

Permalink
search icon added
Browse files Browse the repository at this point in the history
  • Loading branch information
@chinonso098
chinonso098 committed Dec 18, 2023
1 parent 47383c7 commit 77223c8
Show file tree
Hide file tree
Showing 4 changed files with 51 additions and 44 deletions.
88 changes: 47 additions & 41 deletions src/app/system-apps/fileexplorer/fileexplorer.component.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -25,19 +25,16 @@
.fileexp-header-container{
width: 100%;
display: flex;
background-color: #080808;
/* background-color: #ffff; */
background-color: #080808;
}

.header-empty-line-container {
height: 5px;
/* background-color: #080808; */
/* background-color: #ffff; */
}
.header-empty-line-container2 {
height: 8px;
/* background-color: #080808; */
/* background-color: #ffff; */
}


Expand Down Expand Up @@ -92,7 +89,7 @@
background-color: #ffff;
}

/*--------------------------Header navigation search view Started-----------------------------*/
/*--------------------------Header navigation search box Started-----------------------------*/

.header-nav-search-container{
width:fit-content;
Expand All @@ -106,32 +103,20 @@
max-width: 100%;
height: 30px;
border: 0.5px solid #9d9d9d;
border-left: none;
border-right: none;
color: #ccc;
background-color: #080808;
/* background-color: #ffff; */
}

.search-history-containter{
position: absolute;
width: inherit;
border: 1px solid #5a5a5a;
margin-right: 10px;
max-height: 150px;
overflow-y: scroll;
background-color: inherit;
display: none;
}


.search-container{
display:flex;
width: 100%;
}

.figure-search-cntnr{
position: relative;
min-width: 28px;
/* min-height: 16px; */
min-width: 26px;
}

.img-search-cntnr{
Expand All @@ -142,6 +127,47 @@
position: relative;
}

span.head-search-cntnr{
align-items: center;
display:inline-flex;
border: 0.5px solid #9d9d9d;
border-right: none;
}

span.head-search-cntnr1{
align-items: center;
display:inline-flex;
border: 0.5px solid #9d9d9d;
border-left: none;
border-right: none;
}

span.head-search-cntnr2{
align-items: center;
display:inline-flex;
border: 0.5px solid #9d9d9d;
border-left: none;
}

span.head-search-cntnr2.active{
align-items: center;
display:inline-flex;
border: 0.5px solid #9d9d9d;
background-color: blue;
}


.search-history-containter{
position: absolute;
width: inherit;
border: 1px solid #9d9d9d;
margin-right: 10px;
max-height: 150px;
overflow-y: scroll;
background-color: #080808;
display: none;
}

.search-entry-containter{
display: inline-flex;
width: 100%;
Expand Down Expand Up @@ -171,28 +197,8 @@ span.mid1{
text-overflow: ellipsis;
}

span.head-search-cntnr{
align-items: center;
display:inline-flex;
border: 0.5px solid #9d9d9d;
border-left: none;
border-right: none;
}

span.head-search-cntnr1{
align-items: center;
display:inline-flex;
border: 0.5px solid #9d9d9d;
border-left: none;
}

span.head-search-cntnr1.active{
align-items: center;
display:inline-flex;
border: 0.5px solid #9d9d9d;
background-color: blue;
}
/*----------------------------Header navigation search view End------------------------*/
/*----------------------------Header navigation search box End------------------------*/

/*****************************Header navigation view Ended*****************************/

Expand Down
5 changes: 3 additions & 2 deletions src/app/system-apps/fileexplorer/fileexplorer.component.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -33,9 +33,10 @@
<div class="header-nav-search-container">
<form [formGroup]="searchForm" (ngSubmit)="isFormDirty()">
<div class="search-container">
<span class="span head-search-cntnr"><figure class="figure-search-cntnr"><img class="img-search-cntnr" [src]="'osdrive/icons/search_32.png' | safeResourceUrl"/></figure></span>
<input class="search-input" type="text" placeholder="Search OSDisk(C:)" formControlName="searchInput" (focus)="showSearchHistory()" (focusout)="hideSearchHistory()" (input)="onInputChange()" spellcheck="false" id="searchTxtBox-{{this.processId}}"/>
<span class="span head-search-cntnr"><figure class="figure-search-cntnr"><img *ngIf="isSearchBoxNotEmpty" class="img-search-cntnr" [src]="'osdrive/icons/cross_mark_32.png' | safeResourceUrl"/></figure></span>
<span class="span head-search-cntnr1" [class.active]="isSearchBoxNotEmpty"><figure class="figure-search-cntnr"><img *ngIf="isSearchBoxNotEmpty" class="img-search-cntnr" [src]="'osdrive/icons/nav_right_32.png' | safeResourceUrl"/></figure></span>
<span class="span head-search-cntnr1"><figure class="figure-search-cntnr"><img *ngIf="isSearchBoxNotEmpty" class="img-search-cntnr" [src]="'osdrive/icons/cross_mark_32.png' | safeResourceUrl"/></figure></span>
<span class="span head-search-cntnr2" [class.active]="isSearchBoxNotEmpty"><figure class="figure-search-cntnr"><img *ngIf="isSearchBoxNotEmpty" class="img-search-cntnr" [src]="'osdrive/icons/nav_right_32.png' | safeResourceUrl"/></figure></span>
</div>
</form>

Expand Down
2 changes: 1 addition & 1 deletion src/osdrive.json
View file
Original file line number Diff line number Diff line change
@@ -1 +1 @@
{"osdrive":{"audio":{"jazz-club-in-new-orleans.mp3":null,"titanium.mp3":null},"desktop":{"audioplayer.url":null,"fileexplorer.url":null,"heat.url":null,"hello.url":null,"taskmanager.url":null,"videoplayer.url":null},"download":{"anothertest.txt":null},"games":{"D3D.url":null,"Diggers.url":null,"Doom.url":null,"data":{"3d_duke.jsdos":null,"Digger.jsdos":null,"Doom.jsdos":null,"Jill_of_the_Jungle.jsdos":null,"Machine_Nation.jsdos":null,"Shadow_knight.jsdos":null},"icons":{"d3d.png":null,"diggers.png":null,"doom.png":null}},"icons":{"arrow_down.png":null,"arrow_next.png":null,"arrow_up.png":null,"audio.ico":null,"audioplayer.png":null,"chkmark26.png":null,"chkmark32.png":null,"circle.png":null,"cmd.ico":null,"config.ico":null,"content_view_48.png":null,"cross_mark_32.png":null,"details_side_pane_48.png":null,"details_view_48.png":null,"download_folder.ico":null,"econo.png":null,"empty_folder.ico":null,"empty_recycle.ico":null,"extral_large_image_48.png":null,"file.ico":null,"file_explorer.ico":null,"floppy.ico":null,"folder.ico":null,"generic-program.ico":null,"grey_history_32.png":null,"grey_nav_expand_32.png":null,"grey_nav_forward_32.png":null,"grey_nav_refresh_32.png":null,"image.ico":null,"js-dos-logo.png":null,"large_image_48.png":null,"list_of_thumbnails_view_48.png":null,"medium_icons_view_48.png":null,"movie_folder.ico":null,"music_folder.ico":null,"my_computer.ico":null,"nav_expand_32.png":null,"nav_left_32.png":null,"nav_right_32.png":null,"nav_up-32.png":null,"non_empty_folder.ico":null,"non_empty_recycle.ico":null,"picture_folder.ico":null,"preview_side_pane_48.png":null,"side_pane_48.png":null,"small_icons_view_48.png":null,"taskmanger.png":null,"taskmanger_2.png":null,"tiles_view_48.png":null,"unknown.ico":null,"video.ico":null,"videoplayer.png":null,"white_history_32.png":null,"zip_folder.ico":null},"libs":{"v86":{"bios":{}}},"picture":{"favicon.ico":null,"favicon1.ico":null,"favicon_nice.png":null,"heat.png":null},"simple.txt":null,"video":{"nuts.mp4":null,"surfs.mp4":null}}}
{"osdrive":{"audio":{"jazz-club-in-new-orleans.mp3":null,"titanium.mp3":null},"desktop":{"audioplayer.url":null,"fileexplorer.url":null,"heat.url":null,"hello.url":null,"taskmanager.url":null,"videoplayer.url":null},"download":{"anothertest.txt":null},"games":{"D3D.url":null,"Diggers.url":null,"Doom.url":null,"data":{"3d_duke.jsdos":null,"Digger.jsdos":null,"Doom.jsdos":null,"Jill_of_the_Jungle.jsdos":null,"Machine_Nation.jsdos":null,"Shadow_knight.jsdos":null},"icons":{"d3d.png":null,"diggers.png":null,"doom.png":null}},"icons":{"arrow_down.png":null,"arrow_next.png":null,"arrow_up.png":null,"audio.ico":null,"audioplayer.png":null,"chkmark26.png":null,"chkmark32.png":null,"circle.png":null,"cmd.ico":null,"config.ico":null,"content_view_48.png":null,"cross_mark_32.png":null,"details_side_pane_48.png":null,"details_view_48.png":null,"download_folder.ico":null,"econo.png":null,"empty_folder.ico":null,"empty_recycle.ico":null,"extral_large_image_48.png":null,"file.ico":null,"file_explorer.ico":null,"floppy.ico":null,"folder.ico":null,"generic-program.ico":null,"grey_history_32.png":null,"grey_nav_expand_32.png":null,"grey_nav_forward_32.png":null,"grey_nav_refresh_32.png":null,"image.ico":null,"js-dos-logo.png":null,"large_image_48.png":null,"list_of_thumbnails_view_48.png":null,"medium_icons_view_48.png":null,"movie_folder.ico":null,"music_folder.ico":null,"my_computer.ico":null,"nav_expand_32.png":null,"nav_left_32.png":null,"nav_right_32.png":null,"nav_up-32.png":null,"non_empty_folder.ico":null,"non_empty_recycle.ico":null,"picture_folder.ico":null,"preview_side_pane_48.png":null,"search_32.png":null,"side_pane_48.png":null,"small_icons_view_48.png":null,"taskmanger.png":null,"taskmanger_2.png":null,"tiles_view_48.png":null,"unknown.ico":null,"video.ico":null,"videoplayer.png":null,"white_history_32.png":null,"zip_folder.ico":null},"libs":{"v86":{"bios":{}}},"picture":{"favicon.ico":null,"favicon1.ico":null,"favicon_nice.png":null,"heat.png":null},"simple.txt":null,"video":{"nuts.mp4":null,"surfs.mp4":null}}}
Binary file added src/osdrive/icons/search_32.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.

0 comments on commit 77223c8

Please sign in to comment.