@ -1,10 +0,0 @@ |
|||||||
<?php |
|
||||||
|
|
||||||
namespace App\Http\Controllers; |
|
||||||
|
|
||||||
use Illuminate\Http\Request; |
|
||||||
|
|
||||||
class BarangKeluarController extends Controller |
|
||||||
{ |
|
||||||
// |
|
||||||
} |
|
@ -1,10 +0,0 @@ |
|||||||
<?php |
|
||||||
|
|
||||||
namespace App\Http\Controllers; |
|
||||||
|
|
||||||
use Illuminate\Http\Request; |
|
||||||
|
|
||||||
class BarangMasukController extends Controller |
|
||||||
{ |
|
||||||
// |
|
||||||
} |
|
@ -0,0 +1,152 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
|
namespace App\Http\Controllers; |
||||||
|
|
||||||
|
use App\Models\m_asset; |
||||||
|
use App\Models\m_warehouse; |
||||||
|
use Illuminate\Http\Request; |
||||||
|
use Illuminate\Support\Facades\Auth; |
||||||
|
|
||||||
|
class M_assetController extends Controller |
||||||
|
{ |
||||||
|
/** |
||||||
|
* Display a listing of the resource. |
||||||
|
*/ |
||||||
|
public function index() |
||||||
|
{ |
||||||
|
$asset = m_asset::get(); |
||||||
|
$warehouse = m_warehouse::all(); |
||||||
|
return view('addons.SettingPlatform.manajement_asset', compact('asset', 'warehouse')); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Show the form for creating a new resource. |
||||||
|
*/ |
||||||
|
public function create() |
||||||
|
{ |
||||||
|
// |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Store a newly created resource in storage. |
||||||
|
*/ |
||||||
|
// public function store(Request $request) |
||||||
|
// { |
||||||
|
// $request->validate([ |
||||||
|
// 'name' => 'required', |
||||||
|
// 'description' => 'required', |
||||||
|
// 'warehouse_id' => 'required', |
||||||
|
// 'date' => 'required', |
||||||
|
// 'qr_count' => 'required', |
||||||
|
// ]); |
||||||
|
// // dd($request); |
||||||
|
// try { |
||||||
|
// $currentUser = Auth::user(); |
||||||
|
|
||||||
|
// $validatedData = $request->except('_token'); |
||||||
|
// $validatedData['created_by'] = $currentUser->id; // Menambahkan ID pengguna sebagai created_by |
||||||
|
// $validatedData['updated_by'] = $currentUser->id; // Menambahkan ID pengguna sebagai updated_by |
||||||
|
// dd($validatedData); |
||||||
|
// m_asset::create($validatedData); |
||||||
|
// return redirect()->back()->with('success', 'Data barang berhasil ditambah.'); |
||||||
|
// } catch (\Throwable $th) { |
||||||
|
// return redirect()->back()->with('error', 'Data barang gagal ditambah.'); |
||||||
|
// } |
||||||
|
// return redirect()->back()->with('success', 'Data barang berhasil ditambah.'); |
||||||
|
// } |
||||||
|
public function store(Request $request) |
||||||
|
{ |
||||||
|
// dd($request); |
||||||
|
// Mendapatkan produk terbaru |
||||||
|
$latestAsset = \App\Models\m_asset::latest()->first(); |
||||||
|
// Mendapatkan tahun saat ini |
||||||
|
$currentYear = date("Y"); |
||||||
|
// Menghitung nomor urut untuk kode barang |
||||||
|
if ($latestAsset == null) { |
||||||
|
// Kode pertama |
||||||
|
$nomorUrut = 1; |
||||||
|
} else { |
||||||
|
// Kode berikutnya |
||||||
|
$lastCode = substr($latestAsset->seri, 7); |
||||||
|
$nomorUrut = intval($lastCode) + 1; |
||||||
|
} |
||||||
|
// Menggabungkan semua komponen kode barang |
||||||
|
$seri = 'AST' . $currentYear . str_pad($nomorUrut, STR_PAD_LEFT); |
||||||
|
// Validasi input |
||||||
|
$request->validate([ |
||||||
|
'name' => 'required', |
||||||
|
'description' => 'required', |
||||||
|
'warehouse_id' => 'required', |
||||||
|
'date' => 'required', |
||||||
|
'qr_count' => 'required', |
||||||
|
]); |
||||||
|
try { |
||||||
|
$currentUser = Auth::user(); |
||||||
|
// Menyiapkan data untuk disimpan |
||||||
|
$validatedData = $request->except('_token'); |
||||||
|
$validatedData['seri'] = $seri; |
||||||
|
$validatedData['created_by'] = $currentUser->id; // Menambahkan ID pengguna sebagai created_by |
||||||
|
$validatedData['updated_by'] = $currentUser->id; // Menambahkan ID pengguna sebagai updated_by |
||||||
|
// dd($validatedData); |
||||||
|
// Menyimpan data ke dalam database |
||||||
|
\App\Models\m_asset::create($validatedData); |
||||||
|
return redirect()->back()->with('success', 'Data asset berhasil ditambah.'); |
||||||
|
} catch (\Throwable $th) { |
||||||
|
// dd($th); |
||||||
|
return redirect()->back()->with('error', 'Data asset gagal ditambah.'); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Display the specified resource. |
||||||
|
*/ |
||||||
|
public function show($id) |
||||||
|
{ |
||||||
|
// dd('oke'); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Show the form for editing the specified resource. |
||||||
|
*/ |
||||||
|
public function edit() |
||||||
|
{ |
||||||
|
// dd('oke'); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Update the specified resource in storage. |
||||||
|
*/ |
||||||
|
public function update(Request $request, $id) |
||||||
|
{ |
||||||
|
// dd('oke'); |
||||||
|
$request->validate([ |
||||||
|
'name' => 'required', |
||||||
|
'description' => 'required', |
||||||
|
'warehouse_id' => 'required', |
||||||
|
'date' => 'required', |
||||||
|
'qr_count' => 'required', |
||||||
|
]); |
||||||
|
try { |
||||||
|
$asset = m_asset::findOrFail($id); |
||||||
|
$asset->update($request->all()); |
||||||
|
return redirect()->back()->with('success', 'Data asset berhasil diperbaharui'); |
||||||
|
} catch (\Throwable $th) { |
||||||
|
return redirect()->back()->with('error', 'Data asset gagal diperbaharui'); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Remove the specified resource from storage. |
||||||
|
*/ |
||||||
|
public function destroy($id) |
||||||
|
{ |
||||||
|
// dd("oke"); |
||||||
|
try { |
||||||
|
$asset = m_asset::findOrFail($id); |
||||||
|
$asset->delete(); |
||||||
|
return redirect()->back()->with('success', 'Data asset berhasil dihapus'); |
||||||
|
} catch (\Throwable $th) { |
||||||
|
return redirect()->back()->with('error', 'Data asset gagal dihapus'); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,98 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
|
namespace App\Http\Controllers; |
||||||
|
|
||||||
|
use App\Models\User; |
||||||
|
use App\Models\m_role; |
||||||
|
use App\Models\m_warehouse; |
||||||
|
use Illuminate\Http\Request; |
||||||
|
|
||||||
|
class M_userController extends Controller |
||||||
|
{ |
||||||
|
/** |
||||||
|
* Display a listing of the resource. |
||||||
|
*/ |
||||||
|
public function index() |
||||||
|
{ |
||||||
|
// dd('oke'); |
||||||
|
$user = User::get(); |
||||||
|
return view('addons.SettingPlatform.manajement_user', compact('user')); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Show the form for creating a new resource. |
||||||
|
*/ |
||||||
|
public function create() |
||||||
|
{ |
||||||
|
// |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Store a newly created resource in storage. |
||||||
|
*/ |
||||||
|
public function store(Request $request) |
||||||
|
{ |
||||||
|
// dd('oke'); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Display the specified resource. |
||||||
|
*/ |
||||||
|
public function show($id) |
||||||
|
{ |
||||||
|
// dd('oke'); |
||||||
|
$user = User::find($id); |
||||||
|
$role = m_role::get(); |
||||||
|
$warehouse = m_warehouse::get(); |
||||||
|
return view('addons.SettingPlatform.update_user', compact('user', 'role', 'warehouse')); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Show the form for editing the specified resource. |
||||||
|
*/ |
||||||
|
public function edit() |
||||||
|
{ |
||||||
|
// dd('oke'); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Update the specified resource in storage. |
||||||
|
*/ |
||||||
|
public function update(Request $request, $id) |
||||||
|
{ |
||||||
|
$request->validate([ |
||||||
|
'fullname' => 'required', |
||||||
|
'nip' => 'required', |
||||||
|
'email' => 'required', |
||||||
|
'no_hp' => 'required', |
||||||
|
'divisi' => 'required', |
||||||
|
'address' => 'required', |
||||||
|
'status' => 'required', |
||||||
|
'role_id' => 'required', |
||||||
|
'warehouse_id' => 'required', |
||||||
|
]); |
||||||
|
// dd($request->all()); |
||||||
|
try { |
||||||
|
$user = User::findOrFail($id); |
||||||
|
$user->update($request->all()); |
||||||
|
return redirect()->route('user.index')->with('success', 'Data User berhasil diperbaharui'); |
||||||
|
} catch (\Throwable $th) { |
||||||
|
return redirect()->back()->with('error', 'Data User gagal diperbaharui'); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Remove the specified resource from storage. |
||||||
|
*/ |
||||||
|
public function destroy($id) |
||||||
|
{ |
||||||
|
// dd("oke"); |
||||||
|
try { |
||||||
|
$user = User::findOrFail($id); |
||||||
|
$user->delete(); |
||||||
|
return redirect()->back()->with('success', 'Data user berhasil dihapus'); |
||||||
|
} catch (\Throwable $th) { |
||||||
|
return redirect()->back()->with('error', 'Data user gagal dihapus'); |
||||||
|
} |
||||||
|
} |
||||||
|
} |
@ -1,133 +0,0 @@ |
|||||||
<?php |
|
||||||
|
|
||||||
namespace App\Http\Controllers; |
|
||||||
|
|
||||||
use App\Models\product; |
|
||||||
use Illuminate\Http\Request; |
|
||||||
|
|
||||||
class ProductController extends Controller |
|
||||||
{ |
|
||||||
/** |
|
||||||
* Display a listing of the resource. |
|
||||||
*/ |
|
||||||
public function index() |
|
||||||
{ |
|
||||||
$product = product::get(); |
|
||||||
return view('addons.settingplatform', compact('product')); |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* Show the form for creating a new resource. |
|
||||||
*/ |
|
||||||
public function create() |
|
||||||
{ |
|
||||||
// |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* Store a newly created resource in storage. |
|
||||||
*/ |
|
||||||
public function store(Request $request) |
|
||||||
{ |
|
||||||
// Mendapatkan produk terbaru |
|
||||||
$latestProduct = \App\Models\Product::latest()->first(); |
|
||||||
// Mendapatkan tahun saat ini |
|
||||||
$currentYear = date("Y"); |
|
||||||
// Menghitung nomor urut untuk kode barang |
|
||||||
if ($latestProduct == null) { |
|
||||||
// Kode pertama |
|
||||||
$nomorUrut = 1; |
|
||||||
} else { |
|
||||||
// Kode berikutnya |
|
||||||
$lastCode = substr($latestProduct->kode_barang, 7); |
|
||||||
$nomorUrut = intval($lastCode) + 1; |
|
||||||
} |
|
||||||
// Menggabungkan semua komponen kode barang |
|
||||||
$kode_barang = 'BRG' . $currentYear . str_pad($nomorUrut, STR_PAD_LEFT); |
|
||||||
// Validasi input |
|
||||||
$request->validate([ |
|
||||||
'nama_barang' => 'required', |
|
||||||
'stok' => 'required|integer', |
|
||||||
'harga' => 'required|numeric', |
|
||||||
'deskripsi' => 'required', |
|
||||||
]); |
|
||||||
try { |
|
||||||
// Menyiapkan data untuk disimpan |
|
||||||
$validatedData = $request->except('_token'); |
|
||||||
$validatedData['kode_barang'] = $kode_barang; |
|
||||||
// Menyimpan data ke dalam database |
|
||||||
\App\Models\Product::create($validatedData); |
|
||||||
return redirect()->back()->with('success', 'Data barang berhasil ditambah.'); |
|
||||||
} catch (\Throwable $th) { |
|
||||||
return redirect()->back()->with('error', 'Data barang gagal ditambah.'); |
|
||||||
} |
|
||||||
} |
|
||||||
// public function store(Request $request) |
|
||||||
// { |
|
||||||
// $request->validate([ |
|
||||||
// 'nama_barang' => 'required', |
|
||||||
// 'stok' => 'required', |
|
||||||
// 'harga' => 'required', |
|
||||||
// 'deskripsi' => 'required', |
|
||||||
// ]); |
|
||||||
// // dd($request); |
|
||||||
// try { |
|
||||||
// $validatedData = $request->except('_token'); |
|
||||||
// // dd($validatedData); |
|
||||||
// product::create($validatedData); |
|
||||||
// return redirect()->back()->with('success', 'Data barang berhasil ditambah.'); |
|
||||||
// } catch (\Throwable $th) { |
|
||||||
// return redirect()->back()->with('error', 'Data barang gagal ditambah.'); |
|
||||||
// } |
|
||||||
// return redirect()->back()->with('success', 'Data barang berhasil ditambah.'); |
|
||||||
// } |
|
||||||
|
|
||||||
/** |
|
||||||
* Display the specified resource. |
|
||||||
*/ |
|
||||||
public function show($id) |
|
||||||
{ |
|
||||||
// dd('oke'); |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* Show the form for editing the specified resource. |
|
||||||
*/ |
|
||||||
public function edit() |
|
||||||
{ |
|
||||||
// dd('oke'); |
|
||||||
} |
|
||||||
|
|
||||||
public function update(Request $request, $id) |
|
||||||
{ |
|
||||||
// dd('oke'); |
|
||||||
$request->validate([ |
|
||||||
'nama_barang' => 'required', |
|
||||||
'stok' => 'required', |
|
||||||
'harga' => 'required', |
|
||||||
'deskripsi' => 'required', |
|
||||||
]); |
|
||||||
try { |
|
||||||
$product = Product::findOrFail($id); |
|
||||||
$product->update($request->all()); |
|
||||||
return redirect()->back()->with('success', 'Data barang berhasil diperbaharui'); |
|
||||||
} catch (\Throwable $th) { |
|
||||||
return redirect()->back()->with('error', 'Data barang gagal diperbaharui'); |
|
||||||
} |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* Remove the specified resource from storage. |
|
||||||
*/ |
|
||||||
public function destroy($id) |
|
||||||
{ |
|
||||||
// dd("oke"); |
|
||||||
try { |
|
||||||
$product = Product::findOrFail($id); |
|
||||||
$product->delete(); |
|
||||||
return redirect()->back()->with('success', 'Data barang berhasil dihapus'); |
|
||||||
} catch (\Throwable $th) { |
|
||||||
return redirect()->back()->with('error', 'Data barang gagal dihapus'); |
|
||||||
} |
|
||||||
} |
|
||||||
} |
|
@ -1,11 +0,0 @@ |
|||||||
<?php |
|
||||||
|
|
||||||
namespace App\Models; |
|
||||||
|
|
||||||
use Illuminate\Database\Eloquent\Factories\HasFactory; |
|
||||||
use Illuminate\Database\Eloquent\Model; |
|
||||||
|
|
||||||
class BarangKeluar extends Model |
|
||||||
{ |
|
||||||
use HasFactory; |
|
||||||
} |
|
@ -0,0 +1,17 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
|
namespace App\Models; |
||||||
|
|
||||||
|
use Illuminate\Database\Eloquent\Factories\HasFactory; |
||||||
|
use Illuminate\Database\Eloquent\Model; |
||||||
|
|
||||||
|
class asset_status extends Model |
||||||
|
{ |
||||||
|
use HasFactory; |
||||||
|
protected $table = 'asset_statuses', $guarded = ['id']; |
||||||
|
|
||||||
|
public function asset() |
||||||
|
{ |
||||||
|
return $this->belongsTo(m_asset::class, 'asset_id'); |
||||||
|
} |
||||||
|
} |
@ -0,0 +1,17 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
|
namespace App\Models; |
||||||
|
|
||||||
|
use Illuminate\Database\Eloquent\Factories\HasFactory; |
||||||
|
use Illuminate\Database\Eloquent\Model; |
||||||
|
|
||||||
|
class m_asset extends Model |
||||||
|
{ |
||||||
|
use HasFactory; |
||||||
|
protected $table = 'm_assets', $guarded = ['id']; |
||||||
|
|
||||||
|
public function warehouse() |
||||||
|
{ |
||||||
|
return $this->belongsTo(m_warehouse::class, 'warehouse_id'); |
||||||
|
} |
||||||
|
} |
@ -1,32 +0,0 @@ |
|||||||
<?php |
|
||||||
|
|
||||||
use Illuminate\Database\Migrations\Migration; |
|
||||||
use Illuminate\Database\Schema\Blueprint; |
|
||||||
use Illuminate\Support\Facades\Schema; |
|
||||||
|
|
||||||
return new class extends Migration |
|
||||||
{ |
|
||||||
/** |
|
||||||
* Run the migrations. |
|
||||||
*/ |
|
||||||
public function up(): void |
|
||||||
{ |
|
||||||
Schema::create('users', function (Blueprint $table) { |
|
||||||
$table->id(); |
|
||||||
$table->string('name'); |
|
||||||
$table->string('email')->unique(); |
|
||||||
$table->timestamp('email_verified_at')->nullable(); |
|
||||||
$table->string('password'); |
|
||||||
$table->rememberToken(); |
|
||||||
$table->timestamps(); |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* Reverse the migrations. |
|
||||||
*/ |
|
||||||
public function down(): void |
|
||||||
{ |
|
||||||
Schema::dropIfExists('users'); |
|
||||||
} |
|
||||||
}; |
|
@ -1,35 +0,0 @@ |
|||||||
<?php |
|
||||||
|
|
||||||
use Illuminate\Database\Migrations\Migration; |
|
||||||
use Illuminate\Database\Schema\Blueprint; |
|
||||||
use Illuminate\Support\Facades\Schema; |
|
||||||
|
|
||||||
return new class extends Migration |
|
||||||
{ |
|
||||||
/** |
|
||||||
* Run the migrations. |
|
||||||
*/ |
|
||||||
public function up(): void |
|
||||||
{ |
|
||||||
Schema::create('products', function (Blueprint $table) { |
|
||||||
$table->id(); |
|
||||||
$table->string('kode_barang'); |
|
||||||
$table->string('nama_barang'); |
|
||||||
$table->integer('stok'); |
|
||||||
$table->decimal('harga', 10, 3); |
|
||||||
$table->string('deskripsi'); |
|
||||||
$table->timestamps(); |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* Reverse the migrations. |
|
||||||
*/ |
|
||||||
public function down(): void |
|
||||||
{ |
|
||||||
Schema::dropIfExists('products'); |
|
||||||
Schema::table('products', function (Blueprint $table) { |
|
||||||
$table->dropColumn('kode_barang'); |
|
||||||
}); |
|
||||||
} |
|
||||||
}; |
|
@ -1,27 +0,0 @@ |
|||||||
<?php |
|
||||||
|
|
||||||
use Illuminate\Database\Migrations\Migration; |
|
||||||
use Illuminate\Database\Schema\Blueprint; |
|
||||||
use Illuminate\Support\Facades\Schema; |
|
||||||
|
|
||||||
return new class extends Migration |
|
||||||
{ |
|
||||||
/** |
|
||||||
* Run the migrations. |
|
||||||
*/ |
|
||||||
public function up(): void |
|
||||||
{ |
|
||||||
Schema::create('barang_masuks', function (Blueprint $table) { |
|
||||||
$table->id(); |
|
||||||
$table->timestamps(); |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* Reverse the migrations. |
|
||||||
*/ |
|
||||||
public function down(): void |
|
||||||
{ |
|
||||||
Schema::dropIfExists('barang_masuks'); |
|
||||||
} |
|
||||||
}; |
|
@ -1,27 +0,0 @@ |
|||||||
<?php |
|
||||||
|
|
||||||
use Illuminate\Database\Migrations\Migration; |
|
||||||
use Illuminate\Database\Schema\Blueprint; |
|
||||||
use Illuminate\Support\Facades\Schema; |
|
||||||
|
|
||||||
return new class extends Migration |
|
||||||
{ |
|
||||||
/** |
|
||||||
* Run the migrations. |
|
||||||
*/ |
|
||||||
public function up(): void |
|
||||||
{ |
|
||||||
Schema::create('barang_keluars', function (Blueprint $table) { |
|
||||||
$table->id(); |
|
||||||
$table->timestamps(); |
|
||||||
}); |
|
||||||
} |
|
||||||
|
|
||||||
/** |
|
||||||
* Reverse the migrations. |
|
||||||
*/ |
|
||||||
public function down(): void |
|
||||||
{ |
|
||||||
Schema::dropIfExists('barang_keluars'); |
|
||||||
} |
|
||||||
}; |
|
@ -0,0 +1,40 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration; |
||||||
|
use Illuminate\Database\Schema\Blueprint; |
||||||
|
use Illuminate\Support\Facades\Schema; |
||||||
|
use Illuminate\Support\Facades\DB; |
||||||
|
|
||||||
|
return new class extends Migration |
||||||
|
{ |
||||||
|
/** |
||||||
|
* Run the migrations. |
||||||
|
*/ |
||||||
|
public function up(): void |
||||||
|
{ |
||||||
|
Schema::create('m_roles', function (Blueprint $table) { |
||||||
|
$table->id(); |
||||||
|
$table->string('name', 200); |
||||||
|
$table->text('description')->nullable(); |
||||||
|
$table->timestamps(); |
||||||
|
$table->softDeletes(); |
||||||
|
$table->string('created_by', 200)->nullable()->default('System'); |
||||||
|
$table->string('updated_by', 200)->nullable()->default('System'); |
||||||
|
}); |
||||||
|
|
||||||
|
// Insert default roles |
||||||
|
DB::table('m_roles')->insert([ |
||||||
|
['name' => 'admin', 'description' => 'Administrator'], |
||||||
|
['name' => 'warehouse', 'description' => 'Warehouse User'], |
||||||
|
['name' => 'customer', 'description' => 'Customer'], |
||||||
|
]); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Reverse the migrations. |
||||||
|
*/ |
||||||
|
public function down(): void |
||||||
|
{ |
||||||
|
Schema::dropIfExists('m_roles'); |
||||||
|
} |
||||||
|
}; |
@ -0,0 +1,39 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration; |
||||||
|
use Illuminate\Database\Schema\Blueprint; |
||||||
|
use Illuminate\Support\Facades\Schema; |
||||||
|
use Illuminate\Support\Facades\DB; |
||||||
|
|
||||||
|
return new class extends Migration |
||||||
|
{ |
||||||
|
/** |
||||||
|
* Run the migrations. |
||||||
|
*/ |
||||||
|
public function up(): void |
||||||
|
{ |
||||||
|
Schema::create('m_warehouses', function (Blueprint $table) { |
||||||
|
$table->id(); |
||||||
|
$table->string('name', 200); |
||||||
|
$table->text('description')->nullable(); |
||||||
|
$table->timestamps(); |
||||||
|
$table->softDeletes(); |
||||||
|
$table->string('created_by', 200)->nullable()->default('System'); |
||||||
|
$table->string('updated_by', 200)->nullable()->default('System'); |
||||||
|
}); |
||||||
|
|
||||||
|
DB::table('m_warehouses')->insert([ |
||||||
|
['name' => 'Gudangsatu', 'description' => 'Gudang Barang'], |
||||||
|
['name' => 'Gudangdua', 'description' => 'Gudang Makanan'], |
||||||
|
['name' => 'Gudangtiga', 'description' => 'Gudang Pakaian'], |
||||||
|
]); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Reverse the migrations. |
||||||
|
*/ |
||||||
|
public function down(): void |
||||||
|
{ |
||||||
|
Schema::dropIfExists('m_warehouses'); |
||||||
|
} |
||||||
|
}; |
@ -0,0 +1,58 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
|
use Illuminate\Support\Facades\DB; |
||||||
|
use Illuminate\Support\Facades\Schema; |
||||||
|
use Illuminate\Database\Schema\Blueprint; |
||||||
|
use Illuminate\Database\Migrations\Migration; |
||||||
|
|
||||||
|
return new class extends Migration |
||||||
|
{ |
||||||
|
/** |
||||||
|
* Run the migrations. |
||||||
|
*/ |
||||||
|
public function up(): void |
||||||
|
{ |
||||||
|
Schema::create('users', function (Blueprint $table) { |
||||||
|
$table->id(); |
||||||
|
$table->string('username', 50); |
||||||
|
$table->string('fullname'); |
||||||
|
$table->string('nip', 20); |
||||||
|
$table->string('email')->unique(); |
||||||
|
$table->string('no_hp', 20); |
||||||
|
$table->string('divisi', 255); |
||||||
|
$table->date('tgl_lahir')->nullable(); |
||||||
|
$table->enum('jenis_kelamin', ['L', 'P'])->nullable(); |
||||||
|
$table->enum('agama', ['Islam', 'Kristen', 'Katolik', 'Hindu', 'Budha', 'Konghucu'])->nullable(); |
||||||
|
$table->string('foto', 255)->nullable(); |
||||||
|
// $table->integer('role_id'); |
||||||
|
$table->bigInteger('role_id')->unsigned(); |
||||||
|
$table->foreign('role_id')->references('id')->on('m_roles'); |
||||||
|
// $table->integer('warehouse_id'); |
||||||
|
$table->bigInteger('warehouse_id')->unsigned(); |
||||||
|
$table->foreign('warehouse_id')->references('id')->on('m_warehouses'); |
||||||
|
$table->text('address'); |
||||||
|
$table->enum('status', ['aktif', 'tidak aktif']); |
||||||
|
$table->timestamp('email_verified_at')->nullable(); |
||||||
|
$table->string('password'); |
||||||
|
$table->rememberToken(); |
||||||
|
$table->timestamps(); |
||||||
|
$table->string('created_by', 200)->nullable(); |
||||||
|
$table->string('updated_by', 200)->nullable(); |
||||||
|
$table->softDeletes(); // Menambahkan kolom deleted_at untuk soft delete |
||||||
|
}); |
||||||
|
|
||||||
|
DB::table('users')->insert([ |
||||||
|
['username' => 'Gunawan19621', 'fullname' => 'Gunawan', 'nip' => '111111', 'email' => 'gunawan19621@gmail.com', 'no_hp' => '085159079010', 'divisi' => 'admin', 'role_id' => 1, 'warehouse_id' => 1, 'address' => 'Jl. Raya Gelarmendala', 'status' => 'aktif', 'password' => bcrypt('19062001')], |
||||||
|
['username' => 'warehouse123', 'fullname' => 'warehouse', 'nip' => '222222', 'email' => 'warehouse@gmail.com', 'no_hp' => '085159079020', 'divisi' => 'admin', 'role_id' => 2, 'warehouse_id' => 2, 'address' => 'Jl. Raya Ciwatu', 'status' => 'aktif', 'password' => bcrypt('warehouse123')], |
||||||
|
['username' => 'customer123', 'fullname' => 'customer', 'nip' => '333333', 'email' => 'customer@gmail.com', 'no_hp' => '085159079030', 'divisi' => 'admin', 'role_id' => 3, 'warehouse_id' => 3, 'address' => 'Jl. Raya Balongan', 'status' => 'aktif', 'password' => bcrypt('customer123')] |
||||||
|
]); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Reverse the migrations. |
||||||
|
*/ |
||||||
|
public function down(): void |
||||||
|
{ |
||||||
|
Schema::dropIfExists('users'); |
||||||
|
} |
||||||
|
}; |
@ -0,0 +1,37 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration; |
||||||
|
use Illuminate\Database\Schema\Blueprint; |
||||||
|
use Illuminate\Support\Facades\Schema; |
||||||
|
|
||||||
|
return new class extends Migration |
||||||
|
{ |
||||||
|
/** |
||||||
|
* Run the migrations. |
||||||
|
*/ |
||||||
|
public function up(): void |
||||||
|
{ |
||||||
|
Schema::create('m_assets', function (Blueprint $table) { |
||||||
|
$table->id(); |
||||||
|
$table->string('seri', 50); |
||||||
|
$table->string('name', 200); |
||||||
|
$table->text('description'); |
||||||
|
$table->bigInteger('warehouse_id')->unsigned(); |
||||||
|
$table->foreign('warehouse_id')->references('id')->on('m_warehouses'); |
||||||
|
$table->datetime('date'); |
||||||
|
$table->integer('qr_count'); |
||||||
|
$table->timestamps(); |
||||||
|
$table->softDeletes(); |
||||||
|
$table->string('created_by', 200); |
||||||
|
$table->string('updated_by', 200); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Reverse the migrations. |
||||||
|
*/ |
||||||
|
public function down(): void |
||||||
|
{ |
||||||
|
Schema::dropIfExists('m_assets'); |
||||||
|
} |
||||||
|
}; |
@ -0,0 +1,38 @@ |
|||||||
|
<?php |
||||||
|
|
||||||
|
use Illuminate\Database\Migrations\Migration; |
||||||
|
use Illuminate\Database\Schema\Blueprint; |
||||||
|
use Illuminate\Support\Facades\Schema; |
||||||
|
|
||||||
|
return new class extends Migration |
||||||
|
{ |
||||||
|
/** |
||||||
|
* Run the migrations. |
||||||
|
*/ |
||||||
|
public function up(): void |
||||||
|
{ |
||||||
|
Schema::create('asset_statuses', function (Blueprint $table) { |
||||||
|
$table->id(); |
||||||
|
$table->bigInteger('asset_id')->unsigned(); |
||||||
|
$table->foreign('asset_id')->references('id')->on('m_assets')->onDelete('cascade'); |
||||||
|
$table->datetime('exit_at'); |
||||||
|
$table->string('exit_pic', 200); |
||||||
|
$table->string('exit_warehouse', 200); |
||||||
|
$table->datetime('enter_at')->nullable(); |
||||||
|
$table->string('enter_pic', 200)->nullable(); |
||||||
|
$table->string('enter_warehouse', 200)->nullable(); |
||||||
|
$table->timestamps(); |
||||||
|
$table->softDeletes(); |
||||||
|
$table->string('created_by', 200); |
||||||
|
$table->string('updated_by', 200); |
||||||
|
}); |
||||||
|
} |
||||||
|
|
||||||
|
/** |
||||||
|
* Reverse the migrations. |
||||||
|
*/ |
||||||
|
public function down(): void |
||||||
|
{ |
||||||
|
Schema::dropIfExists('asset_statuses'); |
||||||
|
} |
||||||
|
}; |
@ -0,0 +1,471 @@ |
|||||||
|
/*! |
||||||
|
* Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker) |
||||||
|
* |
||||||
|
* Copyright 2012 Stefan Petre |
||||||
|
* Improvements by Andrew Rowls |
||||||
|
* Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) |
||||||
|
*/ |
||||||
|
.datepicker { |
||||||
|
padding: 10px; |
||||||
|
-webkit-border-radius: 4px; |
||||||
|
-moz-border-radius: 4px; |
||||||
|
border-radius: 4px; |
||||||
|
direction: ltr; |
||||||
|
} |
||||||
|
.datepicker-inline { |
||||||
|
width: 220px; |
||||||
|
} |
||||||
|
.datepicker.datepicker-rtl { |
||||||
|
direction: rtl; |
||||||
|
} |
||||||
|
.datepicker.datepicker-rtl table tr td span { |
||||||
|
float: right; |
||||||
|
} |
||||||
|
.datepicker-dropdown { |
||||||
|
top: 0; |
||||||
|
left: 0; |
||||||
|
} |
||||||
|
.datepicker-dropdown:before { |
||||||
|
content: ''; |
||||||
|
display: inline-block; |
||||||
|
border-left: 7px solid transparent; |
||||||
|
border-right: 7px solid transparent; |
||||||
|
border-bottom: 7px solid #999; |
||||||
|
border-top: 0; |
||||||
|
border-bottom-color: rgba(0, 0, 0, 0.2); |
||||||
|
position: absolute; |
||||||
|
} |
||||||
|
.datepicker-dropdown:after { |
||||||
|
content: ''; |
||||||
|
display: inline-block; |
||||||
|
border-left: 6px solid transparent; |
||||||
|
border-right: 6px solid transparent; |
||||||
|
border-bottom: 6px solid #fff; |
||||||
|
border-top: 0; |
||||||
|
position: absolute; |
||||||
|
} |
||||||
|
.datepicker-dropdown.datepicker-orient-left:before { |
||||||
|
left: 6px; |
||||||
|
} |
||||||
|
.datepicker-dropdown.datepicker-orient-left:after { |
||||||
|
left: 7px; |
||||||
|
} |
||||||
|
.datepicker-dropdown.datepicker-orient-right:before { |
||||||
|
right: 6px; |
||||||
|
} |
||||||
|
.datepicker-dropdown.datepicker-orient-right:after { |
||||||
|
right: 7px; |
||||||
|
} |
||||||
|
.datepicker-dropdown.datepicker-orient-bottom:before { |
||||||
|
top: -7px; |
||||||
|
} |
||||||
|
.datepicker-dropdown.datepicker-orient-bottom:after { |
||||||
|
top: -6px; |
||||||
|
} |
||||||
|
.datepicker-dropdown.datepicker-orient-top:before { |
||||||
|
bottom: -7px; |
||||||
|
border-bottom: 0; |
||||||
|
border-top: 7px solid #999; |
||||||
|
} |
||||||
|
.datepicker-dropdown.datepicker-orient-top:after { |
||||||
|
bottom: -6px; |
||||||
|
border-bottom: 0; |
||||||
|
border-top: 6px solid #fff; |
||||||
|
} |
||||||
|
.datepicker table { |
||||||
|
margin: 0; |
||||||
|
-webkit-touch-callout: none; |
||||||
|
-webkit-user-select: none; |
||||||
|
-khtml-user-select: none; |
||||||
|
-moz-user-select: none; |
||||||
|
-ms-user-select: none; |
||||||
|
user-select: none; |
||||||
|
} |
||||||
|
.datepicker td, |
||||||
|
.datepicker th { |
||||||
|
text-align: center; |
||||||
|
width: 40px; |
||||||
|
height: 40px; |
||||||
|
-webkit-border-radius: 4px; |
||||||
|
-moz-border-radius: 4px; |
||||||
|
border-radius: 4px; |
||||||
|
border: none; |
||||||
|
} |
||||||
|
.table-striped .datepicker table tr td, |
||||||
|
.table-striped .datepicker table tr th { |
||||||
|
background-color: transparent; |
||||||
|
} |
||||||
|
.datepicker table tr td.day:hover, |
||||||
|
.datepicker table tr td.day.focused { |
||||||
|
background: #eee; |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.datepicker table tr td.old, |
||||||
|
.datepicker table tr td.new { |
||||||
|
color: #999; |
||||||
|
} |
||||||
|
.datepicker table tr td.disabled, |
||||||
|
.datepicker table tr td.disabled:hover { |
||||||
|
background: none; |
||||||
|
color: #999; |
||||||
|
cursor: default; |
||||||
|
} |
||||||
|
.datepicker table tr td.highlighted { |
||||||
|
background: #d9edf7; |
||||||
|
border-radius: 0; |
||||||
|
} |
||||||
|
.datepicker table tr td.today, |
||||||
|
.datepicker table tr td.today:hover, |
||||||
|
.datepicker table tr td.today.disabled, |
||||||
|
.datepicker table tr td.today.disabled:hover { |
||||||
|
background-color: #fde19a; |
||||||
|
background-image: -moz-linear-gradient(to bottom, #fdd49a, #fdf59a); |
||||||
|
background-image: -ms-linear-gradient(to bottom, #fdd49a, #fdf59a); |
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fdd49a), to(#fdf59a)); |
||||||
|
background-image: -webkit-linear-gradient(to bottom, #fdd49a, #fdf59a); |
||||||
|
background-image: -o-linear-gradient(to bottom, #fdd49a, #fdf59a); |
||||||
|
background-image: linear-gradient(to bottom, #fdd49a, #fdf59a); |
||||||
|
background-repeat: repeat-x; |
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a', endColorstr='#fdf59a', GradientType=0); |
||||||
|
border-color: #fdf59a #fdf59a #fbed50; |
||||||
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
||||||
|
color: #000; |
||||||
|
} |
||||||
|
.datepicker table tr td.today:hover, |
||||||
|
.datepicker table tr td.today:hover:hover, |
||||||
|
.datepicker table tr td.today.disabled:hover, |
||||||
|
.datepicker table tr td.today.disabled:hover:hover, |
||||||
|
.datepicker table tr td.today:active, |
||||||
|
.datepicker table tr td.today:hover:active, |
||||||
|
.datepicker table tr td.today.disabled:active, |
||||||
|
.datepicker table tr td.today.disabled:hover:active, |
||||||
|
.datepicker table tr td.today.active, |
||||||
|
.datepicker table tr td.today:hover.active, |
||||||
|
.datepicker table tr td.today.disabled.active, |
||||||
|
.datepicker table tr td.today.disabled:hover.active, |
||||||
|
.datepicker table tr td.today.disabled, |
||||||
|
.datepicker table tr td.today:hover.disabled, |
||||||
|
.datepicker table tr td.today.disabled.disabled, |
||||||
|
.datepicker table tr td.today.disabled:hover.disabled, |
||||||
|
.datepicker table tr td.today[disabled], |
||||||
|
.datepicker table tr td.today:hover[disabled], |
||||||
|
.datepicker table tr td.today.disabled[disabled], |
||||||
|
.datepicker table tr td.today.disabled:hover[disabled] { |
||||||
|
background-color: #fdf59a; |
||||||
|
} |
||||||
|
.datepicker table tr td.today:active, |
||||||
|
.datepicker table tr td.today:hover:active, |
||||||
|
.datepicker table tr td.today.disabled:active, |
||||||
|
.datepicker table tr td.today.disabled:hover:active, |
||||||
|
.datepicker table tr td.today.active, |
||||||
|
.datepicker table tr td.today:hover.active, |
||||||
|
.datepicker table tr td.today.disabled.active, |
||||||
|
.datepicker table tr td.today.disabled:hover.active { |
||||||
|
background-color: #fbf069 \9; |
||||||
|
} |
||||||
|
.datepicker table tr td.today:hover:hover { |
||||||
|
color: #000; |
||||||
|
} |
||||||
|
.datepicker table tr td.today.active:hover { |
||||||
|
color: #fff; |
||||||
|
} |
||||||
|
.datepicker table tr td.range, |
||||||
|
.datepicker table tr td.range:hover, |
||||||
|
.datepicker table tr td.range.disabled, |
||||||
|
.datepicker table tr td.range.disabled:hover { |
||||||
|
background: #eee; |
||||||
|
-webkit-border-radius: 0; |
||||||
|
-moz-border-radius: 0; |
||||||
|
border-radius: 0; |
||||||
|
} |
||||||
|
.datepicker table tr td.range.today, |
||||||
|
.datepicker table tr td.range.today:hover, |
||||||
|
.datepicker table tr td.range.today.disabled, |
||||||
|
.datepicker table tr td.range.today.disabled:hover { |
||||||
|
background-color: #f3d17a; |
||||||
|
background-image: -moz-linear-gradient(to bottom, #f3c17a, #f3e97a); |
||||||
|
background-image: -ms-linear-gradient(to bottom, #f3c17a, #f3e97a); |
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f3c17a), to(#f3e97a)); |
||||||
|
background-image: -webkit-linear-gradient(to bottom, #f3c17a, #f3e97a); |
||||||
|
background-image: -o-linear-gradient(to bottom, #f3c17a, #f3e97a); |
||||||
|
background-image: linear-gradient(to bottom, #f3c17a, #f3e97a); |
||||||
|
background-repeat: repeat-x; |
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3c17a', endColorstr='#f3e97a', GradientType=0); |
||||||
|
border-color: #f3e97a #f3e97a #edde34; |
||||||
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
||||||
|
-webkit-border-radius: 0; |
||||||
|
-moz-border-radius: 0; |
||||||
|
border-radius: 0; |
||||||
|
} |
||||||
|
.datepicker table tr td.range.today:hover, |
||||||
|
.datepicker table tr td.range.today:hover:hover, |
||||||
|
.datepicker table tr td.range.today.disabled:hover, |
||||||
|
.datepicker table tr td.range.today.disabled:hover:hover, |
||||||
|
.datepicker table tr td.range.today:active, |
||||||
|
.datepicker table tr td.range.today:hover:active, |
||||||
|
.datepicker table tr td.range.today.disabled:active, |
||||||
|
.datepicker table tr td.range.today.disabled:hover:active, |
||||||
|
.datepicker table tr td.range.today.active, |
||||||
|
.datepicker table tr td.range.today:hover.active, |
||||||
|
.datepicker table tr td.range.today.disabled.active, |
||||||
|
.datepicker table tr td.range.today.disabled:hover.active, |
||||||
|
.datepicker table tr td.range.today.disabled, |
||||||
|
.datepicker table tr td.range.today:hover.disabled, |
||||||
|
.datepicker table tr td.range.today.disabled.disabled, |
||||||
|
.datepicker table tr td.range.today.disabled:hover.disabled, |
||||||
|
.datepicker table tr td.range.today[disabled], |
||||||
|
.datepicker table tr td.range.today:hover[disabled], |
||||||
|
.datepicker table tr td.range.today.disabled[disabled], |
||||||
|
.datepicker table tr td.range.today.disabled:hover[disabled] { |
||||||
|
background-color: #f3e97a; |
||||||
|
} |
||||||
|
.datepicker table tr td.range.today:active, |
||||||
|
.datepicker table tr td.range.today:hover:active, |
||||||
|
.datepicker table tr td.range.today.disabled:active, |
||||||
|
.datepicker table tr td.range.today.disabled:hover:active, |
||||||
|
.datepicker table tr td.range.today.active, |
||||||
|
.datepicker table tr td.range.today:hover.active, |
||||||
|
.datepicker table tr td.range.today.disabled.active, |
||||||
|
.datepicker table tr td.range.today.disabled:hover.active { |
||||||
|
background-color: #efe24b \9; |
||||||
|
} |
||||||
|
.datepicker table tr td.selected, |
||||||
|
.datepicker table tr td.selected:hover, |
||||||
|
.datepicker table tr td.selected.disabled, |
||||||
|
.datepicker table tr td.selected.disabled:hover { |
||||||
|
background-color: #9e9e9e; |
||||||
|
background-image: -moz-linear-gradient(to bottom, #b3b3b3, #808080); |
||||||
|
background-image: -ms-linear-gradient(to bottom, #b3b3b3, #808080); |
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#b3b3b3), to(#808080)); |
||||||
|
background-image: -webkit-linear-gradient(to bottom, #b3b3b3, #808080); |
||||||
|
background-image: -o-linear-gradient(to bottom, #b3b3b3, #808080); |
||||||
|
background-image: linear-gradient(to bottom, #b3b3b3, #808080); |
||||||
|
background-repeat: repeat-x; |
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3b3b3', endColorstr='#808080', GradientType=0); |
||||||
|
border-color: #808080 #808080 #595959; |
||||||
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
||||||
|
color: #fff; |
||||||
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
||||||
|
} |
||||||
|
.datepicker table tr td.selected:hover, |
||||||
|
.datepicker table tr td.selected:hover:hover, |
||||||
|
.datepicker table tr td.selected.disabled:hover, |
||||||
|
.datepicker table tr td.selected.disabled:hover:hover, |
||||||
|
.datepicker table tr td.selected:active, |
||||||
|
.datepicker table tr td.selected:hover:active, |
||||||
|
.datepicker table tr td.selected.disabled:active, |
||||||
|
.datepicker table tr td.selected.disabled:hover:active, |
||||||
|
.datepicker table tr td.selected.active, |
||||||
|
.datepicker table tr td.selected:hover.active, |
||||||
|
.datepicker table tr td.selected.disabled.active, |
||||||
|
.datepicker table tr td.selected.disabled:hover.active, |
||||||
|
.datepicker table tr td.selected.disabled, |
||||||
|
.datepicker table tr td.selected:hover.disabled, |
||||||
|
.datepicker table tr td.selected.disabled.disabled, |
||||||
|
.datepicker table tr td.selected.disabled:hover.disabled, |
||||||
|
.datepicker table tr td.selected[disabled], |
||||||
|
.datepicker table tr td.selected:hover[disabled], |
||||||
|
.datepicker table tr td.selected.disabled[disabled], |
||||||
|
.datepicker table tr td.selected.disabled:hover[disabled] { |
||||||
|
background-color: #808080; |
||||||
|
} |
||||||
|
.datepicker table tr td.selected:active, |
||||||
|
.datepicker table tr td.selected:hover:active, |
||||||
|
.datepicker table tr td.selected.disabled:active, |
||||||
|
.datepicker table tr td.selected.disabled:hover:active, |
||||||
|
.datepicker table tr td.selected.active, |
||||||
|
.datepicker table tr td.selected:hover.active, |
||||||
|
.datepicker table tr td.selected.disabled.active, |
||||||
|
.datepicker table tr td.selected.disabled:hover.active { |
||||||
|
background-color: #666666 \9; |
||||||
|
} |
||||||
|
.datepicker table tr td.active, |
||||||
|
.datepicker table tr td.active:hover, |
||||||
|
.datepicker table tr td.active.disabled, |
||||||
|
.datepicker table tr td.active.disabled:hover { |
||||||
|
background-color: #006dcc; |
||||||
|
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc); |
||||||
|
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc); |
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc)); |
||||||
|
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc); |
||||||
|
background-image: -o-linear-gradient(to bottom, #08c, #0044cc); |
||||||
|
background-image: linear-gradient(to bottom, #08c, #0044cc); |
||||||
|
background-repeat: repeat-x; |
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); |
||||||
|
border-color: #0044cc #0044cc #002a80; |
||||||
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
||||||
|
color: #fff; |
||||||
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
||||||
|
} |
||||||
|
.datepicker table tr td.active:hover, |
||||||
|
.datepicker table tr td.active:hover:hover, |
||||||
|
.datepicker table tr td.active.disabled:hover, |
||||||
|
.datepicker table tr td.active.disabled:hover:hover, |
||||||
|
.datepicker table tr td.active:active, |
||||||
|
.datepicker table tr td.active:hover:active, |
||||||
|
.datepicker table tr td.active.disabled:active, |
||||||
|
.datepicker table tr td.active.disabled:hover:active, |
||||||
|
.datepicker table tr td.active.active, |
||||||
|
.datepicker table tr td.active:hover.active, |
||||||
|
.datepicker table tr td.active.disabled.active, |
||||||
|
.datepicker table tr td.active.disabled:hover.active, |
||||||
|
.datepicker table tr td.active.disabled, |
||||||
|
.datepicker table tr td.active:hover.disabled, |
||||||
|
.datepicker table tr td.active.disabled.disabled, |
||||||
|
.datepicker table tr td.active.disabled:hover.disabled, |
||||||
|
.datepicker table tr td.active[disabled], |
||||||
|
.datepicker table tr td.active:hover[disabled], |
||||||
|
.datepicker table tr td.active.disabled[disabled], |
||||||
|
.datepicker table tr td.active.disabled:hover[disabled] { |
||||||
|
background-color: #0044cc; |
||||||
|
} |
||||||
|
.datepicker table tr td.active:active, |
||||||
|
.datepicker table tr td.active:hover:active, |
||||||
|
.datepicker table tr td.active.disabled:active, |
||||||
|
.datepicker table tr td.active.disabled:hover:active, |
||||||
|
.datepicker table tr td.active.active, |
||||||
|
.datepicker table tr td.active:hover.active, |
||||||
|
.datepicker table tr td.active.disabled.active, |
||||||
|
.datepicker table tr td.active.disabled:hover.active { |
||||||
|
background-color: #003399 \9; |
||||||
|
} |
||||||
|
.datepicker table tr td span { |
||||||
|
display: block; |
||||||
|
width: 23%; |
||||||
|
height: 54px; |
||||||
|
line-height: 54px; |
||||||
|
float: left; |
||||||
|
margin: 1%; |
||||||
|
cursor: pointer; |
||||||
|
-webkit-border-radius: 4px; |
||||||
|
-moz-border-radius: 4px; |
||||||
|
border-radius: 4px; |
||||||
|
} |
||||||
|
.datepicker table tr td span:hover, |
||||||
|
.datepicker table tr td span.focused { |
||||||
|
background: #eee; |
||||||
|
} |
||||||
|
.datepicker table tr td span.disabled, |
||||||
|
.datepicker table tr td span.disabled:hover { |
||||||
|
background: none; |
||||||
|
color: #999; |
||||||
|
cursor: default; |
||||||
|
} |
||||||
|
.datepicker table tr td span.active, |
||||||
|
.datepicker table tr td span.active:hover, |
||||||
|
.datepicker table tr td span.active.disabled, |
||||||
|
.datepicker table tr td span.active.disabled:hover { |
||||||
|
background-color: #006dcc; |
||||||
|
background-image: -moz-linear-gradient(to bottom, #08c, #0044cc); |
||||||
|
background-image: -ms-linear-gradient(to bottom, #08c, #0044cc); |
||||||
|
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#0044cc)); |
||||||
|
background-image: -webkit-linear-gradient(to bottom, #08c, #0044cc); |
||||||
|
background-image: -o-linear-gradient(to bottom, #08c, #0044cc); |
||||||
|
background-image: linear-gradient(to bottom, #08c, #0044cc); |
||||||
|
background-repeat: repeat-x; |
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#08c', endColorstr='#0044cc', GradientType=0); |
||||||
|
border-color: #0044cc #0044cc #002a80; |
||||||
|
border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
||||||
|
filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
||||||
|
color: #fff; |
||||||
|
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
||||||
|
} |
||||||
|
.datepicker table tr td span.active:hover, |
||||||
|
.datepicker table tr td span.active:hover:hover, |
||||||
|
.datepicker table tr td span.active.disabled:hover, |
||||||
|
.datepicker table tr td span.active.disabled:hover:hover, |
||||||
|
.datepicker table tr td span.active:active, |
||||||
|
.datepicker table tr td span.active:hover:active, |
||||||
|
.datepicker table tr td span.active.disabled:active, |
||||||
|
.datepicker table tr td span.active.disabled:hover:active, |
||||||
|
.datepicker table tr td span.active.active, |
||||||
|
.datepicker table tr td span.active:hover.active, |
||||||
|
.datepicker table tr td span.active.disabled.active, |
||||||
|
.datepicker table tr td span.active.disabled:hover.active, |
||||||
|
.datepicker table tr td span.active.disabled, |
||||||
|
.datepicker table tr td span.active:hover.disabled, |
||||||
|
.datepicker table tr td span.active.disabled.disabled, |
||||||
|
.datepicker table tr td span.active.disabled:hover.disabled, |
||||||
|
.datepicker table tr td span.active[disabled], |
||||||
|
.datepicker table tr td span.active:hover[disabled], |
||||||
|
.datepicker table tr td span.active.disabled[disabled], |
||||||
|
.datepicker table tr td span.active.disabled:hover[disabled] { |
||||||
|
background-color: #0044cc; |
||||||
|
} |
||||||
|
.datepicker table tr td span.active:active, |
||||||
|
.datepicker table tr td span.active:hover:active, |
||||||
|
.datepicker table tr td span.active.disabled:active, |
||||||
|
.datepicker table tr td span.active.disabled:hover:active, |
||||||
|
.datepicker table tr td span.active.active, |
||||||
|
.datepicker table tr td span.active:hover.active, |
||||||
|
.datepicker table tr td span.active.disabled.active, |
||||||
|
.datepicker table tr td span.active.disabled:hover.active { |
||||||
|
background-color: #003399 \9; |
||||||
|
} |
||||||
|
.datepicker table tr td span.old, |
||||||
|
.datepicker table tr td span.new { |
||||||
|
color: #999; |
||||||
|
} |
||||||
|
.datepicker .datepicker-switch { |
||||||
|
width: 145px; |
||||||
|
} |
||||||
|
.datepicker .datepicker-switch, |
||||||
|
.datepicker .prev, |
||||||
|
.datepicker .next, |
||||||
|
.datepicker tfoot tr th { |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.datepicker .datepicker-switch:hover, |
||||||
|
.datepicker .prev:hover, |
||||||
|
.datepicker .next:hover, |
||||||
|
.datepicker tfoot tr th:hover { |
||||||
|
background: #eee; |
||||||
|
} |
||||||
|
.datepicker .cw { |
||||||
|
font-size: 10px; |
||||||
|
width: 12px; |
||||||
|
padding: 0 2px 0 5px; |
||||||
|
vertical-align: middle; |
||||||
|
} |
||||||
|
.input-append.date .add-on, |
||||||
|
.input-prepend.date .add-on { |
||||||
|
cursor: pointer; |
||||||
|
} |
||||||
|
.input-append.date .add-on i, |
||||||
|
.input-prepend.date .add-on i { |
||||||
|
margin-top: 3px; |
||||||
|
} |
||||||
|
.input-daterange input { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.input-daterange input:first-child { |
||||||
|
-webkit-border-radius: 3px 0 0 3px; |
||||||
|
-moz-border-radius: 3px 0 0 3px; |
||||||
|
border-radius: 3px 0 0 3px; |
||||||
|
} |
||||||
|
.input-daterange input:last-child { |
||||||
|
-webkit-border-radius: 0 3px 3px 0; |
||||||
|
-moz-border-radius: 0 3px 3px 0; |
||||||
|
border-radius: 0 3px 3px 0; |
||||||
|
} |
||||||
|
.input-daterange .add-on { |
||||||
|
display: inline-block; |
||||||
|
width: auto; |
||||||
|
min-width: 16px; |
||||||
|
height: 18px; |
||||||
|
padding: 4px 5px; |
||||||
|
font-weight: normal; |
||||||
|
line-height: 18px; |
||||||
|
text-align: center; |
||||||
|
text-shadow: 0 1px 0 #fff; |
||||||
|
vertical-align: middle; |
||||||
|
background-color: #eee; |
||||||
|
border: 1px solid #ccc; |
||||||
|
margin-left: -5px; |
||||||
|
margin-right: -5px; |
||||||
|
} |
||||||
|
/*# sourceMappingURL=bootstrap-datepicker.css.map */ |
@ -0,0 +1,9 @@ |
|||||||
|
<!doctype html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="utf-8"> |
||||||
|
<title>Silence is eloquence.</title> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
</body> |
||||||
|
</html> |
@ -0,0 +1,6 @@ |
|||||||
|
/** |
||||||
|
* Owl Carousel v2.2.1 |
||||||
|
* Copyright 2013-2017 David Deutsch |
||||||
|
* Licensed under () |
||||||
|
*/ |
||||||
|
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} |
@ -0,0 +1,15 @@ |
|||||||
|
/** |
||||||
|
* Owl Carousel v2.2.1 |
||||||
|
* Copyright 2013-2017 David Deutsch |
||||||
|
* Licensed under () |
||||||
|
*/ |
||||||
|
.owl-theme .owl-dots, |
||||||
|
.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent} |
||||||
|
.owl-theme .owl-nav{margin-top:10px} |
||||||
|
.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px;position: absolute;} |
||||||
|
.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none} |
||||||
|
.owl-theme .owl-nav .disabled{opacity:.5;cursor:default} |
||||||
|
.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px} |
||||||
|
.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1} |
||||||
|
.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px} |
||||||
|
.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} |
After Width: | Height: | Size: 2.4 KiB |
@ -0,0 +1 @@ |
|||||||
|
eyIxIjp7IklEIjoxLCJuYW1lIjoiTXkgaWNvbnMgY29sbGVjdGlvbiIsImJvb2ttYXJrX2lkIjoia3lnZjliNWRzbTAwMDAwMCIsImNyZWF0ZWQiOm51bGwsInVwZGF0ZWQiOjE1OTI4MDI5OTUsImFjdGl2ZSI6MSwic291cmNlIjoibG9jYWwiLCJvcmRlciI6MCwiY29sb3IiOiIwMDAwMDAiLCJzdGF0dXMiOjF9LCJreWdmOWI1ZHNtMDAwMDAwIjpbeyJpZCI6MjYzNTQ0NywidGVhbSI6MCwibmFtZSI6ImJhYnkiLCJjb2xvciI6IiMwMDAwMDAiLCJwcmVtaXVtIjowLCJzb3J0IjoyfSx7ImlkIjoyOTkxNTc3LCJ0ZWFtIjowLCJuYW1lIjoidGVhY2giLCJjb2xvciI6IiMwMDAwMDAiLCJwcmVtaXVtIjowLCJzb3J0IjozfSx7ImlkIjoyMzAyODA2LCJ0ZWFtIjowLCJuYW1lIjoiY2hpbGQiLCJjb2xvciI6IiMwMDAwMDAiLCJwcmVtaXVtIjowLCJzb3J0Ijo0fSx7ImlkIjoyODE5MTkyLCJ0ZWFtIjowLCJuYW1lIjoiYmVhciIsImNvbG9yIjoiIzAwMDAwMCIsInByZW1pdW0iOjAsInNvcnQiOjF9LHsiaWQiOjI5MTI3NjEsInRlYW0iOjAsIm5hbWUiOiJjZXJ0aWZpY2F0ZSIsImNvbG9yIjoiIzAwMDAwMCIsInByZW1pdW0iOjAsInNvcnQiOjV9LHsiaWQiOjExMTcwNDUsInRlYW0iOjAsIm5hbWUiOiJkcmF3IiwiY29sb3IiOiIjMDAwMDAwIiwicHJlbWl1bSI6MCwic29ydCI6Nn1dfQ== |
After Width: | Height: | Size: 42 KiB |
@ -0,0 +1,52 @@ |
|||||||
|
/* |
||||||
|
Flaticon icon font: Flaticon |
||||||
|
Creation date: 22/06/2020 05:16 |
||||||
|
*/ |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: "Flaticon"; |
||||||
|
src: url("./Flaticon.eot"); |
||||||
|
src: url("./Flaticon.eot?#iefix") format("embedded-opentype"), |
||||||
|
url("./Flaticon.woff2") format("woff2"), |
||||||
|
url("./Flaticon.woff") format("woff"), |
||||||
|
url("./Flaticon.ttf") format("truetype"), |
||||||
|
url("./Flaticon.svg#Flaticon") format("svg"); |
||||||
|
font-weight: normal; |
||||||
|
font-style: normal; |
||||||
|
} |
||||||
|
|
||||||
|
@media screen and (-webkit-min-device-pixel-ratio:0) { |
||||||
|
@font-face { |
||||||
|
font-family: "Flaticon"; |
||||||
|
src: url("./Flaticon.svg#Flaticon") format("svg"); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
.fi:before{ |
||||||
|
display: inline-block; |
||||||
|
font-family: "Flaticon"; |
||||||
|
font-style: normal; |
||||||
|
font-weight: normal; |
||||||
|
font-variant: normal; |
||||||
|
line-height: 1; |
||||||
|
text-decoration: inherit; |
||||||
|
text-rendering: optimizeLegibility; |
||||||
|
text-transform: none; |
||||||
|
-moz-osx-font-smoothing: grayscale; |
||||||
|
-webkit-font-smoothing: antialiased; |
||||||
|
font-smoothing: antialiased; |
||||||
|
} |
||||||
|
|
||||||
|
.flaticon-bear:before { content: "\f100"; } |
||||||
|
.flaticon-baby:before { content: "\f101"; } |
||||||
|
.flaticon-teach:before { content: "\f102"; } |
||||||
|
.flaticon-child:before { content: "\f103"; } |
||||||
|
.flaticon-certificate:before { content: "\f104"; } |
||||||
|
.flaticon-draw:before { content: "\f105"; } |
||||||
|
|
||||||
|
$font-Flaticon-bear: "\f100"; |
||||||
|
$font-Flaticon-baby: "\f101"; |
||||||
|
$font-Flaticon-teach: "\f102"; |
||||||
|
$font-Flaticon-child: "\f103"; |
||||||
|
$font-Flaticon-certificate: "\f104"; |
||||||
|
$font-Flaticon-draw: "\f105"; |
@ -0,0 +1,45 @@ |
|||||||
|
/* |
||||||
|
Flaticon icon font: Flaticon |
||||||
|
Creation date: 22/06/2020 05:16 |
||||||
|
*/ |
||||||
|
|
||||||
|
@font-face { |
||||||
|
font-family: "Flaticon"; |
||||||
|
src: url("./Flaticon.eot"); |
||||||
|
src: url("./Flaticon.eot?#iefix") format("embedded-opentype"), |
||||||
|
url("./Flaticon.woff2") format("woff2"), |
||||||
|
url("./Flaticon.woff") format("woff"), |
||||||
|
url("./Flaticon.ttf") format("truetype"), |
||||||
|
url("./Flaticon.svg#Flaticon") format("svg"); |
||||||
|
font-weight: normal; |
||||||
|
font-style: normal; |
||||||
|
} |
||||||
|
|
||||||
|
@media screen and (-webkit-min-device-pixel-ratio:0) { |
||||||
|
@font-face { |
||||||
|
font-family: "Flaticon"; |
||||||
|
src: url("./Flaticon.svg#Flaticon") format("svg"); |
||||||
|
} |
||||||
|
} |
||||||
|
|
||||||
|
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, |
||||||
|
[class^="flaticon-"]:after, [class*=" flaticon-"]:after { |
||||||
|
font-family: Flaticon; |
||||||
|
speak: none; |
||||||
|
font-style: normal; |
||||||
|
font-weight: normal; |
||||||
|
font-variant: normal; |
||||||
|
text-transform: none; |
||||||
|
line-height: 1; |
||||||
|
|
||||||
|
/* Better Font Rendering =========== */ |
||||||
|
-webkit-font-smoothing: antialiased; |
||||||
|
-moz-osx-font-smoothing: grayscale; |
||||||
|
} |
||||||
|
|
||||||
|
.flaticon-bear:before { content: "\f100"; } |
||||||
|
.flaticon-baby:before { content: "\f101"; } |
||||||
|
.flaticon-teach:before { content: "\f102"; } |
||||||
|
.flaticon-child:before { content: "\f103"; } |
||||||
|
.flaticon-certificate:before { content: "\f104"; } |
||||||
|
.flaticon-draw:before { content: "\f105"; } |
@ -0,0 +1,485 @@ |
|||||||
|
<!DOCTYPE html> |
||||||
|
<!-- |
||||||
|
Flaticon icon font: Flaticon |
||||||
|
Creation date: 22/06/2020 05:16 |
||||||
|
--> |
||||||
|
<html> |
||||||
|
<!DOCTYPE html> |
||||||
|
<html> |
||||||
|
|
||||||
|
<head> |
||||||
|
<title>Flaticon WebFont</title> |
||||||
|
<link href="http://fonts.googleapis.com/css?family=Varela+Round" rel="stylesheet" type="text/css" /> |
||||||
|
<link rel="stylesheet" type="text/css" href="flaticon.css"> |
||||||
|
<meta charset="UTF-8"> |
||||||
|
<style> |
||||||
|
html, body, div, span, applet, object, iframe, |
||||||
|
h1, h2, h3, h4, h5, h6, p, blockquote, pre, |
||||||
|
a, abbr, acronym, address, big, cite, code, |
||||||
|
del, dfn, em, img, ins, kbd, q, s, samp, |
||||||
|
small, strike, strong, sub, sup, tt, var, |
||||||
|
b, u, i, center, |
||||||
|
dl, dt, dd, ol, ul, li, |
||||||
|
fieldset, form, label, legend, |
||||||
|
table, caption, tbody, tfoot, thead, tr, th, td, |
||||||
|
article, aside, canvas, details, embed, |
||||||
|
figure, figcaption, footer, header, hgroup, |
||||||
|
menu, nav, output, ruby, section, summary, |
||||||
|
time, mark, audio, video { |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
border: 0; |
||||||
|
font-size: 100%; |
||||||
|
font: inherit; |
||||||
|
vertical-align: baseline; |
||||||
|
} |
||||||
|
/* HTML5 display-role reset for older browsers */ |
||||||
|
article, aside, details, figcaption, figure, |
||||||
|
footer, header, hgroup, menu, nav, section { |
||||||
|
display: block; |
||||||
|
} |
||||||
|
body { |
||||||
|
line-height: 1; |
||||||
|
} |
||||||
|
ol, ul { |
||||||
|
list-style: none; |
||||||
|
} |
||||||
|
blockquote, q { |
||||||
|
quotes: none; |
||||||
|
} |
||||||
|
blockquote:before, blockquote:after, |
||||||
|
q:before, q:after { |
||||||
|
content: ''; |
||||||
|
content: none; |
||||||
|
} |
||||||
|
table { |
||||||
|
border-collapse: collapse; |
||||||
|
border-spacing: 0; |
||||||
|
} |
||||||
|
body { |
||||||
|
font-family: 'Varela Round', Helvetica, Arial, sans-serif; |
||||||
|
font-size: 16px; |
||||||
|
color: #222; |
||||||
|
} |
||||||
|
a { |
||||||
|
color: #333; |
||||||
|
border-bottom: 1px solid #a9fd00; |
||||||
|
font-weight: bold; |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
* { |
||||||
|
-moz-box-sizing: border-box; |
||||||
|
-webkit-box-sizing: border-box; |
||||||
|
box-sizing: border-box; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
} |
||||||
|
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after { |
||||||
|
font-family: Flaticon; |
||||||
|
font-size: 30px; |
||||||
|
font-style: normal; |
||||||
|
margin-left: 20px; |
||||||
|
color: #333; |
||||||
|
} |
||||||
|
.wrapper { |
||||||
|
max-width: 600px; |
||||||
|
margin: auto; |
||||||
|
padding: 0 1em; |
||||||
|
} |
||||||
|
.title { |
||||||
|
font-size: 1.25em; |
||||||
|
text-align: center; |
||||||
|
margin-bottom: 1em; |
||||||
|
text-transform: uppercase; |
||||||
|
} |
||||||
|
header { |
||||||
|
text-align: center; |
||||||
|
background-color: #222; |
||||||
|
color: #fff; |
||||||
|
padding: 1em; |
||||||
|
} |
||||||
|
header .logo { |
||||||
|
width: 210px; |
||||||
|
height: 38px; |
||||||
|
display: inline-block; |
||||||
|
vertical-align: middle; |
||||||
|
margin-right: 1em; |
||||||
|
border: none; |
||||||
|
} |
||||||
|
header strong { |
||||||
|
font-size: 1.95em; |
||||||
|
font-weight: bold; |
||||||
|
vertical-align: middle; |
||||||
|
margin-top: 5px; |
||||||
|
display: inline-block; |
||||||
|
} |
||||||
|
.demo { |
||||||
|
margin: 2em auto; |
||||||
|
line-height: 1.25em; |
||||||
|
} |
||||||
|
.demo ul li { |
||||||
|
margin-bottom: 1em; |
||||||
|
} |
||||||
|
.demo ul li .num { |
||||||
|
color: #222; |
||||||
|
border-radius: 20px; |
||||||
|
display: inline-block; |
||||||
|
width: 26px; |
||||||
|
padding: 3px; |
||||||
|
height: 26px; |
||||||
|
text-align: center; |
||||||
|
margin-right: 0.5em; |
||||||
|
border: 1px solid #222; |
||||||
|
} |
||||||
|
.demo ul li code { |
||||||
|
background-color: #222; |
||||||
|
border-radius: 4px; |
||||||
|
padding: 0.25em 0.5em; |
||||||
|
display: inline-block; |
||||||
|
color: #fff; |
||||||
|
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; |
||||||
|
font-weight: lighter; |
||||||
|
margin-top: 1em; |
||||||
|
font-size: 0.8em; |
||||||
|
word-break: break-all; |
||||||
|
} |
||||||
|
.demo ul li code.big { |
||||||
|
padding: 1em; |
||||||
|
font-size: 0.9em; |
||||||
|
} |
||||||
|
.demo ul li code .red { |
||||||
|
color: #EF3159; |
||||||
|
} |
||||||
|
.demo ul li code .green { |
||||||
|
color: #ACFF65; |
||||||
|
} |
||||||
|
.demo ul li code .yellow { |
||||||
|
color: #FFFF99; |
||||||
|
} |
||||||
|
.demo ul li code .blue { |
||||||
|
color: #99D3FF; |
||||||
|
} |
||||||
|
.demo ul li code .purple { |
||||||
|
color: #A295FF; |
||||||
|
} |
||||||
|
.demo ul li code .dots { |
||||||
|
margin-top: 0.5em; |
||||||
|
display: block; |
||||||
|
} |
||||||
|
#glyphs { |
||||||
|
border-bottom: 1px solid #ccc; |
||||||
|
padding: 2em 0; |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.glyph { |
||||||
|
display: inline-block; |
||||||
|
width: 9em; |
||||||
|
margin: 1em; |
||||||
|
text-align: center; |
||||||
|
vertical-align: top; |
||||||
|
background: #FFF; |
||||||
|
} |
||||||
|
.glyph .glyph-icon { |
||||||
|
padding: 10px; |
||||||
|
display: block; |
||||||
|
font-family:"Flaticon"; |
||||||
|
font-size: 64px; |
||||||
|
line-height: 1; |
||||||
|
} |
||||||
|
.glyph .glyph-icon:before { |
||||||
|
font-size: 64px; |
||||||
|
color: #222; |
||||||
|
margin-left: 0; |
||||||
|
} |
||||||
|
.class-name { |
||||||
|
font-size: 0.65em; |
||||||
|
background-color: #222; |
||||||
|
color: #fff; |
||||||
|
border-radius: 4px 4px 0 0; |
||||||
|
padding: 0.5em; |
||||||
|
color: #FFFF99; |
||||||
|
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; |
||||||
|
} |
||||||
|
.author-name { |
||||||
|
font-size: 0.6em; |
||||||
|
background-color: #fcfcfd; |
||||||
|
border: 1px solid #DEDEE4; |
||||||
|
border-top: 0; |
||||||
|
border-radius: 0 0 4px 4px; |
||||||
|
padding: 0.5em; |
||||||
|
} |
||||||
|
.class-name:last-child { |
||||||
|
font-size: 10px; |
||||||
|
color:#888; |
||||||
|
} |
||||||
|
.class-name:last-child a { |
||||||
|
font-size: 10px; |
||||||
|
color:#555; |
||||||
|
} |
||||||
|
.class-name:last-child a:hover { |
||||||
|
color:#a9fd00; |
||||||
|
} |
||||||
|
.glyph > input { |
||||||
|
display: block; |
||||||
|
width: 100px; |
||||||
|
margin: 5px auto; |
||||||
|
text-align: center; |
||||||
|
font-size: 12px; |
||||||
|
cursor: text; |
||||||
|
} |
||||||
|
.glyph > input.icon-input { |
||||||
|
font-family:"Flaticon"; |
||||||
|
font-size: 16px; |
||||||
|
margin-bottom: 10px; |
||||||
|
} |
||||||
|
.attribution .title { |
||||||
|
margin-top: 2em; |
||||||
|
} |
||||||
|
.attribution textarea { |
||||||
|
background-color: #fcfcfd; |
||||||
|
padding: 1em; |
||||||
|
border: none; |
||||||
|
box-shadow: none; |
||||||
|
border: 1px solid #DEDEE4; |
||||||
|
border-radius: 4px; |
||||||
|
resize: none; |
||||||
|
width: 100%; |
||||||
|
height: 150px; |
||||||
|
font-size: 0.8em; |
||||||
|
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; |
||||||
|
-webkit-appearance: none; |
||||||
|
} |
||||||
|
.iconsuse { |
||||||
|
margin: 2em auto; |
||||||
|
text-align: center; |
||||||
|
max-width: 1200px; |
||||||
|
} |
||||||
|
.iconsuse:after { |
||||||
|
content: ''; |
||||||
|
display: table; |
||||||
|
clear: both; |
||||||
|
} |
||||||
|
.iconsuse .image { |
||||||
|
float: left; |
||||||
|
width: 25%; |
||||||
|
padding: 0 1em; |
||||||
|
} |
||||||
|
.iconsuse .image p { |
||||||
|
margin-bottom: 1em; |
||||||
|
} |
||||||
|
.iconsuse .image span { |
||||||
|
display: block; |
||||||
|
font-size: 0.65em; |
||||||
|
background-color: #222; |
||||||
|
color: #fff; |
||||||
|
border-radius: 4px; |
||||||
|
padding: 0.5em; |
||||||
|
color: #FFFF99; |
||||||
|
margin-top: 1em; |
||||||
|
font-family: Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New, monospace; |
||||||
|
} |
||||||
|
#footer { |
||||||
|
text-align: center; |
||||||
|
background-color: #4C5B5C; |
||||||
|
color: #7c9192; |
||||||
|
padding: 1em; |
||||||
|
} |
||||||
|
#footer a { |
||||||
|
border: none; |
||||||
|
color: #a9fd00; |
||||||
|
font-weight: normal; |
||||||
|
} |
||||||
|
@media (max-width: 960px) { |
||||||
|
.iconsuse .image { |
||||||
|
width: 50%; |
||||||
|
} |
||||||
|
} |
||||||
|
@media (max-width: 560px) { |
||||||
|
.iconsuse .image { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
} |
||||||
|
</style> |
||||||
|
</head> |
||||||
|
|
||||||
|
<body class="characters-off"> |
||||||
|
|
||||||
|
<header> |
||||||
|
<a href="https://www.flaticon.com" target="_blank" class="logo"> |
||||||
|
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:a="http://ns.adobe.com/AdobeSVGViewerExtensions/3.0/" viewBox="0 0 560.875 102.036" enable-background="new 0 0 560.875 102.036" xml:space="preserve"> |
||||||
|
<defs> |
||||||
|
</defs> |
||||||
|
<g> |
||||||
|
<g class="letters"> |
||||||
|
<path fill="#ffffff" d="M141.596,29.675c0-3.777,2.985-6.767,6.764-6.767h34.438c3.426,0,6.15,2.728,6.15,6.15 |
||||||
|
c0,3.43-2.724,6.149-6.15,6.149h-27.674v13.091h23.719c3.429,0,6.151,2.724,6.151,6.15c0,3.43-2.723,6.149-6.151,6.149h-23.719 |
||||||
|
v17.574c0,3.773-2.986,6.761-6.764,6.761c-3.779,0-6.764-2.989-6.764-6.761V29.675z"></path> |
||||||
|
<path fill="#ffffff" d="M193.844,29.149c0-3.781,2.985-6.767,6.764-6.767c3.776,0,6.763,2.985,6.763,6.767v42.957h25.039 |
||||||
|
c3.426,0,6.149,2.726,6.149,6.153c0,3.425-2.723,6.15-6.149,6.15h-31.802c-3.779,0-6.764-2.986-6.764-6.768V29.149z"></path> |
||||||
|
<path fill="#ffffff" d="M241.891,75.71l21.438-48.407c1.492-3.341,4.215-5.357,7.906-5.357h0.792 |
||||||
|
c3.686,0,6.323,2.017,7.815,5.357l21.439,48.407c0.436,0.967,0.701,1.845,0.701,2.723c0,3.602-2.809,6.501-6.414,6.501 |
||||||
|
c-3.161,0-5.269-1.845-6.499-4.655l-4.132-9.661h-27.059l-4.301,10.102c-1.144,2.631-3.426,4.214-6.237,4.214 |
||||||
|
c-3.517,0-6.24-2.81-6.24-6.325C241.1,77.64,241.451,76.677,241.891,75.71z M279.932,58.666l-8.521-20.297l-8.526,20.297H279.932 |
||||||
|
z"></path> |
||||||
|
<path fill="#ffffff" d="M314.864,35.387H301.86c-3.429,0-6.239-2.813-6.239-6.238c0-3.429,2.811-6.24,6.239-6.24h39.533 |
||||||
|
c3.426,0,6.237,2.811,6.237,6.24c0,3.425-2.811,6.238-6.237,6.238h-13.001v42.785c0,3.773-2.99,6.761-6.764,6.761 |
||||||
|
c-3.779,0-6.764-2.989-6.764-6.761V35.387z"></path> |
||||||
|
<path fill="#A9FD00" d="M352.615,29.149c0-3.781,2.985-6.767,6.767-6.767c3.774,0,6.761,2.985,6.761,6.767v49.024 |
||||||
|
c0,3.773-2.987,6.761-6.761,6.761c-3.781,0-6.767-2.989-6.767-6.761V29.149z"></path> |
||||||
|
<path fill="#A9FD00" d="M374.132,53.836v-0.179c0-17.481,13.178-31.801,32.065-31.801c9.22,0,15.459,2.458,20.557,6.238 |
||||||
|
c1.402,1.054,2.637,2.985,2.637,5.357c0,3.692-2.985,6.59-6.681,6.59c-1.845,0-3.071-0.702-4.044-1.319 |
||||||
|
c-3.776-2.813-7.729-4.393-12.562-4.393c-10.364,0-17.831,8.611-17.831,19.154v0.173c0,10.542,7.291,19.329,17.831,19.329 |
||||||
|
c5.715,0,9.492-1.756,13.359-4.834c1.049-0.874,2.458-1.491,4.039-1.491c3.429,0,6.325,2.813,6.325,6.236 |
||||||
|
c0,2.106-1.056,3.78-2.282,4.834c-5.539,4.834-12.036,7.733-21.878,7.733C387.572,85.464,374.132,71.493,374.132,53.836z"></path> |
||||||
|
<path fill="#A9FD00" d="M433.009,53.836v-0.179c0-17.481,13.79-31.801,32.766-31.801c18.981,0,32.592,14.143,32.592,31.628v0.173 |
||||||
|
c0,17.483-13.785,31.807-32.769,31.807C446.625,85.464,433.009,71.32,433.009,53.836z M484.224,53.836v-0.179 |
||||||
|
c0-10.539-7.725-19.326-18.626-19.326c-10.893,0-18.449,8.611-18.449,19.154v0.173c0,10.542,7.73,19.329,18.626,19.329 |
||||||
|
C476.676,72.986,484.224,64.378,484.224,53.836z"></path> |
||||||
|
<path fill="#A9FD00" d="M506.233,29.321c0-3.774,2.99-6.763,6.767-6.763h1.401c3.252,0,5.183,1.583,7.029,3.953l26.093,34.265 |
||||||
|
V29.059c0-3.692,2.99-6.677,6.681-6.677c3.683,0,6.671,2.985,6.671,6.677v48.934c0,3.78-2.987,6.765-6.764,6.765h-0.436 |
||||||
|
c-3.257,0-5.188-1.581-7.034-3.953l-27.056-35.492v32.944c0,3.687-2.985,6.676-6.678,6.676c-3.683,0-6.673-2.989-6.673-6.676 |
||||||
|
V29.321z"></path> |
||||||
|
</g> |
||||||
|
<g class="insignia"> |
||||||
|
<path fill="#ffffff" d="M48.372,56.137h12.517l11.156-18.537H37.186L25.688,18.539h57.825L94.668,0H9.271 |
||||||
|
C5.925,0,2.842,1.801,1.198,4.716c-1.644,2.907-1.593,6.482,0.134,9.343l50.38,83.501c1.678,2.781,4.689,4.476,7.938,4.476 |
||||||
|
c3.246,0,6.257-1.695,7.935-4.476l2.898-4.804L48.372,56.137z"></path> |
||||||
|
<g class="i"> |
||||||
|
<path fill="#A9FD00" d="M93.575,18.539h0.031v0.004l21.652,0.004l2.705-4.488c1.727-2.861,1.778-6.436,0.133-9.343 |
||||||
|
C116.454,1.801,113.371,0,110.026,0h-5.294L93.575,18.539z"></path> |
||||||
|
<polygon fill="#A9FD00" points="88.291,27.356 64.725,66.486 75.519,84.404 109.942,27.356"></polygon> |
||||||
|
</g> |
||||||
|
</g> |
||||||
|
</g> |
||||||
|
</svg> |
||||||
|
</a> |
||||||
|
<strong>Font Demo</strong> |
||||||
|
</header> |
||||||
|
|
||||||
|
|
||||||
|
<section class="demo wrapper"> |
||||||
|
|
||||||
|
<p class="title">Instructions</p> |
||||||
|
|
||||||
|
<ul> |
||||||
|
<li> |
||||||
|
<span class="num">1</span>Copy the "Fonts" files and CSS files to your website CSS folder. |
||||||
|
</li> |
||||||
|
<li> |
||||||
|
<span class="num">2</span>Add the CSS link to your website source code on header. |
||||||
|
<code class="big"> |
||||||
|
<<span class="red">head</span>> |
||||||
|
<br/><span class="dots">...</span> |
||||||
|
<br/><<span class="red">link</span> <span class="green">rel</span>=<span class="yellow">"stylesheet"</span> <span class="green">type</span>=<span class="yellow">"text/css"</span> <span class="green">href</span>=<span class="yellow">"your_website_domain/css_root/flaticon.css"</span>> |
||||||
|
<br/><span class="dots">...</span> |
||||||
|
<br/></<span class="red">head</span>> |
||||||
|
</code> |
||||||
|
</li> |
||||||
|
|
||||||
|
<li> |
||||||
|
<p> |
||||||
|
<span class="num">3</span>Use the icon class on <code>"<span class="blue">display</span>:<span class="purple"> inline</span>"</code> elements: |
||||||
|
<br /> |
||||||
|
Use example: <code><<span class="red">i</span> <span class="green">class</span>=<span class="yellow">"flaticon-airplane49"</span>></<span class="red">i</span>></code> or <code><<span class="red">span</span> <span class="green">class</span>=<span class="yellow">"flaticon-airplane49"</span>></<span class="red">span</span>></code> |
||||||
|
</li> |
||||||
|
</ul> |
||||||
|
|
||||||
|
</section> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section id="glyphs"> |
||||||
|
|
||||||
|
|
||||||
|
<div class="glyph"><div class="glyph-icon flaticon-bear"></div> |
||||||
|
<div class="class-name">.flaticon-bear</div> |
||||||
|
<div class="author-name">Author: <a data-file="001-bear" href="https://www.flaticon.com/authors/smashicons">Smashicons</a> </div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="glyph"><div class="glyph-icon flaticon-baby"></div> |
||||||
|
<div class="class-name">.flaticon-baby</div> |
||||||
|
<div class="author-name">Author: <a data-file="002-baby" href="http://www.freepik.com">Freepik</a> </div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="glyph"><div class="glyph-icon flaticon-teach"></div> |
||||||
|
<div class="class-name">.flaticon-teach</div> |
||||||
|
<div class="author-name">Author: <a data-file="003-teach" href="http://www.freepik.com">Freepik</a> </div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="glyph"><div class="glyph-icon flaticon-child"></div> |
||||||
|
<div class="class-name">.flaticon-child</div> |
||||||
|
<div class="author-name">Author: <a data-file="004-child" href="http://www.freepik.com">Freepik</a> </div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="glyph"><div class="glyph-icon flaticon-certificate"></div> |
||||||
|
<div class="class-name">.flaticon-certificate</div> |
||||||
|
<div class="author-name">Author: <a data-file="005-certificate" href="http://www.freepik.com">Freepik</a> </div> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="glyph"><div class="glyph-icon flaticon-draw"></div> |
||||||
|
<div class="class-name">.flaticon-draw</div> |
||||||
|
<div class="author-name">Author: <a data-file="006-draw" href="https://www.flaticon.com/authors/photo3idea-studio">photo3idea_studio</a> </div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
</section> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
<section class="attribution wrapper" style="text-align:center;"> |
||||||
|
|
||||||
|
<div class="title">License and attribution:</div><div class="attrDiv">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <div><p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="005-certificate" href="http://www.freepik.com">Freepik</a>, <a data-file="001-bear" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="006-draw" href="https://www.flaticon.com/authors/photo3idea-studio">photo3idea_studio</a></p> </div> |
||||||
|
</div> |
||||||
|
<div class="title">Copy the Attribution License:</div> |
||||||
|
|
||||||
|
<textarea onclick="this.focus();this.select();">Font generated by <a href="https://www.flaticon.com">flaticon.com</a>. <p>Under <a href="http://creativecommons.org/licenses/by/3.0/">CC</a>: <a data-file="005-certificate" href="http://www.freepik.com">Freepik</a>, <a data-file="001-bear" href="https://www.flaticon.com/authors/smashicons">Smashicons</a>, <a data-file="006-draw" href="https://www.flaticon.com/authors/photo3idea-studio">photo3idea_studio</a></p> |
||||||
|
</textarea> |
||||||
|
|
||||||
|
</section> |
||||||
|
|
||||||
|
<section class="iconsuse"> |
||||||
|
|
||||||
|
<div class="title">Examples:</div> |
||||||
|
|
||||||
|
<div class="image"> |
||||||
|
<p> |
||||||
|
<i class="glyph-icon flaticon-bear"></i> |
||||||
|
<span><i class="flaticon-bear"></i></span> |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="image"> |
||||||
|
<p> |
||||||
|
<i class="glyph-icon flaticon-baby"></i> |
||||||
|
<span><i class="flaticon-baby"></i></span> |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="image"> |
||||||
|
<p> |
||||||
|
<i class="glyph-icon flaticon-teach"></i> |
||||||
|
<span><i class="flaticon-teach"></i></span> |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
<div class="image"> |
||||||
|
<p> |
||||||
|
<i class="glyph-icon flaticon-child"></i> |
||||||
|
<span><i class="flaticon-child"></i></span> |
||||||
|
</p> |
||||||
|
</div> |
||||||
|
|
||||||
|
</div> |
||||||
|
|
||||||
|
</section> |
||||||
|
|
||||||
|
<div id="footer"> |
||||||
|
<div>Generated by <a href="https://www.flaticon.com">flaticon.com</a> |
||||||
|
</div> |
||||||
|
</div> |
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
</body> |
||||||
|
</html> |
@ -0,0 +1,7 @@ |
|||||||
|
Open *demo.html* to see a list of all the glyphs in your font along with their codes/ligatures. |
||||||
|
|
||||||
|
To use the generated font in desktop programs, you can install the TTF font. In order to copy the character associated with each icon, refer to the text box at the bottom right corner of each glyph in demo.html. The character inside this text box may be invisible; but it can still be copied. See this guide for more info: https://icomoon.io/#docs/local-fonts |
||||||
|
|
||||||
|
You won't need any of the files located under the *demo-files* directory when including the generated font in your own projects. |
||||||
|
|
||||||
|
You can import *selection.json* back to the IcoMoon app using the *Import Icons* button (or via Main Menu → Manage Projects) to retrieve your icon selection. |
@ -0,0 +1,155 @@ |
|||||||
|
body { |
||||||
|
padding: 0; |
||||||
|
margin: 0; |
||||||
|
font-family: sans-serif; |
||||||
|
font-size: 1em; |
||||||
|
line-height: 1.5; |
||||||
|
color: #555; |
||||||
|
background: #fff; |
||||||
|
} |
||||||
|
h1 { |
||||||
|
font-size: 1.5em; |
||||||
|
font-weight: normal; |
||||||
|
} |
||||||
|
small { |
||||||
|
font-size: .66666667em; |
||||||
|
} |
||||||
|
a { |
||||||
|
color: #e74c3c; |
||||||
|
text-decoration: none; |
||||||
|
} |
||||||
|
a:hover, a:focus { |
||||||
|
box-shadow: 0 1px #e74c3c; |
||||||
|
} |
||||||
|
.bshadow0, input { |
||||||
|
box-shadow: inset 0 -2px #e7e7e7; |
||||||
|
} |
||||||
|
input:hover { |
||||||
|
box-shadow: inset 0 -2px #ccc; |
||||||
|
} |
||||||
|
input, fieldset { |
||||||
|
font-family: sans-serif; |
||||||
|
font-size: 1em; |
||||||
|
margin: 0; |
||||||
|
padding: 0; |
||||||
|
border: 0; |
||||||
|
} |
||||||
|
input { |
||||||
|
color: inherit; |
||||||
|
line-height: 1.5; |
||||||
|
height: 1.5em; |
||||||
|
padding: .25em 0; |
||||||
|
} |
||||||
|
input:focus { |
||||||
|
outline: none; |
||||||
|
box-shadow: inset 0 -2px #449fdb; |
||||||
|
} |
||||||
|
.glyph { |
||||||
|
font-size: 16px; |
||||||
|
width: 15em; |
||||||
|
padding-bottom: 1em; |
||||||
|
margin-right: 4em; |
||||||
|
margin-bottom: 1em; |
||||||
|
float: left; |
||||||
|
overflow: hidden; |
||||||
|
} |
||||||
|
.liga { |
||||||
|
width: 80%; |
||||||
|
width: calc(100% - 2.5em); |
||||||
|
} |
||||||
|
.talign-right { |
||||||
|
text-align: right; |
||||||
|
} |
||||||
|
.talign-center { |
||||||
|
text-align: center; |
||||||
|
} |
||||||
|
.bgc1 { |
||||||
|
background: #f1f1f1; |
||||||
|
} |
||||||
|
.fgc1 { |
||||||
|
color: #999; |
||||||
|
} |
||||||
|
.fgc0 { |
||||||
|
color: #000; |
||||||
|
} |
||||||
|
p { |
||||||
|
margin-top: 1em; |
||||||
|
margin-bottom: 1em; |
||||||
|
} |
||||||
|
.mvm { |
||||||
|
margin-top: .75em; |
||||||
|
margin-bottom: .75em; |
||||||
|
} |
||||||
|
.mtn { |
||||||
|
margin-top: 0; |
||||||
|
} |
||||||
|
.mtl, .mal { |
||||||
|
margin-top: 1.5em; |
||||||
|
} |
||||||
|
.mbl, .mal { |
||||||
|
margin-bottom: 1.5em; |
||||||
|
} |
||||||
|
.mal, .mhl { |
||||||
|
margin-left: 1.5em; |
||||||
|
margin-right: 1.5em; |
||||||
|
} |
||||||
|
.mhmm { |
||||||
|
margin-left: 1em; |
||||||
|
margin-right: 1em; |
||||||
|
} |
||||||
|
.mls { |
||||||
|
margin-left: .25em; |
||||||
|
} |
||||||
|
.ptl { |
||||||
|
padding-top: 1.5em; |
||||||
|
} |
||||||
|
.pbs, .pvs { |
||||||
|
padding-bottom: .25em; |
||||||
|
} |
||||||
|
.pvs, .pts { |
||||||
|
padding-top: .25em; |
||||||
|
} |
||||||
|
.unit { |
||||||
|
float: left; |
||||||
|
} |
||||||
|
.unitRight { |
||||||
|
float: right; |
||||||
|
} |
||||||
|
.size1of2 { |
||||||
|
width: 50%; |
||||||
|
} |
||||||
|
.size1of1 { |
||||||
|
width: 100%; |
||||||
|
} |
||||||
|
.clearfix:before, .clearfix:after { |
||||||
|
content: " "; |
||||||
|
display: table; |
||||||
|
} |
||||||
|
.clearfix:after { |
||||||
|
clear: both; |
||||||
|
} |
||||||
|
.hidden-true { |
||||||
|
display: none; |
||||||
|
} |
||||||
|
.textbox0 { |
||||||
|
width: 3em; |
||||||
|
background: #f1f1f1; |
||||||
|
padding: .25em .5em; |
||||||
|
line-height: 1.5; |
||||||
|
height: 1.5em; |
||||||
|
} |
||||||
|
#testDrive { |
||||||
|
display: block; |
||||||
|
padding-top: 24px; |
||||||
|
line-height: 1.5; |
||||||
|
} |
||||||
|
.fs0 { |
||||||
|
font-size: 16px; |
||||||
|
} |
||||||
|
.fs1 { |
||||||
|
font-size: 28px; |
||||||
|
} |
||||||
|
.fs2 { |
||||||
|
font-size: 24px; |
||||||
|
} |
||||||
|
|
@ -0,0 +1,30 @@ |
|||||||
|
if (!('boxShadow' in document.body.style)) { |
||||||
|
document.body.setAttribute('class', 'noBoxShadow'); |
||||||
|
} |
||||||
|
|
||||||
|
document.body.addEventListener("click", function(e) { |
||||||
|
var target = e.target; |
||||||
|
if (target.tagName === "INPUT" && |
||||||
|
target.getAttribute('class').indexOf('liga') === -1) { |
||||||
|
target.select(); |
||||||
|
} |
||||||
|
}); |
||||||
|
|
||||||
|
(function() { |
||||||
|
var fontSize = document.getElementById('fontSize'), |
||||||
|
testDrive = document.getElementById('testDrive'), |
||||||
|
testText = document.getElementById('testText'); |
||||||
|
function updateTest() { |
||||||
|
testDrive.innerHTML = testText.value || String.fromCharCode(160); |
||||||
|
if (window.icomoonLiga) { |
||||||
|
window.icomoonLiga(testDrive); |
||||||
|
} |
||||||
|
} |
||||||
|
function updateSize() { |
||||||
|
testDrive.style.fontSize = fontSize.value + 'px'; |
||||||
|
} |
||||||
|
fontSize.addEventListener('change', updateSize, false); |
||||||
|
testText.addEventListener('input', updateTest, false); |
||||||
|
testText.addEventListener('change', updateTest, false); |
||||||
|
updateSize(); |
||||||
|
}()); |
After Width: | Height: | Size: 913 KiB |
@ -0,0 +1,9 @@ |
|||||||
|
<!doctype html> |
||||||
|
<html lang="en"> |
||||||
|
<head> |
||||||
|
<meta charset="utf-8"> |
||||||
|
<title>Silence is eloquence.</title> |
||||||
|
</head> |
||||||
|
<body> |
||||||
|
</body> |
||||||
|
</html> |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 10 KiB |
After Width: | Height: | Size: 11 KiB |
After Width: | Height: | Size: 74 KiB |
After Width: | Height: | Size: 54 KiB |
After Width: | Height: | Size: 96 KiB |
After Width: | Height: | Size: 87 KiB |
After Width: | Height: | Size: 74 KiB |
After Width: | Height: | Size: 85 KiB |
After Width: | Height: | Size: 126 KiB |
After Width: | Height: | Size: 74 KiB |
After Width: | Height: | Size: 150 KiB |
After Width: | Height: | Size: 100 KiB |
After Width: | Height: | Size: 125 KiB |
After Width: | Height: | Size: 55 KiB |
After Width: | Height: | Size: 72 KiB |
After Width: | Height: | Size: 101 KiB |
After Width: | Height: | Size: 76 KiB |
After Width: | Height: | Size: 54 KiB |
After Width: | Height: | Size: 67 KiB |
After Width: | Height: | Size: 71 KiB |
After Width: | Height: | Size: 56 KiB |
After Width: | Height: | Size: 150 KiB |
After Width: | Height: | Size: 31 KiB |
After Width: | Height: | Size: 58 KiB |
After Width: | Height: | Size: 40 KiB |
After Width: | Height: | Size: 39 KiB |
After Width: | Height: | Size: 52 KiB |
After Width: | Height: | Size: 40 KiB |
After Width: | Height: | Size: 47 KiB |
After Width: | Height: | Size: 31 KiB |
After Width: | Height: | Size: 51 KiB |
After Width: | Height: | Size: 24 KiB |
After Width: | Height: | Size: 44 KiB |
After Width: | Height: | Size: 124 KiB |
After Width: | Height: | Size: 122 KiB |